﻿.main {
    margin-bottom: 50px
}

.inner__main {
    display: flex;
    flex-direction: column;
    gap: 30px;
}

.custom__bg__gray {
    background: white;
}

.custom__bg {
    position: absolute;
    top: 0px;
    width: 100%;
    z-index: -1;
    left: 0%;
    right: 0%;
    margin-top: 145px;
    height: 400px;
    min-width: 100%;
    max-width: 100%;
    background: #F5F5F5;
}
.custom__bg__under {
    position: absolute;
    width: 100%;
    z-index: -1;
    left: 0%;
    right: 0%;
    bottom:830px;
    margin-top: 145px;
    height: 400px;
    min-width: 100%;
    max-width: 100%;
    background: #F5F5F5;
}

body {
    background: white;
}

.custom__grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
}

.inner__title {
    background: #F5F5F5;
    height: 394px;
    display: flex;
    align-items: center;
}

    .inner__title img.back__img {
        position: absolute;
        right: 0px;
        top: 222px;
    }

.img__24px {
    width: 18px;
    height: 18px;
}

.phone__code{
    margin-right:70px;
}
ul.CyberList2, ul.CyberList {
    display: flex;
    flex-direction: column;
    margin-top: 0px;
    gap: 24px;
}



    ul.CyberList2 li, ul.CyberList li {
        display: flex;
        align-items: flex-start;
        gap: 5px;
    }
.question__text .h2__custom {
    font-family: Ubuntu;
    font-weight: 700;
    font-size: 26px;
    line-height: 140%;
    text-align: center;
    color: #333839;
}
.question__mark {
    font-family: Ubuntu;
    font-weight: 700;
    font-size: 26px;
    line-height: 140%;
    text-align: center;
    color: #F05E22;
}
@media(max-width:1200px) {
    .custom__grid {
        grid-template-columns: 1fr;
    }

    .inner__title img, .breadcrumb, ul.CyberList img {
        display: none;
    }
    .phone__code{
        margin:0px;
    }
    ul.CyberList2 img {
        width: 20px;
        height: 20px;
        padding: 0px;
    }

    .inner__title {
        background: white;
        height: max-content;
    }

    .custom__bg, .custom__bg__under {
        background: white;
    }

    .inner__main {
        padding: 0 10px;
    }

    .ob__flex__to__column {
        align-items: center;
    }

        .ob__flex__to__column img {
/*            padding: 0 10px;*/
            width: 90%;
        }
        .ob__flex__to__column.reverse__mob {
            flex-direction: column-reverse;
        }
        .ob__flex__to__column img.phone__code {
            width: 60%;
        }
    .custom__bg__gray {
        background: #F5F5F5;
    }
}
.memo-title {
    font-size: 20px;
    margin-bottom: 15px;
}
