/***/

@font-face {
    font-family: 'Century Gothic';
    src: url('./fonts/century_gothics/CenturyGothic.woff2') format('woff2'),
    url('./fonts/century_gothics/CenturyGothic.woff') format('woff'),
    url('./fonts/century_gothics/CenturyGothic.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

#debug-screen {
    position: fixed;
    bottom: 10px;
    left: 10px;
    background: rgba(0,0,0,0.7);
    color: #00ffcc;
    padding: 8px 12px;
    font-size: 0.6em;
    font-family: monospace;
    border-radius: 6px;
    z-index: 9999;
}

html{
    /*overflow-x: hidden;*/
}

body{
    margin: 0;
    padding: 0;
    font-size: 16px;
    font-family: 'Poppins', 'Century Gothic', Arial, sans-serif;

    background: url('../img/bg__box__1__bg_day.png') repeat;
    /* width: 100%; */
    /*height: 1000px;*/
    /*background-size: cover;*/
    /*min-width: 1280px;*/
    /*overflow-x: hidden;*/
}



/* =========================
   UNIVERSAL FORM
========================= */

/* =========================
   UNIVERSAL FORM
========================= */

.form{

    display: none;

    position: fixed;

    top: 50%;
    left: 50%;

    transform: translate(-50%, -50%);

    width: min(700px, 92vw);

    padding: 40px;

    border-radius: 40px;

    z-index: 999999;

    background: rgba(15,15,25,0.78);

    backdrop-filter: blur(35px);
    -webkit-backdrop-filter: blur(35px);

    border: 1px solid rgba(255,255,255,0.12);

    box-shadow:
        0 30px 90px rgba(0,0,0,0.45);

    box-sizing: border-box;
}

/* animated gradient */

.form::before{

    content: '';

    position: absolute;

    inset: -2px;

    background:
        linear-gradient(
            135deg,
            var(--c1),
            var(--c2),
            var(--c3),
            var(--c4)
        );

    background-size: 400% 400%;

    animation: gradientMove 8s ease infinite;

    opacity: 0.25;

    z-index: 0;

    border-radius: inherit;
}

/* glow */

.form::after{

    content: '';

    position: absolute;

    width: 500px;
    height: 500px;

    border-radius: 50%;

    background: var(--c2);

    filter: blur(140px);

    opacity: 0.22;

    right: -150px;
    bottom: -150px;

    z-index: 0;
}

@keyframes gradientMove{

    0%{
        background-position: 0% 50%;
    }

    50%{
        background-position: 100% 50%;
    }

    100%{
        background-position: 0% 50%;
    }

}

.form input,
.form button{

    position: relative;

    z-index: 2;
}

/* inputs */

.form input{

    width: 100%;

    height: 74px;

    margin-bottom: 18px;

    padding: 0 25px;

    border: none;

    border-radius: 22px;

    background: rgba(255,255,255,0.10);

    color: white;

    font-size: clamp(16px, 2vw, 21px);

    outline: none;

    transition: 0.25s;

    box-sizing: border-box;
}

.form input::placeholder{

    color: rgba(255,255,255,0.65);
}

.form input:focus{

    background: rgba(255,255,255,0.18);

    transform: scale(1.015);
}

/* button */

.btn_form{
    width: 100%;
    height: 78px;
    border: none;
    border-radius: 24px;
    cursor: pointer;
    color: white;
    font-size: clamp(18px, 2vw, 24px);
    font-weight: bold;
    background:
        linear-gradient(
            90deg,
            var(--c1),
            var(--c2),
            var(--c3)
        );
    background-size: 300% 300%;
    animation: gradientMove 8s ease infinite;
    transition: 0.3s;
}

.btn_form:hover{
    transform:
        translateY(-2px)
        scale(1.02);
    box-shadow:
        0 20px 40px rgba(0,0,0,0.35);
}

/* close */

.close_form{
    position: absolute !important;
    top: 18px !important;
    right: 18px !important;
    width: 42px;
    height: 42px;
    border: none;
    border-radius: 50%;
    background: rgba(255,255,255,0.12);
    backdrop-filter: blur(10px);
    color: white;
    font-size: 26px;
    font-weight: 300;
    line-height: 42px;
    text-align: center;
    cursor: pointer;
    padding: 0;
    margin: 0;
    z-index: 999999;
    transition: 0.25s;
    box-shadow:
        0 4px 15px rgba(0,0,0,0.15);
}

.close_form:hover{
    background: rgba(255,255,255,0.22);
    transform: rotate(90deg) scale(1.08);
}

.success_text_form{
    position: relative;
    z-index: 5;
    color: white;
    font-size: 30px;
    font-weight: bold;
    text-align: center;
    line-height: 1.5;
    padding-top: 40px;
}

/* ФОРМА */

.wind{
    padding: 0;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    background: #000000c9;
}

.top_abs{
    position: relative;
    z-index: 6;
}

.box_1{
    display: flex;
    justify-content: center;
}

.left_offer{
    width: 365px;
}

/*.offer_search{*/
/*    position: absolute;*/
/*    display: flex;*/
/*    flex-direction: column;*/
/*    justify-content: center;*/
/*    gap: 80px;*/
/*    z-index: 6;*/
/*    margin: 216px 0 0 101px;*/
/*    right: 50px;*/
/*}*/

/*offer*/

/*.offer_block_pro {*/
/*    left: 465px;*/
/*    bottom: 120px;*/
/*    width: 387px;*/
/*    padding: 95px;*/
/*    border-radius: 383px;*/
/*    background: rgb(255 255 255 / 61%);*/
/*    backdrop-filter: blur(13px);*/
/*    color: #1a1a1a;*/
/*    box-shadow: 0 10px 40px rgba(0, 140, 255, 0.15),*/
/*    inset 0 0 10px rgba(255,255,255,0.4);*/
/*}*/

.offer_badge {
    color: #00c853;
    font-size: 13px;
    margin-bottom: 10px;
}

.offer_title_pro {
    font-size: 20px;
    font-weight: 600;
    line-height: 1.4;
    margin-bottom: 20px;
    color: #222;
}

.offer_title_pro span {
    color: #007bff;
    font-weight: bold;
}

.offer_list {
    margin-bottom: 20px;
}

.offer_row {
    display: flex;
    justify-content: space-between;
    margin-bottom: 10px;
    font-size: 15px;

    /* мягкий серый */
    color: #444;

    transition: 0.3s;
}

.offer_row:hover {
    transform: translateX(5px);
    color: #007bff;
}

.price {
    color: #0099cc;
}

.free .price {
    color: #00c853;
    font-weight: bold;
}

.offer_triggers {
    font-size: 13px;
    color: #666;
    margin-bottom: 20px;
    line-height: 1.6;
}

.offer_btn {
    text-align: center;
    padding: 12px;
    border-radius: 15px;

    background: linear-gradient(90deg, #00c6ff, #0072ff);
    color: #fff;

    font-weight: bold;
    cursor: pointer;

    transition: 0.3s;
}

.offer_btn:hover {
    transform: scale(1.05);
    box-shadow: 0 0 20px rgba(0, 140, 255, 0.4);
}

/*offer*/

/*input repair*/

.input_wrap {
    position: absolute;
    margin: 92px 0 0 0;
    width: 308px;
    transform: rotate(-14deg);
    transition: 0.3s;
}

/* общий hover для ВСЕГО блока */
.input_wrap:hover {
    transform: rotate(-14deg) translateY(-8px) scale(1.03);
}

/* input */
.title_repair {
    width: 100%;
    padding: 16px 0 16px 16px;
    border-radius: 15px;
    border: none;
    outline: none;
    font-size: 18px;
    background: #fff;
    color: #32567b;
}

/* placeholder */
.title_repair::placeholder {
    color: #c5c5c5;
}

/* кнопка */
.input_btn {
    position: absolute;
    top: 49.8%;
    right: -9px;
    transform: translateY(-50%);
    padding: 12px 18px;
    border-radius: 10px;
    background: #000;
    color: #fff;
    border: none;
    cursor: pointer;
    transition: 0.25s;
}

.input_btn:hover {
    background: #575656;
    transform: translateY(-50%) scale(1.05);
}

/*.title_repair:hover{*/
/*    animation: move1 2s infinite alternate;*/
/*    transform: translateY(-50%) scale(1.05);*/
/*}*/


/* S L I D E R */

/* HERO */

.hero_section{
    position: relative;
    overflow: hidden;
    width: 100%;
    min-height: 1000px;
}

/* ФОН */

.office{
    background: #00000026 url(../img/office.png) no-repeat left center;
    width: 100%;
    min-height: 100%;
    background-size: cover;
    background-blend-mode: color-dodge;
}

/* ОБЁРТКА СЛАЙДЕРА */

.slider_wrap{
    position: absolute;
    top: 170px;
    left: 500px;
    width: 100%;
    overflow-x: scroll;
    overflow-y: hidden;
    z-index: 5;
    cursor: grab;
    scrollbar-width: none;
}

.slider_wrap:active{
    cursor: grabbing;
}

.slider_wrap::-webkit-scrollbar{
    display:none;
}

.slider_wrap,
.slider_wrap *{
    user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
}

/* ЛЕНТА */

.slider_track{
    display: flex;
    align-items: center;
    gap: 80px;
    width: max-content;
    min-width: 3000px;
}

/* КРУГ */

.offer_block_pro {
    width: 550px;
    height: 550px;
    border-radius: 50%;
    padding: 95px;
    box-sizing: border-box;
    background: rgb(255 255 255 / 61%);
    backdrop-filter: blur(13px);
    color: #1a1a1a;
    flex-shrink: 0;
    box-shadow:
        0 10px 40px rgba(0, 140, 255, 0.15),
        inset 0 0 10px rgba(255,255,255,0.4);
}

/* S L I D E R*/

/* ОФФЕРЫ */

.android_btn{
    background: linear-gradient(
        90deg,
        #7b2cff,
        #c44dff
    );
}

.android_block .offer_title_pro span{
    color:#7b2cff;
}

.support_block .offer_title_pro span{
    color:#00b86b;
}

.support_btn{
    background: linear-gradient(
        90deg,
        #00b86b,
        #00d084
    );
}

.seo_block .offer_title_pro span{
    color:#ff8a00;
}

.seo_btn{
    background: linear-gradient(
        90deg,
        #ff8a00,
        #ff5e00
    );
}

/* ОФФЕРЫ */

.box_2{
    display: flex;
    margin: 100px 0 0 0;
}

.box_3{
    display: flex;
    margin: 100px 0 0 0;
}

.box_4{
    display: flex;
    margin: 100px 0 0 0;
}

.box_5{
    display: flex;
    margin: 100px 0 0 0;
}

.box_6{
    display: flex;
    margin: 100px 0 0 0;
}

.box_7{
    display: flex;
    margin: 100px 0 0 0;
}

.box_1_g_a{
    width: 365px;
    height: 100vh;
    z-index: 2;
    /* background: linear-gradient(
        90deg,
        rgba(235, 251, 255, 0.4) 0%,
        rgba(0, 180, 255, 0.08) 30%,
        rgba(255, 255, 255, 0.3) 60%,
        rgba(255, 255, 255, 0.98) 100%
    ); */
    /* background: linear-gradient(
        90deg,
        rgba(235, 251, 255, 0.4) 0%,
        rgba(0, 180, 255, 0.08) 30%,
        rgba(255, 255, 255, 0.3) 60%,
        rgba(255, 255, 255, 0.98) 100%
    ); */
    box-shadow: 6px -3px 8px 2px #ffffff;
    position: fixed;
    left: 20px;
    background: #fffffff0;
}

/*.office{*/
/*    background: #00000012 url(../img/office.png) no-repeat left center;*/
/*    width: 100vw;*/
/*    min-height: 1000px;*/
/*    background-size: cover;*/
/*    padding: 0 0 0 0;*/
/*    margin: 0 0 0 0;*/
/*    background-blend-mode: color-dodge;*/
/*}*/

.office2{
    /* background: url('../img/bg_box_1_day.png') no-repeat left center; */
    background: #00000012 url(../img/office2.png) no-repeat left center;
    width: 100%;
    min-height: 1100px;
    background-size: cover;
    padding: 0 0 0 0;
    margin: 0 0 0 0;
    /* filter: brightness(0.9); */
    background-blend-mode: color-dodge;
    background-attachment: fixed;
}

.house{
    /* background: url('../img/bg_box_1_day.png') no-repeat left center; */
    background: #00000012 url(../img/house.png) no-repeat left center;
    width: 100%;
    min-height: 1100px;
    background-size: cover;
    padding: 0 0 0 0;
    margin: 0 0 0 0;
    /* filter: brightness(0.9); */
    background-blend-mode: color-dodge;
    background-attachment: fixed;
}

.street{
    /* background: url('../img/bg_box_1_day.png') no-repeat left center; */
    background: #00000012 url(../img/street.png) no-repeat left center;
    width: 100%;
    min-height: 1100px;
    background-size: cover;
    padding: 0 0 0 0;
    margin: 0 0 0 0;
    /* filter: brightness(0.9); */
    background-blend-mode: color-dodge;
    background-attachment: fixed;
}

.house2{
    /* background: url('../img/bg_box_1_day.png') no-repeat left center; */
    background: #00000012 url(../img/house2.jpg) no-repeat left center;
    width: 100%;
    min-height: 1100px;
    background-size: cover;
    padding: 0 0 0 0;
    margin: 0 0 0 0;
    /* filter: brightness(0.9); */
    background-blend-mode: color-dodge;
    background-attachment: fixed;
}

.consult{
    /* background: url('../img/bg_box_1_day.png') no-repeat left center; */
    background: #00000012 url(../img/consult.png) no-repeat left center;
    width: 100%;
    min-height: 1100px;
    background-size: cover;
    padding: 0 0 0 0;
    margin: 0 0 0 0;
    /* filter: brightness(0.9); */
    background-blend-mode: color-dodge;
    background-attachment: fixed;
}

.learning{
    /* background: url('../img/bg_box_1_day.png') no-repeat left center; */
    background: #00000012 url(../img/learning.png) no-repeat left center;
    width: 100%;
    min-height: 1200px;
    background-size: cover;
    padding: 0 0 0 0;
    margin: 0 0 0 0;
    /* filter: brightness(0.9); */
    background-blend-mode: color-dodge;
    background-attachment: fixed;
}

.menu_logo{
    display: flex;
    gap: 50px;
    justify-content: center;
    position: fixed;
    z-index: 7;
    /* margin: 10px 0 0 0; */
    /* background: #ffffffc7; */
    /* filter: blur(1px); */
    /* width: 100%; */
    left: 179px;
    top: 73px;
    align-items: self-start;
}

.menu_top_logo{
    position: fixed;
    background: url('../img/logo_day.svg') no-repeat center center;
    width: 113px;
    height: 57px;
    background-size: contain;
    padding: 0 0 0 0;
    margin: 0 0 0 58px;
    filter: brightness(0.6) hue-rotate(36deg);
}

/*logo*/
.box_1_v_g_v_a{
    background: url('../img/logo_day.svg') no-repeat center center;
    width: 113px;
    height: 73px;
    background-size: contain;
    padding: 20px 0 20px 0;
    margin: 0 0 0 58px;
    filter: brightness(0.6) hue-rotate(36deg);
}



/*запрос цен*/
.box_1_v_g_v_b{
    /* background: #1a73e8; */
    padding: 13px 0 13px 60px;
    /* border-radius: 100px; */
    /* margin: 0 0 0 27px; */
    color: #ffffff;
    font-size: 16px;
    box-shadow: 2px 3px 5px #ffffff;
    /* box-shadow: 2px 3px 5px #ffffff; */
    background: linear-gradient(90deg, #1c6fdb 0%, #3685edd4 40%, #056affe6 100%);
    transition: padding 0.3s ease;
}

.box_1_v_g_v_b:hover{
    padding: 17px 0 17px 32px;
}

/*menu_tasks*/
.box_1_v_g_v_c{
    margin: 20px 0 0 58px;
}

.menu_top{
    display: flex;
    /*background: #ffffff;*/
    gap: 10px;
    align-items: center;
}

.menu_top{
    cursor: grab;
}

.menu_top:active{
    cursor: grabbing;
}

.menu_top,
.menu_top *{
    user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
}

.menu_tasks{
    display: flex;
    flex-direction: column;
    gap: 0;
}

.a_menu{
    padding: 15px 20px 15px 20px;
    cursor: pointer;
    color: #3c628a;
    /* transition: 1.9ms; */
    animation: move 1.5s infinite alternate;
    font-size: 14px;
    font-weight: 600;
    transition: font-size 0.3s ease;
}

.a_menu_top{
    padding: 15px 20px 15px 20px;
    cursor: pointer;
    /* color: #ffffff; */
    /* transition: 1.9ms; */
    animation: move 1.5s infinite alternate;
    font-size: 14px;
    font-weight: 600;
    transition: font-size 0.3s ease;
    user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    /* text-shadow: 0 0 1px rgba(0, 82, 255, 0.7); */
    color: rgba(255,255,255,0.92);
    text-shadow: 0 2px 8px rgba(0,0,0,0.35);
}



.a_menu_top_7{
    right: 25px;
    position: relative;
    margin-left: 16px;
}

.a_menu_top_8{
    color: #ffffff;
    right: 25px;
    position: relative;
    margin-left: 16px;
}

/*.a_menu_tasks_8{*/
/*    color: #ffffff;*/
/*}*/

@keyframes move {
    from {
        transform: translateX(0);
    }
    to {
        transform: translateX(15px);
    }
}

.a_menu:hover{
    color: #115670;
    font-weight: 600;
    font-size: 18px;
}

.a_menu_top:hover{
    color: #115670;
    font-weight: 600;
    font-size: 18px;
}

.description_task{
    margin: 30px 0 0 79px;
    color: #fffedb;
    font-size: 15px;
    display: flex;
    position: absolute;
    box-shadow: 0 6px 9px #bbbbbb;
    padding: 2px 0 0 7px;
    cursor: context-menu;
    border-bottom-left-radius: 11px;
    transition: font-size 0.3s ease;
}

.description_task:hover{
    font-size: 16px;
}

.box_1_v_g_v_d{
    display: flex;
    flex-direction: column;
}

.txt_btn_task{
    display: flex;
    align-items: center;
}

#txt_task{
    border-radius: 256px;
    /* background: #5d5d5de0; */
    border: none;
    outline: none;
    width: 205px;
    height: 161px;
    padding: 128px 83px 54px 60px;
    font-size: 21px;
    color: rgba(255, 255, 255, 0.96);
    margin: 0 0 0 0;
    box-shadow: 8px 3px 7px #ffffff;
    background: linear-gradient(133deg, #6d7885 0%, #3f3f3f9e 50%, #ccff0047 100%);
}

.btn_task{
    /* background: #0093ffc7; */
    width: 130px;
    height: 130px;
    border-radius: 200px;
    margin: 145px 0 0 259px;
    position: absolute;
    border: 1px solid #ffffff;
    box-shadow: 2px 3px 5px #ffffff;
    cursor: pointer;
    background: linear-gradient(295deg, #fcffdbcc 0%, #0095ffcc 30%, #0077df 65%, #003f8fcc 100%);
    /*transition: width 0.3s ease;*/
}

.btn_task:hover{
    width: 140px;
    height: 140px;
}

.btn_task_val{
    color: #0e475d;
    margin: 50px 0 0 63px;
    position: absolute;
    font-weight: 600;
    font-size: 19px;
    cursor: pointer;
    transition: 1.9ms;
    animation: move 2s infinite alternate;
}

.btn_task_val:hover{
    color: rgba(255, 255, 255, 0.92);
    font-size: 21px;
}

.box_1_v_g_v_a:hover{
    width: 150px;
}

#txt_task::placeholder{
    color: #ffffff;
    font-size: 16px;
}

.box_1_g_v_b{
    width: 300px;
    height: 200px;
    background: #7fffd4ab;
    top: 52px;
}

.div_box_1_g_c{
    display: flex;
    justify-content: center;
}

.box_1_g_c{
    display: flex;
    justify-content: center;
    padding: 0;
    /* margin: 0 auto; */
    gap: 30px;
    background: azure;
    z-index: 5;
    top: 52px;
    position: relative;
    width: 300px;
}

.div_btm_menu{
    display: flex;
    justify-content: center;
}

.btm_menu{
    width: 47vw;
    height: 65px;
    display: flex;
    justify-content: space-around;
    bottom: 5px;
    border-radius: 50px;
    /* background: #00b3dde0; */
    position: fixed;
    align-items: center;
    z-index: 7;
    box-shadow: 4px 4px 4px #ffffff;
    background: linear-gradient(0deg, #004ea7db 0%, #00a6cdd9 45%, #f9ffe7d1 100%);
    transition: width 0.3s ease;
}

.btm_menu:hover{
    width: 49vw;
    height: 66px;
}

.a_btm_menu{
    color: #00fdff;
    text-shadow: 1px 1px 6px #ffffff;
    cursor: pointer;
    /*transition: 3.9ms;*/
    animation: move 2s infinite alternate;
    transition: font-size 0.3s ease;
}

.a_btm_menu:hover{
    font-size: 18px;
    color: #ffffff;
    font-weight: 600;
}

.gpt{
    margin: 35% 0 0 38%;
    position: absolute;
    transform: rotate(3deg);
    font-size: 38px;
    font-weight: 600;
    color: #626363;
    font-family: monospace;
    animation: blink 4s infinite;
}

.deepseek{
    margin: 6% 0 0 69%;
    position: absolute;
    transform: rotate(325deg);
    font-size: 38px;
    font-weight: 600;
    color: #5f98d3;
    font-family: monospace;
    animation: blink 7s infinite;
}

@keyframes blink {
    0%   { opacity: 1; }
    50%  { opacity: 0; }
    100% { opacity: 1; }
}

.site_creation{
    margin: 27% 0 0 34%;
    position: absolute;
    transform: rotate(
        5deg);
    font-size: 17px;
    font-weight: 300;
    color: #000000;
    /* font-family: monospace; */
    animation: blink 10s infinite;
    /* text-shadow: 0px 1px black; */
    /* background: #959297; */
    border-radius: 40px;
    padding: 6px;
}

.question_settings{
    /* position: fixed; */
    /* top: 5px; */
    /* left: 20px; */
    width: 39px;
    height: 39px;
    transform: rotate(
        360deg);
    font-size: 25px;
    font-weight: 600;
    color: rgba(255,255,255,0.92);
    font-family: monospace;
    animation: blink 7s infinite;
    /*background: rgba(255, 255, 255, 0.56);*/
    padding: 2px;
    border-radius: 50%;
    cursor: pointer;
    transition: font-size 0.3s ease;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 7;
    /*border: 0.5px dotted #32567b;*/
    margin: 0 0 0 20px;
    background: rgba(25,35,60,0.38);
    backdrop-filter: blur(18px);
    -webkit-backdrop-filter: blur(18px);
    border: 1px solid rgba(255,255,255,0.12);
    box-shadow: 0 8px 30px rgba(0,0,0,0.18);
}

.question_settings:hover{
    font-size: 47px;
    /*padding: 10px 27px 10px 27px;*/
    /*margin: 1.3% 0 0 22.1%;*/
    opacity: 0.9;
    background: rgba(0, 255, 14, 0.56);
    color: #00fdff;
}

/* BOX 2 */

/* SLIDER BOX 2 */

.slider_wrap_b2{
    position: absolute;
    left: 430px;
    width: calc(100% - 430px);
    overflow-x: scroll;
    overflow-y: hidden;

    scrollbar-width: none;
    cursor: grab;

    z-index: 5;
}

.slider_wrap_b2::-webkit-scrollbar{
    display: none;
}

.slider_wrap_b2:active{
    cursor: grabbing;
}

.slider_wrap_b2,
.slider_wrap_b2 *{
    user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;

    -webkit-user-drag: none;
}

/* TRACK */

.slider_track_b2{
    display: flex;
    gap: 40px;

    width: max-content;

    padding: 120px 80px;
}

/* ОБЩИЙ СТИЛЬ БЛОКОВ */

.offer_block_pro_tariffs_1,
.offer_block_pro_tariffs_2,
.offer_block_pro_tariffs_3,
.offer_block_pro_tariffs_4,
.offer_block_pro_tariffs_5,
.offer_block_pro_tariffs_6,
.offer_block_pro_tariffs_7{

    width: 69vw;
    min-height: 790px;

    border-radius: 45px;

    background: rgba(255,255,255,0.72);

    backdrop-filter: blur(14px);

    box-shadow:
        0 10px 40px rgba(0,140,255,0.2),
        inset 0 0 15px rgba(255,255,255,0.35);

    flex-shrink: 0;

    padding: 50px;

    box-sizing: border-box;

    transition: 0.35s;
}

/* hover */

.offer_block_pro_tariffs_1:hover,
.offer_block_pro_tariffs_2:hover,
.offer_block_pro_tariffs_3:hover,
.offer_block_pro_tariffs_4:hover,
.offer_block_pro_tariffs_5:hover,
.offer_block_pro_tariffs_6:hover,
.offer_block_pro_tariffs_7:hover{

    transform: translateY(-10px) scale(1.01);

    box-shadow:
        0 20px 60px rgba(0,140,255,0.35),
        inset 0 0 20px rgba(255,255,255,0.4);
}

/* SLIDER BOX 2*/

/* BOX 2*/



/* BOX 3 */

/* SLIDER BOX 3 */

.slider_wrap_b3{
    position: absolute;
    left: 430px;
    width: calc(100% - 430px);
    overflow-x: scroll;
    overflow-y: hidden;

    scrollbar-width: none;
    cursor: grab;

    z-index: 5;
}

.slider_wrap_b3::-webkit-scrollbar{
    display: none;
}

.slider_wrap_b3:active{
    cursor: grabbing;
}

.slider_wrap_b3,
.slider_wrap_b3 *{
    user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;

    -webkit-user-drag: none;
}

/* TRACK */

.slider_track_b3{
    display: flex;
    gap: 40px;

    width: max-content;

    padding: 120px 80px;
}

/* ОБЩИЙ СТИЛЬ БЛОКОВ */

.offer_block_pro_site_1,
.offer_block_pro_site_2,
.offer_block_pro_site_3,
.offer_block_pro_site_4,
.offer_block_pro_site_5,
.offer_block_pro_site_6,
.offer_block_pro_site_7{

    width: 69vw;
    min-height: 790px;

    border-radius: 45px;

    background: rgba(255,255,255,0.72);

    backdrop-filter: blur(14px);

    box-shadow:
        0 10px 40px rgba(0,140,255,0.2),
        inset 0 0 15px rgba(255,255,255,0.35);

    flex-shrink: 0;

    padding: 50px;

    box-sizing: border-box;

    transition: 0.35s;
}

/* hover */

.offer_block_pro_site_1:hover,
.offer_block_pro_site_2:hover,
.offer_block_pro_site_3:hover,
.offer_block_pro_site_4:hover,
.offer_block_pro_site_5:hover,
.offer_block_pro_site_6:hover,
.offer_block_pro_site_7:hover{

    transform: translateY(-10px) scale(1.01);

    box-shadow:
        0 20px 60px rgba(0,140,255,0.35),
        inset 0 0 20px rgba(255,255,255,0.4);
}

/* SLIDER BOX 3*/

/* BOX 3*/


/* BOX 4 */

/* SLIDER BOX 4 */

.slider_wrap_b4{
    position: absolute;
    left: 430px;
    width: calc(100% - 430px);
    overflow-x: scroll;
    overflow-y: hidden;

    scrollbar-width: none;
    cursor: grab;

    z-index: 5;
}

.slider_wrap_b4::-webkit-scrollbar{
    display: none;
}

.slider_wrap_b4:active{
    cursor: grabbing;
}

.slider_wrap_b4,
.slider_wrap_b4 *{
    user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;

    -webkit-user-drag: none;
}

/* TRACK */

.slider_track_b4{
    display: flex;
    gap: 40px;

    width: max-content;

    padding: 120px 80px;
}

/* ОБЩИЙ СТИЛЬ БЛОКОВ */

.offer_block_pro_android_1,
.offer_block_pro_android_2,
.offer_block_pro_android_3,
.offer_block_pro_android_4,
.offer_block_pro_android_5,
.offer_block_pro_android_6,
.offer_block_pro_android_7{

    width: 69vw;
    min-height: 790px;

    border-radius: 45px;

    background: rgba(255,255,255,0.72);

    backdrop-filter: blur(14px);

    box-shadow:
        0 10px 40px rgba(0,140,255,0.2),
        inset 0 0 15px rgba(255,255,255,0.35);

    flex-shrink: 0;

    padding: 50px;

    box-sizing: border-box;

    transition: 0.35s;
}

/* hover */

.offer_block_pro_android_1:hover,
.offer_block_pro_android_2:hover,
.offer_block_pro_android_3:hover,
.offer_block_pro_android_4:hover,
.offer_block_pro_android_5:hover,
.offer_block_pro_android_6:hover,
.offer_block_pro_android_7:hover{

    transform: translateY(-10px) scale(1.01);

    box-shadow:
        0 20px 60px rgba(0,140,255,0.35),
        inset 0 0 20px rgba(255,255,255,0.4);
}

/* SLIDER BOX 4*/

/* BOX 4*/



/* BOX 5 */

/* SLIDER BOX 5 */

.slider_wrap_b5{
    position: absolute;
    left: 430px;
    width: calc(100% - 430px);
    overflow-x: scroll;
    overflow-y: hidden;

    scrollbar-width: none;
    cursor: grab;

    z-index: 5;
}

.slider_wrap_b5::-webkit-scrollbar{
    display: none;
}

.slider_wrap_b5:active{
    cursor: grabbing;
}

.slider_wrap_b5,
.slider_wrap_b5 *{
    user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;

    -webkit-user-drag: none;
}

/* TRACK */

.slider_track_b5{
    display: flex;
    gap: 40px;

    width: max-content;

    padding: 120px 80px;
}

/* ОБЩИЙ СТИЛЬ БЛОКОВ */

.offer_block_pro_optimization_1,
.offer_block_pro_optimization_2,
.offer_block_pro_optimization_3,
.offer_block_pro_optimization_4,
.offer_block_pro_optimization_5,
.offer_block_pro_optimization_6,
.offer_block_pro_optimization_7{

    width: 69vw;
    min-height: 790px;

    border-radius: 45px;

    background: rgba(255,255,255,0.72);

    backdrop-filter: blur(14px);

    box-shadow:
        0 10px 40px rgba(0,140,255,0.2),
        inset 0 0 15px rgba(255,255,255,0.35);

    flex-shrink: 0;

    padding: 50px;

    box-sizing: border-box;

    transition: 0.35s;
}

/* hover */

.offer_block_pro_optimization_1:hover,
.offer_block_pro_optimization_2:hover,
.offer_block_pro_optimization_3:hover,
.offer_block_pro_optimization_4:hover,
.offer_block_pro_optimization_5:hover,
.offer_block_pro_optimization_6:hover,
.offer_block_pro_optimization_7:hover{

    transform: translateY(-10px) scale(1.01);

    box-shadow:
        0 20px 60px rgba(0,140,255,0.35),
        inset 0 0 20px rgba(255,255,255,0.4);
}

/* SLIDER BOX 5*/

/* BOX 5*/



/* BOX 6 */

/* SLIDER BOX 6 */

.slider_wrap_b6{
    position: absolute;
    left: 430px;
    width: calc(100% - 430px);
    overflow-x: scroll;
    overflow-y: hidden;

    scrollbar-width: none;
    cursor: grab;

    z-index: 5;
}

.slider_wrap_b6::-webkit-scrollbar{
    display: none;
}

.slider_wrap_b6:active{
    cursor: grabbing;
}

.slider_wrap_b6,
.slider_wrap_b6 *{
    user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;

    -webkit-user-drag: none;
}

/* TRACK */

.slider_track_b6{
    display: flex;
    gap: 40px;

    width: max-content;

    padding: 120px 80px;
}

/* ОБЩИЙ СТИЛЬ БЛОКОВ */

.offer_block_pro_business_1,
.offer_block_pro_business_2,
.offer_block_pro_business_3,
.offer_block_pro_business_4,
.offer_block_pro_business_5,
.offer_block_pro_business_6,
.offer_block_pro_business_7{

    width: 69vw;
    min-height: 790px;

    border-radius: 45px;

    background: rgba(255,255,255,0.72);

    backdrop-filter: blur(14px);

    box-shadow:
        0 10px 40px rgba(0,140,255,0.2),
        inset 0 0 15px rgba(255,255,255,0.35);

    flex-shrink: 0;

    padding: 50px;

    box-sizing: border-box;

    transition: 0.35s;
}

/* hover */

.offer_block_pro_business_1:hover,
.offer_block_pro_business_2:hover,
.offer_block_pro_business_3:hover,
.offer_block_pro_business_4:hover,
.offer_block_pro_business_5:hover,
.offer_block_pro_business_6:hover,
.offer_block_pro_business_7:hover{

    transform: translateY(-10px) scale(1.01);

    box-shadow:
        0 20px 60px rgba(0,140,255,0.35),
        inset 0 0 20px rgba(255,255,255,0.4);
}

/* SLIDER BOX 6*/

/* BOX 6*/



/* BOX 7 */

/* SLIDER BOX 7 */

.slider_wrap_b7{
    position: absolute;
    left: 430px;
    width: calc(100% - 430px);
    overflow-x: scroll;
    overflow-y: hidden;

    scrollbar-width: none;
    cursor: grab;

    z-index: 5;
}

.slider_wrap_b7::-webkit-scrollbar{
    display: none;
}

.slider_wrap_b7:active{
    cursor: grabbing;
}

.slider_wrap_b7,
.slider_wrap_b7 *{
    user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;

    -webkit-user-drag: none;
}

/* TRACK */

.slider_track_b7{
    display: flex;
    gap: 40px;

    width: max-content;

    padding: 120px 80px;
}

/* ОБЩИЙ СТИЛЬ БЛОКОВ */

.offer_block_pro_education_1,
.offer_block_pro_education_2,
.offer_block_pro_education_3,
.offer_block_pro_education_4,
.offer_block_pro_education_5,
.offer_block_pro_education_6,
.offer_block_pro_education_7,
.offer_block_pro_education_8{

    width: 69vw;
    min-height: 790px;

    border-radius: 45px;

    background: rgba(255,255,255,0.72);

    backdrop-filter: blur(14px);

    box-shadow:
        0 10px 40px rgba(0,140,255,0.2),
        inset 0 0 15px rgba(255,255,255,0.35);

    flex-shrink: 0;

    padding: 50px;

    box-sizing: border-box;

    transition: 0.35s;
}

/* hover */

.offer_block_pro_education_1:hover,
.offer_block_pro_education_2:hover,
.offer_block_pro_education_3:hover,
.offer_block_pro_education_4:hover,
.offer_block_pro_education_5:hover,
.offer_block_pro_education_6:hover,
.offer_block_pro_education_7:hover,
.offer_block_pro_education_8:hover{

    transform: translateY(-10px) scale(1.01);

    box-shadow:
        0 20px 60px rgba(0,140,255,0.35),
        inset 0 0 20px rgba(255,255,255,0.4);
}

/* SLIDER BOX 7*/

/* BOX 7*/


/* offer_block_pro_tariffs_1 */

/* HEADER */

.tariff_header_site{
    margin-bottom: 50px;
}

.tariff_badge_site{
    color:#00c853;
    font-size:14px;
    margin-bottom:15px;
}

.tariff_title_site{
    font-size:48px;
    font-weight:700;
    color:#1f2937;
    margin-bottom:15px;
}

.tariff_subtitle_site{
    font-size:18px;
    color:#5f6b7a;
    line-height:1.6;
    max-width:700px;
}

/* CARDS */

.tariff_cards_site{
    display:flex;
    gap:35px;
    flex-wrap:wrap;
}

/* CARD */

.tariff_card_site{
    width:320px;
    min-height:520px;

    border-radius:35px;

    background:rgba(255,255,255,0.72);

    backdrop-filter:blur(15px);

    padding:35px;

    box-sizing:border-box;

    box-shadow:
        0 10px 35px rgba(0,140,255,0.12),
        inset 0 0 15px rgba(255,255,255,0.35);

    transition:0.35s;

    position:relative;

    overflow:hidden;
}

.tariff_card_site:hover{

    transform:
        translateY(-10px)
        scale(1.02);

    box-shadow:
        0 25px 60px rgba(0,140,255,0.25),
        inset 0 0 20px rgba(255,255,255,0.45);
}

/* NAMES */

.tariff_name_site{
    font-size:28px;
    font-weight:700;
    color:#1e293b;

    margin-top:20px;
    margin-bottom:25px;
}

/* PRICE */

.tariff_price_site{
    font-size:42px;
    font-weight:700;

    color:#0077ff;

    margin-bottom:30px;
}

/* DESC */

.tariff_desc_site{
    font-size:16px;
    line-height:2;
    color:#4b5563;

    margin-bottom:64px;
}

/* BTN */

.tariff_btn_site{

    position:absolute;

    left:35px;
    right:35px;
    bottom:35px;

    text-align:center;

    padding:16px;

    border-radius:18px;

    background:
        linear-gradient(
            90deg,
            #00c6ff,
            #0072ff
        );

    color:#fff;

    font-weight:700;

    cursor:pointer;

    transition:0.3s;
}

.tariff_btn_site:hover{

    transform:scale(1.03);

    box-shadow:
        0 0 25px rgba(0,140,255,0.35);
}

/* COLORS */

.mini_tariff{
    border:2px solid rgba(0,140,255,0.12);
}

.standard_tariff{

    background:
        linear-gradient(
            180deg,
            rgba(255,255,255,0.88),
            rgba(210,230,255,0.75)
        );

    transform:scale(1.03);
}

.premium_tariff{

    background:
        linear-gradient(
            180deg,
            rgba(255,255,255,0.88),
            rgba(220,255,240,0.78)
        );
}

/* POPULAR */

.tariff_top_mark{

    position:absolute;

    top:20px;
    right:-35px;

    background:#0077ff;

    color:#fff;

    padding:8px 45px;

    transform:rotate(45deg);

    font-size:12px;

    font-weight:700;

    box-shadow:
        0 5px 20px rgba(0,119,255,0.3);
}

/* offer_block_pro_tariffs_1*/



/* offer_block_pro_tariffs_2 */

/* =========================
   TARIFFS WEBSITE
========================= */

/* HEADER */

.tariff_header_web{
    margin-bottom: 50px;
}

.tariff_badge_web{
    color:#00c853;
    font-size:14px;
    margin-bottom:15px;
}

.tariff_title_web{
    font-size:48px;
    font-weight:700;
    color:#1f2937;
    margin-bottom:15px;
}

.tariff_subtitle_web{
    font-size:18px;
    color:#5f6b7a;
    line-height:1.6;
    max-width:700px;
}

/* CARDS */

.tariff_cards_web{
    display:flex;
    gap:35px;
    flex-wrap:wrap;
}

/* CARD */

.tariff_card_web{

    width:320px;
    min-height:520px;

    border-radius:35px;

    background:rgba(255,255,255,0.72);

    backdrop-filter:blur(15px);

    padding:35px;

    box-sizing:border-box;

    box-shadow:
        0 10px 35px rgba(0,140,255,0.12),
        inset 0 0 15px rgba(255,255,255,0.35);

    transition:0.35s;

    position:relative;

    overflow:hidden;
}

.tariff_card_web:hover{

    transform:
        translateY(-10px)
        scale(1.02);

    box-shadow:
        0 25px 60px rgba(0,140,255,0.25),
        inset 0 0 20px rgba(255,255,255,0.45);
}

/* NAME */

.tariff_name_web{
    font-size:28px;
    font-weight:700;
    color:#1e293b;

    margin-top:20px;
    margin-bottom:25px;
}

/* PRICE */

.tariff_price_web{
    font-size:42px;
    font-weight:700;

    color:#7b2cff;

    margin-bottom:30px;
}

/* DESC */

.tariff_desc_web{
    font-size:16px;
    line-height:2;
    color:#4b5563;

    margin-bottom:64px;
}

/* BTN */

.tariff_btn_web{

    position:absolute;

    left:35px;
    right:35px;
    bottom:35px;

    text-align:center;

    padding:16px;

    border-radius:18px;

    background:
        linear-gradient(
            90deg,
            #7b2cff,
            #c44dff
        );

    color:#fff;

    font-weight:700;

    cursor:pointer;

    transition:0.3s;
}

.tariff_btn_web:hover{

    transform:scale(1.03);

    box-shadow:
        0 0 25px rgba(123,44,255,0.35);
}

/* TYPES */

.start_web{
    border:2px solid rgba(123,44,255,0.12);
}

.business_web{

    background:
        linear-gradient(
            180deg,
            rgba(255,255,255,0.88),
            rgba(235,225,255,0.75)
        );

    transform:scale(1.03);
}

.premium_web{

    background:
        linear-gradient(
            180deg,
            rgba(255,255,255,0.88),
            rgba(220,255,240,0.78)
        );
}

/* TOP */

.tariff_top_mark_web{

    position:absolute;

    top:20px;
    right:-35px;

    background:#7b2cff;

    color:#fff;

    padding:8px 45px;

    transform:rotate(45deg);

    font-size:12px;

    font-weight:700;

    box-shadow:
        0 5px 20px rgba(123,44,255,0.3);
}

/* offer_block_pro_tariffs_2*/


/* offer_block_pro_tariffs_3 */

/* =========================
   TARIFFS ANDROID
========================= */

/* HEADER */

.tariff_header_android{
    margin-bottom:50px;
}

.tariff_badge_android{
    color:#00c853;
    font-size:14px;
    margin-bottom:15px;
}

.tariff_title_android{
    font-size:48px;
    font-weight:700;
    color:#1f2937;
    margin-bottom:15px;
}

.tariff_subtitle_android{
    font-size:18px;
    color:#5f6b7a;
    line-height:1.6;
    max-width:700px;
}

/* CARDS */

.tariff_cards_android{
    display:flex;
    gap:35px;
    flex-wrap:wrap;
}

/* CARD */

.tariff_card_android{

    width:320px;
    min-height:520px;

    border-radius:35px;

    background:rgba(255,255,255,0.72);

    backdrop-filter:blur(15px);

    padding:35px;

    box-sizing:border-box;

    box-shadow:
        0 10px 35px rgba(0,255,170,0.12),
        inset 0 0 15px rgba(255,255,255,0.35);

    transition:0.35s;

    position:relative;

    overflow:hidden;
}

.tariff_card_android:hover{

    transform:
        translateY(-10px)
        scale(1.02);

    box-shadow:
        0 25px 60px rgba(0,255,170,0.25),
        inset 0 0 20px rgba(255,255,255,0.45);
}

/* NAME */

.tariff_name_android{
    font-size:28px;
    font-weight:700;
    color:#1e293b;

    margin-top:20px;
    margin-bottom:25px;
}

/* PRICE */

.tariff_price_android{
    font-size:42px;
    font-weight:700;

    color:#00c896;

    margin-bottom:30px;
}

/* DESC */

.tariff_desc_android{
    font-size:16px;
    line-height:2;
    color:#4b5563;

    margin-bottom:64px;
}

/* BTN */

.tariff_btn_android{

    position:absolute;

    left:35px;
    right:35px;
    bottom:35px;

    text-align:center;

    padding:16px;

    border-radius:18px;

    background:
        linear-gradient(
            90deg,
            #00d68f,
            #00b8ff
        );

    color:#fff;

    font-weight:700;

    cursor:pointer;

    transition:0.3s;
}

.tariff_btn_android:hover{

    transform:scale(1.03);

    box-shadow:
        0 0 25px rgba(0,200,150,0.35);
}

/* TYPES */

.start_android{
    border:2px solid rgba(0,200,150,0.12);
}

.business_android{

    background:
        linear-gradient(
            180deg,
            rgba(255,255,255,0.88),
            rgba(210,255,240,0.75)
        );

    transform:scale(1.03);
}

.premium_android{

    background:
        linear-gradient(
            180deg,
            rgba(255,255,255,0.88),
            rgba(220,255,255,0.78)
        );
}

/* TOP */

.tariff_top_mark_android{

    position:absolute;

    top:20px;
    right:-35px;

    background:#00c896;

    color:#fff;

    padding:8px 45px;

    transform:rotate(45deg);

    font-size:12px;

    font-weight:700;

    box-shadow:
        0 5px 20px rgba(0,200,150,0.3);
}

/* offer_block_pro_tariffs_3*/


/* offer_block_pro_tariffs_4 */

/* =========================
   TARIFFS EDUCATION
========================= */

/* HEADER */

.tariff_header_edu{
    margin-bottom:50px;
}

.tariff_badge_edu{
    color:#00c853;
    font-size:14px;
    margin-bottom:15px;
}

.tariff_title_edu{
    font-size:48px;
    font-weight:700;
    color:#1f2937;
    margin-bottom:15px;
}

.tariff_subtitle_edu{
    font-size:18px;
    color:#5f6b7a;
    line-height:1.6;
    max-width:700px;
}

/* CARDS */

.tariff_cards_edu{
    display:flex;
    gap:35px;
    flex-wrap:wrap;
}

/* CARD */

.tariff_card_edu{

    width:320px;
    min-height:520px;

    border-radius:35px;

    background:rgba(255,255,255,0.72);

    backdrop-filter:blur(15px);

    padding:35px;

    box-sizing:border-box;

    box-shadow:
        0 10px 35px rgba(255,140,0,0.12),
        inset 0 0 15px rgba(255,255,255,0.35);

    transition:0.35s;

    position:relative;

    overflow:hidden;
}

.tariff_card_edu:hover{

    transform:
        translateY(-10px)
        scale(1.02);

    box-shadow:
        0 25px 60px rgba(255,140,0,0.25),
        inset 0 0 20px rgba(255,255,255,0.45);
}

/* NAME */

.tariff_name_edu{
    font-size:28px;
    font-weight:700;
    color:#1e293b;

    margin-top:20px;
    margin-bottom:25px;
}

/* PRICE */

.tariff_price_edu{
    font-size:42px;
    font-weight:700;

    color:#ff8800;

    margin-bottom:30px;
}

/* DESC */

.tariff_desc_edu{
    font-size:16px;
    line-height:2;
    color:#4b5563;

    margin-bottom:64px;
}

/* BTN */

.tariff_btn_edu{

    position:absolute;

    left:35px;
    right:35px;
    bottom:35px;

    text-align:center;

    padding:16px;

    border-radius:18px;

    background:
        linear-gradient(
            90deg,
            #ff9900,
            #ff6600
        );

    color:#fff;

    font-weight:700;

    cursor:pointer;

    transition:0.3s;
}

.tariff_btn_edu:hover{

    transform:scale(1.03);

    box-shadow:
        0 0 25px rgba(255,136,0,0.35);
}

/* TYPES */

.start_edu{
    border:2px solid rgba(255,136,0,0.12);
}

.middle_edu{

    background:
        linear-gradient(
            180deg,
            rgba(255,255,255,0.88),
            rgba(255,235,210,0.75)
        );

    transform:scale(1.03);
}

.premium_edu{

    background:
        linear-gradient(
            180deg,
            rgba(255,255,255,0.88),
            rgba(255,245,220,0.78)
        );
}

/* TOP */

.tariff_top_mark_edu{

    position:absolute;

    top:20px;
    right:-35px;

    background:#ff8800;

    color:#fff;

    padding:8px 45px;

    transform:rotate(45deg);

    font-size:12px;

    font-weight:700;

    box-shadow:
        0 5px 20px rgba(255,136,0,0.3);
}

/* offer_block_pro_tariffs_4*/

/* offer_block_pro_tariffs_5 */

/* =========================
   BUSINESS CONSULT THEORY
========================= */

/* HEADER */

.tariff_header_consult{
    margin-bottom:50px;
}

.tariff_badge_consult{
    color:#00c853;
    font-size:14px;
    margin-bottom:15px;
}

.tariff_title_consult{
    font-size:48px;
    font-weight:700;
    color:#1f2937;
    margin-bottom:15px;
}

.tariff_subtitle_consult{
    font-size:18px;
    color:#5f6b7a;
    line-height:1.6;
    max-width:700px;
}

/* CARDS */

.tariff_cards_consult{
    display:flex;
    gap:35px;
    flex-wrap:wrap;
}

/* CARD */

.tariff_card_consult{

    width:320px;
    min-height:520px;

    border-radius:35px;

    background:rgba(255,255,255,0.72);

    backdrop-filter:blur(15px);

    padding:35px;

    box-sizing:border-box;

    box-shadow:
        0 10px 35px rgba(0,180,255,0.12),
        inset 0 0 15px rgba(255,255,255,0.35);

    transition:0.35s;

    position:relative;

    overflow:hidden;
}

.tariff_card_consult:hover{

    transform:
        translateY(-10px)
        scale(1.02);

    box-shadow:
        0 25px 60px rgba(0,180,255,0.25),
        inset 0 0 20px rgba(255,255,255,0.45);
}

/* NAME */

.tariff_name_consult{
    font-size:28px;
    font-weight:700;
    color:#1e293b;

    margin-top:20px;
    margin-bottom:25px;
}

/* PRICE */

.tariff_price_consult{
    font-size:42px;
    font-weight:700;

    color:#0099ff;

    margin-bottom:30px;
}

/* DESC */

.tariff_desc_consult{
    font-size:16px;
    line-height:2;
    color:#4b5563;

    margin-bottom:64px;
}

/* BTN */

.tariff_btn_consult{

    position:absolute;

    left:35px;
    right:35px;
    bottom:35px;

    text-align:center;

    padding:16px;

    border-radius:18px;

    background:
        linear-gradient(
            90deg,
            #00a2ff,
            #00d4ff
        );

    color:#fff;

    font-weight:700;

    cursor:pointer;

    transition:0.3s;
}

.tariff_btn_consult:hover{

    transform:scale(1.03);

    box-shadow:
        0 0 25px rgba(0,160,255,0.35);
}

/* TYPES */

.start_consult{
    border:2px solid rgba(0,160,255,0.12);
}

.standard_consult{

    background:
        linear-gradient(
            180deg,
            rgba(255,255,255,0.88),
            rgba(220,245,255,0.75)
        );

    transform:scale(1.03);
}

.premium_consult{

    background:
        linear-gradient(
            180deg,
            rgba(255,255,255,0.88),
            rgba(230,250,255,0.78)
        );
}

/* TOP */

.tariff_top_mark_consult{

    position:absolute;

    top:20px;
    right:-35px;

    background:#00a2ff;

    color:#fff;

    padding:8px 45px;

    transform:rotate(45deg);

    font-size:12px;

    font-weight:700;

    box-shadow:
        0 5px 20px rgba(0,162,255,0.3);
}

/* offer_block_pro_tariffs_5*/

/* offer_block_pro_tariffs_6 */

/* =========================
   BUSINESS REPORT
========================= */

/* HEADER */

.tariff_header_report{
    margin-bottom:50px;
}

.tariff_badge_report{
    color:#00c853;
    font-size:14px;
    margin-bottom:15px;
}

.tariff_title_report{
    font-size:48px;
    font-weight:700;
    color:#1f2937;
    margin-bottom:15px;
}

.tariff_subtitle_report{
    font-size:18px;
    color:#5f6b7a;
    line-height:1.6;
    max-width:700px;
}

/* CARDS */

.tariff_cards_report{
    display:flex;
    gap:35px;
    flex-wrap:wrap;
}

/* CARD */

.tariff_card_report{

    width:320px;
    min-height:520px;

    border-radius:35px;

    background:rgba(255,255,255,0.72);

    backdrop-filter:blur(15px);

    padding:35px;

    box-sizing:border-box;

    box-shadow:
        0 10px 35px rgba(140,0,255,0.12),
        inset 0 0 15px rgba(255,255,255,0.35);

    transition:0.35s;

    position:relative;

    overflow:hidden;
}

.tariff_card_report:hover{

    transform:
        translateY(-10px)
        scale(1.02);

    box-shadow:
        0 25px 60px rgba(140,0,255,0.25),
        inset 0 0 20px rgba(255,255,255,0.45);
}

/* NAME */

.tariff_name_report{
    font-size:28px;
    font-weight:700;
    color:#1e293b;

    margin-top:20px;
    margin-bottom:25px;
}

/* PRICE */

.tariff_price_report{
    font-size:42px;
    font-weight:700;

    color:#8b3dff;

    margin-bottom:30px;
}

/* DESC */

.tariff_desc_report{
    font-size:16px;
    line-height:2;
    color:#4b5563;

    margin-bottom:64px;
}

/* BTN */

.tariff_btn_report{

    position:absolute;

    left:35px;
    right:35px;
    bottom:35px;

    text-align:center;

    padding:16px;

    border-radius:18px;

    background:
        linear-gradient(
            90deg,
            #7b2cff,
            #b347ff
        );

    color:#fff;

    font-weight:700;

    cursor:pointer;

    transition:0.3s;
}

.tariff_btn_report:hover{

    transform:scale(1.03);

    box-shadow:
        0 0 25px rgba(123,44,255,0.35);
}

/* TYPES */

.start_report{
    border:2px solid rgba(123,44,255,0.12);
}

.standard_report{

    background:
        linear-gradient(
            180deg,
            rgba(255,255,255,0.88),
            rgba(235,225,255,0.75)
        );

    transform:scale(1.03);
}

.premium_report{

    background:
        linear-gradient(
            180deg,
            rgba(255,255,255,0.88),
            rgba(245,235,255,0.78)
        );
}

/* TOP */

.tariff_top_mark_report{

    position:absolute;

    top:20px;
    right:-35px;

    background:#7b2cff;

    color:#fff;

    padding:8px 45px;

    transform:rotate(45deg);

    font-size:12px;

    font-weight:700;

    box-shadow:
        0 5px 20px rgba(123,44,255,0.3);
}

/* offer_block_pro_tariffs_6*/

/* offer_block_pro_tariffs_7 */

/* =========================
   POLLS / MARKET RESEARCH
========================= */

/* HEADER */

.tariff_header_poll{
    margin-bottom:50px;
}

.tariff_badge_poll{
    color:#00c853;
    font-size:14px;
    margin-bottom:15px;
}

.tariff_title_poll{
    font-size:48px;
    font-weight:700;
    color:#1f2937;
    margin-bottom:15px;
}

.tariff_subtitle_poll{
    font-size:18px;
    color:#5f6b7a;
    line-height:1.6;
    max-width:700px;
}

/* CARDS */

.tariff_cards_poll{
    display:flex;
    gap:35px;
    flex-wrap:wrap;
}

/* CARD */

.tariff_card_poll{

    width:320px;
    min-height:520px;

    border-radius:35px;

    background:rgba(255,255,255,0.72);

    backdrop-filter:blur(15px);

    padding:35px;

    box-sizing:border-box;

    box-shadow:
        0 10px 35px rgba(255,0,120,0.12),
        inset 0 0 15px rgba(255,255,255,0.35);

    transition:0.35s;

    position:relative;

    overflow:hidden;
}

.tariff_card_poll:hover{

    transform:
        translateY(-10px)
        scale(1.02);

    box-shadow:
        0 25px 60px rgba(255,0,120,0.25),
        inset 0 0 20px rgba(255,255,255,0.45);
}

/* NAME */

.tariff_name_poll{
    font-size:28px;
    font-weight:700;
    color:#1e293b;

    margin-top:20px;
    margin-bottom:25px;
}

/* PRICE */

.tariff_price_poll{
    font-size:42px;
    font-weight:700;

    color:#ff2c8b;

    margin-bottom:30px;
}

/* DESC */

.tariff_desc_poll{
    font-size:16px;
    line-height:2;
    color:#4b5563;

    margin-bottom:64px;
}

/* BTN */

.tariff_btn_poll{

    position:absolute;

    left:35px;
    right:35px;
    bottom:35px;

    text-align:center;

    padding:16px;

    border-radius:18px;

    background:
        linear-gradient(
            90deg,
            #ff2c8b,
            #ff5f6d
        );

    color:#fff;

    font-weight:700;

    cursor:pointer;

    transition:0.3s;
}

.tariff_btn_poll:hover{

    transform:scale(1.03);

    box-shadow:
        0 0 25px rgba(255,44,139,0.35);
}

/* TYPES */

.start_poll{
    border:2px solid rgba(255,44,139,0.12);
}

.standard_poll{

    background:
        linear-gradient(
            180deg,
            rgba(255,255,255,0.88),
            rgba(255,225,240,0.75)
        );

    transform:scale(1.03);
}

.premium_poll{

    background:
        linear-gradient(
            180deg,
            rgba(255,255,255,0.88),
            rgba(255,235,245,0.78)
        );
}

/* TOP */

.tariff_top_mark_poll{

    position:absolute;

    top:20px;
    right:-35px;

    background:#ff2c8b;

    color:#fff;

    padding:8px 45px;

    transform:rotate(45deg);

    font-size:12px;

    font-weight:700;

    box-shadow:
        0 5px 20px rgba(255,44,139,0.3);
}

/* offer_block_pro_tariffs_7*/

/* offer_block_pro_site_1 */

/* =========================
   LANDING PAGE
========================= */

/* HEADER */

.tariff_header_landing{
    margin-bottom:50px;
}

.tariff_badge_landing{
    color:#00c853;
    font-size:14px;
    margin-bottom:15px;
}

.tariff_title_landing{
    font-size:48px;
    font-weight:700;
    color:#1f2937;
    margin-bottom:15px;
}

.tariff_subtitle_landing{
    font-size:18px;
    color:#5f6b7a;
    line-height:1.6;
    max-width:700px;
}

/* CARDS */

.tariff_cards_landing{
    display:flex;
    gap:35px;
    flex-wrap:wrap;
}

/* CARD */

.tariff_card_landing{

    width:320px;
    min-height:520px;

    border-radius:35px;

    background:rgba(255,255,255,0.72);

    backdrop-filter:blur(15px);

    padding:35px;

    box-sizing:border-box;

    box-shadow:
        0 10px 35px rgba(0,140,255,0.12),
        inset 0 0 15px rgba(255,255,255,0.35);

    transition:0.35s;

    position:relative;

    overflow:hidden;
}

.tariff_card_landing:hover{

    transform:
        translateY(-10px)
        scale(1.02);

    box-shadow:
        0 25px 60px rgba(0,140,255,0.25),
        inset 0 0 20px rgba(255,255,255,0.45);
}

/* NAME */

.tariff_name_landing{
    font-size:28px;
    font-weight:700;
    color:#1e293b;

    margin-top:20px;
    margin-bottom:25px;
}

/* PRICE */

.tariff_price_landing{
    font-size:42px;
    font-weight:700;

    color:#0077ff;

    margin-bottom:30px;
}

/* DESC */

.tariff_desc_landing{
    font-size:16px;
    line-height:2;
    color:#4b5563;

    margin-bottom:64px;
}

/* BTN */

.tariff_btn_landing{

    position:absolute;

    left:35px;
    right:35px;
    bottom:35px;

    text-align:center;

    padding:16px;

    border-radius:18px;

    background:
        linear-gradient(
            90deg,
            #00c6ff,
            #0072ff
        );

    color:#fff;

    font-weight:700;

    cursor:pointer;

    transition:0.3s;
}

.tariff_btn_landing:hover{

    transform:scale(1.03);

    box-shadow:
        0 0 25px rgba(0,140,255,0.35);
}

/* TYPES */

.start_landing{
    border:2px solid rgba(0,140,255,0.12);
}

.business_landing{

    background:
        linear-gradient(
            180deg,
            rgba(255,255,255,0.88),
            rgba(220,235,255,0.75)
        );

    transform:scale(1.03);
}

.premium_landing{

    background:
        linear-gradient(
            180deg,
            rgba(255,255,255,0.88),
            rgba(230,245,255,0.78)
        );
}

/* TOP */

.tariff_top_mark_landing{

    position:absolute;

    top:20px;
    right:-35px;

    background:#0077ff;

    color:#fff;

    padding:8px 45px;

    transform:rotate(45deg);

    font-size:12px;

    font-weight:700;

    box-shadow:
        0 5px 20px rgba(0,119,255,0.3);
}

/* offer_block_pro_site_1*/

/* offer_block_pro_site_2 */

/* =========================
   INTERNET SHOP
========================= */

/* HEADER */

.tariff_header_shop{
    margin-bottom:50px;
}

.tariff_badge_shop{
    color:#00c853;
    font-size:14px;
    margin-bottom:15px;
}

.tariff_title_shop{
    font-size:48px;
    font-weight:700;
    color:#1f2937;
    margin-bottom:15px;
}

.tariff_subtitle_shop{
    font-size:18px;
    color:#5f6b7a;
    line-height:1.6;
    max-width:700px;
}

/* CARDS */

.tariff_cards_shop{
    display:flex;
    gap:35px;
    flex-wrap:wrap;
}

/* CARD */

.tariff_card_shop{

    width:320px;
    min-height:520px;

    border-radius:35px;

    background:rgba(255,255,255,0.72);

    backdrop-filter:blur(15px);

    padding:35px;

    box-sizing:border-box;

    box-shadow:
        0 10px 35px rgba(0,180,255,0.12),
        inset 0 0 15px rgba(255,255,255,0.35);

    transition:0.35s;

    position:relative;

    overflow:hidden;
}

.tariff_card_shop:hover{

    transform:
        translateY(-10px)
        scale(1.02);

    box-shadow:
        0 25px 60px rgba(0,180,255,0.25),
        inset 0 0 20px rgba(255,255,255,0.45);
}

/* NAME */

.tariff_name_shop{
    font-size:28px;
    font-weight:700;
    color:#1e293b;

    margin-top:20px;
    margin-bottom:25px;
}

/* PRICE */

.tariff_price_shop{
    font-size:42px;
    font-weight:700;

    color:#0099ff;

    margin-bottom:30px;
}

/* DESC */

.tariff_desc_shop{
    font-size:16px;
    line-height:2;
    color:#4b5563;

    margin-bottom:64px;
}

/* BTN */

.tariff_btn_shop{

    position:absolute;

    left:35px;
    right:35px;
    bottom:35px;

    text-align:center;

    padding:16px;

    border-radius:18px;

    background:
        linear-gradient(
            90deg,
            #00a2ff,
            #0066ff
        );

    color:#fff;

    font-weight:700;

    cursor:pointer;

    transition:0.3s;
}

.tariff_btn_shop:hover{

    transform:scale(1.03);

    box-shadow:
        0 0 25px rgba(0,160,255,0.35);
}

/* TYPES */

.start_shop{
    border:2px solid rgba(0,160,255,0.12);
}

.business_shop{

    background:
        linear-gradient(
            180deg,
            rgba(255,255,255,0.88),
            rgba(220,240,255,0.75)
        );

    transform:scale(1.03);
}

.premium_shop{

    background:
        linear-gradient(
            180deg,
            rgba(255,255,255,0.88),
            rgba(230,245,255,0.78)
        );
}

/* TOP */

.tariff_top_mark_shop{

    position:absolute;

    top:20px;
    right:-35px;

    background:#0099ff;

    color:#fff;

    padding:8px 45px;

    transform:rotate(45deg);

    font-size:12px;

    font-weight:700;

    box-shadow:
        0 5px 20px rgba(0,153,255,0.3);
}

/* offer_block_pro_site_2*/

/* offer_block_pro_site_3 */

/* =========================
   CRM SYSTEMS
========================= */

/* HEADER */

.tariff_header_crm{
    margin-bottom:50px;
}

.tariff_badge_crm{
    color:#00c853;
    font-size:14px;
    margin-bottom:15px;
}

.tariff_title_crm{
    font-size:48px;
    font-weight:700;
    color:#1f2937;
    margin-bottom:15px;
}

.tariff_subtitle_crm{
    font-size:18px;
    color:#5f6b7a;
    line-height:1.6;
    max-width:700px;
}

/* CARDS */

.tariff_cards_crm{
    display:flex;
    gap:35px;
    flex-wrap:wrap;
}

/* CARD */

.tariff_card_crm{

    width:320px;
    min-height:520px;

    border-radius:35px;

    background:rgba(255,255,255,0.72);

    backdrop-filter:blur(15px);

    padding:35px;

    box-sizing:border-box;

    box-shadow:
        0 10px 35px rgba(0,220,160,0.12),
        inset 0 0 15px rgba(255,255,255,0.35);

    transition:0.35s;

    position:relative;

    overflow:hidden;
}

.tariff_card_crm:hover{

    transform:
        translateY(-10px)
        scale(1.02);

    box-shadow:
        0 25px 60px rgba(0,220,160,0.25),
        inset 0 0 20px rgba(255,255,255,0.45);
}

/* NAME */

.tariff_name_crm{
    font-size:28px;
    font-weight:700;
    color:#1e293b;

    margin-top:20px;
    margin-bottom:25px;
}

/* PRICE */

.tariff_price_crm{
    font-size:42px;
    font-weight:700;

    color:#00b894;

    margin-bottom:30px;
}

/* DESC */

.tariff_desc_crm{
    font-size:16px;
    line-height:2;
    color:#4b5563;

    margin-bottom:64px;
}

/* BTN */

.tariff_btn_crm{

    position:absolute;

    left:35px;
    right:35px;
    bottom:35px;

    text-align:center;

    padding:16px;

    border-radius:18px;

    background:
        linear-gradient(
            90deg,
            #00c896,
            #00e0b8
        );

    color:#fff;

    font-weight:700;

    cursor:pointer;

    transition:0.3s;
}

.tariff_btn_crm:hover{

    transform:scale(1.03);

    box-shadow:
        0 0 25px rgba(0,200,150,0.35);
}

/* TYPES */

.start_crm{
    border:2px solid rgba(0,200,150,0.12);
}

.business_crm{

    background:
        linear-gradient(
            180deg,
            rgba(255,255,255,0.88),
            rgba(220,255,240,0.75)
        );

    transform:scale(1.03);
}

.premium_crm{

    background:
        linear-gradient(
            180deg,
            rgba(255,255,255,0.88),
            rgba(230,255,245,0.78)
        );
}

/* TOP */

.tariff_top_mark_crm{

    position:absolute;

    top:20px;
    right:-35px;

    background:#00c896;

    color:#fff;

    padding:8px 45px;

    transform:rotate(45deg);

    font-size:12px;

    font-weight:700;

    box-shadow:
        0 5px 20px rgba(0,200,150,0.3);
}

/* offer_block_pro_site_3*/

/* offer_block_pro_site_4 */

/* =========================
   API CREATION
========================= */

/* HEADER */

.tariff_header_api{
    margin-bottom:50px;
}

.tariff_badge_api{
    color:#00c853;
    font-size:14px;
    margin-bottom:15px;
}

.tariff_title_api{
    font-size:48px;
    font-weight:700;
    color:#1f2937;
    margin-bottom:15px;
}

.tariff_subtitle_api{
    font-size:18px;
    color:#5f6b7a;
    line-height:1.6;
    max-width:700px;
}

/* CARDS */

.tariff_cards_api{
    display:flex;
    gap:35px;
    flex-wrap:wrap;
}

/* CARD */

.tariff_card_api{

    width:320px;
    min-height:520px;

    border-radius:35px;

    background:rgba(255,255,255,0.72);

    backdrop-filter:blur(15px);

    padding:35px;

    box-sizing:border-box;

    box-shadow:
        0 10px 35px rgba(255,120,0,0.12),
        inset 0 0 15px rgba(255,255,255,0.35);

    transition:0.35s;

    position:relative;

    overflow:hidden;
}

.tariff_card_api:hover{

    transform:
        translateY(-10px)
        scale(1.02);

    box-shadow:
        0 25px 60px rgba(255,120,0,0.25),
        inset 0 0 20px rgba(255,255,255,0.45);
}

/* NAME */

.tariff_name_api{
    font-size:28px;
    font-weight:700;
    color:#1e293b;

    margin-top:20px;
    margin-bottom:25px;
}

/* PRICE */

.tariff_price_api{
    font-size:42px;
    font-weight:700;

    color:#ff7a00;

    margin-bottom:30px;
}

/* DESC */

.tariff_desc_api{
    font-size:16px;
    line-height:2;
    color:#4b5563;

    margin-bottom:64px;
}

/* BTN */

.tariff_btn_api{

    position:absolute;

    left:35px;
    right:35px;
    bottom:35px;

    text-align:center;

    padding:16px;

    border-radius:18px;

    background:
        linear-gradient(
            90deg,
            #ff9500,
            #ff5e00
        );

    color:#fff;

    font-weight:700;

    cursor:pointer;

    transition:0.3s;
}

.tariff_btn_api:hover{

    transform:scale(1.03);

    box-shadow:
        0 0 25px rgba(255,120,0,0.35);
}

/* TYPES */

.start_api{
    border:2px solid rgba(255,120,0,0.12);
}

.business_api{

    background:
        linear-gradient(
            180deg,
            rgba(255,255,255,0.88),
            rgba(255,235,220,0.75)
        );

    transform:scale(1.03);
}

.premium_api{

    background:
        linear-gradient(
            180deg,
            rgba(255,255,255,0.88),
            rgba(255,245,235,0.78)
        );
}

/* TOP */

.tariff_top_mark_api{

    position:absolute;

    top:20px;
    right:-35px;

    background:#ff7a00;

    color:#fff;

    padding:8px 45px;

    transform:rotate(45deg);

    font-size:12px;

    font-weight:700;

    box-shadow:
        0 5px 20px rgba(255,122,0,0.3);
}

/* offer_block_pro_site_4*/

/* offer_block_pro_site_5 */
/* =========================
   API INTEGRATION
========================= */

/* HEADER */

.tariff_header_api_connect{
    margin-bottom:50px;
}

.tariff_badge_api_connect{
    color:#00c853;
    font-size:14px;
    margin-bottom:15px;
}

.tariff_title_api_connect{
    font-size:48px;
    font-weight:700;
    color:#1f2937;
    margin-bottom:15px;
}

.tariff_subtitle_api_connect{
    font-size:18px;
    color:#5f6b7a;
    line-height:1.6;
    max-width:700px;
}

/* CARDS */

.tariff_cards_api_connect{
    display:flex;
    gap:35px;
    flex-wrap:wrap;
}

/* CARD */

.tariff_card_api_connect{

    width:320px;
    min-height:520px;

    border-radius:35px;

    background:rgba(255,255,255,0.72);

    backdrop-filter:blur(15px);

    padding:35px;

    box-sizing:border-box;

    box-shadow:
        0 10px 35px rgba(0,180,255,0.12),
        inset 0 0 15px rgba(255,255,255,0.35);

    transition:0.35s;

    position:relative;

    overflow:hidden;
}

.tariff_card_api_connect:hover{

    transform:
        translateY(-10px)
        scale(1.02);

    box-shadow:
        0 25px 60px rgba(0,180,255,0.25),
        inset 0 0 20px rgba(255,255,255,0.45);
}

/* NAME */

.tariff_name_api_connect{
    font-size:28px;
    font-weight:700;
    color:#1e293b;

    margin-top:20px;
    margin-bottom:25px;
}

/* PRICE */

.tariff_price_api_connect{
    font-size:42px;
    font-weight:700;

    color:#00a2ff;

    margin-bottom:30px;
}

/* DESC */

.tariff_desc_api_connect{
    font-size:16px;
    line-height:2;
    color:#4b5563;

    margin-bottom:64px;
}

/* BTN */

.tariff_btn_api_connect{

    position:absolute;

    left:35px;
    right:35px;
    bottom:35px;

    text-align:center;

    padding:16px;

    border-radius:18px;

    background:
        linear-gradient(
            90deg,
            #00b7ff,
            #0066ff
        );

    color:#fff;

    font-weight:700;

    cursor:pointer;

    transition:0.3s;
}

.tariff_btn_api_connect:hover{

    transform:scale(1.03);

    box-shadow:
        0 0 25px rgba(0,160,255,0.35);
}

/* TYPES */

.start_api_connect{
    border:2px solid rgba(0,160,255,0.12);
}

.business_api_connect{

    background:
        linear-gradient(
            180deg,
            rgba(255,255,255,0.88),
            rgba(220,240,255,0.75)
        );

    transform:scale(1.03);
}

.premium_api_connect{

    background:
        linear-gradient(
            180deg,
            rgba(255,255,255,0.88),
            rgba(230,245,255,0.78)
        );
}

/* TOP */

.tariff_top_mark_api_connect{

    position:absolute;

    top:20px;
    right:-35px;

    background:#00a2ff;

    color:#fff;

    padding:8px 45px;

    transform:rotate(45deg);

    font-size:12px;

    font-weight:700;

    box-shadow:
        0 5px 20px rgba(0,162,255,0.3);
}

/* offer_block_pro_site_5*/

/* offer_block_pro_site_6 */
/* =========================
   TELEGRAM / VK BOTS
========================= */

/* HEADER */

.tariff_header_bot{
    margin-bottom:50px;
}

.tariff_badge_bot{
    color:#00c853;
    font-size:14px;
    margin-bottom:15px;
}

.tariff_title_bot{
    font-size:48px;
    font-weight:700;
    color:#1f2937;
    margin-bottom:15px;
}

.tariff_subtitle_bot{
    font-size:18px;
    color:#5f6b7a;
    line-height:1.6;
    max-width:700px;
}

/* CARDS */

.tariff_cards_bot{
    display:flex;
    gap:35px;
    flex-wrap:wrap;
}

/* CARD */

.tariff_card_bot{

    width:320px;
    min-height:520px;

    border-radius:35px;

    background:rgba(255,255,255,0.72);

    backdrop-filter:blur(15px);

    padding:35px;

    box-sizing:border-box;

    box-shadow:
        0 10px 35px rgba(130,80,255,0.12),
        inset 0 0 15px rgba(255,255,255,0.35);

    transition:0.35s;

    position:relative;

    overflow:hidden;
}

.tariff_card_bot:hover{

    transform:
        translateY(-10px)
        scale(1.02);

    box-shadow:
        0 25px 60px rgba(130,80,255,0.25),
        inset 0 0 20px rgba(255,255,255,0.45);
}

/* NAME */

.tariff_name_bot{
    font-size:28px;
    font-weight:700;
    color:#1e293b;

    margin-top:20px;
    margin-bottom:25px;
}

/* PRICE */

.tariff_price_bot{
    font-size:42px;
    font-weight:700;

    color:#7b61ff;

    margin-bottom:30px;
}

/* DESC */

.tariff_desc_bot{
    font-size:16px;
    line-height:2;
    color:#4b5563;

    margin-bottom:64px;
}

/* BTN */

.tariff_btn_bot{

    position:absolute;

    left:35px;
    right:35px;
    bottom:35px;

    text-align:center;

    padding:16px;

    border-radius:18px;

    background:
        linear-gradient(
            90deg,
            #7b61ff,
            #4f8cff
        );

    color:#fff;

    font-weight:700;

    cursor:pointer;

    transition:0.3s;
}

.tariff_btn_bot:hover{

    transform:scale(1.03);

    box-shadow:
        0 0 25px rgba(123,97,255,0.35);
}

/* TYPES */

.start_bot{
    border:2px solid rgba(123,97,255,0.12);
}

.business_bot{

    background:
        linear-gradient(
            180deg,
            rgba(255,255,255,0.88),
            rgba(230,225,255,0.75)
        );

    transform:scale(1.03);
}

.premium_bot{

    background:
        linear-gradient(
            180deg,
            rgba(255,255,255,0.88),
            rgba(240,235,255,0.78)
        );
}

/* TOP */

.tariff_top_mark_bot{

    position:absolute;

    top:20px;
    right:-35px;

    background:#7b61ff;

    color:#fff;

    padding:8px 45px;

    transform:rotate(45deg);

    font-size:12px;

    font-weight:700;

    box-shadow:
        0 5px 20px rgba(123,97,255,0.3);
}

/* offer_block_pro_site_6*/

/* offer_block_pro_site_7 */

/* =========================
   AI / NEURAL NETWORKS
========================= */

/* HEADER */

.tariff_header_ai{
    margin-bottom:50px;
}

.tariff_badge_ai{
    color:#00c853;
    font-size:14px;
    margin-bottom:15px;
}

.tariff_title_ai{
    font-size:48px;
    font-weight:700;
    color:#1f2937;
    margin-bottom:15px;
}

.tariff_subtitle_ai{
    font-size:18px;
    color:#5f6b7a;
    line-height:1.6;
    max-width:700px;
}

/* CARDS */

.tariff_cards_ai{
    display:flex;
    gap:35px;
    flex-wrap:wrap;
}

/* CARD */

.tariff_card_ai{

    width:320px;
    min-height:520px;

    border-radius:35px;

    background:rgba(255,255,255,0.72);

    backdrop-filter:blur(15px);

    padding:35px;

    box-sizing:border-box;

    box-shadow:
        0 10px 35px rgba(180,0,255,0.12),
        inset 0 0 15px rgba(255,255,255,0.35);

    transition:0.35s;

    position:relative;

    overflow:hidden;
}

.tariff_card_ai:hover{

    transform:
        translateY(-10px)
        scale(1.02);

    box-shadow:
        0 25px 60px rgba(180,0,255,0.25),
        inset 0 0 20px rgba(255,255,255,0.45);
}

/* NAME */

.tariff_name_ai{
    font-size:28px;
    font-weight:700;
    color:#1e293b;

    margin-top:20px;
    margin-bottom:25px;
}

/* PRICE */

.tariff_price_ai{
    font-size:42px;
    font-weight:700;

    color:#b026ff;

    margin-bottom:30px;
}

/* DESC */

.tariff_desc_ai{
    font-size:16px;
    line-height:2;
    color:#4b5563;

    margin-bottom:64px;
}

/* BTN */

.tariff_btn_ai{

    position:absolute;

    left:35px;
    right:35px;
    bottom:35px;

    text-align:center;

    padding:16px;

    border-radius:18px;

    background:
        linear-gradient(
            90deg,
            #b026ff,
            #6a5cff
        );

    color:#fff;

    font-weight:700;

    cursor:pointer;

    transition:0.3s;
}

.tariff_btn_ai:hover{

    transform:scale(1.03);

    box-shadow:
        0 0 25px rgba(176,38,255,0.35);
}

/* TYPES */

.start_ai{
    border:2px solid rgba(176,38,255,0.12);
}

.business_ai{

    background:
        linear-gradient(
            180deg,
            rgba(255,255,255,0.88),
            rgba(240,225,255,0.75)
        );

    transform:scale(1.03);
}

.premium_ai{

    background:
        linear-gradient(
            180deg,
            rgba(255,255,255,0.88),
            rgba(245,235,255,0.78)
        );
}

/* TOP */

.tariff_top_mark_ai{

    position:absolute;

    top:20px;
    right:-35px;

    background:#b026ff;

    color:#fff;

    padding:8px 45px;

    transform:rotate(45deg);

    font-size:12px;

    font-weight:700;

    box-shadow:
        0 5px 20px rgba(176,38,255,0.3);
}

/* offer_block_pro_site_7*/

/* offer_block_pro_android_1 */

/* =========================
   ANDROID APPS
========================= */

/* HEADER */

.tariff_header_android_app{
    margin-bottom:50px;
}

.tariff_badge_android_app{
    color:#00c853;
    font-size:14px;
    margin-bottom:15px;
}

.tariff_title_android_app{
    font-size:48px;
    font-weight:700;
    color:#1f2937;
    margin-bottom:15px;
}

.tariff_subtitle_android_app{
    font-size:18px;
    color:#5f6b7a;
    line-height:1.6;
    max-width:700px;
}

/* CARDS */

.tariff_cards_android_app{
    display:flex;
    gap:35px;
    flex-wrap:wrap;
}

/* CARD */

.tariff_card_android_app{

    width:320px;
    min-height:520px;

    border-radius:35px;

    background:rgba(255,255,255,0.72);

    backdrop-filter:blur(15px);

    padding:35px;

    box-sizing:border-box;

    box-shadow:
        0 10px 35px rgba(0,220,140,0.12),
        inset 0 0 15px rgba(255,255,255,0.35);

    transition:0.35s;

    position:relative;

    overflow:hidden;
}

.tariff_card_android_app:hover{

    transform:
        translateY(-10px)
        scale(1.02);

    box-shadow:
        0 25px 60px rgba(0,220,140,0.25),
        inset 0 0 20px rgba(255,255,255,0.45);
}

/* NAME */

.tariff_name_android_app{
    font-size:28px;
    font-weight:700;
    color:#1e293b;

    margin-top:20px;
    margin-bottom:25px;
}

/* PRICE */

.tariff_price_android_app{
    font-size:42px;
    font-weight:700;

    color:#00b87a;

    margin-bottom:30px;
}

/* DESC */

.tariff_desc_android_app{
    font-size:16px;
    line-height:2;
    color:#4b5563;

    margin-bottom:64px;
}

/* BTN */

.tariff_btn_android_app{

    position:absolute;

    left:35px;
    right:35px;
    bottom:35px;

    text-align:center;

    padding:16px;

    border-radius:18px;

    background:
        linear-gradient(
            90deg,
            #00c878,
            #00e0a0
        );

    color:#fff;

    font-weight:700;

    cursor:pointer;

    transition:0.3s;
}

.tariff_btn_android_app:hover{

    transform:scale(1.03);

    box-shadow:
        0 0 25px rgba(0,200,120,0.35);
}

/* TYPES */

.start_android_app{
    border:2px solid rgba(0,200,120,0.12);
}

.business_android_app{

    background:
        linear-gradient(
            180deg,
            rgba(255,255,255,0.88),
            rgba(220,255,235,0.75)
        );

    transform:scale(1.03);
}

.premium_android_app{

    background:
        linear-gradient(
            180deg,
            rgba(255,255,255,0.88),
            rgba(230,255,240,0.78)
        );
}

/* TOP */

.tariff_top_mark_android_app{

    position:absolute;

    top:20px;
    right:-35px;

    background:#00c878;

    color:#fff;

    padding:8px 45px;

    transform:rotate(45deg);

    font-size:12px;

    font-weight:700;

    box-shadow:
        0 5px 20px rgba(0,200,120,0.3);
}

/* offer_block_pro_android_1*/

/* offer_block_pro_android_2 */
/* =========================
   ANDROID API
========================= */

/* HEADER */

.tariff_header_android_api{
    margin-bottom:50px;
}

.tariff_badge_android_api{
    color:#00c853;
    font-size:14px;
    margin-bottom:15px;
}

.tariff_title_android_api{
    font-size:48px;
    font-weight:700;
    color:#1f2937;
    margin-bottom:15px;
}

.tariff_subtitle_android_api{
    font-size:18px;
    color:#5f6b7a;
    line-height:1.6;
    max-width:700px;
}

/* CARDS */

.tariff_cards_android_api{
    display:flex;
    gap:35px;
    flex-wrap:wrap;
}

/* CARD */

.tariff_card_android_api{

    width:320px;
    min-height:520px;

    border-radius:35px;

    background:rgba(255,255,255,0.72);

    backdrop-filter:blur(15px);

    padding:35px;

    box-sizing:border-box;

    box-shadow:
        0 10px 35px rgba(0,180,120,0.12),
        inset 0 0 15px rgba(255,255,255,0.35);

    transition:0.35s;

    position:relative;

    overflow:hidden;
}

.tariff_card_android_api:hover{

    transform:
        translateY(-10px)
        scale(1.02);

    box-shadow:
        0 25px 60px rgba(0,180,120,0.25),
        inset 0 0 20px rgba(255,255,255,0.45);
}

/* NAME */

.tariff_name_android_api{
    font-size:28px;
    font-weight:700;
    color:#1e293b;

    margin-top:20px;
    margin-bottom:25px;
}

/* PRICE */

.tariff_price_android_api{
    font-size:42px;
    font-weight:700;

    color:#00b87a;

    margin-bottom:30px;
}

/* DESC */

.tariff_desc_android_api{
    font-size:16px;
    line-height:2;
    color:#4b5563;

    margin-bottom:64px;
}

/* BTN */

.tariff_btn_android_api{

    position:absolute;

    left:35px;
    right:35px;
    bottom:35px;

    text-align:center;

    padding:16px;

    border-radius:18px;

    background:
        linear-gradient(
            90deg,
            #00c878,
            #00e0a0
        );

    color:#fff;

    font-weight:700;

    cursor:pointer;

    transition:0.3s;
}

.tariff_btn_android_api:hover{

    transform:scale(1.03);

    box-shadow:
        0 0 25px rgba(0,200,120,0.35);
}

/* TYPES */

.start_android_api{
    border:2px solid rgba(0,200,120,0.12);
}

.business_android_api{

    background:
        linear-gradient(
            180deg,
            rgba(255,255,255,0.88),
            rgba(220,255,235,0.75)
        );

    transform:scale(1.03);
}

.premium_android_api{

    background:
        linear-gradient(
            180deg,
            rgba(255,255,255,0.88),
            rgba(230,255,240,0.78)
        );
}

/* TOP */

.tariff_top_mark_android_api{

    position:absolute;

    top:20px;
    right:-35px;

    background:#00c878;

    color:#fff;

    padding:8px 45px;

    transform:rotate(45deg);

    font-size:12px;

    font-weight:700;

    box-shadow:
        0 5px 20px rgba(0,200,120,0.3);
}

/* offer_block_pro_android_2*/

/* offer_block_pro_android_3 */

/* =========================
   ANDROID API CONNECT
========================= */

/* HEADER */

.tariff_header_android_connect{
    margin-bottom:50px;
}

.tariff_badge_android_connect{
    color:#00c853;
    font-size:14px;
    margin-bottom:15px;
}

.tariff_title_android_connect{
    font-size:48px;
    font-weight:700;
    color:#1f2937;
    margin-bottom:15px;
}

.tariff_subtitle_android_connect{
    font-size:18px;
    color:#5f6b7a;
    line-height:1.6;
    max-width:700px;
}

/* CARDS */

.tariff_cards_android_connect{
    display:flex;
    gap:35px;
    flex-wrap:wrap;
}

/* CARD */

.tariff_card_android_connect{

    width:320px;
    min-height:520px;

    border-radius:35px;

    background:rgba(255,255,255,0.72);

    backdrop-filter:blur(15px);

    padding:35px;

    box-sizing:border-box;

    box-shadow:
        0 10px 35px rgba(0,190,130,0.12),
        inset 0 0 15px rgba(255,255,255,0.35);

    transition:0.35s;

    position:relative;

    overflow:hidden;
}

.tariff_card_android_connect:hover{

    transform:
        translateY(-10px)
        scale(1.02);

    box-shadow:
        0 25px 60px rgba(0,190,130,0.25),
        inset 0 0 20px rgba(255,255,255,0.45);
}

/* NAME */

.tariff_name_android_connect{
    font-size:28px;
    font-weight:700;
    color:#1e293b;

    margin-top:20px;
    margin-bottom:25px;
}

/* PRICE */

.tariff_price_android_connect{
    font-size:42px;
    font-weight:700;

    color:#00b87a;

    margin-bottom:30px;
}

/* DESC */

.tariff_desc_android_connect{
    font-size:16px;
    line-height:2;
    color:#4b5563;

    margin-bottom:64px;
}

/* BTN */

.tariff_btn_android_connect{

    position:absolute;

    left:35px;
    right:35px;
    bottom:35px;

    text-align:center;

    padding:16px;

    border-radius:18px;

    background:
        linear-gradient(
            90deg,
            #00c878,
            #00e0a0
        );

    color:#fff;

    font-weight:700;

    cursor:pointer;

    transition:0.3s;
}

.tariff_btn_android_connect:hover{

    transform:scale(1.03);

    box-shadow:
        0 0 25px rgba(0,200,120,0.35);
}

/* TYPES */

.start_android_connect{
    border:2px solid rgba(0,200,120,0.12);
}

.business_android_connect{

    background:
        linear-gradient(
            180deg,
            rgba(255,255,255,0.88),
            rgba(220,255,235,0.75)
        );

    transform:scale(1.03);
}

.premium_android_connect{

    background:
        linear-gradient(
            180deg,
            rgba(255,255,255,0.88),
            rgba(230,255,240,0.78)
        );
}

/* TOP */

.tariff_top_mark_android_connect{

    position:absolute;

    top:20px;
    right:-35px;

    background:#00c878;

    color:#fff;

    padding:8px 45px;

    transform:rotate(45deg);

    font-size:12px;

    font-weight:700;

    box-shadow:
        0 5px 20px rgba(0,200,120,0.3);
}

/* offer_block_pro_android_3*/

/* offer_block_pro_android_4 */
/* =========================
   GOOGLE PLAY / RUSTORE
========================= */

/* HEADER */

.tariff_header_store{
    margin-bottom:50px;
}

.tariff_badge_store{
    color:#00c853;
    font-size:14px;
    margin-bottom:15px;
}

.tariff_title_store{
    font-size:48px;
    font-weight:700;
    color:#1f2937;
    margin-bottom:15px;
}

.tariff_subtitle_store{
    font-size:18px;
    color:#5f6b7a;
    line-height:1.6;
    max-width:700px;
}

/* CARDS */

.tariff_cards_store{
    display:flex;
    gap:35px;
    flex-wrap:wrap;
}

/* CARD */

.tariff_card_store{

    width:320px;
    min-height:520px;

    border-radius:35px;

    background:rgba(255,255,255,0.72);

    backdrop-filter:blur(15px);

    padding:35px;

    box-sizing:border-box;

    box-shadow:
        0 10px 35px rgba(0,120,255,0.12),
        inset 0 0 15px rgba(255,255,255,0.35);

    transition:0.35s;

    position:relative;

    overflow:hidden;
}

.tariff_card_store:hover{

    transform:
        translateY(-10px)
        scale(1.02);

    box-shadow:
        0 25px 60px rgba(0,120,255,0.25),
        inset 0 0 20px rgba(255,255,255,0.45);
}

/* NAME */

.tariff_name_store{
    font-size:28px;
    font-weight:700;
    color:#1e293b;

    margin-top:20px;
    margin-bottom:25px;
}

/* PRICE */

.tariff_price_store{
    font-size:42px;
    font-weight:700;

    color:#0066ff;

    margin-bottom:30px;
}

/* DESC */

.tariff_desc_store{
    font-size:16px;
    line-height:2;
    color:#4b5563;

    margin-bottom:64px;
}

/* BTN */

.tariff_btn_store{

    position:absolute;

    left:35px;
    right:35px;
    bottom:35px;

    text-align:center;

    padding:16px;

    border-radius:18px;

    background:
        linear-gradient(
            90deg,
            #0077ff,
            #00a2ff
        );

    color:#fff;

    font-weight:700;

    cursor:pointer;

    transition:0.3s;
}

.tariff_btn_store:hover{

    transform:scale(1.03);

    box-shadow:
        0 0 25px rgba(0,120,255,0.35);
}

/* TYPES */

.start_store{
    border:2px solid rgba(0,120,255,0.12);
}

.business_store{

    background:
        linear-gradient(
            180deg,
            rgba(255,255,255,0.88),
            rgba(220,235,255,0.75)
        );

    transform:scale(1.03);
}

.premium_store{

    background:
        linear-gradient(
            180deg,
            rgba(255,255,255,0.88),
            rgba(230,245,255,0.78)
        );
}

/* TOP */

.tariff_top_mark_store{

    position:absolute;

    top:20px;
    right:-35px;

    background:#0077ff;

    color:#fff;

    padding:8px 45px;

    transform:rotate(45deg);

    font-size:12px;

    font-weight:700;

    box-shadow:
        0 5px 20px rgba(0,119,255,0.3);
}

/* offer_block_pro_android_4*/


/* offer_block_pro_android_5 */
/* =========================
   ANDROID SHOP
========================= */

/* HEADER */

.tariff_header_android_shop{
    margin-bottom:50px;
}

.tariff_badge_android_shop{
    color:#00c853;
    font-size:14px;
    margin-bottom:15px;
}

.tariff_title_android_shop{
    font-size:48px;
    font-weight:700;
    color:#1f2937;
    margin-bottom:15px;
}

.tariff_subtitle_android_shop{
    font-size:18px;
    color:#5f6b7a;
    line-height:1.6;
    max-width:700px;
}

/* CARDS */

.tariff_cards_android_shop{
    display:flex;
    gap:35px;
    flex-wrap:wrap;
}

/* CARD */

.tariff_card_android_shop{

    width:320px;
    min-height:520px;

    border-radius:35px;

    background:rgba(255,255,255,0.72);

    backdrop-filter:blur(15px);

    padding:35px;

    box-sizing:border-box;

    box-shadow:
        0 10px 35px rgba(0,170,255,0.12),
        inset 0 0 15px rgba(255,255,255,0.35);

    transition:0.35s;

    position:relative;

    overflow:hidden;
}

.tariff_card_android_shop:hover{

    transform:
        translateY(-10px)
        scale(1.02);

    box-shadow:
        0 25px 60px rgba(0,170,255,0.25),
        inset 0 0 20px rgba(255,255,255,0.45);
}

/* NAME */

.tariff_name_android_shop{
    font-size:28px;
    font-weight:700;
    color:#1e293b;

    margin-top:20px;
    margin-bottom:25px;
}

/* PRICE */

.tariff_price_android_shop{
    font-size:42px;
    font-weight:700;

    color:#0099ff;

    margin-bottom:30px;
}

/* DESC */

.tariff_desc_android_shop{
    font-size:16px;
    line-height:2;
    color:#4b5563;

    margin-bottom:64px;
}

/* BTN */

.tariff_btn_android_shop{

    position:absolute;

    left:35px;
    right:35px;
    bottom:35px;

    text-align:center;

    padding:16px;

    border-radius:18px;

    background:
        linear-gradient(
            90deg,
            #00a2ff,
            #0077ff
        );

    color:#fff;

    font-weight:700;

    cursor:pointer;

    transition:0.3s;
}

.tariff_btn_android_shop:hover{

    transform:scale(1.03);

    box-shadow:
        0 0 25px rgba(0,150,255,0.35);
}

/* TYPES */

.start_android_shop{
    border:2px solid rgba(0,150,255,0.12);
}

.business_android_shop{

    background:
        linear-gradient(
            180deg,
            rgba(255,255,255,0.88),
            rgba(220,240,255,0.75)
        );

    transform:scale(1.03);
}

.premium_android_shop{

    background:
        linear-gradient(
            180deg,
            rgba(255,255,255,0.88),
            rgba(230,245,255,0.78)
        );
}

/* TOP */

.tariff_top_mark_android_shop{

    position:absolute;

    top:20px;
    right:-35px;

    background:#0099ff;

    color:#fff;

    padding:8px 45px;

    transform:rotate(45deg);

    font-size:12px;

    font-weight:700;

    box-shadow:
        0 5px 20px rgba(0,153,255,0.3);
}

/* offer_block_pro_android_5*/



/* offer_block_pro_android_6 */

/* =========================
   ANDROID CRM
========================= */

/* HEADER */

.tariff_header_android_crm{
    margin-bottom:50px;
}

.tariff_badge_android_crm{
    color:#00c853;
    font-size:14px;
    margin-bottom:15px;
}

.tariff_title_android_crm{
    font-size:48px;
    font-weight:700;
    color:#1f2937;
    margin-bottom:15px;
}

.tariff_subtitle_android_crm{
    font-size:18px;
    color:#5f6b7a;
    line-height:1.6;
    max-width:700px;
}

/* CARDS */

.tariff_cards_android_crm{
    display:flex;
    gap:35px;
    flex-wrap:wrap;
}

/* CARD */

.tariff_card_android_crm{

    width:320px;
    min-height:520px;

    border-radius:35px;

    background:rgba(255,255,255,0.72);

    backdrop-filter:blur(15px);

    padding:35px;

    box-sizing:border-box;

    box-shadow:
        0 10px 35px rgba(0,200,150,0.12),
        inset 0 0 15px rgba(255,255,255,0.35);

    transition:0.35s;

    position:relative;

    overflow:hidden;
}

.tariff_card_android_crm:hover{

    transform:
        translateY(-10px)
        scale(1.02);

    box-shadow:
        0 25px 60px rgba(0,200,150,0.25),
        inset 0 0 20px rgba(255,255,255,0.45);
}

/* NAME */

.tariff_name_android_crm{
    font-size:28px;
    font-weight:700;
    color:#1e293b;

    margin-top:20px;
    margin-bottom:25px;
}

/* PRICE */

.tariff_price_android_crm{
    font-size:42px;
    font-weight:700;

    color:#00b894;

    margin-bottom:30px;
}

/* DESC */

.tariff_desc_android_crm{
    font-size:16px;
    line-height:2;
    color:#4b5563;

    margin-bottom:64px;
}

/* BTN */

.tariff_btn_android_crm{

    position:absolute;

    left:35px;
    right:35px;
    bottom:35px;

    text-align:center;

    padding:16px;

    border-radius:18px;

    background:
        linear-gradient(
            90deg,
            #00c896,
            #00e0b8
        );

    color:#fff;

    font-weight:700;

    cursor:pointer;

    transition:0.3s;
}

.tariff_btn_android_crm:hover{

    transform:scale(1.03);

    box-shadow:
        0 0 25px rgba(0,200,150,0.35);
}

/* TYPES */

.start_android_crm{
    border:2px solid rgba(0,200,150,0.12);
}

.business_android_crm{

    background:
        linear-gradient(
            180deg,
            rgba(255,255,255,0.88),
            rgba(220,255,240,0.75)
        );

    transform:scale(1.03);
}

.premium_android_crm{

    background:
        linear-gradient(
            180deg,
            rgba(255,255,255,0.88),
            rgba(230,255,245,0.78)
        );
}

/* TOP */

.tariff_top_mark_android_crm{

    position:absolute;

    top:20px;
    right:-35px;

    background:#00c896;

    color:#fff;

    padding:8px 45px;

    transform:rotate(45deg);

    font-size:12px;

    font-weight:700;

    box-shadow:
        0 5px 20px rgba(0,200,150,0.3);
}

/* offer_block_pro_android_6*/


/* offer_block_pro_android_7 */
/* =========================
   ANDROID SUPPORT
========================= */

/* HEADER */

.tariff_header_android_support{
    margin-bottom:50px;
}

.tariff_badge_android_support{
    color:#00c853;
    font-size:14px;
    margin-bottom:15px;
}

.tariff_title_android_support{
    font-size:48px;
    font-weight:700;
    color:#1f2937;
    margin-bottom:15px;
}

.tariff_subtitle_android_support{
    font-size:18px;
    color:#5f6b7a;
    line-height:1.6;
    max-width:700px;
}

/* CARDS */

.tariff_cards_android_support{
    display:flex;
    gap:35px;
    flex-wrap:wrap;
}

/* CARD */

.tariff_card_android_support{

    width:320px;
    min-height:520px;

    border-radius:35px;

    background:rgba(255,255,255,0.72);

    backdrop-filter:blur(15px);

    padding:35px;

    box-sizing:border-box;

    box-shadow:
        0 10px 35px rgba(0,200,120,0.12),
        inset 0 0 15px rgba(255,255,255,0.35);

    transition:0.35s;

    position:relative;

    overflow:hidden;
}

.tariff_card_android_support:hover{

    transform:
        translateY(-10px)
        scale(1.02);

    box-shadow:
        0 25px 60px rgba(0,200,120,0.25),
        inset 0 0 20px rgba(255,255,255,0.45);
}

/* NAME */

.tariff_name_android_support{
    font-size:28px;
    font-weight:700;
    color:#1e293b;

    margin-top:20px;
    margin-bottom:25px;
}

/* PRICE */

.tariff_price_android_support{
    font-size:42px;
    font-weight:700;

    color:#00b87a;

    margin-bottom:30px;
}

/* DESC */

.tariff_desc_android_support{
    font-size:16px;
    line-height:2;
    color:#4b5563;

    margin-bottom:64px;
}

/* BTN */

.tariff_btn_android_support{

    position:absolute;

    left:35px;
    right:35px;
    bottom:35px;

    text-align:center;

    padding:16px;

    border-radius:18px;

    background:
        linear-gradient(
            90deg,
            #00c878,
            #00e0a0
        );

    color:#fff;

    font-weight:700;

    cursor:pointer;

    transition:0.3s;
}

.tariff_btn_android_support:hover{

    transform:scale(1.03);

    box-shadow:
        0 0 25px rgba(0,200,120,0.35);
}

/* TYPES */

.start_android_support{
    border:2px solid rgba(0,200,120,0.12);
}

.business_android_support{

    background:
        linear-gradient(
            180deg,
            rgba(255,255,255,0.88),
            rgba(220,255,235,0.75)
        );

    transform:scale(1.03);
}

.premium_android_support{

    background:
        linear-gradient(
            180deg,
            rgba(255,255,255,0.88),
            rgba(230,255,240,0.78)
        );
}

/* TOP */

.tariff_top_mark_android_support{

    position:absolute;

    top:20px;
    right:-35px;

    background:#00c878;

    color:#fff;

    padding:8px 45px;

    transform:rotate(45deg);

    font-size:12px;

    font-weight:700;

    box-shadow:
        0 5px 20px rgba(0,200,120,0.3);
}

/* offer_block_pro_android_7*/

/* offer_block_pro_optimization_1 */
/* =========================
   SITE DEVELOPMENT
========================= */

/* HEADER */

.tariff_header_site_dev{
    margin-bottom:50px;
}

.tariff_badge_site_dev{
    color:#00c853;
    font-size:14px;
    margin-bottom:15px;
}

.tariff_title_site_dev{
    font-size:48px;
    font-weight:700;
    color:#1f2937;
    margin-bottom:15px;
}

.tariff_subtitle_site_dev{
    font-size:18px;
    color:#5f6b7a;
    line-height:1.6;
    max-width:700px;
}

/* CARDS */

.tariff_cards_site_dev{
    display:flex;
    gap:35px;
    flex-wrap:wrap;
}

/* CARD */

.tariff_card_site_dev{

    width:320px;
    min-height:520px;

    border-radius:35px;

    background:rgba(255,255,255,0.72);

    backdrop-filter:blur(15px);

    padding:35px;

    box-sizing:border-box;

    box-shadow:
        0 10px 35px rgba(255,170,0,0.12),
        inset 0 0 15px rgba(255,255,255,0.35);

    transition:0.35s;

    position:relative;

    overflow:hidden;
}

.tariff_card_site_dev:hover{

    transform:
        translateY(-10px)
        scale(1.02);

    box-shadow:
        0 25px 60px rgba(255,170,0,0.25),
        inset 0 0 20px rgba(255,255,255,0.45);
}

/* NAME */

.tariff_name_site_dev{
    font-size:28px;
    font-weight:700;
    color:#1e293b;

    margin-top:20px;
    margin-bottom:25px;
}

/* PRICE */

.tariff_price_site_dev{
    font-size:42px;
    font-weight:700;

    color:#ff9800;

    margin-bottom:30px;
}

/* DESC */

.tariff_desc_site_dev{
    font-size:16px;
    line-height:2;
    color:#4b5563;

    margin-bottom:64px;
}

/* BTN */

.tariff_btn_site_dev{

    position:absolute;

    left:35px;
    right:35px;
    bottom:35px;

    text-align:center;

    padding:16px;

    border-radius:18px;

    background:
        linear-gradient(
            90deg,
            #ff9800,
            #ff6f00
        );

    color:#fff;

    font-weight:700;

    cursor:pointer;

    transition:0.3s;
}

.tariff_btn_site_dev:hover{

    transform:scale(1.03);

    box-shadow:
        0 0 25px rgba(255,152,0,0.35);
}

/* TYPES */

.start_site_dev{
    border:2px solid rgba(255,152,0,0.12);
}

.business_site_dev{

    background:
        linear-gradient(
            180deg,
            rgba(255,255,255,0.88),
            rgba(255,240,220,0.75)
        );

    transform:scale(1.03);
}

.premium_site_dev{

    background:
        linear-gradient(
            180deg,
            rgba(255,255,255,0.88),
            rgba(255,245,230,0.78)
        );
}

/* TOP */

.tariff_top_mark_site_dev{

    position:absolute;

    top:20px;
    right:-35px;

    background:#ff9800;

    color:#fff;

    padding:8px 45px;

    transform:rotate(45deg);

    font-size:12px;

    font-weight:700;

    box-shadow:
        0 5px 20px rgba(255,152,0,0.3);
}

/* offer_block_pro_optimization_1*/

/* offer_block_pro_optimization_2 */
/* =========================
   SITE SUPPORT
========================= */

/* HEADER */

.tariff_header_site_support{
    margin-bottom:50px;
}

.tariff_badge_site_support{
    color:#00c853;
    font-size:14px;
    margin-bottom:15px;
}

.tariff_title_site_support{
    font-size:48px;
    font-weight:700;
    color:#1f2937;
    margin-bottom:15px;
}

.tariff_subtitle_site_support{
    font-size:18px;
    color:#5f6b7a;
    line-height:1.6;
    max-width:700px;
}

/* CARDS */

.tariff_cards_site_support{
    display:flex;
    gap:35px;
    flex-wrap:wrap;
}

/* CARD */

.tariff_card_site_support{

    width:320px;
    min-height:520px;

    border-radius:35px;

    background:rgba(255,255,255,0.72);

    backdrop-filter:blur(15px);

    padding:35px;

    box-sizing:border-box;

    box-shadow:
        0 10px 35px rgba(0,180,255,0.12),
        inset 0 0 15px rgba(255,255,255,0.35);

    transition:0.35s;

    position:relative;

    overflow:hidden;
}

.tariff_card_site_support:hover{

    transform:
        translateY(-10px)
        scale(1.02);

    box-shadow:
        0 25px 60px rgba(0,180,255,0.25),
        inset 0 0 20px rgba(255,255,255,0.45);
}

/* NAME */

.tariff_name_site_support{
    font-size:28px;
    font-weight:700;
    color:#1e293b;

    margin-top:20px;
    margin-bottom:25px;
}

/* PRICE */

.tariff_price_site_support{
    font-size:42px;
    font-weight:700;

    color:#0099ff;

    margin-bottom:30px;
}

/* DESC */

.tariff_desc_site_support{
    font-size:16px;
    line-height:2;
    color:#4b5563;

    margin-bottom:64px;
}

/* BTN */

.tariff_btn_site_support{

    position:absolute;

    left:35px;
    right:35px;
    bottom:35px;

    text-align:center;

    padding:16px;

    border-radius:18px;

    background:
        linear-gradient(
            90deg,
            #00a2ff,
            #0066ff
        );

    color:#fff;

    font-weight:700;

    cursor:pointer;

    transition:0.3s;
}

.tariff_btn_site_support:hover{

    transform:scale(1.03);

    box-shadow:
        0 0 25px rgba(0,160,255,0.35);
}

/* TYPES */

.start_site_support{
    border:2px solid rgba(0,160,255,0.12);
}

.business_site_support{

    background:
        linear-gradient(
            180deg,
            rgba(255,255,255,0.88),
            rgba(220,240,255,0.75)
        );

    transform:scale(1.03);
}

.premium_site_support{

    background:
        linear-gradient(
            180deg,
            rgba(255,255,255,0.88),
            rgba(230,245,255,0.78)
        );
}

/* TOP */

.tariff_top_mark_site_support{

    position:absolute;

    top:20px;
    right:-35px;

    background:#0099ff;

    color:#fff;

    padding:8px 45px;

    transform:rotate(45deg);

    font-size:12px;

    font-weight:700;

    box-shadow:
        0 5px 20px rgba(0,153,255,0.3);
}

/* offer_block_pro_optimization_2*/

/* offer_block_pro_optimization_3 */
/* =========================
   OPTIMIZATION
========================= */

/* HEADER */

.tariff_header_optimization{
    margin-bottom:50px;
}

.tariff_badge_optimization{
    color:#00c853;
    font-size:14px;
    margin-bottom:15px;
}

.tariff_title_optimization{
    font-size:48px;
    font-weight:700;
    color:#1f2937;
    margin-bottom:15px;
}

.tariff_subtitle_optimization{
    font-size:18px;
    color:#5f6b7a;
    line-height:1.6;
    max-width:700px;
}

/* CARDS */

.tariff_cards_optimization{
    display:flex;
    gap:35px;
    flex-wrap:wrap;
}

/* CARD */

.tariff_card_optimization{

    width:320px;
    min-height:520px;

    border-radius:35px;

    background:rgba(255,255,255,0.72);

    backdrop-filter:blur(15px);

    padding:35px;

    box-sizing:border-box;

    box-shadow:
        0 10px 35px rgba(255,90,0,0.12),
        inset 0 0 15px rgba(255,255,255,0.35);

    transition:0.35s;

    position:relative;

    overflow:hidden;
}

.tariff_card_optimization:hover{

    transform:
        translateY(-10px)
        scale(1.02);

    box-shadow:
        0 25px 60px rgba(255,90,0,0.25),
        inset 0 0 20px rgba(255,255,255,0.45);
}

/* NAME */

.tariff_name_optimization{
    font-size:28px;
    font-weight:700;
    color:#1e293b;

    margin-top:20px;
    margin-bottom:25px;
}

/* PRICE */

.tariff_price_optimization{
    font-size:42px;
    font-weight:700;

    color:#ff6a00;

    margin-bottom:30px;
}

/* DESC */

.tariff_desc_optimization{
    font-size:16px;
    line-height:2;
    color:#4b5563;

    margin-bottom:64px;
}

/* BTN */

.tariff_btn_optimization{

    position:absolute;

    left:35px;
    right:35px;
    bottom:35px;

    text-align:center;

    padding:16px;

    border-radius:18px;

    background:
        linear-gradient(
            90deg,
            #ff7a00,
            #ff3d00
        );

    color:#fff;

    font-weight:700;

    cursor:pointer;

    transition:0.3s;
}

.tariff_btn_optimization:hover{

    transform:scale(1.03);

    box-shadow:
        0 0 25px rgba(255,106,0,0.35);
}

/* TYPES */

.start_optimization{
    border:2px solid rgba(255,106,0,0.12);
}

.business_optimization{

    background:
        linear-gradient(
            180deg,
            rgba(255,255,255,0.88),
            rgba(255,230,220,0.75)
        );

    transform:scale(1.03);
}

.premium_optimization{

    background:
        linear-gradient(
            180deg,
            rgba(255,255,255,0.88),
            rgba(255,240,230,0.78)
        );
}

/* TOP */

.tariff_top_mark_optimization{

    position:absolute;

    top:20px;
    right:-35px;

    background:#ff6a00;

    color:#fff;

    padding:8px 45px;

    transform:rotate(45deg);

    font-size:12px;

    font-weight:700;

    box-shadow:
        0 5px 20px rgba(255,106,0,0.3);
}

/* offer_block_pro_optimization_3*/

/* offer_block_pro_optimization_4 */
/* =========================
   MODULES INTEGRATION
========================= */

/* HEADER */

.tariff_header_modules{
    margin-bottom:50px;
}

.tariff_badge_modules{
    color:#00c853;
    font-size:14px;
    margin-bottom:15px;
}

.tariff_title_modules{
    font-size:48px;
    font-weight:700;
    color:#1f2937;
    margin-bottom:15px;
}

.tariff_subtitle_modules{
    font-size:18px;
    color:#5f6b7a;
    line-height:1.6;
    max-width:700px;
}

/* CARDS */

.tariff_cards_modules{
    display:flex;
    gap:35px;
    flex-wrap:wrap;
}

/* CARD */

.tariff_card_modules{

    width:320px;
    min-height:520px;

    border-radius:35px;

    background:rgba(255,255,255,0.72);

    backdrop-filter:blur(15px);

    padding:35px;

    box-sizing:border-box;

    box-shadow:
        0 10px 35px rgba(120,80,255,0.12),
        inset 0 0 15px rgba(255,255,255,0.35);

    transition:0.35s;

    position:relative;

    overflow:hidden;
}

.tariff_card_modules:hover{

    transform:
        translateY(-10px)
        scale(1.02);

    box-shadow:
        0 25px 60px rgba(120,80,255,0.25),
        inset 0 0 20px rgba(255,255,255,0.45);
}

/* NAME */

.tariff_name_modules{
    font-size:28px;
    font-weight:700;
    color:#1e293b;

    margin-top:20px;
    margin-bottom:25px;
}

/* PRICE */

.tariff_price_modules{
    font-size:42px;
    font-weight:700;

    color:#7b61ff;

    margin-bottom:30px;
}

/* DESC */

.tariff_desc_modules{
    font-size:16px;
    line-height:2;
    color:#4b5563;

    margin-bottom:64px;
}

/* BTN */

.tariff_btn_modules{

    position:absolute;

    left:35px;
    right:35px;
    bottom:35px;

    text-align:center;

    padding:16px;

    border-radius:18px;

    background:
        linear-gradient(
            90deg,
            #7b61ff,
            #5f8cff
        );

    color:#fff;

    font-weight:700;

    cursor:pointer;

    transition:0.3s;
}

.tariff_btn_modules:hover{

    transform:scale(1.03);

    box-shadow:
        0 0 25px rgba(123,97,255,0.35);
}

/* TYPES */

.start_modules{
    border:2px solid rgba(123,97,255,0.12);
}

.business_modules{

    background:
        linear-gradient(
            180deg,
            rgba(255,255,255,0.88),
            rgba(235,230,255,0.75)
        );

    transform:scale(1.03);
}

.premium_modules{

    background:
        linear-gradient(
            180deg,
            rgba(255,255,255,0.88),
            rgba(245,240,255,0.78)
        );
}

/* TOP */

.tariff_top_mark_modules{

    position:absolute;

    top:20px;
    right:-35px;

    background:#7b61ff;

    color:#fff;

    padding:8px 45px;

    transform:rotate(45deg);

    font-size:12px;

    font-weight:700;

    box-shadow:
        0 5px 20px rgba(123,97,255,0.3);
}

/* offer_block_pro_optimization_4*/

/* offer_block_pro_optimization_5 */
/* =========================
   WEBSITE PROMOTION
========================= */

/* HEADER */

.promotion_header{
    margin-bottom:50px;
}

.promotion_badge{
    color:#00c853;
    font-size:14px;
    margin-bottom:15px;
}

.promotion_title{
    font-size:48px;
    font-weight:700;
    color:#1f2937;
    margin-bottom:15px;
}

.promotion_subtitle{
    font-size:18px;
    color:#5f6b7a;
    line-height:1.6;
    max-width:700px;
}

/* CARDS */

.promotion_cards{
    display:flex;
    gap:35px;
    flex-wrap:wrap;
}

/* CARD */

.promotion_card{

    width:320px;
    min-height:500px;

    border-radius:35px;

    background:rgba(255,255,255,0.72);

    backdrop-filter:blur(15px);

    padding:35px;

    box-sizing:border-box;

    position:relative;

    overflow:hidden;

    transition:0.35s;

    box-shadow:
        0 10px 35px rgba(255,120,0,0.12),
        inset 0 0 15px rgba(255,255,255,0.35);
}

.promotion_card:hover{

    transform:
        translateY(-10px)
        scale(1.02);

    box-shadow:
        0 25px 60px rgba(255,120,0,0.25),
        inset 0 0 20px rgba(255,255,255,0.45);
}

/* ICON */

.promotion_icon{
    font-size:54px;
    margin-bottom:25px;
}

/* NAME */

.promotion_name{
    font-size:32px;
    font-weight:700;
    color:#1e293b;

    margin-bottom:25px;
}

/* DESC */

.promotion_desc{
    font-size:16px;
    line-height:2;
    color:#4b5563;

    margin-bottom:64px;
}

/* BTN */

.promotion_btn{

    position:absolute;

    left:35px;
    right:35px;
    bottom:35px;

    text-align:center;

    padding:16px;

    border-radius:18px;

    background:
        linear-gradient(
            90deg,
            #ff8a00,
            #ff4d00
        );

    color:#fff;

    font-weight:700;

    cursor:pointer;

    transition:0.3s;
}

.promotion_btn:hover{

    transform:scale(1.03);

    box-shadow:
        0 0 25px rgba(255,120,0,0.35);
}

/* SPECIAL */

.yandex_card{
    border:2px solid rgba(255,120,0,0.12);
}

.social_card{

    background:
        linear-gradient(
            180deg,
            rgba(255,255,255,0.88),
            rgba(255,235,220,0.75)
        );

    transform:scale(1.03);
}

.people_card{

    background:
        linear-gradient(
            180deg,
            rgba(255,255,255,0.88),
            rgba(255,245,230,0.78)
        );
}

/* TOP */

.promotion_top{

    position:absolute;

    top:20px;
    right:-35px;

    background:#ff7a00;

    color:#fff;

    padding:8px 45px;

    transform:rotate(45deg);

    font-size:12px;

    font-weight:700;

    box-shadow:
        0 5px 20px rgba(255,120,0,0.3);
}

/* offer_block_pro_optimization_5*/

/* offer_block_pro_optimization_6 */
/* =========================
   YANDEX DIRECT
========================= */

/* HEADER */

.direct_header{
    margin-bottom:50px;
}

.direct_badge{
    color:#00c853;
    font-size:14px;
    margin-bottom:15px;
}

.direct_title{
    font-size:48px;
    font-weight:700;
    color:#1f2937;
    margin-bottom:15px;
}

.direct_subtitle{
    font-size:18px;
    color:#5f6b7a;
    line-height:1.6;
    max-width:700px;
}

/* CARDS */

.direct_cards{
    display:flex;
    gap:35px;
    flex-wrap:wrap;
}

/* CARD */

.direct_card{

    width:320px;
    min-height:520px;

    border-radius:35px;

    background:rgba(255,255,255,0.72);

    backdrop-filter:blur(15px);

    padding:35px;

    box-sizing:border-box;

    position:relative;

    overflow:hidden;

    transition:0.35s;

    box-shadow:
        0 10px 35px rgba(255,120,0,0.12),
        inset 0 0 15px rgba(255,255,255,0.35);
}

.direct_card:hover{

    transform:
        translateY(-10px)
        scale(1.02);

    box-shadow:
        0 25px 60px rgba(255,120,0,0.25),
        inset 0 0 20px rgba(255,255,255,0.45);
}

/* NAME */

.direct_name{
    font-size:30px;
    font-weight:700;
    color:#1e293b;

    margin-top:20px;
    margin-bottom:25px;
}

/* PRICE */

.direct_price{
    font-size:42px;
    font-weight:700;

    color:#ff6f00;

    margin-bottom:30px;
}

/* DESC */

.direct_desc{
    font-size:16px;
    line-height:2;
    color:#4b5563;

    margin-bottom:64px;
}

/* BTN */

.direct_btn{

    position:absolute;

    left:35px;
    right:35px;
    bottom:35px;

    text-align:center;

    padding:16px;

    border-radius:18px;

    background:
        linear-gradient(
            90deg,
            #ff8a00,
            #ff4d00
        );

    color:#fff;

    font-weight:700;

    cursor:pointer;

    transition:0.3s;
}

.direct_btn:hover{

    transform:scale(1.03);

    box-shadow:
        0 0 25px rgba(255,120,0,0.35);
}

/* TYPES */

.start_direct{
    border:2px solid rgba(255,120,0,0.12);
}

.business_direct{

    background:
        linear-gradient(
            180deg,
            rgba(255,255,255,0.88),
            rgba(255,235,220,0.75)
        );

    transform:scale(1.03);
}

.premium_direct{

    background:
        linear-gradient(
            180deg,
            rgba(255,255,255,0.88),
            rgba(255,245,230,0.78)
        );
}

/* TOP */

.direct_top{

    position:absolute;

    top:20px;
    right:-35px;

    background:#ff7a00;

    color:#fff;

    padding:8px 45px;

    transform:rotate(45deg);

    font-size:12px;

    font-weight:700;

    box-shadow:
        0 5px 20px rgba(255,120,0,0.3);
}

/* offer_block_pro_optimization_6*/

/* offer_block_pro_optimization_7 */
/* =========================
   YOUTUBE / VK / TELEGRAM
========================= */

/* HEADER */

.social_header{
    margin-bottom:50px;
}

.social_badge{
    color:#00c853;
    font-size:14px;
    margin-bottom:15px;
}

.social_title{
    font-size:48px;
    font-weight:700;
    color:#1f2937;
    margin-bottom:15px;
}

.social_subtitle{
    font-size:18px;
    color:#5f6b7a;
    line-height:1.6;
    max-width:700px;
}

/* CARDS */

.social_cards{
    display:flex;
    gap:35px;
    flex-wrap:wrap;
}

/* CARD */

.social_card{

    width:320px;
    min-height:520px;

    border-radius:35px;

    background:rgba(255,255,255,0.72);

    backdrop-filter:blur(15px);

    padding:35px;

    box-sizing:border-box;

    position:relative;

    overflow:hidden;

    transition:0.35s;

    box-shadow:
        0 10px 35px rgba(255,0,120,0.12),
        inset 0 0 15px rgba(255,255,255,0.35);
}

.social_card:hover{

    transform:
        translateY(-10px)
        scale(1.02);

    box-shadow:
        0 25px 60px rgba(255,0,120,0.25),
        inset 0 0 20px rgba(255,255,255,0.45);
}

/* NAME */

.social_name{
    font-size:30px;
    font-weight:700;
    color:#1e293b;

    margin-top:20px;
    margin-bottom:25px;
}

/* PRICE */

.social_price{
    font-size:42px;
    font-weight:700;

    color:#ff2c8b;

    margin-bottom:30px;
}

/* DESC */

.social_desc{
    font-size:16px;
    line-height:2;
    color:#4b5563;

    margin-bottom:64px;
}

/* BTN */

.social_btn{

    position:absolute;

    left:35px;
    right:35px;
    bottom:35px;

    text-align:center;

    padding:16px;

    border-radius:18px;

    background:
        linear-gradient(
            90deg,
            #ff2c8b,
            #ff5f6d
        );

    color:#fff;

    font-weight:700;

    cursor:pointer;

    transition:0.3s;
}

.social_btn:hover{

    transform:scale(1.03);

    box-shadow:
        0 0 25px rgba(255,44,139,0.35);
}

/* TYPES */

.start_social{
    border:2px solid rgba(255,44,139,0.12);
}

.business_social{

    background:
        linear-gradient(
            180deg,
            rgba(255,255,255,0.88),
            rgba(255,225,240,0.75)
        );

    transform:scale(1.03);
}

.premium_social{

    background:
        linear-gradient(
            180deg,
            rgba(255,255,255,0.88),
            rgba(255,235,245,0.78)
        );
}

/* TOP */

.social_top{

    position:absolute;

    top:20px;
    right:-35px;

    background:#ff2c8b;

    color:#fff;

    padding:8px 45px;

    transform:rotate(45deg);

    font-size:12px;

    font-weight:700;

    box-shadow:
        0 5px 20px rgba(255,44,139,0.3);
}

/* offer_block_pro_optimization_7*/

/* offer_block_pro_business_1 */
/* =========================
   BUSINESS THEORY
========================= */

/* HEADER */

.business_theory_header{
    margin-bottom:50px;
}

.business_theory_badge{
    color:#00c853;
    font-size:14px;
    margin-bottom:15px;
}

.business_theory_title{
    font-size:48px;
    font-weight:700;
    color:#1f2937;
    margin-bottom:15px;
}

.business_theory_subtitle{
    font-size:18px;
    color:#5f6b7a;
    line-height:1.6;
    max-width:700px;
}

/* CARDS */

.business_theory_cards{
    display:flex;
    gap:35px;
    flex-wrap:wrap;
}

/* CARD */

.business_theory_card{

    width:320px;
    min-height:520px;

    border-radius:35px;

    background:rgba(255,255,255,0.72);

    backdrop-filter:blur(15px);

    padding:35px;

    box-sizing:border-box;

    position:relative;

    overflow:hidden;

    transition:0.35s;

    box-shadow:
        0 10px 35px rgba(0,180,140,0.12),
        inset 0 0 15px rgba(255,255,255,0.35);
}

.business_theory_card:hover{

    transform:
        translateY(-10px)
        scale(1.02);

    box-shadow:
        0 25px 60px rgba(0,180,140,0.25),
        inset 0 0 20px rgba(255,255,255,0.45);
}

/* NAME */

.business_theory_name{
    font-size:30px;
    font-weight:700;
    color:#1e293b;

    margin-top:20px;
    margin-bottom:25px;
}

/* PRICE */

.business_theory_price{
    font-size:42px;
    font-weight:700;

    color:#00b894;

    margin-bottom:30px;
}

/* DESC */

.business_theory_desc{
    font-size:16px;
    line-height:2;
    color:#4b5563;

    margin-bottom:64px;
}

/* BTN */

.business_theory_btn{

    position:absolute;

    left:35px;
    right:35px;
    bottom:35px;

    text-align:center;

    padding:16px;

    border-radius:18px;

    background:
        linear-gradient(
            90deg,
            #00c896,
            #00e0b8
        );

    color:#fff;

    font-weight:700;

    cursor:pointer;

    transition:0.3s;
}

.business_theory_btn:hover{

    transform:scale(1.03);

    box-shadow:
        0 0 25px rgba(0,184,148,0.35);
}

/* TYPES */

.start_business_theory{
    border:2px solid rgba(0,184,148,0.12);
}

.business_business_theory{

    background:
        linear-gradient(
            180deg,
            rgba(255,255,255,0.88),
            rgba(220,255,240,0.75)
        );

    transform:scale(1.03);
}

.premium_business_theory{

    background:
        linear-gradient(
            180deg,
            rgba(255,255,255,0.88),
            rgba(230,255,245,0.78)
        );
}

/* TOP */

.business_theory_top{

    position:absolute;

    top:20px;
    right:-35px;

    background:#00b894;

    color:#fff;

    padding:8px 45px;

    transform:rotate(45deg);

    font-size:12px;

    font-weight:700;

    box-shadow:
        0 5px 20px rgba(0,184,148,0.3);
}

/* offer_block_pro_business_1*/

/* offer_block_pro_business_2 */
/* =========================
   BUSINESS REPORTS
========================= */

/* HEADER */

.business_report_header{
    margin-bottom:50px;
}

.business_report_badge{
    color:#00c853;
    font-size:14px;
    margin-bottom:15px;
}

.business_report_title{
    font-size:48px;
    font-weight:700;
    color:#1f2937;
    margin-bottom:15px;
}

.business_report_subtitle{
    font-size:18px;
    color:#5f6b7a;
    line-height:1.6;
    max-width:700px;
}

/* CARDS */

.business_report_cards{
    display:flex;
    gap:35px;
    flex-wrap:wrap;
}

/* CARD */

.business_report_card{

    width:320px;
    min-height:520px;

    border-radius:35px;

    background:rgba(255,255,255,0.72);

    backdrop-filter:blur(15px);

    padding:35px;

    box-sizing:border-box;

    position:relative;

    overflow:hidden;

    transition:0.35s;

    box-shadow:
        0 10px 35px rgba(80,120,255,0.12),
        inset 0 0 15px rgba(255,255,255,0.35);
}

.business_report_card:hover{

    transform:
        translateY(-10px)
        scale(1.02);

    box-shadow:
        0 25px 60px rgba(80,120,255,0.25),
        inset 0 0 20px rgba(255,255,255,0.45);
}

/* NAME */

.business_report_name{
    font-size:30px;
    font-weight:700;
    color:#1e293b;

    margin-top:20px;
    margin-bottom:25px;
}

/* PRICE */

.business_report_price{
    font-size:42px;
    font-weight:700;

    color:#5f7cff;

    margin-bottom:30px;
}

/* DESC */

.business_report_desc{
    font-size:16px;
    line-height:2;
    color:#4b5563;

    margin-bottom:64px;
}

/* BTN */

.business_report_btn{

    position:absolute;

    left:35px;
    right:35px;
    bottom:35px;

    text-align:center;

    padding:16px;

    border-radius:18px;

    background:
        linear-gradient(
            90deg,
            #5f7cff,
            #7f5fff
        );

    color:#fff;

    font-weight:700;

    cursor:pointer;

    transition:0.3s;
}

.business_report_btn:hover{

    transform:scale(1.03);

    box-shadow:
        0 0 25px rgba(95,124,255,0.35);
}

/* TYPES */

.start_business_report{
    border:2px solid rgba(95,124,255,0.12);
}

.business_business_report{

    background:
        linear-gradient(
            180deg,
            rgba(255,255,255,0.88),
            rgba(230,235,255,0.75)
        );

    transform:scale(1.03);
}

.premium_business_report{

    background:
        linear-gradient(
            180deg,
            rgba(255,255,255,0.88),
            rgba(240,242,255,0.78)
        );
}

/* TOP */

.business_report_top{

    position:absolute;

    top:20px;
    right:-35px;

    background:#5f7cff;

    color:#fff;

    padding:8px 45px;

    transform:rotate(45deg);

    font-size:12px;

    font-weight:700;

    box-shadow:
        0 5px 20px rgba(95,124,255,0.3);
}

/* offer_block_pro_business_2*/

/* offer_block_pro_business_3 */
/* =========================
   BUSINESS POLLS
========================= */

/* HEADER */

.business_poll_header{
    margin-bottom:50px;
}

.business_poll_badge{
    color:#00c853;
    font-size:14px;
    margin-bottom:15px;
}

.business_poll_title{
    font-size:48px;
    font-weight:700;
    color:#1f2937;
    margin-bottom:15px;
}

.business_poll_subtitle{
    font-size:18px;
    color:#5f6b7a;
    line-height:1.6;
    max-width:700px;
}

/* CARDS */

.business_poll_cards{
    display:flex;
    gap:35px;
    flex-wrap:wrap;
}

/* CARD */

.business_poll_card{

    width:320px;
    min-height:520px;

    border-radius:35px;

    background:rgba(255,255,255,0.72);

    backdrop-filter:blur(15px);

    padding:35px;

    box-sizing:border-box;

    position:relative;

    overflow:hidden;

    transition:0.35s;

    box-shadow:
        0 10px 35px rgba(255,120,120,0.12),
        inset 0 0 15px rgba(255,255,255,0.35);
}

.business_poll_card:hover{

    transform:
        translateY(-10px)
        scale(1.02);

    box-shadow:
        0 25px 60px rgba(255,120,120,0.25),
        inset 0 0 20px rgba(255,255,255,0.45);
}

/* NAME */

.business_poll_name{
    font-size:30px;
    font-weight:700;
    color:#1e293b;

    margin-top:20px;
    margin-bottom:25px;
}

/* PRICE */

.business_poll_price{
    font-size:42px;
    font-weight:700;

    color:#ff5f7a;

    margin-bottom:30px;
}

/* DESC */

.business_poll_desc{
    font-size:16px;
    line-height:2;
    color:#4b5563;

    margin-bottom:64px;
}

/* BTN */

.business_poll_btn{

    position:absolute;

    left:35px;
    right:35px;
    bottom:35px;

    text-align:center;

    padding:16px;

    border-radius:18px;

    background:
        linear-gradient(
            90deg,
            #ff5f7a,
            #ff7f50
        );

    color:#fff;

    font-weight:700;

    cursor:pointer;

    transition:0.3s;
}

.business_poll_btn:hover{

    transform:scale(1.03);

    box-shadow:
        0 0 25px rgba(255,95,122,0.35);
}

/* TYPES */

.start_business_poll{
    border:2px solid rgba(255,95,122,0.12);
}

.business_business_poll{

    background:
        linear-gradient(
            180deg,
            rgba(255,255,255,0.88),
            rgba(255,230,235,0.75)
        );

    transform:scale(1.03);
}

.premium_business_poll{

    background:
        linear-gradient(
            180deg,
            rgba(255,255,255,0.88),
            rgba(255,240,242,0.78)
        );
}

/* TOP */

.business_poll_top{

    position:absolute;

    top:20px;
    right:-35px;

    background:#ff5f7a;

    color:#fff;

    padding:8px 45px;

    transform:rotate(45deg);

    font-size:12px;

    font-weight:700;

    box-shadow:
        0 5px 20px rgba(255,95,122,0.3);
}

/* offer_block_pro_business_3*/

/* offer_block_pro_business_4 */
/* =========================
   BUSINESS TECH TASKS
========================= */

/* HEADER */

.business_tech_header{
    margin-bottom:50px;
}

.business_tech_badge{
    color:#00c853;
    font-size:14px;
    margin-bottom:15px;
}

.business_tech_title{
    font-size:48px;
    font-weight:700;
    color:#1f2937;
    margin-bottom:15px;
}

.business_tech_subtitle{
    font-size:18px;
    color:#5f6b7a;
    line-height:1.6;
    max-width:700px;
}

/* CARDS */

.business_tech_cards{
    display:flex;
    gap:35px;
    flex-wrap:wrap;
}

/* CARD */

.business_tech_card{

    width:320px;
    min-height:520px;

    border-radius:35px;

    background:rgba(255,255,255,0.72);

    backdrop-filter:blur(15px);

    padding:35px;

    box-sizing:border-box;

    position:relative;

    overflow:hidden;

    transition:0.35s;

    box-shadow:
        0 10px 35px rgba(120,120,255,0.12),
        inset 0 0 15px rgba(255,255,255,0.35);
}

.business_tech_card:hover{

    transform:
        translateY(-10px)
        scale(1.02);

    box-shadow:
        0 25px 60px rgba(120,120,255,0.25),
        inset 0 0 20px rgba(255,255,255,0.45);
}

/* NAME */

.business_tech_name{
    font-size:30px;
    font-weight:700;
    color:#1e293b;

    margin-top:20px;
    margin-bottom:25px;
}

/* PRICE */

.business_tech_price{
    font-size:42px;
    font-weight:700;

    color:#6c63ff;

    margin-bottom:30px;
}

/* DESC */

.business_tech_desc{
    font-size:16px;
    line-height:2;
    color:#4b5563;

    margin-bottom:64px;
}

/* BTN */

.business_tech_btn{

    position:absolute;

    left:35px;
    right:35px;
    bottom:35px;

    text-align:center;

    padding:16px;

    border-radius:18px;

    background:
        linear-gradient(
            90deg,
            #6c63ff,
            #8b7dff
        );

    color:#fff;

    font-weight:700;

    cursor:pointer;

    transition:0.3s;
}

.business_tech_btn:hover{

    transform:scale(1.03);

    box-shadow:
        0 0 25px rgba(108,99,255,0.35);
}

/* TYPES */

.start_business_tech{
    border:2px solid rgba(108,99,255,0.12);
}

.business_business_tech{

    background:
        linear-gradient(
            180deg,
            rgba(255,255,255,0.88),
            rgba(235,235,255,0.75)
        );

    transform:scale(1.03);
}

.premium_business_tech{

    background:
        linear-gradient(
            180deg,
            rgba(255,255,255,0.88),
            rgba(245,245,255,0.78)
        );
}

/* TOP */

.business_tech_top{

    position:absolute;

    top:20px;
    right:-35px;

    background:#6c63ff;

    color:#fff;

    padding:8px 45px;

    transform:rotate(45deg);

    font-size:12px;

    font-weight:700;

    box-shadow:
        0 5px 20px rgba(108,99,255,0.3);
}

/* offer_block_pro_business_4*/

/* offer_block_pro_business_5 */
/* =========================
   BUSINESS START
========================= */

/* HEADER */

.business_start_header{
    margin-bottom:50px;
}

.business_start_badge{
    color:#00c853;
    font-size:14px;
    margin-bottom:15px;
}

.business_start_title{
    font-size:48px;
    font-weight:700;
    color:#1f2937;
    margin-bottom:15px;
}

.business_start_subtitle{
    font-size:18px;
    color:#5f6b7a;
    line-height:1.6;
    max-width:700px;
}

/* CARDS */

.business_start_cards{
    display:flex;
    gap:35px;
    flex-wrap:wrap;
}

/* CARD */

.business_start_card{

    width:320px;
    min-height:520px;

    border-radius:35px;

    background:rgba(255,255,255,0.72);

    backdrop-filter:blur(15px);

    padding:35px;

    box-sizing:border-box;

    position:relative;

    overflow:hidden;

    transition:0.35s;

    box-shadow:
        0 10px 35px rgba(0,170,255,0.12),
        inset 0 0 15px rgba(255,255,255,0.35);
}

.business_start_card:hover{

    transform:
        translateY(-10px)
        scale(1.02);

    box-shadow:
        0 25px 60px rgba(0,170,255,0.25),
        inset 0 0 20px rgba(255,255,255,0.45);
}

/* NAME */

.business_start_name{
    font-size:30px;
    font-weight:700;
    color:#1e293b;

    margin-top:20px;
    margin-bottom:25px;
}

/* PRICE */

.business_start_price{
    font-size:42px;
    font-weight:700;

    color:#0099ff;

    margin-bottom:30px;
}

/* DESC */

.business_start_desc{
    font-size:16px;
    line-height:2;
    color:#4b5563;

    margin-bottom:64px;
}

/* BTN */

.business_start_btn{

    position:absolute;

    left:35px;
    right:35px;
    bottom:35px;

    text-align:center;

    padding:16px;

    border-radius:18px;

    background:
        linear-gradient(
            90deg,
            #00a2ff,
            #0077ff
        );

    color:#fff;

    font-weight:700;

    cursor:pointer;

    transition:0.3s;
}

.business_start_btn:hover{

    transform:scale(1.03);

    box-shadow:
        0 0 25px rgba(0,153,255,0.35);
}

/* TYPES */

.start_business_start{
    border:2px solid rgba(0,153,255,0.12);
}

.business_business_start{

    background:
        linear-gradient(
            180deg,
            rgba(255,255,255,0.88),
            rgba(220,240,255,0.75)
        );

    transform:scale(1.03);
}

.premium_business_start{

    background:
        linear-gradient(
            180deg,
            rgba(255,255,255,0.88),
            rgba(230,245,255,0.78)
        );
}

/* TOP */

.business_start_top{

    position:absolute;

    top:20px;
    right:-35px;

    background:#0099ff;

    color:#fff;

    padding:8px 45px;

    transform:rotate(45deg);

    font-size:12px;

    font-weight:700;

    box-shadow:
        0 5px 20px rgba(0,153,255,0.3);
}

/* offer_block_pro_business_5*/

/* offer_block_pro_business_6 */
/* =========================
   BUSINESS DOCUMENTS
========================= */

/* HEADER */

.business_docs_header{
    margin-bottom:50px;
}

.business_docs_badge{
    color:#00c853;
    font-size:14px;
    margin-bottom:15px;
}

.business_docs_title{
    font-size:48px;
    font-weight:700;
    color:#1f2937;
    margin-bottom:15px;
}

.business_docs_subtitle{
    font-size:18px;
    color:#5f6b7a;
    line-height:1.6;
    max-width:700px;
}

/* CARDS */

.business_docs_cards{
    display:flex;
    gap:35px;
    flex-wrap:wrap;
}

/* CARD */

.business_docs_card{

    width:320px;
    min-height:520px;

    border-radius:35px;

    background:rgba(255,255,255,0.72);

    backdrop-filter:blur(15px);

    padding:35px;

    box-sizing:border-box;

    position:relative;

    overflow:hidden;

    transition:0.35s;

    box-shadow:
        0 10px 35px rgba(120,100,255,0.12),
        inset 0 0 15px rgba(255,255,255,0.35);
}

.business_docs_card:hover{

    transform:
        translateY(-10px)
        scale(1.02);

    box-shadow:
        0 25px 60px rgba(120,100,255,0.25),
        inset 0 0 20px rgba(255,255,255,0.45);
}

/* NAME */

.business_docs_name{
    font-size:30px;
    font-weight:700;
    color:#1e293b;

    margin-top:20px;
    margin-bottom:25px;
}

/* PRICE */

.business_docs_price{
    font-size:42px;
    font-weight:700;

    color:#725bff;

    margin-bottom:30px;
}

/* DESC */

.business_docs_desc{
    font-size:16px;
    line-height:2;
    color:#4b5563;

    margin-bottom:64px;
}

/* BTN */

.business_docs_btn{

    position:absolute;

    left:35px;
    right:35px;
    bottom:35px;

    text-align:center;

    padding:16px;

    border-radius:18px;

    background:
        linear-gradient(
            90deg,
            #725bff,
            #8b78ff
        );

    color:#fff;

    font-weight:700;

    cursor:pointer;

    transition:0.3s;
}

.business_docs_btn:hover{

    transform:scale(1.03);

    box-shadow:
        0 0 25px rgba(114,91,255,0.35);
}

/* TYPES */

.start_business_docs{
    border:2px solid rgba(114,91,255,0.12);
}

.business_business_docs{

    background:
        linear-gradient(
            180deg,
            rgba(255,255,255,0.88),
            rgba(235,230,255,0.75)
        );

    transform:scale(1.03);
}

.premium_business_docs{

    background:
        linear-gradient(
            180deg,
            rgba(255,255,255,0.88),
            rgba(245,240,255,0.78)
        );
}

/* TOP */

.business_docs_top{

    position:absolute;

    top:20px;
    right:-35px;

    background:#725bff;

    color:#fff;

    padding:8px 45px;

    transform:rotate(45deg);

    font-size:12px;

    font-weight:700;

    box-shadow:
        0 5px 20px rgba(114,91,255,0.3);
}

/* offer_block_pro_business_6*/

/* offer_block_pro_business_7 */
/* =========================
   BUSINESS ANALYTICS
========================= */

/* HEADER */

.business_analytics_header{
    margin-bottom:50px;
}

.business_analytics_badge{
    color:#00c853;
    font-size:14px;
    margin-bottom:15px;
}

.business_analytics_title{
    font-size:48px;
    font-weight:700;
    color:#1f2937;
    margin-bottom:15px;
}

.business_analytics_subtitle{
    font-size:18px;
    color:#5f6b7a;
    line-height:1.6;
    max-width:700px;
}

/* CARDS */

.business_analytics_cards{
    display:flex;
    gap:35px;
    flex-wrap:wrap;
}

/* CARD */

.business_analytics_card{

    width:320px;
    min-height:520px;

    border-radius:35px;

    background:rgba(255,255,255,0.72);

    backdrop-filter:blur(15px);

    padding:35px;

    box-sizing:border-box;

    position:relative;

    overflow:hidden;

    transition:0.35s;

    box-shadow:
        0 10px 35px rgba(0,160,120,0.12),
        inset 0 0 15px rgba(255,255,255,0.35);
}

.business_analytics_card:hover{

    transform:
        translateY(-10px)
        scale(1.02);

    box-shadow:
        0 25px 60px rgba(0,160,120,0.25),
        inset 0 0 20px rgba(255,255,255,0.45);
}

/* NAME */

.business_analytics_name{
    font-size:30px;
    font-weight:700;
    color:#1e293b;

    margin-top:20px;
    margin-bottom:25px;
}

/* PRICE */

.business_analytics_price{
    font-size:42px;
    font-weight:700;

    color:#00a878;

    margin-bottom:30px;
}

/* DESC */

.business_analytics_desc{
    font-size:16px;
    line-height:2;
    color:#4b5563;

    margin-bottom:64px;
}

/* BTN */

.business_analytics_btn{

    position:absolute;

    left:35px;
    right:35px;
    bottom:35px;

    text-align:center;

    padding:16px;

    border-radius:18px;

    background:
        linear-gradient(
            90deg,
            #00b884,
            #00d4a0
        );

    color:#fff;

    font-weight:700;

    cursor:pointer;

    transition:0.3s;
}

.business_analytics_btn:hover{

    transform:scale(1.03);

    box-shadow:
        0 0 25px rgba(0,168,120,0.35);
}

/* TYPES */

.start_business_analytics{
    border:2px solid rgba(0,168,120,0.12);
}

.business_business_analytics{

    background:
        linear-gradient(
            180deg,
            rgba(255,255,255,0.88),
            rgba(220,255,240,0.75)
        );

    transform:scale(1.03);
}

.premium_business_analytics{

    background:
        linear-gradient(
            180deg,
            rgba(255,255,255,0.88),
            rgba(230,255,245,0.78)
        );
}

/* TOP */

.business_analytics_top{

    position:absolute;

    top:20px;
    right:-35px;

    background:#00a878;

    color:#fff;

    padding:8px 45px;

    transform:rotate(45deg);

    font-size:12px;

    font-weight:700;

    box-shadow:
        0 5px 20px rgba(0,168,120,0.3);
}

/* offer_block_pro_business_7*/

/* offer_block_pro_education_1 */
/* =========================
   AI EDUCATION
========================= */

/* HEADER */

.education_ai_header{
    margin-bottom:50px;
}

.education_ai_badge{
    color:#00c853;
    font-size:14px;
    margin-bottom:15px;
}

.education_ai_title{
    font-size:48px;
    font-weight:700;
    color:#1f2937;
    margin-bottom:15px;
}

.education_ai_subtitle{
    font-size:18px;
    color:#5f6b7a;
    line-height:1.6;
    max-width:700px;
}

/* CARDS */

.education_ai_cards{
    display:flex;
    gap:35px;
    flex-wrap:wrap;
}

/* CARD */

.education_ai_card{

    width:320px;
    min-height:500px;

    border-radius:35px;

    background:rgba(255,255,255,0.72);

    backdrop-filter:blur(15px);

    padding:35px;

    box-sizing:border-box;

    position:relative;

    overflow:hidden;

    transition:0.35s;

    box-shadow:
        0 10px 35px rgba(0,140,255,0.12),
        inset 0 0 15px rgba(255,255,255,0.35);
}

.education_ai_card:hover{

    transform:
        translateY(-10px)
        scale(1.02);

    box-shadow:
        0 25px 60px rgba(0,140,255,0.25),
        inset 0 0 20px rgba(255,255,255,0.45);
}

/* ICON */

.education_ai_icon{
    font-size:56px;
    margin-bottom:25px;
}

/* NAME */

.education_ai_name{
    font-size:34px;
    font-weight:700;
    color:#1e293b;

    margin-bottom:25px;
}

/* DESC */

.education_ai_desc{
    font-size:16px;
    line-height:2;
    color:#4b5563;

    margin-bottom:64px;
}

/* BTN */

.education_ai_btn{

    position:absolute;

    left:35px;
    right:35px;
    bottom:35px;

    text-align:center;

    padding:16px;

    border-radius:18px;

    background:
        linear-gradient(
            90deg,
            #00a2ff,
            #7b61ff
        );

    color:#fff;

    font-weight:700;

    cursor:pointer;

    transition:0.3s;
}

.education_ai_btn:hover{

    transform:scale(1.03);

    box-shadow:
        0 0 25px rgba(0,140,255,0.35);
}

/* TYPES */

.gpt_card{
    border:2px solid rgba(0,140,255,0.12);
}

.grok_card{

    background:
        linear-gradient(
            180deg,
            rgba(255,255,255,0.88),
            rgba(230,240,255,0.75)
        );

    transform:scale(1.03);
}

.deepseek_card{

    background:
        linear-gradient(
            180deg,
            rgba(255,255,255,0.88),
            rgba(240,245,255,0.78)
        );
}

/* TOP */

.education_ai_top{

    position:absolute;

    top:20px;
    right:-35px;

    background:#7b61ff;

    color:#fff;

    padding:8px 45px;

    transform:rotate(45deg);

    font-size:12px;

    font-weight:700;

    box-shadow:
        0 5px 20px rgba(123,97,255,0.3);
}

/* offer_block_pro_education_1*/

/* offer_block_pro_education_2 */

/* =========================
   VIBECODING EDUCATION
========================= */

/* HEADER */

.vibecoding_header{
    margin-bottom:50px;
}

.vibecoding_badge{
    color:#00c853;
    font-size:14px;
    margin-bottom:15px;
}

.vibecoding_title{
    font-size:48px;
    font-weight:700;
    color:#1f2937;
    margin-bottom:15px;
}

.vibecoding_subtitle{
    font-size:18px;
    color:#5f6b7a;
    line-height:1.6;
    max-width:700px;
}

/* CARDS */

.vibecoding_cards{
    display:flex;
    gap:35px;
    flex-wrap:wrap;
}

/* CARD */

.vibecoding_card{

    width:320px;
    min-height:560px;

    border-radius:35px;

    background:rgba(255,255,255,0.72);

    backdrop-filter:blur(15px);

    padding:35px;

    box-sizing:border-box;

    position:relative;

    overflow:hidden;

    transition:0.35s;

    box-shadow:
        0 10px 35px rgba(140,0,255,0.12),
        inset 0 0 15px rgba(255,255,255,0.35);
}

.vibecoding_card:hover{

    transform:
        translateY(-10px)
        scale(1.02);

    box-shadow:
        0 25px 60px rgba(140,0,255,0.25),
        inset 0 0 20px rgba(255,255,255,0.45);
}

/* ICON */

.vibecoding_icon{
    font-size:56px;
    margin-bottom:25px;
}

/* NAME */

.vibecoding_name{
    font-size:32px;
    font-weight:700;
    color:#1e293b;

    margin-bottom:20px;
}

/* PRICE */

.vibecoding_price{

    font-size:42px;

    font-weight:700;

    color:#8b5cff;

    margin-bottom:30px;
}

/* DESC */

.vibecoding_desc{
    font-size:16px;
    line-height:2;
    color:#4b5563;

    margin-bottom:64px;
}

/* BTN */

.vibecoding_btn{

    position:absolute;

    left:35px;
    right:35px;
    bottom:35px;

    text-align:center;

    padding:16px;

    border-radius:18px;

    background:
        linear-gradient(
            90deg,
            #8b5cff,
            #b16cff
        );

    color:#fff;

    font-weight:700;

    cursor:pointer;

    transition:0.3s;
}

.vibecoding_btn:hover{

    transform:scale(1.03);

    box-shadow:
        0 0 25px rgba(140,0,255,0.35);
}

/* TYPES */

.start_vibecoding{
    border:2px solid rgba(140,0,255,0.12);
}

.business_vibecoding{

    background:
        linear-gradient(
            180deg,
            rgba(255,255,255,0.88),
            rgba(240,230,255,0.75)
        );

    transform:scale(1.03);
}

.premium_vibecoding{

    background:
        linear-gradient(
            180deg,
            rgba(255,255,255,0.88),
            rgba(248,240,255,0.78)
        );
}

/* TOP */

.vibecoding_top{

    position:absolute;

    top:20px;
    right:-35px;

    background:#8b5cff;

    color:#fff;

    padding:8px 45px;

    transform:rotate(45deg);

    font-size:12px;

    font-weight:700;

    box-shadow:
        0 5px 20px rgba(140,0,255,0.3);
}

/* offer_block_pro_education_2*/

/* offer_block_pro_education_3 */
/* =========================
   PAID EDUCATION
========================= */

/* HEADER */

.paid_education_header{
    margin-bottom:50px;
}

.paid_education_badge{
    color:#00c853;
    font-size:14px;
    margin-bottom:15px;
}

.paid_education_title{
    font-size:48px;
    font-weight:700;
    color:#1f2937;
    margin-bottom:15px;
}

.paid_education_subtitle{
    font-size:18px;
    color:#5f6b7a;
    line-height:1.6;
    max-width:700px;
}

/* CARDS */

.paid_education_cards{
    display:flex;
    gap:35px;
    flex-wrap:wrap;
}

/* CARD */

.paid_education_card{

    width:320px;
    min-height:560px;

    border-radius:35px;

    background:rgba(255,255,255,0.72);

    backdrop-filter:blur(15px);

    padding:35px;

    box-sizing:border-box;

    position:relative;

    overflow:hidden;

    transition:0.35s;

    box-shadow:
        0 10px 35px rgba(0,120,255,0.12),
        inset 0 0 15px rgba(255,255,255,0.35);
}

.paid_education_card:hover{

    transform:
        translateY(-10px)
        scale(1.02);

    box-shadow:
        0 25px 60px rgba(0,120,255,0.25),
        inset 0 0 20px rgba(255,255,255,0.45);
}

/* ICON */

.paid_education_icon{
    font-size:56px;
    margin-bottom:25px;
}

/* NAME */

.paid_education_name{
    font-size:30px;
    font-weight:700;
    color:#1e293b;

    margin-bottom:20px;
}

/* PRICE */

.paid_education_price{

    font-size:42px;

    font-weight:700;

    color:#007bff;

    margin-bottom:30px;
}

/* DESC */

.paid_education_desc{
    font-size:16px;
    line-height:2;
    color:#4b5563;

    margin-bottom:64px;
}

/* BTN */

.paid_education_btn{

    position:absolute;

    left:35px;
    right:35px;
    bottom:35px;

    text-align:center;

    padding:16px;

    border-radius:18px;

    background:
        linear-gradient(
            90deg,
            #007bff,
            #00a2ff
        );

    color:#fff;

    font-weight:700;

    cursor:pointer;

    transition:0.3s;
}

.paid_education_btn:hover{

    transform:scale(1.03);

    box-shadow:
        0 0 25px rgba(0,123,255,0.35);
}

/* TYPES */

.start_paid_education{
    border:2px solid rgba(0,123,255,0.12);
}

.business_paid_education{

    background:
        linear-gradient(
            180deg,
            rgba(255,255,255,0.88),
            rgba(225,240,255,0.75)
        );

    transform:scale(1.03);
}

.premium_paid_education{

    background:
        linear-gradient(
            180deg,
            rgba(255,255,255,0.88),
            rgba(235,245,255,0.78)
        );
}

/* TOP */

.paid_education_top{

    position:absolute;

    top:20px;
    right:-35px;

    background:#007bff;

    color:#fff;

    padding:8px 45px;

    transform:rotate(45deg);

    font-size:12px;

    font-weight:700;

    box-shadow:
        0 5px 20px rgba(0,123,255,0.3);
}

/* offer_block_pro_education_3*/

/* offer_block_pro_education_4 */
/* =========================
   VIBECODERS TEAM
========================= */

/* HEADER */

.vibers_team_header{
    margin-bottom:50px;
}

.vibers_team_badge{
    color:#00c853;
    font-size:14px;
    margin-bottom:15px;
}

.vibers_team_title{
    font-size:48px;
    font-weight:700;
    color:#1f2937;
    margin-bottom:15px;
}

.vibers_team_subtitle{
    font-size:18px;
    color:#5f6b7a;
    line-height:1.6;
    max-width:760px;
}

/* CARDS */

.vibers_team_cards{
    display:flex;
    gap:35px;
    flex-wrap:wrap;
}

/* CARD */

.vibers_team_card{

    width:320px;
    min-height:560px;

    border-radius:35px;

    background:rgba(255,255,255,0.72);

    backdrop-filter:blur(15px);

    padding:35px;

    box-sizing:border-box;

    position:relative;

    overflow:hidden;

    transition:0.35s;

    box-shadow:
        0 10px 35px rgba(255,80,0,0.12),
        inset 0 0 15px rgba(255,255,255,0.35);
}

.vibers_team_card:hover{

    transform:
        translateY(-10px)
        scale(1.02);

    box-shadow:
        0 25px 60px rgba(255,80,0,0.25),
        inset 0 0 20px rgba(255,255,255,0.45);
}

/* ICON */

.vibers_team_icon{
    font-size:56px;
    margin-bottom:25px;
}

/* NAME */

.vibers_team_name{
    font-size:30px;
    font-weight:700;
    color:#1e293b;

    margin-bottom:20px;
}

/* PRICE */

.vibers_team_price{

    font-size:52px;

    font-weight:700;

    color:#ff6a00;

    margin-bottom:30px;
}

/* DESC */

.vibers_team_desc{
    font-size:16px;
    line-height:2;
    color:#4b5563;

    margin-bottom:64px;
}

/* BTN */

.vibers_team_btn{

    position:absolute;

    left:35px;
    right:35px;
    bottom:35px;

    text-align:center;

    padding:16px;

    border-radius:18px;

    background:
        linear-gradient(
            90deg,
            #ff6a00,
            #ff9a00
        );

    color:#fff;

    font-weight:700;

    cursor:pointer;

    transition:0.3s;
}

.vibers_team_btn:hover{

    transform:scale(1.03);

    box-shadow:
        0 0 25px rgba(255,106,0,0.35);
}

/* TYPES */

.start_vibers_team{
    border:2px solid rgba(255,106,0,0.12);
}

.business_vibers_team{

    background:
        linear-gradient(
            180deg,
            rgba(255,255,255,0.88),
            rgba(255,235,220,0.75)
        );

    transform:scale(1.03);
}

.premium_vibers_team{

    background:
        linear-gradient(
            180deg,
            rgba(255,255,255,0.88),
            rgba(255,245,230,0.78)
        );
}

/* TOP */

.vibers_team_top{

    position:absolute;

    top:20px;
    right:-35px;

    background:#ff6a00;

    color:#fff;

    padding:8px 45px;

    transform:rotate(45deg);

    font-size:12px;

    font-weight:700;

    box-shadow:
        0 5px 20px rgba(255,106,0,0.3);
}

/* offer_block_pro_education_4*/

/* offer_block_pro_education_5 */
/* =========================
   DEVELOPERS TEAM
========================= */

/* HEADER */

.dev_team_header{
    margin-bottom:50px;
}

.dev_team_badge{
    color:#00c853;
    font-size:14px;
    margin-bottom:15px;
}

.dev_team_title{
    font-size:48px;
    font-weight:700;
    color:#1f2937;
    margin-bottom:15px;
}

.dev_team_subtitle{
    font-size:18px;
    color:#5f6b7a;
    line-height:1.6;
    max-width:760px;
}

/* CARDS */

.dev_team_cards{
    display:flex;
    gap:35px;
    flex-wrap:wrap;
}

/* CARD */

.dev_team_card{

    width:320px;
    min-height:560px;

    border-radius:35px;

    background:rgba(255,255,255,0.72);

    backdrop-filter:blur(15px);

    padding:35px;

    box-sizing:border-box;

    position:relative;

    overflow:hidden;

    transition:0.35s;

    box-shadow:
        0 10px 35px rgba(0,120,255,0.12),
        inset 0 0 15px rgba(255,255,255,0.35);
}

.dev_team_card:hover{

    transform:
        translateY(-10px)
        scale(1.02);

    box-shadow:
        0 25px 60px rgba(0,120,255,0.25),
        inset 0 0 20px rgba(255,255,255,0.45);
}

/* ICON */

.dev_team_icon{
    font-size:56px;
    margin-bottom:25px;
}

/* NAME */

.dev_team_name{
    font-size:30px;
    font-weight:700;
    color:#1e293b;

    margin-bottom:20px;
}

/* PRICE */

.dev_team_price{

    font-size:52px;

    font-weight:700;

    color:#007bff;

    margin-bottom:30px;
}

/* DESC */

.dev_team_desc{
    font-size:16px;
    line-height:2;
    color:#4b5563;

    margin-bottom:64px;
}

/* BTN */

.dev_team_btn{

    position:absolute;

    left:35px;
    right:35px;
    bottom:35px;

    text-align:center;

    padding:16px;

    border-radius:18px;

    background:
        linear-gradient(
            90deg,
            #007bff,
            #00a2ff
        );

    color:#fff;

    font-weight:700;

    cursor:pointer;

    transition:0.3s;
}

.dev_team_btn:hover{

    transform:scale(1.03);

    box-shadow:
        0 0 25px rgba(0,123,255,0.35);
}

/* TYPES */

.start_dev_team{
    border:2px solid rgba(0,123,255,0.12);
}

.business_dev_team{

    background:
        linear-gradient(
            180deg,
            rgba(255,255,255,0.88),
            rgba(225,240,255,0.75)
        );

    transform:scale(1.03);
}

.premium_dev_team{

    background:
        linear-gradient(
            180deg,
            rgba(255,255,255,0.88),
            rgba(235,245,255,0.78)
        );
}

/* TOP */

.dev_team_top{

    position:absolute;

    top:20px;
    right:-35px;

    background:#007bff;

    color:#fff;

    padding:8px 45px;

    transform:rotate(45deg);

    font-size:12px;

    font-weight:700;

    box-shadow:
        0 5px 20px rgba(0,123,255,0.3);
}

/* offer_block_pro_education_5*/

/* offer_block_pro_education_6 */
/* =========================
   DESIGNERS TEAM
========================= */

/* HEADER */

.design_team_header{
    margin-bottom:50px;
}

.design_team_badge{
    color:#00c853;
    font-size:14px;
    margin-bottom:15px;
}

.design_team_title{
    font-size:48px;
    font-weight:700;
    color:#1f2937;
    margin-bottom:15px;
}

.design_team_subtitle{
    font-size:18px;
    color:#5f6b7a;
    line-height:1.6;
    max-width:760px;
}

/* CARDS */

.design_team_cards{
    display:flex;
    gap:35px;
    flex-wrap:wrap;
}

/* CARD */

.design_team_card{

    width:320px;
    min-height:560px;

    border-radius:35px;

    background:rgba(255,255,255,0.72);

    backdrop-filter:blur(15px);

    padding:35px;

    box-sizing:border-box;

    position:relative;

    overflow:hidden;

    transition:0.35s;

    box-shadow:
        0 10px 35px rgba(255,0,140,0.12),
        inset 0 0 15px rgba(255,255,255,0.35);
}

.design_team_card:hover{

    transform:
        translateY(-10px)
        scale(1.02);

    box-shadow:
        0 25px 60px rgba(255,0,140,0.25),
        inset 0 0 20px rgba(255,255,255,0.45);
}

/* ICON */

.design_team_icon{
    font-size:56px;
    margin-bottom:25px;
}

/* NAME */

.design_team_name{
    font-size:30px;
    font-weight:700;
    color:#1e293b;

    margin-bottom:20px;
}

/* PRICE */

.design_team_price{

    font-size:52px;

    font-weight:700;

    color:#ff2c8b;

    margin-bottom:30px;
}

/* DESC */

.design_team_desc{
    font-size:16px;
    line-height:2;
    color:#4b5563;

    margin-bottom:64px;
}

/* BTN */

.design_team_btn{

    position:absolute;

    left:35px;
    right:35px;
    bottom:35px;

    text-align:center;

    padding:16px;

    border-radius:18px;

    background:
        linear-gradient(
            90deg,
            #ff2c8b,
            #ff5f6d
        );

    color:#fff;

    font-weight:700;

    cursor:pointer;

    transition:0.3s;
}

.design_team_btn:hover{

    transform:scale(1.03);

    box-shadow:
        0 0 25px rgba(255,44,139,0.35);
}

/* TYPES */

.start_design_team{
    border:2px solid rgba(255,44,139,0.12);
}

.business_design_team{

    background:
        linear-gradient(
            180deg,
            rgba(255,255,255,0.88),
            rgba(255,225,240,0.75)
        );

    transform:scale(1.03);
}

.premium_design_team{

    background:
        linear-gradient(
            180deg,
            rgba(255,255,255,0.88),
            rgba(255,235,245,0.78)
        );
}

/* TOP */

.design_team_top{

    position:absolute;

    top:20px;
    right:-35px;

    background:#ff2c8b;

    color:#fff;

    padding:8px 45px;

    transform:rotate(45deg);

    font-size:12px;

    font-weight:700;

    box-shadow:
        0 5px 20px rgba(255,44,139,0.3);
}

/* offer_block_pro_education_6*/

/* offer_block_pro_education_7 */
/* =========================
   LIKECOSTERS
========================= */

/* HEADER */

.likecost_header{
    margin-bottom:50px;
}

.likecost_badge{
    color:#b8860b;
    font-size:14px;
    margin-bottom:15px;
}

.likecost_title{
    font-size:48px;
    font-weight:700;
    color:#4e3b00;
    margin-bottom:15px;
}

.likecost_subtitle{
    font-size:18px;
    color:#6d5d2c;
    line-height:1.6;
    max-width:760px;
}

/* CARDS */

.likecost_cards{
    display:flex;
    gap:35px;
    flex-wrap:wrap;
}

/* CARD */

.likecost_card{

    width:320px;
    min-height:560px;

    border-radius:35px;

    background:
        linear-gradient(
            180deg,
            rgba(255,248,220,0.92),
            rgba(255,240,190,0.72)
        );

    backdrop-filter:blur(15px);

    padding:35px;

    box-sizing:border-box;

    position:relative;

    overflow:hidden;

    transition:0.35s;

    border:1px solid rgba(184,134,11,0.25);

    box-shadow:
        0 10px 35px rgba(184,134,11,0.15),
        inset 0 0 15px rgba(255,255,255,0.35);
}

.likecost_card:hover{

    transform:
        translateY(-10px)
        scale(1.02);

    box-shadow:
        0 25px 60px rgba(184,134,11,0.25),
        inset 0 0 20px rgba(255,255,255,0.45);
}

/* ICON */

.likecost_icon{
    font-size:56px;
    margin-bottom:25px;
}

/* NAME */

.likecost_name{
    font-size:28px;
    font-weight:700;
    color:#5c4300;

    margin-bottom:20px;
}

/* PRICE */

.likecost_price{

    font-size:52px;

    font-weight:700;

    color:#b8860b;

    margin-bottom:30px;
}

/* DESC */

.likecost_desc{
    font-size:16px;
    line-height:2;
    color:#5c4b1d;

    margin-bottom:64px;
}

/* BTN */

.likecost_btn{

    position:absolute;

    left:35px;
    right:35px;
    bottom:35px;

    text-align:center;

    padding:16px;

    border-radius:18px;

    background:
        linear-gradient(
            90deg,
            #b8860b,
            #d4a017
        );

    color:#fff;

    font-weight:700;

    cursor:pointer;

    transition:0.3s;
}

.likecost_btn:hover{

    transform:scale(1.03);

    box-shadow:
        0 0 25px rgba(184,134,11,0.35);
}

/* TYPES */

.start_likecost{
    border:2px solid rgba(184,134,11,0.18);
}

.business_likecost{

    background:
        linear-gradient(
            180deg,
            rgba(255,248,220,0.96),
            rgba(255,235,170,0.75)
        );

    transform:scale(1.03);
}

.premium_likecost{

    background:
        linear-gradient(
            180deg,
            rgba(255,250,230,0.95),
            rgba(255,240,190,0.78)
        );
}

/* TOP */

.likecost_top{

    position:absolute;

    top:20px;
    right:-35px;

    background:#b8860b;

    color:#fff;

    padding:8px 45px;

    transform:rotate(45deg);

    font-size:12px;

    font-weight:700;

    box-shadow:
        0 5px 20px rgba(184,134,11,0.3);
}

/* offer_block_pro_education_7*/

/* offer_block_pro_education_8 */
/* =========================
   BIZ STACK
========================= */

/* HEADER */

.bizstack_header{
    margin-bottom:50px;
}

.bizstack_badge{
    color:#00c853;
    font-size:14px;
    margin-bottom:15px;
}

.bizstack_title{
    font-size:48px;
    font-weight:700;
    color:#1f2937;
    margin-bottom:15px;
}

.bizstack_subtitle{
    font-size:18px;
    color:#5f6b7a;
    line-height:1.6;
    max-width:760px;
}

/* CARDS */

.bizstack_cards{
    display:flex;
    gap:35px;
    flex-wrap:wrap;
}

/* CARD */

.bizstack_card{

    width:320px;
    min-height:560px;

    border-radius:35px;

    background:rgba(255,255,255,0.72);

    backdrop-filter:blur(15px);

    padding:35px;

    box-sizing:border-box;

    position:relative;

    overflow:hidden;

    transition:0.35s;

    box-shadow:
        0 10px 35px rgba(0,180,140,0.12),
        inset 0 0 15px rgba(255,255,255,0.35);
}

.bizstack_card:hover{

    transform:
        translateY(-10px)
        scale(1.02);

    box-shadow:
        0 25px 60px rgba(0,180,140,0.22),
        inset 0 0 20px rgba(255,255,255,0.45);
}

/* ICON */

.bizstack_icon{
    font-size:56px;
    margin-bottom:25px;
}

/* NAME */

.bizstack_name{
    font-size:30px;
    font-weight:700;
    color:#1e293b;

    margin-bottom:20px;
}

/* PRICE */

.bizstack_price{

    font-size:34px;

    font-weight:700;

    color:#00a884;

    margin-bottom:30px;
}

/* DESC */

.bizstack_desc{
    font-size:16px;
    line-height:2;
    color:#4b5563;

    margin-bottom:64px;
}

/* BTN */

.bizstack_btn{

    position:absolute;

    left:35px;
    right:35px;
    bottom:35px;

    text-align:center;

    padding:16px;

    border-radius:18px;

    background:
        linear-gradient(
            90deg,
            #00a884,
            #00c896
        );

    color:#fff;

    font-weight:700;

    cursor:pointer;

    transition:0.3s;
}

.bizstack_btn:hover{

    transform:scale(1.03);

    box-shadow:
        0 0 25px rgba(0,168,132,0.35);
}

/* TYPES */

.frontend_bizstack{
    border:2px solid rgba(0,168,132,0.12);
}

.backend_bizstack{

    background:
        linear-gradient(
            180deg,
            rgba(255,255,255,0.88),
            rgba(220,255,245,0.75)
        );

    transform:scale(1.03);
}

.ai_bizstack{

    background:
        linear-gradient(
            180deg,
            rgba(255,255,255,0.88),
            rgba(230,255,250,0.78)
        );
}

/* TOP */

.bizstack_top{

    position:absolute;

    top:20px;
    right:-35px;

    background:#00a884;

    color:#fff;

    padding:8px 45px;

    transform:rotate(45deg);

    font-size:12px;

    font-weight:700;

    box-shadow:
        0 5px 20px rgba(0,168,132,0.3);
}

/* offer_block_pro_education_8*/






.contacts_repair{
    height: 90px;
    /* margin: 0 0 0 80.5%; */
    transform: rotate(360deg);
    font-size: 14px;
    /* font-weight: 600; */
    /* color: #32567b; */
    font-family: monospace;
    /* animation: blink 7s infinite; */
    /* background: #003a6fbd; */
    padding: 10px 13px 10px 13px;
    /* border-radius: 10px; */
    border: 1px solid #ffffff;
    color: #fffffff7;
    position: fixed;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
    box-shadow: 2px 3px 4px #0d5a96d6;
    top: 0;
    right: 20px;
    background: linear-gradient(180deg, #26b8f9cf 0%, #2196f3d1 50%, #073d91e3 100%);
    animation: move1 2s infinite alternate;
    backdrop-filter: blur(3px);
    z-index: 7;
}

.contacts_repair:hover{
    animation: move1 0.1s infinite alternate;
}

@keyframes move1 {
    from {
        transform: translateX(0);
    }
    to {
        transform: translateX(5px);
    }
}

.contacts_repair_title{
    font-family: monospace;
    font-size: 14px;
    font-weight: 600;
    background: #ffffff;
    color: #003a6f;
    padding: 2px 0 2px 5px;
    margin: 0 0 14px 0;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    border-bottom: 6px solid #ababab;
}

.contacts_repair_spans{
    display: flex;
    width: 152px;
    gap: 14px;
}

.contacts_repair_max{
    /*background: url("../img/max.png") no-repeat center center;*/
    /*width: 40px;*/
    /*height: 40px;*/
    /*background-size: cover;*/
    /*color: #00fdff;*/
    /*text-decoration: none;*/
    /*font-weight: 200;*/
}

.contacts_repair_whatsapp{
    /*background: url("../img/whatsapp.png") no-repeat center center;*/
    /*width: 40px;*/
    /*height: 40px;*/
    /*background-size: cover;*/
    /*color: #00fdff;*/
    /*text-decoration: none;*/
    /*font-weight: 200;*/
}

.contacts_repair_telegram{
    /*background: url("../img/telegram.png") no-repeat center center;*/
    /*width: 40px;*/
    /*height: 40px;*/
    /*background-size: cover;*/
    /*color: #00fdff;*/
    /*text-decoration: none;*/
    /*font-weight: 200;*/
}

.img_r_repair{
    width: 40px;
}

.ray_1{
    margin: 7.8% 0 0 47.5%;
    position: absolute;
    background: #d1f2ffe8;
    width: 10px;
    height: 10px;
    border-radius: 20px;
    animation: blink 0.1s infinite;
}

.ray_2{
    margin: 17.8% 0 0 47.5%;
    position: absolute;
    background: #d1f2ffe8;
    width: 10px;
    height: 10px;
    border-radius: 20px;
    animation: blink 0.1s infinite;
}

.ray_3{
    margin: 27.8% 0 0 47.5%;
    position: absolute;
    background: #d1f2ffe8;
    width: 10px;
    height: 10px;
    border-radius: 20px;
    animation: blink 0.1s infinite;
}

.ray_4{
    margin: 37.8% 0 0 47.5%;
    position: absolute;
    background: #d1f2ffe8;
    width: 10px;
    height: 10px;
    border-radius: 20px;
    animation: blink 0.1s infinite;
}

.footer_repair {
    background: #000;
    color: #fff;
    padding: 80px 40px 130px 40px;
    margin-top: 100px;
    /* height: 700px; */
    border-top-right-radius: 130px;
}

.footer_container {
    display: flex;
    justify-content: space-evenly;
    flex-flow: wrap row;
    gap: 40px;
    margin: 0 0 0 414px;
}

.footer_column {
    max-width: 300px;
}

.footer_column h2 {
    font-size: 28px;
    margin-bottom: 20px;
}

.footer_column h3 {
    font-size: 20px;
    margin-bottom: 15px;
}

.footer_column p {
    font-size: 15px;
    line-height: 1.6;
    color: #ccc;
}

.footer_column ul {
    list-style: none;
    padding: 0;
}

.footer_column ul li {
    margin-bottom: 10px;
    font-size: 15px;
    color: #aaa;
    cursor: pointer;
    transition: 0.3s;
}

.footer_column ul li:hover {
    color: #fff;
}

.footer_bottom {
    border-top: 1px solid #333;
    margin-top: 50px;
    padding-top: 20px;
    text-align: center;
    font-size: 14px;
    color: #777;
}