:root {
    --font-family: "Inter", sans-serif;
	--tekst: #343843;
	--osnovnoy-goluboy: #486cf0;
	--belyy: #fff;
	--svetlo-seryy: #b4b8c7;
	--seryy: #75798b;
	--fon: #e4e8f7;
	--dlya-plashek: #f1f4fd;
	--krasnyy: #ed5454;
	--zelenyy: #159260;
	/* --artraid-dem.ru-black: #000;
	--artraid-dem.ru-cinnabar: #e2413b;
	--artraid-dem.ru-cod-gray: #121212;
	--artraid-dem.ru-gray: #888;
	--artraid-dem.ru-international-klein-blue: #0729c3;
	--artraid-dem.ru-red-orange: #ff392d;
	--artraid-dem.ru-royal-blue: #506be8;
	--artraid-dem.ru-scorpion: #575757;
	--artraid-dem.ru-white-810: rgba(255, 255, 255, 0.81);
	--artraid-dem.ru-white-lilac: #e5e8f6;
	--artraid-dem.ru-azure-radiance: #0075ff;
	--novogodnij-podarok-8bnjhr5.gamma.site-medium-purple: #a17de8;
	--novogodnij-podarok-8bnjhr5.gamma.site-medium-purple: #8152e1;
	--novogodnij-podarok-8bnjhr5.gamma.site-minsk: #4a2c85;
	--novogodnij-podarok-8bnjhr5.gamma.site-mischka: #dcd7e5;
	--novogodnij-podarok-8bnjhr5.gamma.site-mischka-500: rgba(220, 215, 229, 0.5);
	--novogodnij-podarok-8bnjhr5.gamma.site-haiti-750: rgba(13, 10, 44, 0.75);
	--novogodnij-podarok-8bnjhr5.gamma.site-haiti-800: rgba(13, 10, 44, 0.8);
	--novogodnij-podarok-8bnjhr5.gamma.site-athens-gray: #f2f0f4;
	--novogodnij-podarok-8bnjhr5.gamma.site-black-0: rgba(0, 0, 0, 0);
	--novogodnij-podarok-8bnjhr5.gamma.site-daisy-bush: #481c9e;
	--novogodnij-podarok-8bnjhr5.gamma.site-daisy-bush-12.50: rgba(72, 28, 158, 0.12);
	--novogodnij-podarok-8bnjhr5.gamma.site-daisy-bush-750: rgba(72, 28, 158, 0.75);
	--novogodnij-podarok-8bnjhr5.gamma.site-haiti: #0d0a2c;
	--novogodnij-podarok-8bnjhr5.gamma.site-violet: #1e0c41;
	--novogodnij-podarok-8bnjhr5.gamma.site-abbey: #4d4d51;
	--npotpz.ru-punch: #e04747;
	--npotpz.ru-regent-gray: #959da5;
	--npotpz.ru-royal-blue: #466aef;
	--npotpz.ru-santas-gray: #9d9fb3;
	--npotpz.ru-seashell: #f0f1f1;
	--npotpz.ru-shamrock: #4bd29c;
	--npotpz.ru-tuna-500: rgba(56, 57, 67, 0.5);
	--npotpz.ru-forest-green: #1e9e35;
	--npotpz.ru-gallery: #eee;
	--npotpz.ru-gallery: #f0f1f1;
	--npotpz.ru-geyser: #ccd6dd;
	--npotpz.ru-geyser: #d8dee3;
	--npotpz.ru-gray-chateau: #a3aab5;
	--npotpz.ru-green-haze: #00b33d;
	--npotpz.ru-java: #18b9d4;
	--npotpz.ru-link-water: #f2f4fc;
	--npotpz.ru-link-water: #d5dbf1;
	--npotpz.ru-malachite: #18c139;
	--npotpz.ru-mandy: #e04e4e;
	--npotpz.ru-melrose: #a1b5ff;
	--npotpz.ru-mercury: #e9e9e9;
	--npotpz.ru-mine-shaft: #2b2b2b;
	--npotpz.ru-mine-shaft: #2d2d2d;
	--npotpz.ru-nobel: #b7b7b7;
	--npotpz.ru-alizarin-crimson: #dd2e44;
	--npotpz.ru-black-haze: #f0f1f1;
	--npotpz.ru-catskill-white: #f0f4f8;
	--npotpz.ru-cornflower-blue: #6382f5;
	--npotpz.ru-ebony-clay: #222d38;
	--npotpz.ru-emerald: #4dd87c;
	--npotpz.ru-valencia: #d24747;
	--npotpz.ru-white-0.20: rgba(255, 255, 255, 0);
	--npotpz.ru-white-100: rgba(255, 255, 255, 0.1);
	--npotpz.ru-white-gallery: #fff; */
	--color-blue-61: #506be8;
	--color-black-solid: #000;
	--color-grey-7: #121212;
	--color-blue-40: #0729c3;
	--color-white-solid: #fff;
	--color-grey-53: #888;
	--color-green-39: #15b228;
	--color-green-54: #3ed751;
	--color-green-54-0: rgba(62, 215, 81, 0);
	--color-grey-93: #e5e8f6;
	--color-white--810: rgba(255, 255, 255, 0.81);
	--color-grey-97: #f1f4fd;
	--color-red-63: #ed5454;
	--color-azure-50: #0075ff;
	--color-red-59: #ff392d;
	--color-black-solid: #000;
	--color-violet-70: #a17de8;
	--color-violet-35: #4a2c85;
	--color-violet-87: #dcd7e5;
	--color-white-solid: #fff;
	--color-blue-11-750: rgba(13, 10, 44, 0.75);
	--color-violet-60: #8152e1;
	--color-blue-60: #7052e0;
	--color-blue-11: #0d0a2c;
	--color-violet-25: #3c136d;
	--color-blue-25: #26136c;
	--color-grey-95: #f2f0f4;
	--color-violet-15: #1e0c41;
	--color-violet-36-12-50: rgba(72, 28, 158, 0.12);
	--color-violet-37: #581ca0;
	--color-blue-36: #371c9c;
	--color-violet-36-750: rgba(72, 28, 158, 0.75);
	--color-violet-87-500: rgba(220, 215, 229, 0.5);
	--color-grey-31: #4d4d51;
	--color-blue-11-800: rgba(13, 10, 44, 0.8);
	--color-violet-36: #481c9e;
	--color-black--0: rgba(0, 0, 0, 0);
	--color-blue-61: #466aef;
	--color-white-solid: #fff;
	--color-red-58: #e04747;
	--color-spring-green-56: #4bd29c;
	--color-red-63: #ed5454;
	--color-grey-97: #f2f4fc;
	--color-green-37: #1e9e35;
	--color-yellow-51: #bbd62d;
	--color-yellow-50: #d9e01f;
	--color-chartreuse-green-51: #a3cd39;
	--color-azure-47: #0fa8e0;
	--color-azure-49: #0099f9;
	--color-azure-46: #0291eb;
	--color-chartreuse-green-49: #86c339;
	--color-green-38: #21a038;
	--color-azure-42: #0c8acb;
	--color-chartreuse-green-57: #81c55f;
	--color-red-52: #dd2e44;
	--color-azure-83: #ccd6dd;
	--color-grey-94: #f0f1f1;
	--color-azure-67: #a3aab5;
	--color-black-solid: #000;
	--color-cyan-46: #18b9d4;
	--color-green-43: #18c139;
	--color-azure-18: #222d38;
	--color-azure-23: #343843;
	--color-blue-67: #6382f5;
	--color-blue-82: #a1b5ff;
	--color-grey-17: #2b2b2b;
	--color-red-59: #e04e4e;
	--color-red-55: #d24747;
	--color-spring-green-57: #4dd87c;
	--color-spring-green-35: #00b33d;
	--color-grey-93: #eee;
	--color-red-32: #693b3b;
	--color-blue-70: #6b89fa;
	--color-grey-18: #2d2d2d;
	--color-white--100: rgba(255, 255, 255, 0.1);
	--color-grey-24-500: rgba(56, 57, 67, 0.5);
	--color-blue-66: #9d9fb3;
	--color-grey-96: #f0f4f8;
	--color-grey-91: #e9e9e9;
	--color-blue-89: #d5dbf1;
	--color-white--0-20: rgba(255, 255, 255, 0);
	--color-grey-62: #959da5;
	--color-grey-72: #b7b7b7;
	--color-azure-87: #d8dee3;
	--color-azure-39: #0055c9;
}

html, body {
    font-family: "Inter", sans-serif;
    background: var(--fon);
    margin: 0;
    padding: 0;
}

p, h1, h2, h3, h4, h5, h6, div, span, img {
    padding: 0;
    margin: 0;
    box-sizing: border-box;
}

.container {
    max-width: 810px;
    margin-right: auto;
    margin-left: auto;
    overflow: hidden;
}

@media (max-width: 810px) {
    .container {
        margin-right: 10px;
        margin-left: 10px;
        padding-bottom: 60px;
    }
}


/* header */

.header {
    border-radius: 40px;
    background-color: #fff;
    padding: 32px 25px;

    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;

    margin-top: 30px;
}

.header-logo img {
    width: 232px;
}

.header-phone {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    gap: 4px;
}

.header-phone-undertext {
    text-align: center;
    font-size: 20px;
    font-weight: 500 !important;
    letter-spacing: 1px;
}

.header-btn {
    text-decoration: none;
    color: #fff !important;
    border-radius: 22px;
    background: #159260;
    padding: 14px 28px;

    display: flex;
    align-items: center;
    gap: 19px;
    
    cursor: pointer;
    transition: all .4s ease;
}

.header-btn:hover {
    background-color: #b02b27;
}

.header-btn img {
    width: 25px;
}

.header-btn span {
    font-weight: 700;
    font-size: 32px;
}

@media (max-width: 700px) {
    .header {
        padding: 15px 15px;
    }

    .header-logo img {
        width: 131px;
    }

    .header-btn {
        padding: 13px 17px;
        gap: 8px;
    }

    .header-btn img {
        width: 13px;
    }

    .header-btn span,
    .header-phone-undertext {
        font-size: 14px;
    }
}

.title {
    margin-bottom: 40px;
    margin-top: 120px;

    font-family: var(--font-family);
    font-weight: 900;
    font-size: 58px;
    line-height: 120%;
    text-transform: uppercase;
    text-align: center;
    color: var(--tekst);
}

.blue {
    color: var(--osnovnoy-goluboy);
}

.fs48 {
    font-size: 48px;
}

@media (max-width: 700px) {
    .title {
        margin-bottom: 20px;
        margin-top: 60px;

        font-size: 33px;
    }

    .fs48 {
        font-size: 31px;
        line-height: 100%;
    }
}

.classic-img {
    width: 100%;
    margin-bottom: 25px;
    border-radius: 20px;
}

.just-text {
    font-family: var(--font-family);
    font-weight: 500;
    font-size: 24px;
    line-height: 130%;
    text-align: center;
    color: var(--tekst);

    margin-bottom: 140px;
}

.fw700 {
    font-weight: 700;
}

@media (max-width: 700px) {
    .just-text {
        font-size: 26px;
        margin-bottom: 60px;
    }
}

.uzn {
    display: flex;
    gap: 25px;
    justify-content: space-between;
}

.uzn-items {
    width: 50%;
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.uzn-item {
    box-shadow: 4px 4px 4px 0 rgba(0, 0, 0, 0.25);
    width: 100%;
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 28px;
    border-radius: 20px;
    background: var(--belyy);
}

.uzn-item svg {
    width: 46px;
    height: 46px;
    min-width: 46px;
    max-width: 46px;
}

.uzn-item p {
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 26px;
    line-height: 130%;
    text-align: center;
    color: var(--tekst);
}

.fw600 {
    font-weight: 600;
}

.uzn-right {
    width: 50%;
}

.uzn-right img {
    margin-bottom: 41px;
    object-fit: cover;
    border-radius: 20px;
    width: 100%;
    height: 72%;
}

.uzn-right h3 {
    font-family: var(--font-family);
    font-weight: 500;
    font-size: 26px;
    line-height: 130%;
    text-align: center;
    color: var(--tekst);
}

@media (max-width: 700px) {
    .uzn {
        flex-direction: column;
    }

    .uzn-items {
        width: 100%;
    }

    .uzn-right {
        width: 100%;
    }

    .uzn-item {
        padding: 21px;
        gap: 5px;
    }

    .uzn-item p {
        font-size: 25px;
    }

    .uzn-item svg {
        width: 25px;
        min-width: 25px;
        max-width: 25px;
        height: 25px;
    }
}

.red {
    color: var(--krasnyy);
}

.small-title {
    font-family: var(--font-family);
    font-weight: 900;
    font-size: 36px;
    line-height: 120%;
    text-transform: uppercase;
    text-align: center;
    color: var(--tekst);
    margin-bottom: 40px;
}

@media (max-width: 700px) {
    .small-title {
        font-size: 29px;
        margin-bottom: 20px;
    }
}

.pics {
    display: flex;
    flex-direction: column;
    gap: 25px;

    margin-bottom: 120px;
}

.pics div {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 22px;
}

.pics div img {
    width: 40%;
    border-radius: 20px;
    object-fit: cover;
}

.pics div p {
    font-family: var(--font-family);
    font-weight: 500;
    font-size: 28px;
    line-height: 130%;
    color: var(--tekst);
}

@media (max-width: 700px) {
    .pics {
        margin-bottom: 50px;
        gap: 35px;
    }

    .pics div {
        flex-direction: column;
        gap: 19px;
        align-items: left;
    }

    .pics div img {
        width: 100%;
    }

    .pics div p {
        text-align: center;
        font-size: 25px;
    }
}

.hot {
    display: flex;
    justify-content: space-between;
    gap: 20px;

    margin-bottom: 140px;
}

.hot div {
    display: flex;
    flex-direction: column;
    gap: 20px;
    align-items: center;
    justify-content: center;
    width: 33.333%;
}

.hot div img {
    object-fit: contain;
    width: 120px;
}

.hot div p {
    font-family: var(--font-family);
    font-weight: 500;
    font-size: 26px;
    line-height: 120%;
    text-align: center;
    color: var(--tekst);
}

@media (max-width: 700px) {
    .hot {
        flex-direction: column;
        gap: 20px;
        margin-bottom: 60px;
    }

    .hot div {
        width: 100%;
    }
}

.green {
    color: var(--zelenyy) !important; 
}

.wbox {
    border-radius: 20px;
    padding: 20px 30px;
    background: var(--belyy);

    font-family: var(--font-family);
    font-weight: 500;
    font-size: 30px;
    line-height: 120%;
    text-align: center;
    color: var(--tekst);

    margin-bottom: 20px;
}

@media (max-width: 700px) {
    .wbox {
        padding: 15px;
        font-size: 22px;
    }
}

.button-hold {
    position: relative;
    margin-bottom: 50px;
}

.top-arrow {
    position: absolute;
    top: 0;
    left: 0;
}

.bottom-arrow {
    position: absolute;
    bottom: 0;
    right: 0;
}

.button-hold-in {
    padding-top: 128px;
    padding-bottom: 119px;
    position: relative;

    display: flex;
    justify-content: center;
    align-items: center;
}

.button-hold-in-a__svg {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    cursor: pointer;
}

.button-hold-in-a {
    width: fit-content;
    padding: 32px 40px;

    /* box-shadow: 10px 14px 14px 0 rgba(0, 0, 0, 0.25); */
    /* background: var(--zelenyy); */
    position: relative;
    overflow: hidden !important;
    display: block;
    text-decoration: none;
    padding: 30px 48px;
    border-radius: 50px;
    cursor: pointer;
    /* white-space: nowrap; */
    text-align: center;
    background: linear-gradient( 110deg, #3cc48e 0%, #1ead74 45%, #28bc82 75% );
    background-size: 200% 100%;
    box-shadow: 0 12px 22px rgba(0, 0, 0, 0.25), inset 0 0 0 rgba(255, 255, 255, 0);
    font-family: var(--font-family);
    font-weight: 700;
    font-size: 27px;
    /* border-radius: 100px; */
    margin-left: 30px;
    margin-right: 30px;
    line-height: 120%;
    text-transform: uppercase;
    color: var(--belyy) !important;
    z-index: 3;
    transition: transform 0.35s ease, box-shadow 0.35s ease;
    animation: letShimmer 3s infinite linear;
}

.button-hold-in-a::before {
    content: "";
    position: absolute;
    overflow: hidden;
    top: 0;
    left: -160%;
    width: 60%;
    height: 100%;
    background: linear-gradient( 120deg, transparent, rgba(255, 255, 255, 0.45), transparent );
    animation: letShine 3.8s infinite ease-in-out;
}

/* Hover-эффект */
.button-hold-in-a:hover {
    transform: translateY(-2px) scale(1.03);
    box-shadow: 0 20px 36px rgba(0, 0, 0, 0.35), 0 0 28px rgba(110, 231, 160, 0.65);
}

/* Анимации */
@keyframes letShimmer {
    0% {
        background-position: 0% 50%;
    }

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

@keyframes letShine {
    0% {
        left: -160%;
    }

    55% {
        left: 160%;
    }

    100% {
        left: 160%;
    }
}

@media (max-width: 700px) {
    .bottom-arrow {
        display: none;
    }

    .top-arrow {
        transform: rotate(50deg) scale(0.8);
    }

    .button-hold-in {
        padding-bottom: 40px;
    }

    .button-hold-in-a__svg {
        top: 69%;
    }
}

.bonuska {
    font-family: var(--font-family);
    font-weight: 700;
    font-size: 32px;
    line-height: 120%;
    text-align: center;
    color: var(--tekst);

    margin-bottom: 42px;
}

.mb60 {
    margin-bottom: 60px !important;
}

@media (max-width: 700px) {
    .mb60 {
        margin-bottom: 40px !important;
    }
}

.gift {
    display: flex;
    justify-content: center;
    gap: 15px;
    align-items: center;

    padding-bottom: 100px;
}

.gift p {
    font-family: var(--font-family);
    font-weight: 800;
    font-size: 42px;
    line-height: 140%;
    text-transform: uppercase;
    text-align: center;
    color: var(--osnovnoy-goluboy);
}

@media (max-width: 700px) {
    .gift p {
        font-size: 31px;
    }
}

.bibki {
    display: flex;
    gap: 40px;
    justify-content: center;
    align-items: center;

    margin-bottom: 120px;
}

.bibki img {
    width: 25%;
}

@media (max-width: 700px) {
    .bibki {
        flex-direction: column;
        margin-bottom: 50px;
    }

    .bibki img {
        width: 50%;
    }

    .button-hold-in-a {
        padding: 17px 22px;
    }
}

.punkts {
    display: flex;
    flex-direction: column;
    gap: 20px;
    margin: 10px;
    margin-bottom: 120px;
}

.punkts div {
    box-shadow: 4px 4px 4px 0 rgba(0, 0, 0, 0.25);
    background: var(--dlya-plashek);
    border-radius: 20px;
    padding: 30px;

    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 40px;
}

.punkts div h3 {
    font-family: var(--font-family);
    font-weight: 700;
    font-size: 50px;
    line-height: 130%;
    color: var(--zelenyy);
}

.punkts div p {
    font-family: var(--font-family);
    font-weight: 700;
    font-size: 26px;
    line-height: 130%;
    text-align: center;
    color: var(--tekst);
    width: 100%;
}

.punkts div p span {
    color: var(--zelenyy);
}

.punkts div:last-of-type {
    box-shadow: 4px 4px 4px 0 rgba(0, 0, 0, 0.25);
    background: var(--belyy);
}

.punkts div:last-of-type p {
    font-family: var(--font-family);
    font-weight: 700;
    font-size: 32px;
    line-height: 130%;
    text-align: center;
    color: var(--zelenyy);
}

@media (max-width: 700px) {
    .punkts {
        margin-bottom: 50px;
    }

    .punkts div {
        flex-direction: column;
        justify-content: center;
        align-items: center;
        gap: 15px;
        padding: 20px;
    }

    .punkts div p {
        font-size: 26px !important;
    }

    .punkts div p br {
        display: none;
    }
}

.sefr {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 20px;
    margin-bottom: 40px;
}

.sefr img {
    width: 30%;
}

@media (max-width: 700px) {
    .sefr {
        flex-direction: column;
        margin-bottom: 25px;
    }

    .sefr img {
        width: 100%;
    }
}

.serf-b {
    box-shadow: 4px 4px 4px 0 rgba(0, 0, 0, 0.25);
    background: var(--dlya-plashek);
    padding: 20px 30px;
    display: flex;
    gap: 32px;
    align-items: center;

    margin: 20px;
    margin-bottom: 100px;
    border-radius: 20px;
}

.serf-b p {
    font-family: var(--font-family);
    font-weight: 700;
    font-size: 26px;
    line-height: 120%;
    text-align: center;
    color: var(--tekst);
}

@media (max-width: 700px) {
    .serf-b {
        flex-direction: column;
        justify-content: center;

        padding: 18px;
        gap: 10px;
    }

    .serf-b svg {
        width: 60px;
        height: 60px;
    }

    .serf-b p {
        font-size: 28px;
    }
}

.bil {
    display: flex;
    gap: 35px;
    justify-content: space-between;
    /* align-items: center; */

    margin-bottom: 33px;
}

.bil img {
    border-radius: 20px;
    width: 70%;
    object-fit: cover;
}

.bil-right {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    /* height: 100%; */
}

.bil-right div {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    gap: 10px;
    flex-direction: column;
}

.bil-right div p {
    font-family: var(--font-family);
    font-weight: 700;
    font-size: 24px;
    line-height: 120%;
    text-align: center;
    color: var(--tekst);
}

@media (max-width: 700px) {
    .bil {
        flex-direction: column;
    }

    .bil img {
        width: 100%;
    }

    .bil-right {
        gap: 20px;
    }

    .bil-right div p {
        font-size: 27px;
    }
}

.ender {
    margin-bottom: 100px;
}

.ender p {
    font-family: var(--font-family);
    font-weight: 500;
    font-size: 22px;
    line-height: 120%;
    text-align: center;
    color: var(--tekst);

    margin-bottom: 24px;
}

.ender div {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 15px;

    margin-bottom: 15px;
}

.ender div h4 {
    font-family: var(--font-family);
    font-weight: 700;
    font-size: 32px;
    line-height: 120%;
    text-align: center;
    color: var(--tekst);
}

.ender h6 {
    font-family: var(--font-family);
    font-weight: 700;
    font-size: 32px;
    line-height: 120%;
    text-align: center;
    color: var(--osnovnoy-goluboy);
}

.ww {
    display: flex;
    gap: 20px;
    flex-direction: column;

    margin-top: 80px;
}

.ww div {
    padding: 12px 20px;
    border-radius: 60px;
    background: var(--belyy);

    display: flex;
    align-items: center;
    
    gap: 15px;
}

.ww div p {
    font-family: var(--font-family);
    font-weight: 500;
    font-size: 22px;
    line-height: 130%;
    color: var(--tekst);
}

@media (max-width: 700px) {
    .ww div p {
        font-size: 27px;
    }

    .ww {
        margin-top: 60px;
    }

    .ww div {
        flex-direction: column;
        justify-content: center;
        align-items: center;
        text-align: center;
    }
}

.mes {
    display: flex;
    align-items: center;
    gap: 20px;

    margin-bottom: 20px;
}

.mes img {
    width: 160px;
    height: 160px;
}

.mes p {
    font-family: var(--font-family);
    font-weight: 700;
    font-size: 36px;
    line-height: 130%;
    color: var(--tekst);
}

.sob {
    font-family: var(--font-family);
    font-weight: 500;
    font-size: 24px;
    line-height: 130%;
    text-align: center;
    color: var(--tekst);

    border-radius: 20px;
    padding: 20px 30px;
    background: var(--belyy);

    position: relative;

    margin-bottom: 40px;
}

.sob svg {
    position: absolute;
    top: -18px;
    left: 15px;
}

.infa {
    display: flex;
    align-items: center;
    gap: 10px;

    margin-bottom: 20px;
}

.infa p {
    font-family: var(--font-family);
    font-weight: 700;
    font-size: 24px;
    line-height: 130%;
    color: var(--tekst);
}

.so-text {
    margin-bottom: 32px;
    font-family: var(--font-family);
    font-weight: 500;
    font-size: 24px;
    line-height: 130%;
    color: var(--tekst);
}

.luda {
    display: flex;
    align-items: center;
    gap: 15px;

    margin-bottom: 100px;
}

.luda img {
    width: 130px;
    height: 130px;
}

.luda p {
    font-family: var(--font-family);
    font-weight: 500;
    font-size: 24px;
    line-height: 130%;
    text-align: center;
    color: var(--tekst);
    display: block;
    width: 100%;
    background: var(--belyy);
    padding: 20px 30px;

    border-radius: 20px;
}

.luda-title {
    font-family: var(--font-family);
    font-weight: 700;
    font-size: 36px;
    line-height: 130%;
    text-align: center;
    color: var(--tekst);

    margin-bottom: 20px;
}

.mb20 {
    margin-bottom: 20px !important;
}

.mb100 {
    margin-bottom: 120px;
}

@media (max-width: 700px) {
    .mb100 {
        margin-bottom: 50px;
    }

    .mes img,
    .luda img {
        width: 60px;
        height: 60px;
    }

    .mes p {
        font-size: 24px;
    }

    .sob {
        font-size: 25px;
        padding: 16px;
    }

    .infa p br {
        display: none;
    }

    .infa p {
        font-size: 25px;
    }

    .so-text {
        font-size: 23px;
    }

    .luda p {
        font-size: 26px;
        padding: 16px;
    }

    .infa svg {
        width: 30px;
        height: 30px;
        min-width: 30px;
    }

    .luda {
        align-items: start;
    }

    .luda-title {
        font-size: 29px;
    }

    .luda-title br {
        display: none;
    }
}