/*-- Mobile App Landing Page --*/

html, body {
    margin: 0;
    padding: 0;
    font-family: 'Open Sans', sans-serif;
}

body {
    overflow-x: hidden;
}

.d24-landing img {
    max-width: 100%;
}

.d24-landing section {
    position: relative;
    color: #5D5D5D;
}

.d24-image-user {
    position: relative;
}

.d24-image-user img:last-of-type {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: -1;
}

@media (max-width: 991px) {
    .d24-image-user img:last-of-type {
        max-height: 300px;
    }
}

@media (max-width: 560px) {
    .d24-image-user img:last-of-type {
        max-height: 200px;
    }
}

.d24-visible-mobile {
    display: none;
}

.d24-visible-desktop {
    display: block;
}

.d24-image-qr-1 {
    position: relative;
}

.d24-image-qr-1__image {
    position: absolute;
    top: 218px;
    left: 139px;
    width: 210px;
}

@media (max-width: 1319px) {
    .d24-image-qr-1__image {
        left: 77px;
    }
}

@media (max-width: 1199px) {
    .d24-image-qr-1__image {
        left: 53px;
        width: 180px;
        top: 179px;
    }
}

.d24-image-qr-2 {
    position: relative;
}

.d24-image-qr-2__image {
    position: absolute;
    top: 219px;
    left: 239px;
    width: 210px;
}

@media (max-width: 800px) {
    .d24-image-qr-2 {
        max-width: 500px;
        margin: auto;
    }

    .d24-image-qr-2__image {
        top: 191px;
        left: 55px;
        width: 200px;
    }
}

@media (max-width: 580px) {
    .d24-image-qr-2 {
        max-width: 300px
    }

    .d24-image-qr-2__image {
        top: 120px;
        left: 37px;
        width: 116px;
    }
}

.d24-image-qr-3 {
    position: relative;
}

.d24-image-qr-3__image {
    position: absolute;
    top: 121px;
    left: 31px;
    width: 126px;
}

@media (max-width: 1499px) {
    .d24-image-qr-3__image {
        top: 116px;
        left: 12px;
        width: 120px;
    }
}

@media (max-width: 1199px) {
    .d24-image-qr-3__image {
        left: 10px;
        width: 84px;
        top: 84px;
    }
}

@media (max-width: 991px) {
    .d24-image-qr-3 {
        max-width: 300px;
        margin: auto;
    }

    .d24-image-qr-3__image {
        left: 31px;
        width: 119px;
        top: 125px;
    }
}

@media (max-width: 540px) {
    .d24-image-qr-3 {
        max-width: 200px;
        margin: auto;
    }

    .d24-image-qr-3__image {
        left: 12px;
        width: 89px;
        top: 94px;
    }
}

.d24-three-cols {
    display: flex;
    justify-content: center;
    gap: 20px;
}

.d24-three-cols > div {
    width: 33.3%;
}

@media (max-width: 991px) {
    .d24-three-cols {
        flex-direction: column;
        gap: 0;
    }

    .d24-three-cols > div {
        width: 100%;
    }
}

.d24-landing ul {
    padding: 0;
}

@media (min-width: 1320px) {
    .d24-landing .container {
        width: 100%;
        max-width: 1295px;
    }
}

.d24-landing.dd .bg-brand {
    background-color: #87b725;
}

.d24-landing-red-color {
    color: #CE0729;
}

.d24-landing-red-bg {
    background-color: #CE0729;
}

.d24-landing.dd .color-brand {
    color: #87b725;
}

.d24-landing.dd .border-brand {
    border-color: #87b725;
}

.d24-landing.dd .d24--visible-fd {
    display: none;
}

.d24-landing.fd .d24--visible-dd {
    display: none;
}

.d24-landing.fd .bg-brand {
    background-color: #0086CA;
}

.d24-landing.fd .color-brand {
    color: #0086CA;
}

.d24-landing.fd .border-brand {
    border-color: #0086CA;
}

.d24-heading h3 {
    font-size: 60px;
    font-weight: bold;
}

.d24-heading p {
    font-size: 30px;
}

.d24-heading hr {
    margin: 30px 0;
}

.d24-landing__section-1 {
    padding-top: 50px;
    overflow: hidden;
}

.d24-landing__section-1__app {
    padding: 13px 20px;
    margin-bottom: 15px;
    color: #fff;
    border-radius: 20px;
    text-align: center;
    font-weight: bold;
    font-size: 50px;
    line-height: 1;
}

.d24-landing__section-1 > .container {
    position: relative;
}

.d24-landing__section-1__text-1 {
    font-size: 65px;
    line-height: 1.2;
    font-weight: 800;
    margin: 50px 0 0 0;
}

.d24-landing__section-1__text-2 {
    font-size: 50px;
    line-height: 1.2;
    margin: 20px 0;
}

.d24-landing__section-1__text-3 {
    font-size: 65px;
    line-height: 1.2;
    font-weight: 800;
    margin: 0;
}

.d24-landing__section-2 > .container {
    position: relative;
}

.d24-landing__section-2-image {
    margin-top: 50px;
}

.d24-landing__section-2 ul {
    list-style-type: none;
}

.d24-landing__section-2 ul li {
    margin-bottom: 15px;
    padding: 15px 30px;
    color: #fff;
    border-radius: 20px;
    font-weight: 600;
    text-align: center;
    font-size: 20px;
}

.d24-landing__section-3 {

}

.d24-landing__section-3 ul li:first-of-type .d24-landing__section-3__container > div:nth-of-type(2) {

}

.d24-landing__section-3 ul li:first-of-type .d24-landing__section-3__container > div:nth-of-type(2) > div {
    margin-top: 10px;
}

.d24-landing__section-3 ul li:first-of-type .d24-landing__section-3__container > div:nth-of-type(2) > div img {
    display: inline-block;
    margin: 5px;
}

.d24-landing__section-3 ul li:nth-of-type(2) .d24-landing__section-3__container > div:nth-of-type(1) img {
    margin-right: 20px;
}

.d24-landing__section-3 ul li:nth-of-type(2) .d24-landing__section-3__container > div:nth-of-type(2) {
    align-content: center;
}

.d24-landing__section-3 ul li:nth-of-type(3) .d24-landing__section-3__container > div:nth-of-type(2) > div {
    text-align: center;
}


.d24-landing__section-3 .container {
    position: relative;
}

.d24-landing__section-3-code {
    display: inline-block;
    padding: 5px 10px;
    border-radius: 20px;
    margin: 10px 25px;
    color: #fff;
    font-weight: bold;
}

.d24-landing__section-3__text-1 {
    line-height: 1.3;
    margin-bottom: 10px;
    font-size: 50px;
    font-weight: 800;
    text-align: right;
}

.d24-landing__section-3-element-2 {
    text-align: right;
}

.d24-landing__section-3 ul {
    list-style-type: none;
}

.d24-landing__section-3 ul li {
    position: relative;
    margin-bottom: 15px;
    padding: 20px 30px;
    background: #E4E4E4;
    color: #1F2020;
    border-radius: 20px;
}

.d24-landing__section-3 ul li img {
    max-width: fit-content;
}

.d24-landing__section-3 ul li:nth-child(2n) .d24-landing__number {
    margin-left: 10px;
    position: relative;
    top: -5px;
    right: -5px;
}

.d24-landing__section-3 ul li:nth-child(2n+1) .d24-landing__number {
    margin-right: 10px;
    position: relative;
    top: -5px;
    left: -5px;
}

.d24-landing__number {
    font-size: 20px;
    font-weight: bold;
    color: #fff;
    width: 35px;
    height: 35px;
    line-height: 35px;
    border-radius: 50%;
    display: inline-block;
    text-align: center;
}

.d24-landing__section-3__container {
    display: flex;
    justify-content: space-between;
    font-size: 17px;
}

.d24-landing__section-4 {
    padding-top: 30px;
}

.d24-landing__section-4 > div:last-of-type {
    height: 10px;
}

.d24-landing__section-4 .d24-landing_about {
    display: flex;
    width: 100%;
    justify-content: space-between;
}

.d24-landing__section-4 .d24-landing_about > div:first-of-type {
    width: 75%;
}

.d24-landing_about div div.d24-visible-desktop {
    margin-bottom: 70px;
    color: #1F2020;
}

.d24-landing__section-4 .d24-visible-mobile {
    max-width: 400px;
    margin: auto;
}

.d24-landing__section-4 .d24-landing_about .d24-visible-desktop p {
    margin-bottom: 30px;
    font-size: 60px;
    font-weight: bold;
    line-height: 1;
}

.d24-landing__section-4 .d24-landing_about .d24-visible-mobile p {
    font-size: 30px;
    font-weight: bold;
    color: #fff;
    padding: 5px 15px;
    text-align: center;
}

.d24-landing__section-4 .d24-landing_about > div:last-of-type {
    align-content: end;
}

.d24-landing__section-4 .d24-landing__instruction {
    padding: 20px;
    background-color: #E4E4E4;
    color: #1F2020;
    border-radius: 20px;
    text-align: center;
    font-size: 18px;
    font-weight: bold;
    min-height: 400px;
}

.d24-landing__section-4 .d24-landing__instruction-1 > div {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 20px;
}

.d24-landing__section-4 .d24-landing__instruction-1 > div > div:first-of-type {
    flex-grow: 1;
}

.d24-landing__section-4 .d24-landing__instruction-1 > div div:last-of-type img {
    margin-right: -40px;
}

.d24-landing__section-4 .d24-landing__instruction-1 > img {
    display: inline-block;
    margin-bottom: 10px;
}

.d24-landing__instructions {
    margin-bottom: 50px;
}

.d24-contact-info {
    margin-bottom: 20px;
    margin-left: 20px;
}

.d24-contact-info img {
    margin-right: 20px;
}

.d24-contact-info a {
    color: inherit;
    font-weight: bold;
}

.d24-landing__section-5 {
    padding: 120px 0;
    background-image: url('../images/d24_bg_section_1.jpg');
    background-size: auto;
    background-repeat: no-repeat;
    background-position: center 400px;
}

.d24-landing__section-5 .container {
    position: relative;
}

.d24-landing__section-5-element-1 {
    position: absolute;
    top: 200px;
    left: -200px;
}

.d24-landing__section-5-element-2 {
    position: absolute;
    bottom: -100px;
    right: -200px;
}

.d24-history-success {
    padding: 40px 20px;
    margin-bottom: 30px;
    border: 1px solid #000;
    text-align: center;
    background: #fff;
}

.d24-history-success h4 {
    font-weight: bold;
    margin-bottom: 20px;
}

.d24-history-success p {
    margin-top: 20px;
    font-size: 15px;
    font-weight: bold;
}

.d24-landing__opinion {
    border: 1px solid;
    border-radius: 20px;
    padding: 20px;
    margin-bottom: 20px;
}

.d24-landing__opinion-author {
    display: flex;
    align-items: center;
    gap: 20px;
    margin-bottom: 20px;
}

.d24-landing__opinion-author__image {
    display: inline-block;
    width: 75px;
    height: 75px;
    border-radius: 50%;
    border: 1px solid;
    background: url('../images/d24_opinions.png');
    background-repeat: no-repeat;
}

.d24-opinion-1 {
    background-position: 0 0;
}

.d24-opinion-2 {
    background-position: -80px 0;
}

.d24-opinion-3 {
    background-position: -165px 0;
}

.d24-opinion-4 {
    background-position: -245px 0;
}


.d24-landing__opinion-author span {
    font-size: 20px;
    font-weight: bold;
}

.d24-landing__opinion-date {
    text-align: right;
}

.d24-landing__opinion-date span {
    display: inline-block;
    padding: 5px;
    color: #fff;
}

section.d24-landing__section-6 {
    padding-bottom: 120px;
}

.d24-landing__section-6 > .bg-brand {
    height: 3px;
}

.d24-landing-divider {
    text-align: center;
    height: 250px;
    background: #fff;
}

.d24-landing-divider img {
    background: #fff;
    padding: 20px 40px;
}

.d24-landing-divider .bg-brand {
    height: 3px;
    margin-top: -120px;
}

section.d24-landing__section-7 {
    padding-bottom: 120px;
    background-image: url('../images/d24_bg_section_1.jpg');
    background-size: auto;
    background-repeat: no-repeat;
    background-position: center -10px;
}

.d24-landing__section-7 hr {
    margin: 30px 0;
}

.d24-landing__section-7-container {
    padding: 30px;
    border-radius: 20px;
}


.d24-landing__section-7-container p {
    font-weight: bold;
    color: #fff;
    font-size: 40px;
    text-align: center;
    max-width: 490px;
    margin: 40px auto 0;
}

/* RWD */
@media (min-width: 1200px) {
    .d24-landing__section-5,
    .d24-landing__section-7 {
        background-size: 100%;
    }
}
@media (max-width: 1199px) {
    .d24-landing__section-1__text-1 {
        margin-top: 30px;
    }

    .d24-landing__section-1__text-1,
    .d24-landing__section-1__text-2,
    .d24-landing__section-1__text-3 {
        font-size: 40px;
    }
}

@media (max-width: 991px) {
    .d24-visible-mobile {
        display: block;
    }

    .d24-visible-desktop {
        display: none;
    }

    .d24-landing-divider {
        margin-top: 50px;
        margin-bottom: -45px;
        height: 154px;
        text-align: center;
        background: #fff;
    }

    .d24-landing-divider img {
        padding: 0 20px;
        max-width: 160px;
    }

    .d24-landing-divider .bg-brand {
        height: 3px;
        margin-top: -45px;
    }

    .d24-landing__section-1 {
        text-align: center;
    }

    .d24-landing__section-1__app {
        font-size: 40px;
    }

    .d24-landing__section-1__logo {
        margin-top: 0;
    }

    .d24-landing__section-2 ul {
        padding-top: 0;
    }

    .d24-landing__section-2 ul li {
        max-width: 100%;
        padding: 10px 20px !important;
        font-size: 12px;
    }

    .d24-landing__section-2-image {
        text-align: center;
    }

    .d24-landing__section-3 {
        padding-top: 0;
    }

    .d24-landing__section-3__text-1 {
        text-align: center;
        margin-bottom: 50px;
        font-size: 40px;
    }

    .d24-landing__section-3__container {
        font-size: 14px;
    }

    .d24-landing__section-3 ul li {
        padding: 10px;
    }

    .d24-landing_about > div {
        width: 100%;
    }

    .d24-landing__section-4 .d24-landing_about > div:first-of-type {
        width: 100%;
    }

    .d24-landing__section-4 .d24-landing__instruction {
        min-height: 0;
        margin-bottom: 30px;
    }

    .d24-contact-info {
        margin-left: 0;
    }

    .d24-heading h3 {
        font-size: 30px;
    }

    .d24-heading p {
        font-size: 20px;
    }

    .d24-landing__section-5 {
        padding: 0;
    }

    .d24-landing__section-7-container {
        text-align: center;
    }

    .d24-landing__section-7-container p {
        font-size: 25px;
    }
}

@media (max-width: 767px) {
    .d24-landing__section-1__text-1,
    .d24-landing__section-1__text-2,
    .d24-landing__section-1__text-3 {
        font-size: 30px;
    }

}

/*--  Banner Plugin --*/

.d24-banner {
    padding: 25px 45px 0 45px;
    margin: 30px 0;

    border: 2px solid #87b626;
    border-radius: 50px;
    text-align: center;
}

.d24-banner__buttons {
    text-align: center;
    margin-bottom: 25px;
}

.d24-banner__logo {
    max-width: 125px;
    margin-right: 15px;
}

.d24-banner__header > div:last-child {
    flex: 0 0 500px;
}

.d24-banner__header p {
    color: #87b626;
    font-weight: bold;
    font-size: 25px;
    line-height: 1.2;
}

.d24-banner__price p {
    font-weight: bold;
    font-size: 18px;
}

.d24-banner__qr-code {
    margin: 0 15px 30px 0;
    text-align: center;
}

.d24-banner__qr-code span {
    display: inline-block;
    background: #87b626;
    border-radius: 10px;
    margin-top: 15px;
    padding: 5px 10px;
    color: #fff;
}

.d24-banner__header p .d24-banner__blue {
    color: #0084ca;
}

.d24-banner__store-button {
    display: inline-block;
    margin: 0 10px 10px 10px;
}

.d24-banner__store-button img {
    max-width: 150px;
}

.d24-banner__phones {
    max-width: 100%;
}

@media (min-width: 992px) {
    .d24-banner {
        text-align: left;
    }

    .d24-banner__content {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    .d24-banner__buttons {
        text-align: right;
    }

    .d24-banner__header p {
        font-size: 40px;
    }

    .d24-banner__price p {
        margin-bottom: 50px;

        font-size: 23px;
    }

    .d24-banner__content > div:first-of-type {
        margin-bottom: auto;
    }

    .d24-banner__content > div:nth-of-type(2) {
        flex: 0 0 490px;
        margin-bottom: auto;
    }

    .d24-banner__content > div:last-of-type {
        margin-top: auto;
    }
}

.d24-banner--fd {
    border-color: #0084ca;
}

.d24-banner--fd .d24-banner__header p {
    color: #0084ca;
}

.d24-banner--fd .d24-banner__qr-code span {
    background-color: #0084ca;
}