:root {
    --gray: #7A8495;
    --blue: #025BFF;
}

:root.dark {
    --main-banner1-background: #242424;
    --main-banner1-title-color: #98A2B3;
    --main-banner1-cards-description-color: #98A2B3;


    --main-instruction-title-blue-color: var(--blue);
    --main-instruction-cards-description-color: #98A2B3;


    --main-solution-container-background: #242424;
    --main-solution-container-desciption-color: #98A2B3;
    --main-solution-cards-background: #141414;


    --main-requests-container-background: #242424;


    --main-banner5-background1: #4D4D4D;
    --main-banner5-background2: #242424;


    --main-install-background1: linear-gradient(156deg, #000 19.28%, var(--blue) 151.66%);
    --main-install-background2: #242424;
    --main-install-background3: #4D4D4D;
    --main-install-title-color: var(--blue);
    --main-install-background1-subtitile-color: #fff;
    --main-install-background2-subtitile-color: #fff;
    --main-install-background1-features-color: #fff;
    --main-install-background2-features-color: #98A2B3;


    --main-integration-circle-default-background: #4D4D4D;
    --main-integration-circle-red-background: #EF3125;
    --main-integration-circle-blue-background: #476BF0;
    --main-integration-circle-orange-background: #FC4C02;


    --main-monetization-card-background1: #141414;
    --main-monetization-card-background1-border: 2px solid #4D4D4D;
    --main-monetization-card-background2: #242424;
    --main-monetization-card-background3: #141414;
    --main-monetization-card-background4: #242424;
    --main-monetization-card-background5: #4D4D4D;


    --main-faq-accordion-border-color: #4D4D4D;

    --main-articles-button-color: #fff;
    --main-articles-border-color: #98A2B3;
    --main-articles-botton-background: transparent;
    --main-articles-botton-background-hover: #fff;
    --main-articles-botton-color-hover: #00091A;
    --main-articles-botton-border-hover: #fff;

    --requests-description-color: #98A2B3;
    --requests-access-description-color: #fff;
}

:root.light, :root {
    --main-banner1-background: radial-gradient(100% 100% at 50% 0%, #F2F4F7 0%, #E4E7EC 100%);
    --main-banner1-title-color: var(--gray);
    --main-banner1-cards-description-color: var(--gray);


    --main-instruction-title-blue-color: var(--blue);
    --main-instruction-cards-description-color: var(--gray);


    --main-solution-container-background: linear-gradient(265deg, #E4E7EC 0%, #F2F4F7 100%);
    --main-solution-container-desciption-color: var(--gray);
    --main-solution-cards-background: #fff;


    --main-requests-container-background: radial-gradient(100% 100% at 50% 0%, #F2F4F7 0%, #E4E7EC 100%);


    --main-banner5-background1: #F2F4F7;
    --main-banner5-background2: linear-gradient(147deg, #D4DEEF 49.04%, #C0CADB 100%), #F2F4F7;


    --main-install-background1: linear-gradient(156deg, #000 19.28%, var(--blue) 151.66%);
    --main-install-background2: linear-gradient(154deg, #D4DEEF 48.93%, #B6C0D1 149.46%);
    --main-install-background3: linear-gradient(151deg, #F2F4F7 49.98%, #DADDE2 100%);
    --main-install-title-color: var(--blue);
    --main-install-background1-subtitile-color: #fff;
    --main-install-background2-subtitile-color: #00091A;
    --main-install-background1-features-color: #fff;
    --main-install-background2-features-color: #464656;


    --main-integration-circle-default-background: #98A2B3;
    --main-integration-circle-red-background: #EF3125;
    --main-integration-circle-blue-background: #476BF0;
    --main-integration-circle-orange-background: #FC4C02;


    --main-monetization-card-background1: #F2F4F7;
    --main-monetization-card-background1-border: none;
    --main-monetization-card-background2: #98A2B3;
    --main-monetization-card-background3: linear-gradient(147deg, #D4DEEF 49.04%, #C0CADB 100%);;
    --main-monetization-card-background4: #E4E7EC;
    --main-monetization-card-background5: #F2F4F7;

    --main-faq-accordion-border-color: #E4E7EC;

    --main-articles-button-color: #00091A;
    --main-articles-border-color: #98A2B3;
    --main-articles-botton-background: transparent;
    --main-articles-botton-background-hover: #00091A;
    --main-articles-botton-color-hover: #fff;
    --main-articles-botton-border-hover: #00091A;

    --requests-description-color: #7A8495;
    --requests-access-description-color: #1D2939;
}

body > section:first-of-type {
    padding-top: 128px;
}


.main, .body-sections {
    display: flex;
    width: 100%;
    flex-direction: column;
    gap: 144px;
}

.main .main-heading {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-items: center;
    padding: 80px 0;
    margin-bottom: 24px;
}


.main .main-heading * {
    font-size: 128px;
    font-weight: 800;
    font-style: normal;
    line-height: 110px;
    margin: 0;
    text-align: center;
    letter-spacing: -1px;
}

.main .dark-text {
    color: var(--main-heading-text-color);
}

.main .section-heading {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 6px;
    /*margin-bottom: 48px;*/
}

.main .section-heading > h1,
.main .section-heading > h1 > * {
    text-align: center;
    font-size: 42px;
    font-style: normal;
    font-weight: 700;
    line-height: 58px;
    margin: 0;
}
/* start banner1 */

.main .banner1-container {
    display: flex;
    flex-direction: column;
    gap: 40px;
}

.main .banner1 {
    position: relative;
    background: var(--main-banner1-background);
    border-radius: var(--default-border-radius);
    /*margin-bottom: 30px;*/
    padding: 48px;
    max-height: 311px;
    height: 311px;
}

.main .banner1 .banner1-left-side {
    display: flex;
    flex-direction: column;
    position: relative;
    z-index: 20;
    width: 100%;
    height: 100%;
}

.main .banner1 .banner1-left-side .title {
    max-width: 600px;
    color: var(--main-banner1-title-color);
    font-family: Roboto;
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: 30px; /* 125% */
}

.main .banner1 .banner1-left-side button {
    padding: 18px 32px;
    margin-top: auto;
}

.main .banner1 .banner1-right-side .phone-photo {
    z-index: 10;
    width: 953px;
    height: 553px;
    position: absolute;
    right: 49px;
    bottom: 0;
    background: url(../../img_src/main/phone.png) -121px -0.905px / 112.697% 119.676% no-repeat;
}

.main .banner1-cards {
    display: flex;
    flex-direction: row;
    gap: 40px;
}

.main .banner1-cards .banner1-card {
    display: flex;
    flex-direction: column;
    align-items: center;
    border-radius: var(--default-border-radius);
    background: var(--default-card-background);
    padding: 80px 48px 48px 48px;
    width: 385px;
    height: 400px;
    max-height: 400px;
    overflow: hidden;
    cursor: default;
    user-select: none;
    flex: 1 1;
}

.main .banner1-cards .banner1-card .icon {
    width: 48px;
    height: 48px;
}

.main .banner1-cards .banner1-card .title {
    color: var(--default-card-text-color);
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: 24px;
    text-align: center;
    margin-top: auto;
}

.main .banner1-cards .banner1-card .description {
    color: var(--main-banner1-cards-description-color);
    text-align: center;
    font-family: Roboto;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 28px;
    margin-top: 32px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    min-height: 84px;
    text-transform: none;
}


/* end banner1 */

/* start instruction */
.main .instruction-container {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.main .instruction-cards {
    display: flex;
    padding: 48px;
    justify-content: space-between;
    align-items: flex-start;
    align-self: stretch;
    border-radius: var(--default-border-radius);
    background: var(--default-card-background);
}

.main .instruction-cards .instruction-card {
    display: flex;
    flex-direction: column;
    align-items: start;
    gap: 32px;
    max-width: 404px;
    width: max-content;
    cursor: default;
    user-select: none;
}

.main .instruction-cards .instruction-card .number {
    display: flex;
    width: 32px;
    height: 32px;
    padding: 0 12px;
    justify-content: center;
    align-items: center;
    border-radius: 10px;
    background: #025BFF;
    color: #fff;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 22px;
}

.main .instruction-cards .instruction-card .title {
    color: var(--default-card-text-color);
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: 24px;
}

.main .instruction-cards .instruction-card .description {
    color: var(--main-instruction-cards-description-color);
    font-family: Roboto;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 28px;
}

/* end instruction */

/* start banner3 */

.main .solution-container {
    padding: 48px;
    border-radius: var(--default-border-radius);
    background: var(--main-solution-container-background);
    position: relative;
    /*overflow: hidden;*/
}

.main .solution-container .solution-left-side {
    position: relative;
    max-width: 562px;
    z-index: 20;
}

.main .solution-container .solution-left-side .solution-heading {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 24px;
    margin-bottom: 32px;
}

.main .solution-container .solution-left-side .solution-heading .title {
    color: var(--default-card-text-color);
    font-size: 42px;
    font-style: normal;
    font-weight: 700;
    line-height: 58px;
}

.main .solution-container .solution-left-side .solution-heading > .logo {
    width: 194px;
    height: 60px;
}

.main .solution-container .solution-left-side .description {
    color: var(--main-solution-container-desciption-color);
    font-family: Roboto;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 28px;
    margin-bottom: 0;
}

.main .solution-container .solution-cards {
    margin-top: 72px;
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 24px;
}

.main .solution-container .solution-cards .solution-card {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
    padding: 24px;
    background: var(--main-solution-cards-background);
    border-radius: 24px;
    backdrop-filter: blur(5px);
}

.main .solution-container .solution-cards .solution-card .title > .number {
    font-size: 48px;
    font-style: normal;
    font-weight: 800;
    line-height: normal;
}

.main .solution-container .solution-cards .solution-card .title > .text {
    font-size: 20px;
    font-style: normal;
    font-weight: 800;
    line-height: normal;
    margin-left: 5px;
}

.main .solution-container .solution-cards .solution-card .description {
    color: var(--main-solution-container-desciption-color);
    font-family: Roboto;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    margin-bottom: 0;
}

.main .solution-container .solution-right-side .statistics-photo {
    z-index: 10;
    width: 633px;
    height: 598px;
    position: absolute;
    right: 140px;
    top: -88px;
    background: url(../../img_src/main/statistics.png) 0 0 / 100% 120.799% no-repeat;
}

/* end banner3 */

/* start requests-container */

.main .requests-container {
    border-radius: var(--default-border-radius);
    background: var(--main-requests-container-background);
    max-height: 712px;
    height: auto;
    width: 100%;
    padding: 16px 48px 16px 16px;
    display: flex;
    flex-direction: row;
    gap: 20px;
}

.main .requests-container .requests-left-side .image-wrapper {
    width: 663px;
    height: 680px;
    overflow: hidden;
    border-radius: 16px;
}

.main .requests-container .requests-left-side .image-wrapper img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/*.main .requests-container .requests-left-side .image-wrapper {*/
/*    z-index: 0;*/
/*    width: var(--requests-block-image-width);*/
/*    height: var(--requests-block-image-height);*/
/*    position: absolute;*/
/*    top: var(--requests-block-image-position-top);*/
/*    right: var(--requests-block-image-position-right);*/
/*    left: var(--requests-block-image-position-left);*/
/*    bottom: var(--requests-block-image-position-bottom);*/
/*    background: var(--requests-block-path) var(--requests-block-image-params);*/
/*}*/
/*.main .requests-container .requests-left-side .requests-photo {*/
/*    --requests-block-image-width: 663px;*/
/*    --requests-block-image-height: 680px;*/
/*    --requests-block-image-position-top: auto;*/
/*    --requests-block-image-position-right: auto;*/
/*    --requests-block-image-position-left: auto;*/
/*    --requests-block-image-position-bottom: 0px;*/
/*    --requests-block-path: url(../../img_src/main/man.png);*/
/*    --requests-block-image-params: 50% / cover no-repeat;*/
/*}*/

.main .requests-container .requests-right-side {
    margin: 56px 186px;
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    gap: 56px;
}
.main .requests-container .requests-actions {
    margin-top: 36px;
    gap: 24px;
}

.main .requests-container .requests-right-side .requests-heading {
    display: flex;
    flex-direction: column;
    align-items: center;
    max-width: 540px;
    gap: 24px;
}

.main .requests-container .requests-right-side .requests-heading .requests-top {
    display: flex;
    flex-direction: column;
}

.main .requests-container .requests-right-side .requests-heading .requests-top > h1,
.main .requests-container .requests-right-side .requests-heading .requests-top > h1 > *
{
    font-size: 42px;
    font-style: normal;
    font-weight: 800;
    line-height: 42px;
    margin-bottom: 0;
}

.main .requests-container .requests-right-side .requests-heading .description {
    color: var(--requests-description-color);
    font-family: Roboto;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    text-align: center;
    margin-bottom: 0;
}

.main .requests-container .requests-right-side .requests-form {
    width: 100%;
}

.main .requests-container .requests-right-side .requests-form .custom-input-groups {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 20px;
}

.main .requests-container .requests-right-side .requests-form .custom-requests-form {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.main .requests-container .requests-right-side .requests-actions {
    display: flex;
    flex-direction: column;
    gap: 24px;
    width: 100%;
}

.main .requests-container .requests-right-side .requests-actions button {
    padding: 18px 32px;
}

.main .requests-container .requests-actions .requests-access {
    display: flex;
    flex-direction: row;
    gap: 12px;
    align-items: center;
}

.main .requests-container .requests-actions .requests-access .requests-access__description {
    color: var(--requests-access-description-color);
}

.main .requests-container .requests-actions .requests-access .requests-access__description,
.main .requests-container .requests-actions .requests-access .requests-access__description > a {
    font-family: Roboto;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 22px; /* 137.5% */
}

/* end requests-container */

.main .whom-container {
    display: flex;
    flex-direction: column;
    gap: 48px;
}

.main .whom-container .whom-card {
    max-height: 352px;
    height: 352px;
}

.main .banner1-cards .banner1-card.whom-card .title {
    margin-top: 48px;
}

.main .banner1-cards .banner1-card.whom-card .description {
    margin-top: 24px;
}

/* start banner5 */
.main .cabinet-container {
    display: flex;
    flex-direction: row;
    gap: 40px;
}

.main .cabinet-container .cabinet-block {
    padding: 48px;
    position: relative;
    border-radius: var(--default-border-radius);
    max-height: 640px;
    height: 640px;
    flex: 1 1;
    overflow: hidden;
    width: 810px;
}

.main .cabinet-container .cabinet-block.background1 {
    background: var(--main-banner5-background1);
}

.main .cabinet-container .cabinet-block.background2 {
    background: var(--main-banner5-background2);
}

.main .cabinet-container .cabinet-block .cabinet-heading {
    display: flex;
    flex-direction: column;
    gap:32px;
    align-items: center;
}

.main .cabinet-container .cabinet-block .cabinet-heading .cabinet-top {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 0;
}

.main .cabinet-container .cabinet-block .cabinet-heading .cabinet-top > h1 {
    font-size: 32px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin: 0;
}

.main .cabinet-container .cabinet-block .cabinet-heading .description {
    color: var(--gray);
    font-family: Roboto;
    text-align: center;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 28px;
    margin: 0;
}

.main .cabinet-container .cabinet-block:hover .image-wrapper {
    transform: scale(1.025)
}

.main .cabinet-container .cabinet-block .image-wrapper {
    z-index: 0;
    width: var(--cabinet-block-image-width);
    height: var(--cabinet-block-image-height);
    position: absolute;
    top: var(--cabinet-block-image-position-top);
    right: var(--cabinet-block-image-position-right);
    left: var(--cabinet-block-image-position-left);
    bottom: var(--cabinet-block-image-position-bottom);
    background: var(--cabinet-block-path) var(--cabinet-block-image-params);
}

.main .cabinet-container .cabinet-block .cabinet-image1 {
    --cabinet-block-image-width: 810px;
    --cabinet-block-image-height: 360px;
    --cabinet-block-image-position-top: auto;
    --cabinet-block-image-position-right: auto;
    --cabinet-block-image-position-left: 0;
    --cabinet-block-image-position-bottom: 0;
    --cabinet-block-path: url(../../img_src/main/banner5_lk1.png);
    --cabinet-block-image-params: 188px 14.762px / 53.457% 115.966% no-repeat;
}

.main .cabinet-container .cabinet-block .cabinet-image2 {
    --cabinet-block-image-width: 810px;
    --cabinet-block-image-height: 360px;
    --cabinet-block-image-position-top: auto;
    --cabinet-block-image-position-right: auto;
    --cabinet-block-image-position-left: 0;
    --cabinet-block-image-position-bottom: 0;
    --cabinet-block-path: url(../../img_src/main/banner5_lk2.png);
    --cabinet-block-image-params: 208px 4px / 48.519% 119.151% no-repeat;
}

/* end banner5 */

/* start banner6 */
.main .install-container {
    display: flex;
    flex-direction: column;
    gap: 48px;
}

.main .install-cards {
    display: flex;
    flex-direction: row;
    gap: 40px;
}

.main .install-cards .install-card {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    /*align-items: center;*/
    border-radius: var(--default-border-radius);
    padding: 56px 40px;
    max-height: 720px;
    height: 720px;
    cursor: pointer;
    flex: 1 1;
    overflow: hidden;
    /*gap: 40px;*/
    position: relative;
}

.main .install-cards .install-card.background1 {
    background: var(--main-install-background1);
}

.main .install-cards .install-card.background2 {
    background: var(--main-install-background2);
}

.main .install-cards .install-card.background3 {
    background: var(--main-install-background3);
}

.main .install-cards .install-card .install-top {
    display: flex;
    flex-direction: column;
    gap: 32px;
    align-items: center;
}

.main .install-cards .install-card .install-top button {
    padding: 18px 32px;
}

.main .install-cards .install-card .install-top .install-heading > h3.install-title {
    color: var(--main-install-title-color);
    text-align: center;
    font-family: Roboto;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 24px;
    margin-bottom: 24px;
}

.main .install-cards .install-card .install-top .install-heading > h2.install-subtitle {
    color: var(--main-install-background1-subtitile-color);
    text-align: center;
    font-family: Montserrat;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: 24px;
    margin: 0;
}

.main .install-cards .install-card.background2 .install-top .install-heading > h2.install-subtitle,
.main .install-cards .install-card.background3 .install-top .install-heading > h2.install-subtitle {
    color: var(--main-install-background2-subtitile-color);
}

.main .install-cards .install-card .install-top .install-features {
    color: var(--main-install-background1-features-color);
    text-align: center;
    font-family: Roboto;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    min-height: 120px;
}

.main .install-cards .install-card.background2 .install-top .install-features,
.main .install-cards .install-card.background3 .install-top .install-features {
    color: var(--main-install-background2-features-color);
}

.main .install-cards .install-card:hover .install-top button.btn-outline-primary {
    color: var(--btn-outline-primary-text-color-hover);
    background-color: var(--btn-outline-primary-background-hover);
    box-shadow: 0 0 0 2px var(--btn-outline-primary-border-color-hover) inset;
}

.main .install-cards .install-card.background1:hover .install-top button.btn-default-outline {
    background-color: #fff !important;
    color: #000 !important;
}

.main .install-cards .install-card .install-bottom {
    margin-top: 95px;
    height: 260px;
}

.main .install-cards .install-card .install-bottom > img.install-photo {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.main .install-cards .install-card:hover .image-wrapper {
    transform: scale(1.025);
}

.main .install-cards .install-card .image-wrapper {
    z-index: 0;
    width: var(--install-card-image-width);
    height: var(--install-card-image-height);
    position: absolute;
    top: var(--install-card-image-position-top);
    right: var(--install-card-image-position-right);
    left: var(--install-card-image-position-left);
    bottom: var(--install-card-image-position-bottom);
    background: var(--install-card-path) var(--install-card-image-params);
}

.main .install-cards .install-card .install-background1-photo {
    --install-card-image-width: 527px;
    --install-card-image-height: 260px;
    --install-card-image-position-top: auto;
    --install-card-image-position-right: auto;
    --install-card-image-position-left: 0;
    --install-card-image-position-bottom: 0;
    --install-card-path: url(../../img_src/main/banner6_gear.png);
    --install-card-image-params: 70.852px 21px / 73.111% 153.846% no-repeat;
}

.main .install-cards .install-card .install-background2-photo {
    --install-card-image-width: 527px;
    --install-card-image-height: 260px;
    --install-card-image-position-top: auto;
    --install-card-image-position-right: auto;
    --install-card-image-position-left: 0;
    --install-card-image-position-bottom: 0;
    --install-card-path: url(../../img_src/main/banner6_code.png);
    --install-card-image-params: 75.635px 56px / 70.925% 107.692% no-repeat;
}

.main .install-cards .install-card .install-background3-photo {
    --install-card-image-width: 527px;
    --install-card-image-height: 260px;
    --install-card-image-position-top: auto;
    --install-card-image-position-right: auto;
    --install-card-image-position-left: 0;
    --install-card-image-position-bottom: 0;
    --install-card-path: url(../../img_src/main/banner6_landing.png);
    --install-card-image-params: 99px 36px / 62.385% 123.077% no-repeat;
}

.main .install-support {
    margin-top: 40px;
    display: flex;
    background-color: var(--default-card-background);
    border-radius: var(--default-border-radius);
    padding: 60px 40px 30px;
    flex-direction: column;
    align-items: center;
    gap: 40px;
}

.main .install-support .install-support-items {
    display: flex;
    flex-direction: row;
    gap: 120px;
}

.main .install-support .install-support-description {
    color: #98A2B3;
    text-align: center;
    font-feature-settings: 'liga' off, 'clig' off;
    font-family: Roboto;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
}
/* end banner6 */

/* start banner7 */
.main .integration-container {
    display: flex;
    flex-direction: column;
    gap: 48px;
}

.main .integration-cards {
    display: flex;
    flex-direction: row;
    gap: 48px;
}

.main .integration-cards .integration-card {
    padding: 72px 48px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    max-height: 700px;
    height: 700px;
    border-radius: var(--default-border-radius);
    background-color: var(--default-card-background);
    overflow: hidden;
    position: relative;
    width: 100%;
    cursor: pointer;
}

.main .integration-cards .integration-card:hover .integration-card__content button {
    background-color: var(--btn-black-hover-bg) !important;
    color: var(--btn-black-hover-text) !important;
}

.main .integration-cards .integration-card .circle-blur {
    width: 423px;
    height: 423px;
    background: var(--main-integration-circle-default-background);
    filter: blur(125px);
    border-radius: 50%;
    position: absolute;
    top: -212px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 1;
}

.main .integration-cards .integration-card:hover .circle-blur.circle-blur-red {
    background: var(--main-integration-circle-red-background);
}

.main .integration-cards .integration-card:hover .circle-blur.circle-blur-blue {
    background: var(--main-integration-circle-blue-background);
}

.main .integration-cards .integration-card:hover .circle-blur.circle-blur-orange {
    background: var(--main-integration-circle-orange-background);
}

.main .integration-cards .integration-card .integration-card__center {
    width: 306px;
    height: 230px;
    z-index: 10;
}

.main .integration-cards .integration-card .integration-card__top {
    z-index: 10;
}

.main .integration-cards .integration-card .integration-card__center > img.integration-card__preview {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.main .integration-cards .integration-card .integration-card__content {
    display: flex;
    flex-direction: column;
    gap: 0;
    z-index: 10;
    align-items: center;
}

.main .integration-cards .integration-card .integration-card__content > h2.integration-card__title {
    color: var(--default-card-text-color);
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: 24px;
    margin-bottom: 8px;
}

.main .integration-cards .integration-card .integration-card__content > .integration-card__meta {
    display: flex;
    flex-direction: row;
    gap: 8px;
    align-items: center;
    margin-bottom: 24px;
}

.main .integration-cards .integration-card .integration-card__content > .integration-card__meta > .integration-card__meta-label {
    color: var(--default-card-text-color);
    opacity: .5;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px;
    margin: 0;
}

.main .integration-cards .integration-card .integration-card__content > .integration-card__meta > .integration-card__meta-value {
    color: var(--default-card-text-color);
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px;
    margin: 0;
}

.main .integration-cards .integration-card .integration-card__content button {
    padding: 12px 32px;
}
/* end banner 7 */

/* start banner8 */
.main .monetization-container {
    display: flex;
    flex-direction: column;
    gap: 48px;
}

.main .monetization-cards {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 40px;
    width: 100%;
}

.main .monetization-cards .monetization-card {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    flex: 1 1 calc(33.333% - 40px);
    min-width: 250px;
    max-width: 100%;
    padding: 32px;
    border-radius: var(--default-border-radius);
    height: 500px;
    overflow: hidden;
    position: relative;
    align-items: center;
    cursor: pointer;
}

.main .monetization-cards .monetization-card.background1 {
    background-color: var(--main-monetization-card-background1);
    border-radius: var(--default-border-radius);
    outline: var(--main-monetization-card-background1-border);
}

.main .monetization-cards .monetization-card.background2 {
    background-color: var(--main-monetization-card-background2);
}

.main .monetization-cards .monetization-card.background3 {
    background: var(--main-monetization-card-background3);
    outline: var(--main-monetization-card-background1-border);
}

.main .monetization-cards .monetization-card.background4 {
    background-color: var(--main-monetization-card-background4);
}

.main .monetization-cards .monetization-card.background5 {
    background-color: var(--main-monetization-card-background5);
}

.main .monetization-cards .monetization-card .monetization-card__top {
    display: flex;
    flex-direction: column;
    gap: 24px;
    align-items: center;
}

.main .monetization-cards .monetization-card .monetization-card__top .monetization-card__title {
    margin: 0;
    color: var(--default-card-text-color);
    font-size: 32px;
    font-style: normal;
    font-weight: 700;
    line-height: 32px;
}

.main .monetization-cards .monetization-card.background2 .monetization-card__top .monetization-card__title {
    color: #fff;
}

.main .monetization-cards .monetization-card.background2 .monetization-card__top .monetization-card__subtitle {
    color: #fff;
    opacity: .7;
}

.main .monetization-cards .monetization-card .monetization-card__top .monetization-card__subtitle {
    margin: 0;
    color: #7A8495;
    font-family: Roboto;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 28px;
}

.main .monetization-cards .monetization-card:hover .image-wrapper {
    transform: scale(1.025);
}

.main .monetization-cards .monetization-card .image-wrapper {
    z-index: 0;
    width: var(--monetization-card-image-width);
    height: var(--monetization-card-image-height);
    position: absolute;
    top: var(--monetization-card-image-position-top);
    right: var(--monetization-card-image-position-right);
    left: var(--monetization-card-image-position-left);
    bottom: var(--monetization-card-image-position-bottom);
    background: var(--monetization-card-path) var(--monetization-card-image-params);
}

.main .monetization-cards .monetization-card .monetization-image-osago {
    --monetization-card-image-width: 527px;
    --monetization-card-image-height: 320px;
    --monetization-card-image-position-top: auto;
    --monetization-card-image-position-right: auto;
    --monetization-card-image-position-left: 0;
    --monetization-card-image-position-bottom: 0;
    --monetization-card-path: url(../../img_src/main/monetization/osago.png);
    --monetization-card-image-params: 67.851px 36px / 74.25% 106.25% no-repeat;
}

.main .monetization-cards .monetization-card .monetization-image-insurance {
    --monetization-card-image-width: 527px;
    --monetization-card-image-height: 320px;
    --monetization-card-image-position-top: auto;
    --monetization-card-image-position-right: auto;
    --monetization-card-image-position-left: 0;
    --monetization-card-image-position-bottom: 0;
    --monetization-card-path: url(../../img_src/main/monetization/insurance.png);
    --monetization-card-image-params: 49.94px 26px / 81.011% 118.75% no-repeat;
}

.main .monetization-cards .monetization-card .monetization-image-kasco {
    --monetization-card-image-width: 527px;
    --monetization-card-image-height: 320px;
    --monetization-card-image-position-top: auto;
    --monetization-card-image-position-right: auto;
    --monetization-card-image-position-left: 0;
    --monetization-card-image-position-bottom: 0;
    --monetization-card-path: url(../../img_src/main/monetization/kasco.png);
    --monetization-card-image-params: 31px 28px / 88.235% 121.814% no-repeat;
}

.main .monetization-cards .monetization-card .monetization-image-credit {
    --monetization-card-image-width: 527px;
    --monetization-card-image-height: 320px;
    --monetization-card-image-position-top: auto;
    --monetization-card-image-position-right: auto;
    --monetization-card-image-position-left: 0;
    --monetization-card-image-position-bottom: 0;
    --monetization-card-path: url(../../img_src/main/monetization/credit.png);
    --monetization-card-image-params: 54px 41.889px / 79.545% 114.03% no-repeat;
}

.main .monetization-cards .monetization-card .monetization-image-credit_cash {
    --monetization-card-image-width: 527px;
    --monetization-card-image-height: 320px;
    --monetization-card-image-position-top: auto;
    --monetization-card-image-position-right: auto;
    --monetization-card-image-position-left: 0;
    --monetization-card-image-position-bottom: 0;
    --monetization-card-path: url(../../img_src/main/monetization/credit_cash.png);
    --monetization-card-image-params: 53px 32px / 79.848% 133.351% no-repeat;
}


.main .monetization-cards .monetization-card .monetization-image-devices{
    --monetization-card-image-width: 527px;
    --monetization-card-image-height: 320px;
    --monetization-card-image-position-top: auto;
    --monetization-card-image-position-right: auto;
    --monetization-card-image-position-left: 0;
    --monetization-card-image-position-bottom: 0;
    --monetization-card-path: url(../../img_src/main/monetization/devices.png);
    --monetization-card-image-params: 84px 22px / 68.182% 118.078% no-repeat;
}


/*.main .monetization-cards .monetization-card .monetization-card__content {*/
/*    height: 320px;*/
/*    position: absolute;*/
/*    bottom: -35px;*/
/*    left: 0;*/
/*    right: 0;*/
/*}*/

/*.main .monetization-cards .monetization-card .monetization-card__content > img.monetization-card__preview {*/
/*    width: 100%;*/
/*    height: 100%;*/
/*    object-fit: contain;*/
/*}*/
/**/
/*.main .monetization-cards .monetization-card:hover .monetization-card__content > img.monetization-card__preview {*/
/*    transform: scale(1.025);*/
/*}*/

.main .monetization-cards .monetization-card:hover .monetization-card__button {
    opacity: 1;
}

.main .monetization-cards .monetization-card .monetization-card__button {
    opacity: 0;
    z-index: 9999;
}

.main .monetization-cards .monetization-card .monetization-card__button .btn {
    padding: 12px 24px;
}

.main .monetization-accordion {
    margin-top: 40px;
}

.main .monetization-accordion .accordion {
    border-radius: var(--default-border-radius);
    overflow: hidden;
    background-color: var(--default-card-background) !important;
}

.main .monetization-accordion .accordion-button,
.main .monetization-accordion .accordion-button:not(.collapsed),
.main .monetization-accordion .accordion-item {
    background-color: var(--default-card-background) !important;
}

.main .monetization-accordion .accordion-item {
    display: flex;
    flex-direction: column;
    gap: 24px;
    padding: 20px 32px;
    /*min-height: 72px;*/
    justify-content: center;
}

.main .monetization-accordion .accordion .accordion-button {
    outline: none;
    box-shadow: none;
    color: var(--default-card-text-color);
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px;
    padding: 0;
    --bs-accordion-transition: .2s all;
    height: 32px
}

.main .monetization-accordion .accordion .accordion-button::after {
    background-color: var(--default-card-text-color);
    -webkit-mask-image: url(../../img/main/icons/angle-down.svg);
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    -webkit-mask-size: contain;
    mask-image: url(../../img/main/icons/angle-down.svg);
    mask-repeat: no-repeat;
    mask-position: center;
    mask-size: contain;
    background-image: none !important;
    height: 32px;
    width: 32px;
}

.main .monetization-accordion .accordion .accordion-body {
    padding: 0;
    background-color: var(--default-card-background) !important;
}
/* end banner8 */


/* start banner9 */
.main .faq-accordion {
    padding: 56px 40px;
    background-color: var(--default-card-background);
    display: flex;
    flex-direction: column;
    gap: 72px;
    border-radius: var(--default-border-radius);
}

.main .faq-accordion .faq-accordion-heading {
    display: flex;
    flex-direction: row;
    justify-content: center;
}

.main .faq-accordion .faq-accordion-heading > .title {
    color: var(--default-card-text-color);
    font-size: 42px;
    font-style: normal;
    font-weight: 700;
    line-height: 58px;
    margin: 0;
}

.main .faq-accordion .accordion {
    margin: auto 240px;
    --bs-accordion-color: var(--default-card-text-color);
}

.main .faq-accordion .accordion .accordion-button:focus {
    --bs-accordion-btn-focus-box-shadow: none;
}

.main .faq-accordion .accordion .accordion-button {
    font-family: Roboto;
    font-weight: 400;
    --bs-accordion-btn-padding-y: 24px;
    --bs-accordion-btn-padding-x: 0;
    --bs-accordion-btn-bg: var(--default-card-background);
    --bs-accordion-inner-border-radius: 0;
    --bs-accordion-btn-color: var(--default-card-text-color);
    --bs-accordion-active-color: var(--default-card-text-color);
    --bs-accordion-transition: .2s all;
    font-size: 18px;
}

.main .faq-accordion .accordion {
    --bs-accordion-bg: var(--default-card-background);
    --bs-accordion-border-color: none;
    position: relative;
}

.main .faq-accordion .accordion .accordion-item {
    border: none;
    position: relative;
}

.main .faq-accordion .accordion .accordion-item:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    content: '';
    height: 1px;
    background-color: var(--main-faq-accordion-border-color);
}
.main .faq-accordion .accordion .accordion-button:not(.collapsed) {
    --bs-accordion-active-bg: var(--default-card-background);
}

.main .faq-accordion .accordion .accordion-button::after {
    /*--bs-accordion-btn-icon-width: 32px;*/
}

.main .faq-accordion .accordion .accordion-button::after {
    --bs-accordion-btn-icon-width: 32px;
    background-color: var(--default-card-text-color);
    -webkit-mask-image: url(../../img/icons/arrow-small-down.svg);
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    -webkit-mask-size: contain;
    mask-image: url(../../img/icons/arrow-small-down.svg);
    mask-repeat: no-repeat;
    mask-position: center;
    mask-size: contain;
    background-image: none !important;
}
/* end banner9 */


.partners-container-main {
    display: flex;
    flex-direction: column;
    gap: 73px;
}