* {
    font-family: "Rubic Regular";
}

h1 {
    font-family: "Montserrat Bold";
    font-size: 2.3rem;
}

h2 {
    font-family: "Montserrat Bold";
}

h3 {
    font-family: "Montserrat Regular";
    font-weight: 700;
    font-size: 1.7rem;
}

h5 {
    font-family: "Montserrat Medium";
    font-weight: 700;
    font-size: 1rem;
    color: black;
}

h6 {
    font-family: "Montserrat Regular";
    font-weight: 700;
    color: #000;
}

p {
    font-family: "Rubic Regular";
}

.header {
    background-color: #F9FAFF;
    height: 80px;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.header a {
    color: #000000;
    font-family: 'Montserrat Regular';
    font-size: 13px;
}

.navbar {
    font-family: "Rubic Regular";
}

a {
    text-decoration: none;
}

.mobile {
    display: none;
}

.service_docs_mobile {
    display: none;
}

.service_docs_help_mobile {
    display: none;
}

.date-header {
    color: #707070;
    font-family: 'Rubic Regular';
    display: flex;
}

.weather {
    margin-top: -4px;
}

.news-image-sm {
    width: 70%!important;
    border-radius: 20px;
}

@media (max-width: 500px) {
    .desktop {
        display: none!important;
    }
    .mobile {
        display: block;
    }
    .news-hover {
        width: 104%!important;
        border: none!important;
    }
    .services .slick-list {
        margin-right: 0px!important;
        margin-left: 30px!important;
    }
    .cal-width {
        width: 100%!important;
    }
    .cal-list {
        display: block!important;
    }
    .cal-header {
        width: 100%!important;
    }
    .service_docs_mobile {
        background-image: url(../../images/latest/pnkinds.png)!important;
        height: 377px!important;
        display: block;
    }
    .service_docs_help_mobile {
        background-image: url(../../images/latest/background_docs.png)!important;
        height: 377px!important;
        display: block;
    }
    .documents .card-title {
        font-size: 13px!important;
    }
    .polygon {
        margin-right: 7px;
    }
    .service_doc_title h2 {
        line-height: 40px!important;
    }
    .backbg {
        background-size: cover!important;
        /* height: 700px!important; */
    }
    .backbg .row {
        --bs-gutter-x: 5.5rem !important;
    }
    .backbg img {
        width: 100%!important;
        height: 365px;
    }
    .backbg h2 {
        padding-top: 15px!important;
        font-size: 22px
    }
    .backbg-box p {
        font-size: 18px!important;
    }
    .slider-lider .slick-dots {
        margin-top: 16px!important;
    }
    h1 {
        font-size: 1.5rem!important;
    }
    .news-detail-description {
        padding-top: 20px;
        margin: auto!important;
        font-size: 18px!important;
    }
    .news-image-sm {
        width: 100%!important
    }
    .news-detail-image-sm {
        width: 100%!important;
        margin: 0px!important
    }
    .new-header .container {
        margin-left: 10px!important
    }
    .bg-half {
        display: none;
        right: -40px!important;
        height: 100px!important;
        width: 100%!important;
    }
    .news-list {
        margin-left: 7px;
    }
    .news .title {
        font-size: 21px!important;
        margin-top: 20px;
        margin-left: -8px;
    }
    .description {
        margin-left: -8px;
    }
    .detail-h1 {
        font-size: 21px!important;
    }
    .news-detail-description p {
        margin-top: 20px;
        margin-bottom: -20px
    }
    .card-body .col-md-2 {
        align-items: baseline;
        display: flex;
    }
    .card-body .col-md-2 h6 {
        font-size: 18px!important;
        margin-left: 10px;
    }
    .card-body .col-md-10 {
        margin-left: -10px;
    }
    .buttonSigniIn-animation {
        width: 142%!important;
        margin-bottom: 20px
    }
    .services-bottom-card {
        width: 95%!important;
        margin-bottom: 10px;
        margin-left: 10px;
        margin-right: 10px!important;
    }
    .svg-service-grid svg {
        width: 50px!important;
        height: 50px!important;
    }
    .service-grid p {
        font-size: 16px!important;
    }
    .service-card {
        top: 50px!important;
    }
    .service-grid {
        margin-left: -5px;
        margin-right: 1px;
    }
    .authantication .nav-item {
        width: 38%!important;
    }
    .tab-pane .col-md-9 {
        margin-left: 12%!important;
    }
    #captcha {
        margin-left: 2px!important;
    }
    .lang-align {
        border-top: 1px solid #d2cece;
        min-width: 0!important;
        padding: 0px;
        transform: translate(1309px, -25px)!important;
    }
    .nav-bar {
        position: absolute;
        background-color: #fff;
        top: 256px;
        right: 100%;
        height: 65vh;
        width: 250px;
        display: flex;
        justify-content: center;
        align-items: center;
        transition: position 2.9s;
        -webkit-transition: position 2.9s;
        -moz-transition: position 2.9s;
        -ms-transition: position 2.9s;
        -o-transition: position 2.9s;
        z-index: 1
    }
    .toggle {
        left: 0;
        box-shadow: 1px 0 15px 2px rgb(0 0 0 / 4%);
    }
    .toggle-menu {
        background-color: rgb(239 215 215 / 7%);
        position: absolute;
        top: -54px;
        left: 554px;
        width: 40px;
        height: 30px;
        display: flex;
        flex-direction: column;
        justify-content: space-around;
        padding: 2px 2px 2px 3px;
        border-radius: 5px;
        cursor: pointer;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        -ms-border-radius: 5px;
        -o-border-radius: 5px;
    }
    .line {
        width: 100%;
        height: 3px;
        border-radius: 5px;
        background-color: #fff;
        transition: transform 0.2s ease-out;
        -webkit-transition: transform 0.2s ease-out;
        -moz-transition: transform 0.2s ease-out;
        -ms-transition: transform 0.2s ease-out;
        -o-transition: transform 0.2s ease-out;
    }
    .toggle .line1 {
        background-color: #fff;
        transform: scale(0.9) rotateZ(-45deg) translate(-6px, 4px);
    }
    .toggle .line2 {
        display: none;
    }
    .toggle .line3 {
        background-color: #fff;
        transform: scale(0.9) rotateZ(45deg) translate(-6px, -4px);
    }
    .toggle .toggle-menu {
        background-color: #0050c200;
        left: 311px;
    }
    .nav-list {
        list-style: none;
    }
    .nav-list-item {
        padding: 0px 0!important;
    }
    .border-link {
        border-bottom: 1px solid #ddd;
    }
    .nav-link {
        color: #fff;
        font-size: 22px;
        text-decoration: none;
        position: relative;
        padding-bottom: 4px;
        padding: 20px 0px!important;
    }
    .nav-link::before {
        position: absolute;
        content: '';
        left: 0;
        bottom: 0;
        width: 100%;
        height: 1px;
        background-color: #fff;
        transform: scaleX(0);
        transition: transform 0.4s ease-in-out;
        transform-origin: left;
        -webkit-transition: transform 0.4s ease-in-out;
        -moz-transition: transform 0.4s ease-in-out;
        -ms-transition: transform 0.4s ease-in-out;
        -o-transition: transform 0.4s ease-in-out;
    }
    .nav-link:hover::before {
        transform: scaleX(1);
    }
    .form-check {
        margin-left: 10px;
    }
    .btn-danger {
        margin-top: 10px;
    }
    #table {
        font-family: Arial, Helvetica, sans-serif;
        border-collapse: collapse;
        width: 100%;
        min-width: 100px!important;
    }
    #table td,
    #table th {
        border: 1px solid #ddd;
        padding: 8px;
        background-color: #fbfbfb;
    }
    #table tr:nth-child(even) {
        background-color: #f2f2f2;
    }
    #table tr:hover {
        background-color: #ddd;
    }
    #table th {
        padding-top: 12px;
        padding-bottom: 12px;
        text-align: left;
        background-color: #efefef;
        color: #101010;
    }
    .calculator>div .childSupportProfile {
        margin-left: 60px!important;
    }
    .calculator>div .twoRow {
        margin: 10px
    }
    .mapInfo {
        padding: 0px!important;
        height: 750px;
    }
    .margin-left {
        margin-left: 20%!important;
    }
    .res_icon {
        width: 20px
    }
    .devider {
        padding-left: 45px!important;
    }
    .links_to_doc {
        font-size: 16px!important;
    }
    .signs_title {
        font-size: 1.1rem;
        width: 92%;
        margin-top: 13px;
        margin-left: 20px;
    }
    h3 {
        font-size: 17px!important
    }
}

@media only screen and (max-width: 1280px) and (min-width: 1100px) {
    .service-text {
        margin-top: -20px!important
    }
    .services .card {
        width: 210px!important;
    }
}

@media only screen and (max-width: 1450px) and (min-width: 1200px) {
    .service-text {
        margin-top: -20px!important
    }
    .service-grid p {
        font-size: 22px!important;
        font-family: 'Montserrat Bold';
    }
    .services .card {
        width: 209px!important;
    }
    .navbar a {
        font-size: 13.5px!important;
    }
    .line11 {
        font-size: 17px;
    }
    .slider .card {
        width: 20rem
    }
}

.service_doc_title h2 {
    line-height: 50px;
}

.line11 {
    overflow: auto!important;
}

.img {
    float: left!important;
    width: 100px!important;
    height: 100px!important;
    background: #000
}

.line22 {
    float: right!important;
    padding: 20px 0px 0px 0px;
    font-family: "Montserrat Bold";
}

.line22 p {
    margin: 0;
}

.nav-link {
    font-size: 18px!important;
    font-family: "Montserrat Medium"!important;
}

.dropdown-menu .nav-item {
    margin: 0px 9px;
    font-family: 'Montserrat Medium';
}

.slick-slide {
    padding: 0 5px 0 5px;
}

.services {
    background-color: #F9FAFF;
}

.services .slick-slide {
    margin: 0px 7px;
}

.services .slick-list {
    padding-bottom: 30px;
}

.services .card {
    background: #fff;
    border-radius: 10px;
    display: inline-block;
    position: relative;
    width: 240px;
    height: 230px;
    padding: 25px;
    margin: 27px 0px 27px 0px;
    border: none
}

.card-1 {
    box-shadow: 0px 5px 1px rgb(0 0 0 / 20%), 0 1px 2px rgb(0 0 0 / 14%);
    transition: all 0.3s cubic-bezier(.25, .8, .25, 1);
}

.card-1:hover {
    box-shadow: 0 14px 28px #1295EF, 0 10px 1px #1295EF;
    background-color: #1295EF;
    color: #fff;
}

.svg path {
    fill: #1295ef;
}

.left-card-body .svg path {
    fill: #f8f8f8;
}

.right-card-body .svg path {
    fill: #f8f8f8;
}

.small-card-right .svg path {
    fill: #41589e;
}

.card-1:hover .svg path {
    fill: #fff;
    fill-rule: evenodd;
}

.services a {
    color: #5d5d5d;
    font-family: "Rubic Regular";
}

.documents small {
    padding: 0px 10px;
}

.documents .card-text {
    color: #6c757d;
    margin-left: -10px;
}

.documents .row {
    margin-bottom: 15px;
    justify-content: space-between;
}

.documents a {
    display: flex;
    justify-content: space-between;
    position: relative;
    margin-bottom: 40px;
}

.documents .a:after {
    content: "";
    position: absolute;
    top: 0%;
    right: 0;
    width: 2px;
    height: 75%;
    background: #6c757d21
}

.documents .card-title {
    color: black;
}

.documents p {
    color: #707070;
}

.documents h5 {
    color: black;
    font-family: "Montserrat Regular"!important;
}

.hero {
    background-color: rgba(128, 128, 128, 0.226);
    background-position: center;
    background-size: cover;
    color: #ffffff;
    padding: 1em;
    text-align: center;
    height: 350px;
    display: table;
    width: 100%;
    border-radius: 20px;
    margin-bottom: 25px;
}

.gallery {
    background-color: #F7F9FE;
}

.gallery .img-wrapper {
    position: relative;
    width: 100%;
    cursor: pointer;
}

.gallery .img-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #1d1b1bba
}

.gallery.img-wrapper img {
    width: 100%;
}

.bottom-left {
    position: absolute;
    bottom: 60px;
    left: 16px;
    color: #fffffff2;
    font-weight: 600;
    text-transform: uppercase;
    font-family: 'Montserrat Regular';
    font-size: 1.4rem;
    transition: transform .5s ease;
}

.img-wrapper:hover .bottom-left {
    transform: translate(0, -25px);
}

.bottom-second-left {
    position: absolute;
    bottom: 10px;
    left: 16px;
    color: white;
    font-size: 1.1rem;
    text-transform: uppercase;
    font-family: 'Montserrat Medium';
}

.top-left .date {
    font-size: 30px;
    font-family: "Rubic Regular";
    font-weight: 700;
    margin: 0;
    padding: 0;
}

.top-left .month {
    font-size: 20px;
    margin: 0;
    padding: 0;
}


/* Top left text */

.top-left {
    position: absolute;
    top: 8px;
    left: 16px;
    color: white;
}

.webRecources .card {
    background: #fff;
    border-radius: 0px;
    display: inline-block;
    height: 170px;
    position: relative;
    width: 240px;
    margin: 27px 82px 27px 0px;
    padding: 25px;
    border: none;
}

.webRecources .card-1 {
    transition: all 0.3s cubic-bezier(.25, .8, .25, 1);
    display: flex;
    flex-direction: column;
    padding-top: 5px;
}

.webRecources .slick-slide {
    width: 240px!important;
    margin: 0px 7px;
}

.webRecources .slick-list {
    margin-right: 50px;
    margin-left: 50px;
}

.webRecources .card-1:hover {
    box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);
}

.webRecources .title {
    font-size: 13px;
    color: #000;
}

.footer a {
    font-family: "Rubic Regular";
    font-size: 15px
}

.footer {
    padding-bottom: 70px;
    background-size: 100%;
}

.footerBottom {
    margin-top: -50px;
    color: gray;
}

.footerBottom a {
    color: gray;
    font-family: "Rubic Regular";
    font-size: 15px
}

.footer-category {
    margin-top: 24px;
    display: flex;
    flex-direction: column
}

.footer-category h5 {
    font-weight: 600;
    color: black;
    margin-bottom: 0 !important;
    margin-left: 5px;
}

.footer .logo_text {
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.footer-category .footer-info {
    font-weight: bolder;
    font-size: 18px;
}

.breadcrumb-item {
    font-size: 18px;
    font-family: 'Rubic Regular';
}

.breadcrumb-item.active {
    color: #000;
    font-family: "Rubic Medium";
}

.page-link {
    padding: 15px 50px;
}

.documents small {
    padding: 0px 10px;
}

.documents .card-text {
    color: #6c757d;
}

.documents .card {
    border: none;
}

.documents .row {
    margin-bottom: 15px;
}

.documents .card-body {
    padding: 1rem 0rem;
}

.documents .card-body:after {
    content: "";
    position: absolute;
    top: 0%;
    right: 0;
    width: 2px;
    height: 75%;
    background: #6c757d21
}

.documents .card-title {
    color: black;
    padding-top: 5px;
}

.input-wrapper {
    padding: 10px;
    border: 1px solid #478cfa;
}

.item {
    font-size: 17px!important;
}

.input-wrapper.focus {
    border-color: #39c086!important;
}

.item.is-now {
    color: #0035b0!important;
}

.datepicker {
    font-size: 17px!important;
    color: black!important;
}

.picker-content {
    width: 350px!important;
}

.year {
    font-size: 20px!important;
}

select {
    padding: 10px!important;
}

.form-select:focus {
    border-color: #0050c2!important;
    outline: 0;
    box-shadow: none!important;
}

input:focus {
    border-color: #ddd!important;
    outline: 0;
    box-shadow: none!important;
}

.form-control {
    padding: 9px!important;
    border-radius: 15px;
}

.btn-success {
    background-color: #39c086;
    border-color: #39c086;
    height: 43px;
}

.form-check-input:checked {
    background-color: #0d6efd;
    border-color: #0d6efd;
}

.form-check-input {
    margin-right: 10px;
}

.money {
    font-size: 20px;
    color: #39c086;
    font-weight: 500;
    font-family: "Rubic Medium";
}

.cal-title {
    font-weight: 500;
    font-family: "Rubic Medium";
}

.nav-pills .nav-link.active,
.nav-pills .show>.nav-link {
    color: #000!important;
    ;
    background-color: #f4f7fe!important;
}

.nav-link {
    color: #000;
    padding: 25px 0px;
}

.form-select:focus {
    border-color: #ddd!important;
    outline: 0;
    box-shadow: none!important;
}

input:focus {
    border-color: #ddd!important;
    outline: 0;
    box-shadow: none!important;
}

textarea:focus {
    border-color: #0050c2!important;
    outline: 0;
    box-shadow: none!important;
}

.accordion button {
    font-family: 'Rubic Regular';
    font-size: 18px;
    font-weight: 500;
}

.accordion button:focus {
    border: none;
    box-shadow: none;
}

.accordion-button:not(.collapsed) {
    color: #000000;
    background-color: #ffffff;
    box-shadow: inset 0 -1px 0 rgb(0 0 0 / 13%);
}

.accordion-body {
    background-color: #fff;
}

.accordion-header button {
    font-size: 18px;
    font-family: 'Montserrat Bold';
}

.accordion-item {
    margin: 20px 0px;
    background-color: #fff;
    border: none;
    padding: 10px;
    border-radius: 20px;
}

.hero {
    background-color: rgba(128, 128, 128, 0.226);
    background-position: center;
    background-size: cover;
    color: #ffffff;
    padding: 1em;
    text-align: center;
    height: 250px;
    display: table;
    width: 100%;
    cursor: pointer;
}

.gallery .row {
    --bs-gutter-x: 0.3rem!important;
}

.hero p {
    text-align: left;
    display: table-cell;
    vertical-align: bottom;
    transition: transform .5s ease;
    font-family: 'Montserrat Regular';
    font-size: 1.2rem;
}

.hero img {
    position: absolute;
    top: 6rem;
    right: 10rem;
}

.hero:hover img {
    position: absolute;
    top: 6rem;
    right: 10rem;
    background-color: #2362dd;
    border-radius: 10px;
    padding: 5px;
}

.hero:hover p {
    transform: translate(0, -25px);
}

.pseudo-search {
    display: inline;
    border: 2px solid #ccc;
    border-radius: 1px;
    padding: 6px 15px;
    transition: background-color 0.5 ease-in-out;
}

.redaction input {
    border: 0;
    background-color: transparent;
    width: 300px;
}

input:focus {
    outline: none;
}

button,
i {
    border: none;
    background: none;
    cursor: pointer;
}

select {
    border: none;
    border-radius: 15px !important;
}

.news .news-image {
    width: 100%;
    height: 200px;
    border-radius: 2px;
    object-fit: cover;
    object-position: top;
}

.redaction-month {
    color: #a0a0a0;
}

.bookmark {
    width: 30px;
}

.bookmark img {
    transform: rotate(-90deg);
    margin-right: 10px
}

.news .title {
    font-size: 26px;
    color: #000!important;
}

.news-list:hover .title {
    color: #0050C2!important;
}

.description {
    text-align: justify;
    color: #000!important;
}

.pagination .page-link {
    padding: 10px;
    color: #000!important;
    border: none;
}

.page-item.active .page-link {
    color: #0d6efd!important;
    background-color: #fff!important;
}

.services-all .left-card {
    height: 300px;
    background-color: #c4c4c4;
    color: #fff;
    display: flex;
    flex-direction: row;
}

.services-all .right-card {
    height: 150px;
    background-color: #41589e;
    color: #fff;
    display: flex;
}

.services-all .small-card-left {
    height: 140px;
    background-color: #636363;
    color: #fff;
    display: flex;
}

.services-all .small-card-right {
    height: 140px;
    background-color: #f1f1f1;
    color: #41589e;
    display: flex;
}

.left-card-body {
    align-self: flex-end;
    padding: 20px;
}

.right-card-body {
    align-self: flex-end;
    padding: 10px;
}

.right-card-body p {
    margin: 0;
}

.polygon {
    align-self: center;
}

.polygon-right-icon {
    width: 16px;
    margin-left: -32px;
}

.buttonSigniIn-animation {
    width: 100%;
    height: 50px;
    border: 3px solid #34495e;
    float: left;
    text-align: center;
    cursor: pointer;
    position: relative;
    box-sizing: border-box;
    overflow: hidden;
    /* margin:0 0 40px 50px; */
}

.buttonSigniIn-animation a {
    font-family: arial;
    font-size: 16px;
    color: #34495e;
    text-decoration: none;
    line-height: 50px;
    transition: all .5s ease;
    z-index: 2;
    position: relative;
}

.buttonSigniIn-animation a:hover {
    color: #fdfdfd!important;
}

.eff-buttonSigniIn {
    width: 100%;
    height: 50px;
    bottom: -50px;
    background: #41589e;
    color: #fff;
    position: absolute;
    transition: all .5s ease;
    z-index: 1;
}

.buttonSigniIn-animation:hover .eff-buttonSigniIn {
    bottom: 0;
}

.buttonSigniIn-animation:hover a {
    color: #fff;
}

.boxSigniIn {
    padding-left: 9%;
}

.devider {
    border-right: 1px solid #ddd;
}

.modal-header {
    border: none
}

.modal-footer {
    border: none
}

.sigIn {
    padding: 20% 0% 30% 0%
}

.sigUp label {
    font-size: 10px!important;
    font-family: Rubic Regular;
    color: rgb(142 142 142);
}

.sigUp {
    padding: 2% 0% 30% 0%
}

.login {
    justify-content: center;
    margin-top: 7%;
}

.pagination {
    justify-content: center;
    flex-wrap: wrap;
}

.best-news-bg {
    background-color: #F0F6FF;
}

.news .row {
    justify-content: space-between;
}

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

.news-share {
    display: flex;
    margin-left: 20px;
    cursor: pointer;
}

.news-share img {
    padding-bottom: 37px;
    margin-right: 14px;
    width: 20%;
}

.news-viewed {
    display: flex;
    margin-left: 20px;
    cursor: pointer;
}

.news-viewed img {
    padding-bottom: 27px;
    margin-right: 14px;
    margin-bottom: 10px;
}

.news p {
    color: 000;
}

.contact-right {
    font-family: 'Monserrat Regular';
    font-size: 20px;
    font-weight: 600;
    color: #0035b0;
    display: -webkit-box;
    margin: 0px 10px;
}

.contact-left {
    font-family: 'Monserrat Regular';
    font-size: 20px;
    font-weight: 600;
    color: #000;
}

.grey {
    color: #5E5E5E;
}

.black {
    color: #000;
}

.new-header {
    position: relative;
    background-color: #0050C2;
}

.news-content-top p {
    color: #fffffff2;
    font-family: Rubic Regular;
    margin-top: 2px;
}

.new-header h1 {
    color: #fff;
}

.breadcrumb-item a {
    text-decoration: none;
    color: #000;
}

.zagalowka {
    position: relative;
    background-color: #F9FAFF;
}

.zagalowka h1 {
    color: black;
    text-align: center;
}

.black-gray {
    color: #434343!important
}

.light-gray {
    color: #676767
}

.faq-bg {
    background-color: #F6F7FB;
    ;
}

.service-grid-top-left {
    padding: 75px 30px;
    background-position: left;
    margin: 4px 0px;
}

.service-grid p {
    font-size: 26px;
    font-family: 'Montserrat Bold';
    width: 225px;
}

.service-grid-top-right {
    margin: 4px 0px;
    padding: 75px 30px;
}

.svg-service-grid path {
    fill: #000;
}

.service-bottom {
    background-color: #F7F9FE;
}

.services-bottom-card {
    width: 31%;
    background-color: #fff;
    padding: 30px;
    margin-right: 15px;
    color: #000;
}

.services-bottom-card p {
    font-size: 20px;
    font-family: Rubic Medium;
}

.documentList {
    background-color: #F4F4F4;
    width: 49%;
    border: 1px solid #ddd;
    margin-bottom: 20px;
}

.documentList a {
    border-right: none;
}

.ml-6 {
    margin-left: 60px
}

.doc-a {
    display: flex;
    justify-content: space-between;
    margin-bottom: 40px
}

.bread-bg {
    background-color: #F9FAFF;
}

ol {
    margin: 0px!important;
}

.accordion-body {
    font-size: 16px;
    font-family: 'Rubic Regular';
}

label {
    font-family: 'Rubic regular';
}

.user-sidebar {}

.user-sidebar-link {
    margin: 10px 0px;
}

.user-sidebar-link {
    margin-bottom: 2px;
    cursor: pointer;
}

.user-sidebar-link path {
    fill: #818181;
}

.user-sidebar-link:hover path {
    fill: #000;
}

.user-sidebar-link a {
    font-family: 'Rubic Regular';
    font-size: 18px;
    color: #818181;
    margin-left: 4px;
}

.user-sidebar-link :hover {
    color: #000;
}

.underline-animation::after {
    content: '';
    display: block;
    width: 0;
    height: 1px;
    background: #000;
    transition: width .3s;
    margin-top: 8px;
    margin-left: 45px;
}

.underline-animation:hover::after {
    width: 75%;
    transition: width .3s;
}

.active-dashboard-link {
    color: #000;
    content: '';
    display: block;
    width: 0;
    height: 1px;
    background: #000;
    transition: width .3s;
    margin-top: 8px;
    margin-left: 45px;
    width: 60%;
}

.news-hover {
    cursor: pointer;
    /* transition: all .3s; */
}

.news-hover:hover .card-body h5 {
    color: white;
}

.news-hover .card-body p {
    color: gray;
}


/* .news-hover:hover {
    box-shadow: 0 0 8px rgba(0, 0, 0, .5);
    transform: scale(1.03);
    border-radius: 5px;
} */

.news-hover:hover .card-body p {
    color: white;
}

.slider .news-hover:hover .card-body {
    background: #2362dd;
    border-radius: 0px 0px 10px 10px;
}

.sliders .news-hover:hover .card-body {
    background: #2362dd;
    border-radius: 0px 0px 10px 10px;
}

.news-list-border {
    border-bottom: 1px solid #ddd;
    padding-bottom: 25px;
}

.news-list-border .col-md-3 {
    padding-left: 0;
}

.news-detail-description {
    margin: 30px 0px;
    text-align: justify;
    font-size: 18px!important;
}

.news-detail-description p {
    font-size: 18px!important;
}

.news-detail-description ol {
    padding-left: 30px;
}

.news-detail-description ul {
    padding-left: 30px!important;
}

.hover-animation:hover {
    color: #0050C2;
    cursor: pointer;
}

.hover-animation-best-news:hover h5 {
    color: #0050C2;
    cursor: pointer;
}

.hover-animation-best-news:hover h6 {
    color: #0050C2;
    cursor: pointer;
}

.service-card {
    position: absolute;
    top: 80px;
    left: 44px;
    color: #000;
    position: absolute
}

tr td {
    font-size: 16px;
    font-family: 'Rubic Regular';
    color: #5A5A5A;
    cursor: pointer;
}

.docs {
    position: relative;
    display: flex;
    color: #000;
}

.docs p {
    width: 77%;
    text-align: justify;
    align-self: center;
}

.docs img {
    height: 42px;
    margin-right: 10px;
    align-self: center;
    width: 45px
}

.docs-search .doc-search .input-group {
    width: 40rem;
    margin: auto;
    margin-bottom: 60px;
}

.docs-search {
    padding-bottom: 50px;
}

.search-container {
    width: 490px;
    display: block;
    margin: 0 auto;
}

input#search-bar {
    margin: 0 auto;
    width: 100%;
    height: 50px;
    padding: 0px 70px;
    font-size: 1rem;
    border: none;
    background: #F4F4F4;
    font-family: 'Rubic Regular';
    border-radius: 20px;
}

input#search-bar:focus {
    border: 1px solid #008abf;
    transition: 0.35s ease;
    color: #020202;
}

input#search-bar:focus::-webkit-input-placeholder {
    transition: opacity 0.45s ease;
    opacity: 0;
}

input#search-bar:focus::-moz-placeholder {
    transition: opacity 0.45s ease;
    opacity: 0;
}

input#search-bar:focus:-ms-placeholder {
    transition: opacity 0.45s ease;
    opacity: 0;
}

.search-icon {
    position: relative;
    float: right;
    width: 20px;
    height: 20px;
    top: 32px;
    right: -22px;
}

.error-valid {
    color: red;
}

.dropdown:hover .dropdown-menu {
    display: block;
    border-radius: 0px 0px 10px 10px;
}

.dropdown-menu {
    border-radius: 0px;
    margin-top: 2px;
}

.dropdown-item {
    padding: 8px 12px;
    border-radius: 6px;
}

.navbar-light .navbar-nav .nav-link:hover {
    color: #fff;
}

.dropdown-item.active,
.dropdown-item:active {
    background-color: #f5fdfe;
}

.dropdown-item:focus,
.dropdown-item:hover {
    background-color: #f5fdfe;
}

.card {
    cursor: pointer;
}

.new-record {
    padding: 10px;
    color: #000;
    text-decoration: none;
    border: 1px solid #ddd;
}

.fixed-bg {
    min-height: 601px;
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100%;
}

.service_docs {
    width: 100%;
}

.service_doc_title {
    position: absolute;
    top: 170px;
    color: #fff;
    padding-right: 20px;
}

.service_doc_title h1 {
    font-size: 37px;
}

.service_doc_title_blue {
    color: #1295ef;
}

.service_doc_btn {
    color: #ffffff;
    border-radius: 10px;
    width: 50%;
    background-color: #00449B;
    font-family: 'Montserrat Medium';
}

.card-2 {
    padding: 4px;
    border-radius: 15px;
    box-shadow: 0px 5px 1px rgb(0 0 0 / 20%), 0 1px 2px rgb(0 0 0 / 14%);
    display: flex;
    flex-direction: row;
    align-items: center;
    transition: all .3s ease-out;
}

.card-2:hover {
    -webkit-transition: all .3s ease-out;
    box-shadow: 1px 5px 14px 5px rgb(0 0 0 / 5%);
}

.text-header {
    font-size: 19px;
    font-family: 'Rubic Regular';
    color: #1295ef;
    margin-bottom: 5px;
}

.text-secondry {
    font-size: 18px;
    font-family: 'Rubic Regular';
}

.service-doc-icon {
    height: 80px;
    width: 82px;
    border-radius: 62px;
    border: 1px solid#ddd;
    object-fit: contain;
    margin: 10px 15px;
}

.accordion-header {
    font-size: 25px;
    font-family: 'Rubic Regular';
    text-align: center;
    padding: 7px 1.25rem;
    background-color: #ebecef;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

.accordion-body li {
    margin-left: 50px;
    list-style: outside;
    margin-top: 10px;
}

.authantication .container-bg {
    background-color: #fff;
}

.authantication .nav-item {
    width: 30%;
}

.authantication button {
    width: 100%;
}

.authantication .nav-tabs .nav-link {
    border: none;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.authantication .nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active {
    color: #000!important;
    background-color: #ffffff;
    font-weight: 700;
    border: none;
    border-bottom: 2px solid #0050c2;
}

.authantication .nav-tabs {
    border-bottom: none;
    justify-content: center;
}

.authantication .nav-link {
    padding: 20px 0px;
}

.profile-links {
    display: flex;
    font-size: 21px;
    color: #848488;
    padding: 17px;
}

.profile-links:hover {
    background-color: #efefef;
}

.activepr {
    background-color: #efefef;
}

.profile-links p {
    margin-left: 10px;
}

.prof-svg:hover path {
    fill: #000;
}

.profile-counter-title {
    font-size: 20px;
    font-family: 'Rubic Regular';
}

.edit-profile {
    background-color: #F7F7F7;
    padding: 20px;
    padding-bottom: 13%;
    position: relative;
}

.edit-profile img {
    width: 23px;
    position: absolute;
    right: 15px;
    top: 15px;
    cursor: pointer;
}

.edit-profile h6 {
    font-family: 'Montserrat Medium';
    font-weight: 700;
    font-size: 20px;
}

.edit-profile p {
    font-size: 18px;
    margin-top: 10px;
}

.bold {
    font-family: 'Rubic Bold';
    font-size: 16px;
}

.mapInfo {
    background-color: #F9FAFF;
    padding: 30px;
}

.mapIcon {
    display: flex;
}

.mapText {
    width: 70%;
    margin-left: 20px;
    font-size: 14px;
}

.mapInfo h4 {
    font-family: 'Montserrat Bold';
}

.loader {
    display: table;
    margin: auto;
    display: none;
    margin-top: 2%
}

#captcha {
    height: 38px;
    margin-left: 6px!important;
}

.upload-custom label {
    font-size: 20px;
    padding: 15px;
    border: 1px solid #1295EF;
    cursor: pointer;
}

.upload-custom img {
    margin-right: 10px;
}

.upload-custom p {
    font-size: 17px;
    margin-bottom: 15px;
}

.upload-custom {
    margin-bottom: -43px;
}

#count {
    align-self: center;
    margin-left: 18px;
}

.nav-item .nav-link {
    font-size: 14px!important;
    color: white;
    text-transform: uppercase;
}

.backbg {
    background: #F9FAFF;
    background-size: 100% 100%;
    background-repeat: no-repeat;
}

.topPad {
    padding-top: 5%;
    padding-bottom: 5%
}

.backbg-box p {
    font-size: 24px;
}

.backbg-box h3 {
    font-family: 'Montserrat Bold';
}

.navbar-light .navbar-nav .nav-link.active::after {
    content: '';
    display: block;
    height: 2px;
    background: white;
    transition: width .3s;
}

.navbar-light .navbar-nav .nav-link.active {
    color: white;
}

.navbar-light .navbar-nav .nav-link.active:hover {
    color: #fff;
}

.description p {
    font-family: "Rubic Regular";
    font-size: 18px;
    font-weight: 400;
    font-style: initial;
}

.news-detail-description p {
    font-family: "Rubic Regular";
    font-size: 18px;
    font-weight: 400;
    margin-top: 20px!important;
}

.custom-label {
    font-size: 20px;
    font-family: 'Rubic Regular';
    font-weight: 500;
}

.box_info {
    display: flex
}

.label-info {
    font-family: 'Rubic Medium';
    font-size: 20px;
    margin-left: 20px;
}

iframe {
    position: initial;
}

.bg-half {
    position: absolute;
    right: 113px;
    top: 2px;
    height: 100px;
    width: 41%;
}

.gsc-control-cse {
    background-color: #f3f8ff!important;
    border: 1px solid #f3f8ff!important;
}

table.gsc-search-box td.gsc-input {
    padding-right: 0px!important;
}

.gsib_a {
    padding: 3px 9px 3px 9px!important;
}

table.gsc-search-box {
    width: 65%!important;
}

.gsc-control-cse {
    padding: 0em!important;
}

.gsc-input {
    width: 46px!important;
}

.gsc-search-button-v2 {
    background-color: #008cd4!important;
}

#gsc-i-id1 {
    background-image: none!important;
}

.modal-header {
    background-color: #0050C2;
}

.modal-body {
    font-family: 'Rubic Regular';
    font-size: 18px;
    padding-top: 27px;
}

.lang {
    margin-left: 0px!important
}

.otp {
    margin-left: 30px;
    margin-right: 30px;
}

.st-help p {
    margin-top: 20px;
    font-family: 'Rubic Regular'!important;
    font-size: 19px;
}

.st-help * {
    font-size: 19px;
    font-family: 'Rubic Regular'!important;
}

.st-help div {
    font-size: 19px;
    font-family: 'Rubic Regular'!important;
}

.auth-bg {
    background: #F9FAFF;
    padding-top: 11%;
    padding-bottom: 10%;
    background-size: cover;
}

.devider {
    /* border-left: 1px solid #000; */
    border-right: 0px;
    border-radius: 20px;
    background: white;
    padding-bottom: 30px;
}

.auth_big_icon {
    width: 47%;
    height: 84%;
    justify-content: center;
    margin: auto;
}

.center-screen {
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    min-height: 100vh;
}

.auth_button {
    width: 100%;
    background-color: #0d6efd;
    border: none;
    padding: 10px;
    text-transform: uppercase;
    font-size: 20px;
    color: #fff;
    border: 1px solid #ddd;
    margin: 0px!important;
    border-radius: 4px;
}

.input-group-text::after {
    display: inline-block;
    content: "";
    border-top: 1px solid #dee2e6;
    width: 26px;
    transform: rotate(89deg);
}

.br {
    border-left: 0px;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}

#login input {
    margin-left: -26px;
    font-family: 'Rubic Regular';
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
}

.input-group-text {
    background-color: #fff!important;
}

.bord {
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
}

.cap {
    border-radius: 4px;
    margin-left: 20px!important;
    height: 38px;
}

.flex {
    font-family: 'Rubic Regular';
    font-weight: 600;
    font-size: 13px;
    color: #001934;
}

.flex a {
    font-family: 'Rubic Regular';
    font-weight: 600;
    font-size: 13px;
    color: #001934;
}

.flex img {
    margin-right: 7px;
}

.sc-br {
    border-radius: 10px!important;
}

.md-in {
    margin-left: -26px!important;
}

.margin-left {
    margin-left: 10%
}

.tab-column {
    display: flex;
}

.cal-header {
    font-weight: 700;
    text-align: center;
    width: 60%;
    font-size: 20px;
    margin: auto;
    justify-content: center;
    font-family: 'Montserrat Medium';
    line-height: 28px;
    color: #000;
}

.cal-header1 {
    text-align: center;
    width: 50%;
    font-size: 23px;
    margin: auto;
    justify-content: center;
    font-family: 'Montserrat Bold';
    text-transform: uppercase;
}

.line-cal-bold {
    display: flex;
}

.line-cal-bold img {
    width: 20px;
    height: 20px;
    align-self: center;
}

.line-cal-bold p {
    font-weight: 700;
    font-size: 20px;
    font-family: 'Montserrat Medium';
    line-height: 28px;
    color: #000;
    margin-left: 20px;
}

.line-cal {
    display: flex;
}

.line-cal p {
    font-size: 20px;
    font-family: 'Montserrat Regular';
    line-height: 28px;
    color: #181818;
}

.line-cal select {
    border-bottom: 1px solid #ddd;
    padding: 0px 10px!important;
    margin: 0px 20px;
    font-family: 'Montserrat Medium';
}

.line-cal-checkbox {
    display: flex;
}

.line-cal-checkbox p {
    font-size: 20px;
    font-family: 'Montserrat Regular';
    line-height: 28px;
    color: #000;
    margin-left: 10px;
}

.line-cal-checkbox input {
    align-self: center;
}

.first-box {
    border-bottom: 1px solid #0202023d;
    padding: 30px;
}

.second-box {
    padding: 30px;
}

.box {
    border: 1px solid #0202023d;
    margin-top: 50px;
}

.box1 {
    padding: 30px;
    border: 1px solid #0202023d;
    margin-top: 50px;
}

.money {
    border-bottom: 1px solid #000;
    font-weight: 700;
    color: #000;
    margin: 0px 15px;
}

select:focus-visible {}

.box-of-date input {
    color: #fff;
    border: none;
    font-family: 'Montserrat Regular';
    width: 48px;
    margin-left: 100px;
}

.calculate {
    background-color: #5F91D8;
    color: #fff;
    padding: 10px 40px;
}

.cal-btn {
    text-align: center;
    font-size: 23px;
    margin: auto!important;
    justify-content: center;
    font-family: 'Montserrat Regular';
}

.to-main {
    left: 30px;
    top: 80px;
    position: absolute;
    font-size: 18px;
    font-family: 'Montserrat Regular';
}

.to-main a {
    color: #000;
    margin-left: 10px;
}

.box-of-date svg {
    margin-left: 30px;
}

#add_date_input input {
    margin-left: 40px;
    margin-right: 20px;
}

.box-of-date p {
    display: flex;
    font-size: 16px;
    align-items: baseline;
    font-weight: 700;
    margin-right: 10px;
    font-family: 'Montserrat Regular';
}

.box-of-date {
    display: flex;
}

.optinal_text_css {
    text-align: justify!important;
    font-size: 18px!important;
    font-family: 'Rubic Regular'!important;
}

.optinal_text_css p {
    padding: 10px 0px;
    font-size: 18px!important;
    font-family: 'Rubic Regular'!important;
}

.optinal_text_css span {
    padding: 10px 0px;
    font-size: 18px!important;
    font-family: 'Rubic Regular'!important;
}

.file-size {
    position: absolute;
    bottom: -7px;
    right: 110px;
    width: max-content;
}

.download-count {
    position: absolute;
    bottom: -7px;
    right: 188px;
    width: max-content;
}

.drop-options {
    margin: 7px
}

.option {
    margin-top: 13px!important;
}

.td-detail {
    font-weight: 600;
    color: #000;
}

input[type='date']:in-range::-webkit-datetime-edit-year-field,
input[type='date']:in-range::-webkit-datetime-edit-month-field,
input[type='date']:in-range::-webkit-datetime-edit-day-field,
input[type='date']:in-range::-webkit-datetime-edit-text {
    color: transparent;
}

input[type="date"]::-webkit-calendar-picker-indicator {
    cursor: pointer;
    border-radius: 4px;
    /* margin-left: 132px;
    margin-top: 50px; */
    /* content:'';
    display:block;
    width:80px;
    height:90px;
    background:url('../images/latest/calendar.png') no-repeat;
    position:absolute;
    transform:translateX(-3%); */
}

input[type="date"]::-webkit-calendar-picker-indicator:hover {
    opacity: 1
}

input[type=date]:required:invalid::-webkit-datetime-edit {
    color: transparent;
}

input[type=date]:focus::-webkit-datetime-edit {
    color: black !important;
}

.navbar-text {
    width: 100%;
    justify-content: space-between;
}

.navbar-text ul {
    justify-content: space-between;
}

.bg-static {
    background-image: url('../images/latest/Rectangle 1003.png');
    padding: 20px;
    background-position: center;
    border-radius: 13px;
    margin: 10px;
    /*width: 37.5rem;*/
    height: 125px;
    position: relative;
    cursor: pointer
}

.card-static-pensia p {
    font-size: 18px;
    font-weight: 600;
    font-family: 'Montserrat Bold';
    color: #000;
}

.card-static-pensia {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-right: -50%;
    transform: translate(-50%, -50%);
    text-align: center;
    width: 440px;
}


}
.footer-info {
    margin: 4px;
}
.portal-button {
    padding: 18px 0px;
    color: #292929;
}
.active-bn {
    border-bottom: 2px solid #0050C2;
    color: #0050C2;
}
.shadow-custom:hover {
    box-shadow: 0px 8px 10px 1px rgba(0, 0, 0, 0.2);
    transform: translateY(-8px);
}
.shadow-custom {
    transition-property: box-shadow, transform;
    transition-duration: 350ms;
    transition-timing-function: ease;
    box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.24);
}
.year-select {
    width: 20%;
    margin-left: 20px;
    align-self: center;
}
.line-cal-bold p {
    align-self: center;
}
.yarym-yyl-check {
    margin-top: 1px;
    font-size: 19px;
}
.from_to {
    align-self: center;
    padding: 15px;
}
.breadcrumb {
    padding-left: 1px!important
}
.form_input_profile_update {
    border-left: none;
    margin-left: -17px;
}
.remove_default_click {
    pointer-events: none;
    cursor: default;
}
.slider-lider .slick-dots li {
    list-style: none
}
.slider-lider .slick-dots li button {
    /* display: none; */
    
    font-size: 0;
    line-height: 0;
    display: flex;
    flex-direction: row;
    width: 13px;
    height: 13px;
    padding: 5px;
    cursor: pointer;
    color: transparent;
    border: 0;
    outline: none;
    background: #d2e4ff;
    border-radius: 15px;
    margin: 2px;
}
.slider-lider .slick-dots {
    display: flex;
    flex-direction: row;
    justify-content: center;
    margin-top: 93px;
}
.slider-lider .slick-dots .slick-active button {
    background-color: #acceff;
    width: 45px;
}
.select2-container *:focus {
    outline: none;
}
.portal-nav {
    justify-content: space-between;
    display: flex;
    font-size: 20px;
}
.job-label {
    font-size: 18px;
}
.margin-radio-button {
    margin-top: 5px;
}
.twoRow h4 {
    color: #0050C2;
    font-size: 22px;
    font-family: "Montserrat Bold";
}
.cardBlueValue {
    color: #000;
}
.twoRow p {
    color: #000;
}
.jobs-province {
    color: #979797!important;
    font-size: 20px;
    padding-top: 7px;
}
.jobs-other-wishes {
    color: #000;
    padding-top: 20px;
    font-size: 22px;
}
.footer-cart-jobs {
    display: flex;
}
.footer-cart-jobs span {
    position: absolute;
    right: 17px;
    color: #979797;
}
.btn-online-consult {
    background-color: #0050C2;
    padding: 10px 20px;
    color: #fff;
    border-radius: 5px;
}
.btn-call {
    background-color: #979797;
    padding: 10px 20px;
    color: #fff;
    border-radius: 5px;
}
.btn-online-consult:hover {
    color: #fff;
}
.btn-call:hover {
    color: #fff;
}
.job-image-bg {
    background-image: url("../images/latest/job-bg.png");
    background-size: 100% auto;
    background-repeat: no-repeat;
    padding-bottom: 65px;
}
.job-profile-button {
    border: 1px solid #135106;
    padding: 10px 20px;
    border-radius: 10px;
    color: #135106;
    margin-right: 10px;
}
.job-resume-button {
    background-color: #135106;
    padding: 10px 30px;
    color: #fff;
    border-radius: 10px;
    border: 1px solid #135106;
}
.job-profile-button:hover {
    color: #fff;
    background-color: #135106;
}
.job-resume-button:hover {
    color: #000;
    background-color: inherit;
}
.job-image-bg h3 {
    color: #0050C2;
    font-family: "Montserrat Medium";
    font-size: 40px;
    font-weight: 700;
}
.choose_clasificator {
    margin-top: 40px;
    font-size: 20px;
}
.search-job .col-md-3 {
    padding-right: 0px;
}
.search-job .col-md-5 {
    padding-left: 0px;
    padding-right: 0px;
}
.search-job .col-md-1 {
    align-self: center;
    padding-left: 0;
}
.search-jobs {
    background-color: #0050C2;
    padding: 12.8px 40px;
    color: #fff;
    border-bottom-right-radius: 7px;
    border-top-right-radius: 7px;
    border: 1px solid #0050C2;
    align-self: center;
}
.search-jobs:hover {
    color: #fff;
}
.job-service img {
    width: 100px;
    margin: auto;
}
.job-service p {
    font-size: 18px;
    margin: auto;
    text-align: center;
    font-weight: 500;
    color: #000;
}
.job-service {
    height: 200px;
    padding: 20px;
    transition: all .3s ease-out;
    box-shadow: 0px 5px 1px rgb(0 0 0 / 20%), 0 1px 2px rgb(0 0 0 / 14%);
}
.job-service:hover {
    -webkit-transition: all .3s ease-out;
    box-shadow: 1px 5px 14px 5px rgb(0 0 0 / 5%);
}
.adds-job img {
    transition: all .3s ease-out;
    box-shadow: 0px 5px 1px rgb(0 0 0 / 20%), 0 1px 2px rgb(0 0 0 / 14%);
}
.adds-job img:hover {
    -webkit-transition: all .3s ease-out;
    box-shadow: 1px 5px 14px 5px rgb(0 0 0 / 5%);
}
.ish-portal {
    color: #0050C2;
    font-family: "Montserrat Medium"!important;
    font-size: 40px;
    font-weight: 700;
}
.checkboxes label {
    margin-top: 5px;
}
.lider_section_img {
    width: 374px;
    /* height: 415px; */
    
    margin-right: auto;
    display: flex;
}
.announcement {
    background-color: #F7F9FE;
}
.announcement-card p {
    width: 97%;
    font-size: 18px!important;
    color: #5d5d5d;
    margin: 10px 0px;
    text-align: justify;
}
.announcement-card h4 {
    font-size: 20px!important;
    color: #000;
    font-family: "Montserrat Bold";
}
.announcement-card img {
    width: 97%;
    height: 300px;
    object-fit: cover;
}
.container {
    overflow: hidden;
}
.navbar_faq {
    display: flex;
    margin-left: 0;
}
.data-right {
    display: flex;
    float: right;
    margin-left: auto;
}
.data-right a {
    margin-left: 20px;
}

/* PAGES */

/* SIGNIN PAGE */
.sign_in .btn-register {
    width: 100%;
    font-size: 16px;
    border: 1px solid #2362dd;
    border-radius: 10px;
}
.btn-registers {
    width: 100%;
    font-size: 16px;
    border: 1px solid #2362dd;
    border-radius: 10px;
}
.btn-registeres {
    font-size: 16px;
    border: 1px solid #2362dd;
    border-radius: 10px;
}
.dropdown,
.dropend,
.dropstart,
.dropup {
    position: unset!important;
}
#be_employee {
    display: none;
}
#be_employee select {
    border-radius: 4px !important;
}
.ligin_by_mail {
    width: 100%;
    font-size: 16px;
    border-bottom: 1px solid #2699fb;
}
#login_with_mail input {
    margin-left: -25px;
}
.rgs {
    width: 95%;
    margin-left: 30px!important;
}
.links_to_doc {
    font-family: 'Rubic Regular';
    color: rgba(0, 0, 0, .55);
    cursor: pointer;
    color: blue;
    font-size: 19px;
}
.signs_title {
    font-family: Montserrat Bold;
    text-transform: uppercase;
}
.title-href {
    color: #000!important
}
.contact-info {
    font-size: 17px;
    color: #000;
}
.login-link {
    text-transform: uppercase;
}
.eye-slash {
    cursor: pointer;
    height: 14px;
    width: 16px;
    background-repeat: no-repeat;
    background: url("../images/eye-slash.svg");
}
.eye-show {
    cursor: pointer;
    height: 14px;
    width: 16px;
    background-repeat: no-repeat;
    background: url("../images/eye.svg");
}
.duration-1 {
    transition-duration: 6s;
}
.cal-width {
    width: 23%;
}
.tooltip-style-custom {
    padding: 2px 6px;
    border: 1px solid #0050C2;
    border-radius: 23px;
    font-size: 13px;
    align-self: center;
}
@media only screen and (max-width: 600px) {
    .services .card {
        width: 140px!important;
        height: 160px;
        font-size: 12px;
    }
    
    .services .card svg {
        height: 40px;
        width: 40px;
    }
    
    .services .card p {
        padding-top: 10px!important;
    }
}
@media only screen and (min-width: 768px) {
    .navbar-logo .container {
        display: flex;
        padding-top: 20px;
        padding-bottom: 20px;
    }
    
    .navbar-logo .logo_1 {
        margin-right: auto;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
    }
    
    .navbar-logo .logo_2 {
        margin-left: auto;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
    }
    
    .navbar-logo .logo_1 .logo_1_image img {
        width: 60px;
    }
    
    .navbar-logo .logo_1 .logo_1_text span {
        color: black;
        font-weight: bolder;
        font-size: 20px;
    }
    
    .navbar-logo .logo_1 .logo_1_text {
        margin-left: 10px;
    }
    
    .navbar-logo .logo_2 .logo_2_text span {
        color: black;
        font-weight: 500;
        font-size: 18px;
    }
    
    .navbar-logo .logo_2 .logo_2_text {
        margin-right: 10px;
    }
}
@media only screen and (max-width: 768px) {
    .navbar-logo .container {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    
    .navbar-logo .logo_1 {
        margin-right: auto;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
    }
    
    .navbar-logo .logo_2 {
        display: none;
    }
    
    .navbar-logo .logo_1 .logo_1_image img {
        width: 60px;
    }
    
    .navbar-logo .logo_1 .logo_1_text span {
        color: black;
        font-weight: bolder;
        font-size: 14px;
    }
    
    .navbar-logo .logo_1 .logo_1_text {
        margin-left: 10px;
    }
}
.navbar-collapse .navbar-text {
    padding-top: 0px;
    padding-bottom: 0px;
}
marquee {
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding-top: 10px;
    padding-bottom: 10px;
    overflow-x: hidden !important;
    background: linear-gradient(0deg, #FFFFFF, #FFFFFF);
    border-bottom: 1px solid #E9E9E9;
    border-top: 1px solid #E9E9E9;
    transition: ease-in-out 0.3s;
    transition: all .3s;
}
marquee a p span:hover {
    background: #2362dd;
    color: white;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 10px;
    padding-right: 10px;
    border-radius: 10px;
}
marquee .text_car {
    font-weight: 500;
    font-size: 14px;
    color: black;
    margin-left: 20px;
    margin-right: 20px;
}
marquee .running {
    font-size: 14px;
    color: gray;
}
marquee img {
    margin-right: 5px;
}
.running {
    display: inline-block;
    margin: 5px;
}
.news-name {
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    background: #F9FAFF;
}
.services-name {
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}
.docs-name {
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}
.articles-name {
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}
.newses {
    background: #F9FAFF;
}
.news-name img {
    width: 40px;
    height: 40px;
    background: #2362dd;
    padding: 10px;
    border-radius: 10px;
}
.news-name .title-href h1 {
    margin-bottom: 0px;
}
.services-name img {
    width: 40px;
    height: 40px;
    background: #2362dd;
    padding: 10px;
    border-radius: 10px;
}
.services-name .title-href h1 {
    margin-bottom: 0px;
}
.docs-name img {
    width: 40px;
    height: 40px;
    background: #2362dd;
    padding: 10px;
    border-radius: 10px;
}
.docs-name .title-href h1 {
    margin-bottom: 0px;
}
.articles-name img {
    width: 40px;
    height: 40px;
    background: #2362dd;
    padding: 10px;
    border-radius: 10px;
}
.articles-name .title-href h1 {
    margin-bottom: 0px;
}
.slider .news-hover {
    border-radius: 10px;
}
.slider .news-hover .card-body {
    background: white
}
.sliders .news-hover {
    border-radius: 20px;
}
.sliders .news-hover .card-body {
    background: white
}
.card-body .aos-item h5 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    /* number of lines to show */
    
    line-clamp: 2;
    -webkit-box-orient: vertical;
}
.news-hover .card-body {
    padding-top: 30px;
    padding-bottom: 30px;
    border-radius: 10px;
}
.news-hover .card-img-top img {
    border-radius: 10px 10px 0px 0px;
}
.services-card {
    background: white;
    cursor: pointer;
    border-radius: 10px;
    height: 300px;
    position: relative;
    margin-top: 20px;
}
.services-card:hover {
    background: #2362dd;
}
.services-card:hover .services-text span {
    color: white;
    font-size: 20px;
    text-align: center;
}
.services-card:hover .services-text {
    align-self: center;
}
.services-card:hover .services-open a {
    color: white;
    border-bottom: 1px solid white;
    font-size: 20px;
    text-align: center;
}
.services-card:hover .services-open {
    align-self: center;
}
.services-card:hover .services-image .svg path {
    fill: white;
}
.services-card .services-text {
    padding: 20px;
}
.services-card .services-text span {
    color: black;
    font-weight: 700;
    font-size: 16px;
}
.services-card .services-open {
    padding-left: 20px;
}
.services-card .services-open a {
    color: blue;
    font-size: 16px;
}
.services-card .services-image img {
    width: 100px;
    margin-top: 0;
    border-radius: 0px 0px 10px 0px;
}
.services-card .services-image {
    position: absolute;
    bottom: 0;
    right: 0;
}
.doces {
    background: #F9FAFF;
}
.documen {
    background: white;
    padding: 25px;
    border-radius: 10px;
    height: 300px;
}
.documen .doc-image {
    max-width: max-content;
    margin: auto;
}
.documen .doc-name span {
    font-size: 18px;
    font-weight: 700;
    color: black;
}
.documen .doc-name {
    max-width: max-content;
    margin: auto;
    padding-top: 15px
}
.documen .doc-image img {
    width: 100%;
    object-fit: contain;
    height: 150px;
    border-radius: 10px;
}
.documen:hover {
    background: #2362dd;
    height: 300px;
}
.documen:hover .doc-name span {
    color: white;
    font-size: 22px;
}
.documen:hover .doc-image img {
    display: none;
}
.documen .doc-name-open {
    display: none;
}
.documen:hover .doc-name-open {
    display: block;
}
.documen:hover .doc-name-open span {
    color: white;
    font-size: 22px;
    border-bottom: 1px solid white;
    align-items: center!important;
}
.artic_notife {
    background: #F9FAFF;
    padding-bottom: 40px;
}
.artic_notife .articles_card {
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    background: white;
    padding: 20px;
    border-radius: 10px;
    margin-top: 25px;
}
.artic_notife .articles_card:hover {
    background: #2362dd;
}
.artic_notife .articles_card .articles_card_text {
    margin-left: 15px;
}
.artic_notife .articles_card .articles_card_text .articles_card_text_name span {
    font-size: 16px;
    color: black;
    font-weight: 700;
}
.artic_notife .articles_card .articles_card_text .articles_card_text_date {
    margin-top: 5px;
}
.artic_notife .articles_card .articles_card_text .articles_card_text_date span {
    font-size: 16px;
    color: gray;
    font-weight: 500;
}
.artic_notife .articles_card .articles_card_text .articles_card_text_open {
    margin-top: 5px;
}
.artic_notife .articles_card .articles_card_text .articles_card_text_open span {
    font-size: 16px;
    color: blue;
    font-weight: 500;
}
.artic_notife .articles_card:hover .articles_card_text .articles_card_text_name span {
    font-size: 16px;
    color: white;
    font-weight: 700;
}
.artic_notife .articles_card:hover .articles_card_text .articles_card_text_date span {
    font-size: 16px;
    color: white;
    font-weight: 500;
}
.artic_notife .articles_card:hover .articles_card_text .articles_card_text_open span {
    font-size: 16px;
    color: white;
    font-weight: 500;
    border-bottom: 1px solid white;
}

/* start carousel */
.carousels {
    padding-top: 20px;
    padding-bottom: 50px;
    box-shadow: 0 5px 3px -6px #8f8f8f;
}
.carousels .images {
    border-radius: 10px;
}
@media (min-width: 768px) {
    .carousels .row .banner_image .images img {
        width: 100%;
        height: 300px;
        border-radius: 10px;
        object-fit: cover;
    }
}
@media (max-width: 768px) {
    .carousels .row .banner_image .images img {
        width: 100%;
        height: 160px !important;
        border-radius: 10px;
    }
}

/* end carousel */
.swiper-button-next:after,
.swiper-button-prev:after {
    color: #fff;
    margin-top: -10px;
    background: #2362dd;
    padding: 10px 15px 10px 15px;
    border-radius: 10px;
    font-size: 20px!important;
}
.artiles_card_image img {
    width: 150px;
    object-fit: cover;
    border-radius: 10px;
}
.baner_images img {
    width: 100%;
}
.banner_image .swiper .swiper-wrapper .swiper-slide .slider_title span {
    font-weight: 700;
    font-size: 1.8rem;
}
.banner_image .swiper .swiper-wrapper .swiper-slide .slider_title {
    margin-right: 200px;
}
.banner_image .swiper .swiper-wrapper .swiper-slide {
    padding-left: 80px;
    padding-right: 80px;
}
.banner_image .swiper .swiper-wrapper .swiper-slide .slider_desc span {
    font-weight: 500;
    font-size: 20px;
}
.banner_image .swiper .swiper-wrapper .swiper-slide .slider_desc {
    margin-top: 25px;
}
.banner_image .swiper {
    height: 350px;
}