@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600;700;800;900&family=Roboto:wght@300;400;500;700;900&display=swap');

html {
    font-size: 100%;
    /* 1 */
    -webkit-text-size-adjust: 100%;
    /* 2 */
    -ms-text-size-adjust: 100%;
    /* 2 */
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
}

:root {
    /* font sizes */
    --landing-p1-size: 1.25rem;
    --font-size-base: 1rem;
    --h3-size: 2.5rem;
    --h5-size: 1.5rem;
    --h4-size: 2rem;
    --h2-size: 4rem;
    --landing-h1-size: 5rem;

    /* Colors */
    --landing-primaryblue: #3a5aa2;
    --landing-dark-blue: #18214d;
    --fullgrey-40: #797980;
    --fullgrey-5: #0c0c0d;
    --transparent-black-10: rgba(0, 0, 0, 0.1);
    --transparent-black-5: rgba(0, 0, 0, 0.05);
    --fullgrey-90: #dadae5;
    --color-orange: #ffa800;
    --fullgrey-30: #49494d;

    /* Effects */
    --blueshadow: 0px 80px 40px rgba(58, 90, 162, 0.05);
}

body {
    font-family: 'Montserrat', sans-serif;
    min-height: 100vh;
    max-width: 100vw;
    background-color: #fff;
    margin: 0 auto;
    font-family: 'Roboto', sans-serif;
    overflow-x: hidden;
}

main {
    padding-top: 6rem;
}

footer {
    background-color: var(--landing-dark-blue) !important;
    color: #fff !important;
}

/* global font classes */
h1 {
    color: var(--landing-dark-blue);
    font-family: 'Montserrat', sans-serif;
    font-size: 5rem;
    font-style: normal;
    font-weight: 700;
    line-height: 100%;
    width: fit-content;
    max-width: 100%;
    word-wrap: break-word;
}

h2 {
    color: var(--landing-dark-blue);
    font-family: 'Montserrat', sans-serif;
    font-size: 4rem;
    font-style: normal;
    font-weight: 700;
    line-height: 120%;
}

h3 {
    color: var(--landing-dark-blue);
    font-family: 'Montserrat', sans-serif;
    font-size: 2.5rem;
    font-style: normal;
    font-weight: 700;
    line-height: 100%;
}

h4 {
    color: var(--landing-dark-blue);
    font-family: 'Montserrat', sans-serif;
    font-size: 2rem;
    font-style: normal;
    font-weight: 700;
    line-height: 120%;
}

h5 {
    color: var(--landing-dark-blue);
    font-family: 'Montserrat', sans-serif;
    font-size: 1.5rem;
    font-style: normal;
    font-weight: 700;
    line-height: 120%;
}

p,
a, span {
    font-family: 'Montserrat', sans-serif;
}

.p1,
.p2,
td {
    font-family: 'Montserrat', sans-serif;
    font-size: 1rem;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
}

.pH {
    font-family: 'Montserrat', sans-serif;
    font-size: 2rem;
    font-style: normal;
    font-weight: 500;
    line-height: 120%;
    color: var(--landing-primaryblue);
}

header {
    position: fixed;
    top: 0px;
    width: 100%;
    background-color: #fff;
    z-index: 10;
}

label,
.nav-link {
    color: var(--landing-dark-blue);
    text-align: center;
    font-family: 'Montserrat', sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
}

.form-select,
input {
    color: var(--landing-dark-blue) !important;
}

.form-control::placeholder {
    opacity: 50%;
}

.form-text {
    font-size: 1em;
    color: var(--landing-primaryblue);
}

.logo-icon {
    position: relative;
    width: 3.63rem;
    height: 4rem;
    object-fit: cover;
}

.artprofessionalvoice-icon {
    width: 29.63rem;
    height: 26.56rem;
    object-fit: cover;
}

.button_rr {
    text-decoration: none;
    border-radius: 10px;
    background-color: var(--landing-primaryblue);
    border: none;
    height: 3.5rem;
    padding: 16px 24px;
    box-sizing: border-box;
    align-items: center;
    justify-content: center;
    color: white;
}

.button_rr:hover {
    background-color: var(--landing-dark-blue);
}

.phone-fill-icon {
    width: 1.5rem;
    height: 1.5rem;
}

.dropdown-menu {
    min-width: auto !important;
}

.number-link {
    color: var(--landing-primaryblue);
    font-family: 'Montserrat', sans-serif;
    font-size: 1.5rem;
    font-style: normal;
    font-weight: 700;
    line-height: 100%;
    letter-spacing: -0.96px;
    text-decoration: none;
}

.ul_checkMark,
.ul_crossMark,
ul.ul_f {
    list-style: none;
    /* Убираем стандартные маркеры */
}

.ul_checkMark li,
.ul_crossMark li,
li.li_1,
li.li_2,
li.li_3 {
    position: relative;
    padding-left: 4rem;
    font-family: 'Montserrat', sans-serif;
    font-style: normal;
    font-weight: 500;
    line-height: 3rem;
}

.ul_checkMark li::before {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 3rem;
    height: 3rem;
    background-image: url(./img/icons--system--check.svg);
    background-size: contain;
    background-repeat: no-repeat;
    padding-bottom: 3rem;
}

.ul_crossMark li::before {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 3rem;
    height: 3rem;
    background-image: url(./img/icons--system--close-small.svg);
    background-size: contain;
    background-repeat: no-repeat;
    padding-bottom: 2rem;
}

.hvac-car {
    width: 100vw;
    margin-top: 40px;
}

.hvac-car>img {
    position: relative;
    width: 100%;
    object-fit: cover;
}

.communication-block {
    display: flex;
    padding: 40px;
    flex-direction: column;
    align-items: flex-start;
    gap: 24px;
    z-index: 3;
    border-radius: 40px;
    box-shadow: 0px 80px 40px 0px rgba(58, 90, 162, 0.05);
}

th,
td {
    font-family: 'Montserrat', sans-serif;
    text-align: center;
}

th.th_left {
    text-align: end !important;
}

th {
    min-width: 15vw;
}

img.icon_tab {
    width: 60px;
    height: 60px;
}

.table-head {
    background-color: var(--landing-dark-blue) !important;
    color: #fff !important;
}

.table.table_h>:not(caption)>*>* {
    padding: 1rem 0.5rem !important;
}

.table_left {
    text-align: start !important;
}

.monthlyPlanMobil,
.tel_link_mob {
    display: none;
}

.tel_link_desctop {
    display: flex;
}

.easy-img {
    max-height: 240px;
}

ul.ul_f {
    padding-left: 0;
}

li.li_1,
li.li_2,
li.li_3 {
    position: relative;
    padding-left: 4rem;
    font-family: 'Montserrat', sans-serif;
    font-size: 16px;
    font-style: normal;
    line-height: 1.5rem;
    margin-bottom: 4%;
}

li.li_1::before {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 2rem;
    height: 2rem;
    background-image: url(./img/subtract1.svg);
    background-size: contain;
    background-repeat: no-repeat;
}

li.li_2::before {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 2rem;
    height: 2rem;
    background-image: url(./img/subtract2.svg);
    background-size: contain;
    background-repeat: no-repeat;
}

li.li_3::before {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 2rem;
    height: 2rem;
    background-image: url(./img/subtract3.svg);
    background-size: contain;
    background-repeat: no-repeat;
}

.link-presentation {
    color: #fff;
    text-align: center;
    font-family: 'Montserrat', sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
    /* 19.2px */
    text-decoration-line: underline;
}

@media screen and (max-width: 1476px) {
    h1 {
        font-size: 4rem;
    }

    h2 {
        font-size: 3.5rem;
    }

    .pH {
        font-size: 1.8rem;
    }
}

@media screen and (max-width: 1246px) {
    h1 {
        font-size: 3.2rem;
    }

    h2 {
        font-size: 3em;
    }

    .pH {
        font-size: 1.6rem;
    }

    .monthlyPlanDesctop {
        display: none;
    }

    .monthlyPlanMobil {
        display: flex;
    }

    .standart {
        margin-bottom: 3.3rem;
    }
}

@media screen and (max-width: 1024px) {
    h1 {
        font-size: 3rem;
    }

    h2 {
        font-size: 2.5rem;
    }

    .pH {
        font-size: 1.4rem;
    }

    .artprofessionalvoice-icon {
        width: 27.63rem;
        height: 24.56rem;
    }
}

@media screen and (max-width: 992px) {

    .tel_link_mob {
        display: flex;
    }

    .tel_link_desctop {
        display: none;
    }
}

@media screen and (max-width: 864px) {
    .standart {
        margin-bottom: 5.1rem;
    }
}

@media screen and (max-width: 768px) {
    .h1_ru {
        font-size: 2.5rem;
    }

    h2 {
        font-size: 2em;
    }

    h5 {
        font-size: 1.2rem;
    }

    .pH {
        font-size: 1.2rem;
    }

    .standart {
        margin-bottom: 1rem;
    }

    img.icon_tab {
        width: 40px;
        height: 40px;
    }

    .ul_checkMark li,
    .ul_crossMark li {
        padding-left: 3rem;
        font-size: 1rem;
        line-height: 1.5rem;
    }

    .ul_crossMark li {
        padding-top: 0.5rem;
        padding-bottom: 0.5rem;
    }

    .ul_checkMark li {
        padding-bottom: 1rem;
    }

    .ul_checkMark li::before,
    .ul_crossMark li::before {
        width: 2rem;
        height: 2rem;
        vertical-align: middle;
    }
}

@media only screen and (max-width: 576px) {
    h1 {
        font-size: 2.5rem;
    }

    .h1_ru {
        font-size: 1.7rem;
    }

    .artprofessionalvoice-icon {
        width: 25.63rem;
        height: 22.56rem;
    }
}