:root {
    --main-color: #35495D;
    --main-text-color: #35495D;
    --white-elements-color: #FFFFFF;
    --white-background-color: #FFFFFF;
    --light-hovered-color: #466482;
    --dark-hovered-color: #2B3D50;
    --placeholder-color: #7C8288;
    --borders-color: #E6EBEF;
    --second-background-color: #E6EBEF;
    --text-hovered-color: #567BA0;
    --light-background-color: rgb(255,255,255, 0.5);
}


/* For fonts */

@font-face {
    font-family: Roboto;
    font-display: swap;
    src: url("/fonts/roboto/Roboto-Medium.woff2") format("woff2"), url("/fonts/roboto/Roboto-Medium.woff") format("woff");
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: Roboto;
    font-display: swap;
    src: url("/fonts/roboto/Roboto-Regular.woff2") format("woff2"), url("/fonts/roboto/Roboto-Regular.woff") format("woff");
    font-weight: 400;
    font-style: normal;
}


/* For text and headers */

h1,
h2,
h3 {
    font-weight: 600;
    font-style: normal;
    margin-bottom: 0;
}

h1 {
    line-height: 1.2;
    font-size: 32px;
    line-height: 35px;
    margin-bottom: 0;
}

h2 {
    font-size: 32px;
    line-height: 35px;
    text-align: center;
    margin-bottom: 0;
}

h3 {
    font-size: 20px;
    line-height: 23px;
    margin-bottom: 8px;
    font-weight: 500;
    margin-bottom: 0;
}

.caption {
    font-style: normal;
    font-size: 20px !important;
    line-height: 23px !important;
    margin-bottom: 30px;
}

.caption-left {
    margin-right: 100px;
}

.main-text-box {
    width: 530px;
    z-index: 1;
    background: var(--light-background-color);
    border-radius: 20px;
    padding: 30px;
    display: flex;
    flex-direction: column;
    gap: 50px;
    position: relative;
    animation: slow-left-slide 0.9s;
}

.list_digit {
    font-size: 64px;
    line-height: 67px;
    font-weight: 500;
    color: var(--borders-color);
}

.small-text {
    font-size: 14px;
    line-height: 17px;
}

.main-text-box img {
    z-index: 11px;
}

#how-it-works h2 {
    text-align: left;
}

/* Button's styles  */
.regular-btn {
    height: 48px;
    padding: 13px 0 !important;
    font-weight: 500 !important;
    font-size: 16px !important;
    line-height: 19px !important;
    text-transform: none !important;
}

#choose-us .link:hover {
    text-decoration: none;
    color: var(--main-light-blue);
}

#certificates .link:hover {
    text-decoration: none;
    color: var(--main-light-blue);
}

/* image's styles */
.lmk-page-block {
    display: flex;
    flex-direction: column;
    gap: 20px;
    width: fit-content;
    position: relative;
    animation: slow-left-slide 0.9s;
    align-items: center;
}

.lmk-page-block img {
    width: 294px;
    height: 308px;
}

.background-img {
    position: absolute !important;
}

#choose-us .background-img {
    bottom: 125px;
    width: 1000px;
}

.img-main {
    right: 0;
    border-radius: 20px;
}

.block-new-years-img {
    text-align: center;
    margin-top: 22px;
    margin-bottom: -100px;
}

.block-new-years-img img {
    position: relative;
    z-index: 20;
    top: 36px;
}

.img-how-it-work {
    max-width: 700px;
    margin: -160px 0 -100px;
}

.img-choose-us {
    height: 105px;
    margin-bottom: 18px;
}

.img-responsive {
    height: 400px;
    margin: 0 auto;
}

#certificates img {
    height: 340px;
}

/* block's styles */
.menu_item {
    display: flex;
    flex-direction: row;
    gap: 30px;
}

.footer-blok {
    padding-top: 28px !important;
    padding-bottom: 12px !important;
}

.landing-block {
    max-width: 1000px;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
    padding-top: 90px;
    padding-bottom: 90px;
}

.about-block {
    max-width: 1300px;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
    padding-top: 36px;
    padding-bottom: 36px;
}

.about-block-elmk {
    display: flex;
    flex-direction: row;
}

#choose-us .landing-block>div {
    margin-top: 82px;
}

#certificates>div {
    text-align: left;
}

#main .row div:first-child,
#how-it-works .row>div:first-child {
    z-index: 11;
}

#main .row div:first-child img,
#how-it-works .row div:nth-child(2) img {
    z-index: 10;
}

#how-it-works .row>div:first-child {
    padding: 30px 0;
    z-index: 11;
}

#service-capability .row>div {
    padding: 0;
}

/* carousel styles */

.carousel-control {
    background-image: none !important;
    text-shadow: none;
    /* color: var(--main-light-gray); */
}

.carousel-control.left {
    text-align: center;
    left: -120px !important;
}

.carousel-control.right {
    text-align: center;
    right: -120px !important;
}

.carousel-control .fa {
    font-size: 40px;
    line-height: 43px;
    margin-top: 198px;
}

@media (max-width: 1400px) {
    #carouselThanksBtns .carousel-control.left {
        left: -94px !important;
    }
    #carouselThanksBtns .carousel-control.right {
        right: -94px !important;
    }
}

@media (max-width: 992px) {
    #carouselThanksBtns .carousel-control.left {
        left: -24px !important;
    }
    #carouselThanksBtns .carousel-control.right {
        right: -24px !important;
    }
}

#myCarouselChooseUs .carousel-control .fa {
    margin-top: 40px;
}

#myCarouselChooseUs .carousel-control.left {
    left: -24px !important;
}

#myCarouselChooseUs .carousel-control.right {
    right: -24px !important;
}

/* header styles */

.navbar-form a {
    color: var(--main-dark-blue);
    margin: 0 8px;
}

.navbar-form a:hover {
    color: var(--main-light-blue) !important;
    text-decoration: none;
}

.btn-border {
    background-color: white !important;
    border: 3px solid var(--main-light-blue) !important;
    color: var(--main-dark-blue) !important;
    text-transform: none !important;
    margin-left: 12px !important;
}

.menu-link button {
    background: none;
    border: none;
}

.menu-link button:hover {
    color: var(--main-light-blue) !important;
}

/* footer styles */

.footer {
    margin-top: 0 !important;
}

.footer-icon {
    height: 28px;
    margin-right: 26px;
}

.footer-icon-vk {
    height: 24px;
}


/* for breadcrumb */

#breadcrumb {
    margin-top: 100px !important;
}

#breadcrumb li a {
    background-color: var(--main-light-blue) !important;
    border-radius: 0 !important
}

#breadcrumb li a:after {
    border-color: transparent !important;
    border-left-color: var(--main-light-blue) !important;
}

#breadcrumb li a:before {
    border-color: var(--main-light-blue) !important;
    border-left-color: transparent !important;
}


/* for filters */

#filters li span p {
    color: var(--main-dark-blue) !important;
    opacity: 0.36;
}

#filters li:hover span p {
    opacity: 0.6;
}

#filters .active p {
    opacity: 1;
}


/* For regions */

.promo-link a {
    color: var(--main-dark-blue);
}

.promo-link a:hover {
    color: var(--main-light-blue);
    text-decoration: none;
}

.department-card {
    height: 300px;
    margin-bottom: 30px;
}

.card-link>div {
    opacity: 0.9;
}

.card-link:hover>div {
    opacity: 1 !important;
}

.card-link:hover {
    text-decoration: none;
}

.btn-dark-blue {
    padding: 18px 16px !important;
    background-color: #26599B;
    color: white;
}

.btn-dark-blue:hover {
    background-color: #184279;
    color: white;
}

.btn-dark-blue:focus {
    background-color: #26599B;
    color: white;
}

.btn-dark-green {
    padding: 18px 16px !important;
    background-color: #12672A;
    color: white;
}

.btn-dark-green:hover {
    background-color: #1A572B;
    color: white;
}

.btn-dark-green:focus {
    background-color: #12672A;
    color: white;
}

.banner-block {
    display: flex;
    align-items: center;
    justify-content: left;
    border-radius: 20px;
    position: relative;
    height: 523px;
    width: 100%;
    overflow: hidden;
}

.arrow-background {
    width: 48px;
    height: 48px;
    background-color: #26599B;
    border-radius: 100px !important;
}

.carousel-control {
    opacity: 1;
}

.arrow-background:hover {
    background-color: #184279;
    color: white;
}

.arrow-background:focus {
    background-color: #184279;
    color: white;
}

.certificates-block {
    display: flex;
    gap: 88px;
    align-items: center;
    justify-content: center;
}

.certificate-block-with-text {
    display: flex;
    gap: 24px;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 496px;
}

.certificate-block-text {
    color: #35495d;
    width: 420px;
    text-align: center;
    font-size: 20px;
    line-height: 23px;
    font-weight: 500;
}

.link-logo {
    width: 184px;
    height: 184px !important;
}

.with-logo {
    gap: 24px;
}

.mincifry-block {
    margin-top: 32px;
}

.support-block {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.support-form-block {
    display: flex;
    gap: 150px;
    padding: 56px 118px;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    background-color: #F8FBFF;
}

.support-form {
    display: flex;
    gap: 5px;
    flex-direction: column;
    align-items: start;
    justify-content: center;
    background-color: #F8FBFF;
}

.form-input {
    width: 264px;
    height: 51px;
    border: 1px solid #26599B;
    border-radius: 8px;
    padding: 0 20px;
    font-size: 16px;
    line-height: 19px;
}

.support-form .error {
    border: 1px solid #F0402C;
}

.support-form .hint {
    color: #F0402C;
    display: none;
}

.possibilities {
    padding: 0;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    gap: 50px;
    width: 1128px;
}

.service-possibilities-text {
    color: #35495D;
    font-size: 18px;
    line-height: 21px;
    text-wrap: balance;
    margin: 0;
}

.presentation-block {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    gap: 70px;
    padding: 0 90px;
}

.possibilities-img {
    width: 45%;
}

.letters-of-appreciation {
    position: relative;
}

.fa-angle-right {
    margin-left: 50px;
    padding: 0 19px;
}

.fa-angle-left {
    margin-right: 50px;
}

#carouselThanksInner {
    width: 1000px;
}

.possibilities-block {
    display: flex;
    flex-direction: column;
    gap: 30px;
    width: 55%;
}

#support-form .form-group {
    margin-bottom: 0px !important;
}

.send-credentials, .sended {
    margin-top: -20px;
}

.field-checkmedicalbookform-number {
    max-width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    margin: 0;
    padding: 0;
}

.check-lmk-block {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    width: auto;
    gap: 70px;
}

#load-result {
    width: fit-content;
}

.check-lmk-form {
    padding: 20px 0;
    display: flex;
    flex-direction: column;
    gap: 20px;
    width: 354px;
}

#load-result {
    padding: 0 5px;
    display: flex;
    flex-direction: column;
    gap: 20px;
    align-items: center;
    position: relative;
}

.list-info {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

#choose-us {
    height: 609px;
    overflow: hidden;
    position: relative;
    padding: 30px;
}

.choose-us-info {
    z-index: 1;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: start;
    justify-content: end;
    gap: 50px;
}

.choose-us-reason {
    background: rgb(53, 73, 93, 0.7);
    color: var(--white-elements-color);
    display: flex;
    flex-direction: column;
    gap: 15px;
    padding: 20px;
}

.choose-us-reason:hover {
    background: var(--white-elements-color);
    color: var(--main-color);
    display: flex;
    flex-direction: column;
    gap: 15px;
    padding: 20px;
}

.choose-us-reason p {
    margin: 0;
    padding: 0;
}

.choose-us-reasons {
    display: flex;
    flex-direction: row;
    gap: 0;
}

.choose-us-reason-title {
    font-size: 20px;
    line-height: 23px;
    font-weight: 500;
}

.choose-us-reason-text {
    font-size: 18px;
    text-wrap: balance;
    line-height: 21px;
}

.how-it-works-info {
    display: flex;
    flex-direction: column;
    gap: 30px;
}

.comp-imgs {
    position: relative;
}

.how-it-works-comp-img {
    position: absolute;
    z-index: 1;
    transition: all 0.8s ease-in-out, opacity 0.8s ease-in-out;
}

.info-lmk {
    color: #46596C;
    font-size: 14px;
    line-height: 17px;
    padding: 0;
    margin: 0;
}

.main-btn {
    display: flex;
    gap: 10px;
    width: 100%;
}

.main-btns-block {
    display: flex;
    flex-direction: column;
    gap: 10px;
    align-items: center;
}

.choose-us-title-in-block {
    display: block;
}

.choose-us-title {
    display: none;
}

.how-it-works-position1 {
    top: 56px;
    left: 40px;
    z-index: 2;
}

.how-it-works-position2 {
    top: 49px;
    left: 55px;
    z-index: 3;
}

.how-it-works-position3 {
    top: 42px;
    left: 70px;
    z-index: 4;
}

.how-it-works-position4 {
    top: 35px;
    left: 88px;
    z-index: 5;
}

@media (max-width: 1439px) {
    .banner-block {
        height: 401px;
        overflow: hidden;
    }

    .img-main {
        right: -48px;
        width: 646px;
        height: 371px;
        bottom: 0;
    }

    h1, h2 {
        font-size: 24px !important;
        line-height: 27px !important;
        font-weight: 900 !important;
    }

    h3 {
        font-size: 20px !important;
        line-height: 23px !important;
        font-weight: 900 !important;
    }

    .main-text-box {
        width: 420px;
        gap: 30px;
        text-wrap: balance;
    }

    .main-btn {
        flex-direction: column;
        gap: 10px;
    }

    .check-lmk-form {
        width: 300px;
    }

    .info-lmk {
        font-size: 12px;
        line-height: 15px;
    }

    #load-result .buttons-block {
        flex-direction: row;
    }

    #load-result .buttons-block a {
        width: 260px;
    }

    .possibilities {
        flex-direction: column-reverse;
        width: 100%;
    }

    .possibilities-img {
        width: auto;
        height: 447px;
        overflow: hidden;
        border-radius: 20px;
    }

    .possibilities-img img {
        width: 686px;
        height: 638px;
        top: -40px;
        position: relative;
    }

    .possibilities-block {
        width: 686px;
    }

    #choose-us {
        width: 884px;
        padding: 30px;
        height: 536px;
    }

    .choose-us-reason-title {
        font-size: 18px;
        line-height: 21px;
        height: 42px;
    }

    .choose-us-reason-text {
        font-size: 14px;
        line-height: 17px;
    }

    .background-img {
        bottom: 0;
    }

    .choose-us-info {
        gap: 45px;
    }

    .choose-us-reason {
        height: auto;
        padding: 20px 15px;
    }

    .choose-us-reason:hover {
        padding: 20px 15px;
    }

    .presentation-block {
        gap: 50px;
        padding: 0;
    }

    #choose-us .background-img {
        top: 10px;
        bottom: auto;
        width: 700px;
    }

    .choose-us-title-in-block {
        display: none;
    }

    .choose-us-title {
        display: block;
        margin-bottom: 20px;
    }
}

@media (max-width: 1023px) {
    .banner-block {
        height: fit-content;
        overflow: hidden;
        flex-direction: column;
        position: unset;
    }

    .img-main {
        position: unset;
        width: 688px !important;
        height: 395px !important;
    }

    h1, h2 {
        font-size: 20px !important;
        line-height: 23px !important;
        font-weight: 900 !important;
    }

    h3 {
        font-size: 20px !important;
        line-height: 23px !important;
        font-weight: 900 !important;
    }

    .main-text-box {
        background: transparent;
        width: 100%;
        gap: 20px;
        text-align: center;
        padding: 0;
    }

    .main-btn {
        flex-direction: row;
        gap: 10px;
    }

    .info-lmk {
        font-size: 12px;
        line-height: 15px;
    }

    #load-result .buttons-block {
        flex-direction: column;
    }

    #load-result .buttons-block a {
        width: 260px;
    }

    .possibilities {
        flex-direction: column-reverse;
        width: 100%;
    }

    .possibilities-img {
        width: 528px;
        height: 300px;
        overflow: hidden;
        border-radius: 20px;
    }

    .possibilities-img img {
        width: 528px;
        height: 500px;
        top: -200px;
        position: relative;
    }

    .possibilities-block {
        width: 588px;
    }

    .banner-block {
        padding-bottom: 0 !important;
    }

    .check-lmk-block {
        gap: 40px;
    }

    .lmk-page-block img {
        width: 236px;
        height: 247px;
    }

    #load-result {
        width: 60%;
    }

    .lmk-page-block {
        width: 40%;
    }

    #choose-us {
        width: 688px;
        padding: 30px;
        height: 536px;
    }

    .choose-us-reasons {
        display: flex;
        flex-direction: row;
        gap: 0;
        flex-wrap: wrap;
        justify-content: center;
    }

    .choose-us-reason {
        padding: 15px;
        width: 314px;
        gap: 15px;
    }

    .choose-us-reason:hover {
        padding: 15px;
    }

    .choose-us-reason-title {
        height: fit-content;
    }

    .banner-block .background-img {
        position: unset !important;
        bottom: 130px;
        width: 900px;
    }

    .how-it-works-imgs img {
        width: 243px;
    }

    .how-it-works-comp-img {
        width: 150px !important;
    }

    .how-it-works-position1 {
        position: absolute;
        z-index: 1;
        top: 46px;
        left: 32px;
    }

    .how-it-works-position2 {
        top: 39px;
        left: 45px;
    }

    .how-it-works-position3 {
        top: 32px;
        left: 60px;
    }

    .how-it-works-position4 {
        top: 25px;
        left: 78px;
    }

    .how-it-works-info {
        gap: 20px;
    }

    .presentation-block {
        gap: 30px;
    }

    .service-possibilities-text {
        font-size: 14px;
        line-height: 17px;
    }
}

@media (min-width: 450px) and (max-width: 767px) {
    #load-result {
        width: 100%;
    }

    .possibilities-img {
        width: 100%;
        max-width: 500px;
    }

    .possibilities-block {
        width: 100%;
        max-width: 500px;
    }

    #choose-us {
        background: transparent;
        border-radius: 20px;
        height: fit-content;
        padding: 0;
        width: 100%;
        text-align: center;
    }

    #choose-us .background-img {
        display: none;
    }

    .presentation-block {
        flex-direction: row;
    }

    .how-it-works-info {
        align-items: flex-start;
        text-align: left;
        text-wrap: pretty;
        max-width: 600px;
    }

    .choose-us-reason {
        width: 100%;
    }

    .check-lmk-block {
        gap: 10px;
    }

    .lmk-page-block img {
        width: 176px;
        height: 207px;
    }

    #how-it-works h2 {
        text-wrap: balance;
        width: 300px;
        text-align: center;
    }

    .how-it-works-info {
        align-items: center;
        text-align: center;
    }
}

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

    .how-it-works-info {
        align-items: center;
        text-align: center;
    }
}

@media (max-width: 449px) {
    .choose-us-reasons {
        flex-direction: column;
    }

    .how-it-works-info {
        align-items: center;
        text-align: center;
    }

    #load-result {
        width: 100%;
    }

    .possibilities-img {
        width: 280px;
        height: 160px;
    }

    .possibilities-block {
        width: 280px;
    }

    #choose-us {
        background: transparent;
        border-radius: 20px;
        height: fit-content;
        padding: 0;
        width: 100%;
    }

    #choose-us .background-img {
        display: none;
    }

    .how-it-works-info {
        align-items: center;
        text-align: center;
        text-wrap: balance;
    }

    #how-it-works h2 {
        text-align: center;
        text-wrap: balance;
    }
}