* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    text-decoration: none;
    list-style-type: none;
    color: inherit;
}

main {
    background: #E3F8A9;
}
.fix_video {
    width: 100%;
    height: 100%;
}
none {
    /*header {*/
    /*    max-width: 1920px;*/
    /*    left: 50%;*/
    /*    transform: translate(-50%);*/
    /*    position: fixed;*/
    /*    width: 100%;*/
    /*    z-index: 2;*/
    /*    padding: 10px 20px;*/
    /*    background-color: #557084;*/
    /*    height: 112px;*/
    /*    display: flex;*/
    /*    justify-content: space-between;*/
    /*    align-items: center;*/
    /*    flex-direction: row;*/
    /*}*/

    /*header nav {*/
    /*    width: 62%;*/
    /*}*/

    /*header nav ul {*/
    /*    width: 100%;*/
    /*    display: flex;*/
    /*    justify-content: space-between;*/
    /*    align-items: center;*/
    /*    flex-direction: row;*/
    /*}*/

    /*header nav ul li a {*/
    /*    display: block;*/
    /*    width: 175px;*/
    /*    font-size: 16px;*/
    /*    color: #ffffff;*/
    /*    font-family: "Roboto", sans-serif;*/
    /*    line-height: 150%;*/
    /*    font-weight: 300;*/
    /*}*/

    /*header .conact {*/
    /*    display: flex;*/
    /*    justify-content: space-between;*/
    /*    align-items: center;*/
    /*    flex-direction: column;*/
    /*}*/

    /*header .conact a {*/
    /*    color: #ffffff;*/
    /*    font-size: 24px;*/
    /*    color: #ffffff;*/
    /*    font-family: "Roboto", sans-serif;*/
    /*    line-height: 130%;*/
    /*    font-weight: 700;*/
    /*}*/

    /*header .conact .social_media {*/
    /*    align-self: flex-end;*/
    /*    gap: 20px;*/
    /*    display: flex;*/
    /*    justify-content: space-between;*/
    /*    align-items: center;*/
    /*    flex-direction: row;*/
    /*}*/

    /*.burg_menu {*/
    /*    display: none;*/
    /*    width: 20px;*/
    /*    height: 20px;*/
    /*    position: relative;*/
    /*}*/

    /*.item {*/
    /*    position: absolute;*/
    /*    width: 100%;*/
    /*    height: 1px;*/
    /*    border: 1px solid #ffffff;*/
    /*    background-color: #ffffff;*/
    /*    transition: all 0.3s ease;*/
    /*}*/

    /*.top {*/
    /*    top: 0;*/
    /*}*/

    /*.top_active {*/
    /*    top: 50%;*/
    /*    transform: rotate(45deg);*/
    /*}*/

    /*.mid {*/
    /*    top: 50%;*/
    /*}*/

    /*.mid_active {*/
    /*    display: none;*/
    /*}*/

    /*.bot {*/
    /*    top: 100%;*/
    /*}*/

    /*.bot_active {*/
    /*    top: 50%;*/
    /*    transform: rotate(-45deg);*/
    /*}*/

    /*footer {*/
    /*    padding: 10px 20px;*/
    /*    background-color: #557084;*/
    /*    display: flex;*/
    /*    justify-content: space-between;*/
    /*    align-items: flex-start;*/
    /*    flex-direction: row;*/
    /*}*/

    /*footer .left_content {*/
    /*    display: flex;*/
    /*    justify-content: space-between;*/
    /*    align-items: flex-start;*/
    /*    flex-direction: column;*/
    /*}*/

    /*footer .left_content a {*/
    /*    opacity: 0.6000000238;*/
    /*    font-size: 16px;*/
    /*    color: #ffffff;*/
    /*    font-family: "Roboto", sans-serif;*/
    /*    line-height: 150%;*/
    /*    font-weight: 500;*/
    /*    transition: 300ms ease-in-out all;*/
    /*}*/

    /*footer .left_content a:hover {*/
    /*    opacity: 1;*/
    /*}*/

    /*footer .left_content .link_footet {*/
    /*    display: flex;*/
    /*    justify-content: space-between;*/
    /*    align-items: flex-start;*/
    /*    flex-direction: column;*/
    /*}*/

    /*footer .right_content {*/
    /*    width: 80%;*/
    /*    display: flex;*/
    /*    justify-content: center;*/
    /*    align-items: flex-start;*/
    /*    flex-direction: column;*/
    /*}*/

    /*footer .right_content .footer_link {*/
    /*    width: 100%;*/
    /*    margin-bottom: 15px;*/
    /*    display: flex;*/
    /*    justify-content: space-between;*/
    /*    align-items: flex-start;*/
    /*    flex-direction: row;*/
    /*}*/

    /*footer .right_content .footer_link .foter_content {*/
    /*    display: flex;*/
    /*    justify-content: space-between;*/
    /*    align-items: flex-start;*/
    /*    flex-direction: column;*/
    /*}*/

    /*footer .right_content .footer_link .foter_content h3 {*/
    /*    font-size: 24px;*/
    /*    color: #ffffff;*/
    /*    font-family: "Marker Felt", sans-serif;*/
    /*    line-height: 150%;*/
    /*    font-weight: 700;*/
    /*}*/

    /*footer .right_content .footer_link .foter_content p a {*/
    /*    font-size: 24px;*/
    /*    color: #ffffff;*/
    /*    font-family: "Roboto", sans-serif;*/
    /*    line-height: 150%;*/
    /*    font-weight: 400;*/
    /*    opacity: 1;*/
    /*}*/

    /*footer .right_content .footer_link .foter_content p a:hover {*/
    /*    opacity: 1;*/
    /*}*/

    /*footer .right_content .footer_link .foter_content a {*/
    /*    opacity: 0.6000000238;*/
    /*    font-size: 16px;*/
    /*    color: #ffffff;*/
    /*    font-family: "Roboto", sans-serif;*/
    /*    line-height: 150%;*/
    /*    font-weight: 200;*/
    /*}*/

    /*footer .right_content .footer_link .foter_content a:hover {*/
    /*    opacity: 1;*/
    /*}*/

    /*footer .right_content .footer_link .foter_content label {*/
    /*    font-size: 12px;*/
    /*    color: #ffffff;*/
    /*    font-family: "Roboto", sans-serif;*/
    /*    line-height: 150%;*/
    /*    font-weight: 400;*/
    /*    opacity: 0.6000000238;*/
    /*}*/

    /*footer .right_content .footer_link_bottom {*/
    /*    width: 100%;*/
    /*    display: flex;*/
    /*    justify-content: center;*/
    /*    align-items: flex-start;*/
    /*    flex-direction: column;*/
    /*}*/

    /*footer .right_content .footer_link_bottom .footer_link_bottom_content {*/
    /*    width: 100%;*/
    /*    display: flex;*/
    /*    justify-content: space-between;*/
    /*    align-items: flex-start;*/
    /*    flex-direction: row;*/
    /*}*/

    /*footer .right_content .footer_link_bottom .footer_link_bottom_content p {*/
    /*    cursor: pointer;*/
    /*    font-size: 12px;*/
    /*    color: #ffffff;*/
    /*    font-family: "Roboto", sans-serif;*/
    /*    line-height: 150%;*/
    /*    font-weight: 500;*/
    /*    opacity: 0.6000000238;*/
    /*}*/

    /*footer .right_content .footer_link_bottom .footer_link_bottom_content p:hover {*/
    /*    opacity: 1;*/
    /*}*/

    /*footer .right_content .footer_link_bottom .footer_link_bottom_content p a {*/
    /*    font-size: 12px;*/
    /*    color: #ffffff;*/
    /*    font-family: "Roboto", sans-serif;*/
    /*    line-height: 150%;*/
    /*    font-weight: 400;*/
    /*}*/

    /*footer .right_content .footer_link_bottom .creater {*/
    /*    width: 100%;*/
    /*    display: flex;*/
    /*    justify-content: space-between;*/
    /*    align-items: center;*/
    /*    flex-direction: row;*/
    /*}*/

    /*footer .right_content .footer_link_bottom .creater p {*/
    /*    font-size: 12px;*/
    /*    color: #ffffff;*/
    /*    font-family: "Roboto", sans-serif;*/
    /*    line-height: 150%;*/
    /*    font-weight: 500;*/
    /*    opacity: 0.6000000238;*/
    /*}*/

    /*footer .right_content .footer_link_bottom .creater .cr {*/
    /*    display: flex;*/
    /*    justify-content: center;*/
    /*    align-items: center;*/
    /*    flex-direction: row;*/
    /*}*/

    /*footer .right_content .footer_link_bottom .creater .cr span {*/
    /*    font-size: 12px;*/
    /*    color: #ffffff;*/
    /*    font-family: "Roboto", sans-serif;*/
    /*    line-height: 150%;*/
    /*    font-weight: 500;*/
    /*    opacity: 0.6000000238;*/
    /*}*/

    /*.modal {*/
    /*    background-color: #557084;*/
    /*    position: fixed;*/
    /*    padding: 30px;*/
    /*    top: -100vh;*/
    /*    left: 0;*/
    /*    height: 100vh;*/
    /*    width: 100%;*/
    /*    z-index: 9;*/
    /*    display: none;*/
    /*    margin: 0 auto;*/
    /*}*/

    /*.modal ul {*/
    /*    margin-top: 30px;*/
    /*}*/

    /*.modal ul li a {*/
    /*    font-size: 16px;*/
    /*    color: white;*/
    /*    font-family: "Roboto", sans-serif;*/
    /*    line-height: 130%;*/
    /*    font-weight: 400;*/
    /*    opacity: 0.7;*/
    /*}*/

    /*.modal_pos {*/
    /*    transition: all 300ms ease-in-out;*/
    /*    top: 0 !important;*/
    /*}*/

    /*@media screen and (max-width: 1280px) {*/
    /*    header nav ul li a {*/
    /*        width: 115px;*/
    /*    }*/
    /*}*/

    /*@media screen and (max-width: 920px) {*/
    /*    footer .right_content .footer_link_bottom .footer_link_bottom_content {*/
    /*        height: 120px;*/
    /*        display: flex;*/
    /*        justify-content: space-between;*/
    /*        align-items: flex-start;*/
    /*        flex-direction: column;*/
    /*    }*/
    /*}*/

    /*@media screen and (max-width: 768px) {*/
    /*    header nav {*/
    /*        display: none;*/
    /*    }*/

    /*    header .conact {*/
    /*        display: none;*/
    /*    }*/

    /*    .burg_menu {*/
    /*        display: block;*/
    /*    }*/

    /*    footer {*/
    /*        display: flex;*/
    /*        justify-content: space-between;*/
    /*        align-items: flex-start;*/
    /*        flex-direction: column;*/
    /*        margin: 0 auto;*/
    /*    }*/

    /*    footer .left_content {*/
    /*        width: 100%;*/
    /*        display: flex;*/
    /*        justify-content: space-between;*/
    /*        align-items: flex-start;*/
    /*        flex-direction: row;*/
    /*        border-bottom: #ffffff 1px solid;*/
    /*    }*/

    /*    footer .left_content .link_footet {*/
    /*        font-size: 16px;*/
    /*        color: #ffffff;*/
    /*        font-family: "Roboto", sans-serif;*/
    /*        line-height: 20px;*/
    /*        font-weight: 500;*/
    /*    }*/

    /*    footer .right_content {*/
    /*        width: 100%;*/
    /*    }*/

    /*    footer .right_content .footer_link {*/
    /*        display: flex;*/
    /*        justify-content: space-between;*/
    /*        align-items: flex-start;*/
    /*        flex-direction: row;*/
    /*        flex-wrap: wrap;*/
    /*        gap: 20px;*/
    /*    }*/

    /*    footer .right_content .footer_link_bottom .creater {*/
    /*        display: flex;*/
    /*        justify-content: space-between;*/
    /*        align-items: flex-start;*/
    /*        flex-direction: column;*/
    /*    }*/

    /*    .modal {*/
    /*        transition: all 300ms ease-in-out;*/
    /*        display: flex;*/
    /*        justify-content: space-around;*/
    /*        align-items: center;*/
    /*        flex-direction: column;*/
    /*    }*/

    /*    .modal ul {*/
    /*        height: 60%;*/
    /*        padding: 20px;*/
    /*        display: flex;*/
    /*        justify-content: space-around;*/
    /*        align-items: center;*/
    /*        flex-direction: column;*/
    /*    }*/

    /*    .modal .conact2 {*/
    /*        width: 100%;*/
    /*        height: 150px;*/
    /*        display: flex;*/
    /*        justify-content: space-between;*/
    /*        align-items: flex-start;*/
    /*        flex-direction: column;*/
    /*    }*/

    /*    .modal .conact2 .about_contact {*/
    /*        font-size: 32px;*/
    /*        color: white;*/
    /*        font-family: "Roboto", sans-serif;*/
    /*        line-height: 130%;*/
    /*        font-weight: 400;*/
    /*    }*/

    /*    .modal .conact2 a {*/
    /*        font-size: 24px;*/
    /*        color: white;*/
    /*        font-family: "Roboto", sans-serif;*/
    /*        line-height: 130%;*/
    /*        font-weight: 400;*/
    /*        opacity: 0.6;*/
    /*    }*/

    /*    .modal .conact2 .social_media {*/
    /*        width: 100%;*/
    /*        display: flex;*/
    /*        justify-content: space-between;*/
    /*        align-items: center;*/
    /*        flex-direction: row;*/
    /*    }*/

    /*    .modal .conact2 .social_media a {*/
    /*        opacity: 1;*/
    /*    }*/
    /*}*/

    /*@media screen and (max-width: 390px) {*/
    /*    .modal ul {*/
    /*        display: flex;*/
    /*        justify-content: space-around;*/
    /*        align-items: flex-start;*/
    /*        flex-direction: column;*/
    /*    }*/
    /*}*/
}


header {
    z-index: 10;
}

main {
    /*padding: 0px 10px;*/
    max-width: 1920px;
    margin: 0 auto;
}

.main_block {
    padding: 0 10px;
}

.about {
    padding-top: 120px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

.about h1 {
    font-size: 87px;
    color: black;
    font-family: "Marker Felt", sans-serif;
    line-height: 100%;
    font-weight: 400;
    text-align: center;
    margin-bottom: 50px;
}

.about .categories {
    width: 100%;
    padding: 0 55px;
}

/* card_1 */
.about .card {
    gap: 40px;
    display: flex;
    justify-content: start;
    align-items: center;
    margin-bottom: 50px;
    flex-direction: column;
    border: 1px solid black;
    padding: 10px;
}

.about .card h2 {
    margin-top: 15px;
    font-size: 42px;
    color: black;
    font-family: "Marker Felt", sans-serif;
    line-height: 100%;
    font-weight: 700;
}

.about .card .card_main {
    width: 100%;
    height: 100%;
    gap: 30px;
    grid-template-rows: repeat(2, 500px);
}

.about .card_1 .card_main {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(2, 650px);
}

.about .card .card_main .img_div img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.about .card_11 .card_main .img_div img {
        object-fit: contain!important;
}

.about .card .card_main .card_main_div .about_card p {
    font-size: 21px;
    color: black;
    font-family: "Roboto", sans-serif;
    line-height: 100%;
    font-weight: 300;
    padding: 10px 0 0;
}

.about .card .card_main .card_main_div {
    display: flex;
    flex-direction: column;
}

.about .card .card_main .card_main_div .img_div {
    height: 100%;
    overflow: hidden;
}

.about .card_1 .card_main .card_main_div:nth-child(3) {
    grid-column: 2/3;
    grid-row: 2/3;
}

/* card_2 */
.about .card_2 .card_main {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
}

.about .card_2 .card_main .card_main_div:nth-child(2) {
    grid-column: 2/3;
    grid-row: 1/3;
}

.about .card_2 .card_main .card_main_div:nth-child(3) {
    grid-column: 3/4;
    grid-row: 1/3;
}


/* card_3 */
.about .card_3 .card_main {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
}

.about .card_3 .card_main .card_main_div:nth-child(1) {
    grid-column: 1/2;
    grid-row: 1/3;
}

.about .card_3 .card_main .card_main_div:nth-child(2) {
    grid-column: 2/4;
    grid-row: 1/2;
}

.about .card_3 .card_main .card_main_div:nth-child(3) {
    grid-column: 3/4;
    grid-row: 2/3;
}

.about .card_3 .card_main .card_main_div:nth-child(4) {
    grid-column: 2/3;
    grid-row: 2/3;
}

/* card_4 */
.about .card_4 .card_main {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(3, 500px);
}

.about .card_4 .card_main .card_main_div:nth-child(1) {
    grid-column: 1/3;
    grid-row: 1/2;
}

.about .card_4 .card_main .card_main_div:nth-child(2) {
    grid-column: 2/3;
    grid-row: 2/3;
}

.about .card_4 .card_main .card_main_div:nth-child(3) {
    grid-column: 1/3;
    grid-row: 3/4;
}

.about .card_4 .card_main .card_main_div:nth-child(4) {
    grid-column: 1/2;
    grid-row: 2/3;
}

/* card_5 */
.about .card_5 .card_main {
    display: grid;
    grid-template-columns: 0.7fr 1fr 1fr;
    grid-template-rows: repeat(1, 500px);
}


/* card_6 */
.about .card_6 .card_main {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(2, 500px);
}

.about .card_6 .card_main .card_main_div:nth-child(1) {
    grid-column: 1/3;
    grid-row: 1/2;
}

.about .card_6 .card_main .card_main_div:nth-child(2) {
    grid-column: 2/3;
    grid-row: 2/3;
}

.about .card_6 .card_main .card_main_div:nth-child(3) {
    grid-column: 1/2;
    grid-row: 2/3;
}


/* card_7 */
.about .card_7 .card_main {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: repeat(1, 500px);
}

/* card_8 */
.about .card_8 .card_main {
    display: grid;
    grid-template-columns: repeat(2, 650px);
    grid-template-rows: repeat(1, 1fr);
    justify-content: space-around;
}

/* card_9 */
.about .card_9 .card_main {
    display: grid;
    grid-template-columns: repeat(1, 1000px);
    grid-template-rows: repeat(1, 800px);
    justify-content: center;
}

/* card_10 */
.about .card_10 .card_main {
    display: grid;
    grid-template-columns: repeat(1, 800px);
    grid-template-rows: repeat(2, 500px);
    justify-content: center;
}


@media screen and (max-width: 1500px) {
    /* card_1 */
    .about .card_1 .card_main {

    }

    /* card_2 */
    .about .card_2 .card_main {
        grid-template-rows: repeat(2, 330px);
    }

    /* card_3 */
    .about .card_3 .card_main {
        grid-template-rows: repeat(2, 350px);
    }

    /* card_4 */
    .about .card_4 .card_main {
        grid-template-rows: repeat(3, 350px);
    }

    /* card_5 */
    .about .card_5 .card_main {
        grid-template-rows: repeat(1, 430px);
    }

    /* card_6 */
    .about .card_6 .card_main {

    }

    /* card_7 */
    .about .card_7 .card_main {

    }

    /* card_8 */
    .about .card_8 .card_main {
        grid-template-columns: repeat(2, 550px);
        /*grid-template-rows: repeat(1, 400px);*/
    }

    /* card_9 */
    .about .card_9 .card_main {
        grid-template-columns: repeat(1, 950px);
        grid-template-rows: repeat(1, 700px);
    }

    /* card_10 */
    .about .card_10 .card_main {
        grid-template-columns: repeat(1, 700px);
        grid-template-rows: repeat(2, 450px);
    }
}

@media screen and (max-width: 1440px) {
    .about .card .card_main .card_main_div .about_card p {
        font-size: 14px;
    }

    /* card_1 */
    .about .card_1 .card_main {
        grid-template-rows: repeat(2, 400px);
    }

    /* card_2 */
    .about .card_2 .card_main {
        grid-template-rows: repeat(2, 225px);
    }

    /* card_3 */
    .about .card_3 .card_main {
        grid-template-rows: repeat(2, 300px);
    }

    /* card_4 */
    .about .card_4 .card_main {
        grid-template-rows: repeat(3, 250px);
    }

    /* card_5 */
    .about .card_5 .card_main {
        grid-template-rows: repeat(1, 285px);
    }

    /* card_6 */
    .about .card_6 .card_main {
        grid-template-rows: repeat(2, 365px);
    }

    /* card_7 */
    .about .card_7 .card_main {
        grid-template-rows: repeat(1, 290px);
    }

    /* card_8 */
    .about .card_8 .card_main {
        grid-template-columns: repeat(2, 420px);
        /*grid-template-rows: repeat(1, 290px);*/
    }

    /* card_9 */
    .about .card_9 .card_main {
        grid-template-columns: repeat(1, 600px);
        grid-template-rows: repeat(1, 460px);
    }

    /* card_10 */
    .about .card_10 .card_main {
        grid-template-columns: repeat(1, 600px);
        grid-template-rows: repeat(2, 400px);
    }
}

@media screen and (max-width: 1024px) {
    .about .card .card_main .card_main_div .about_card p {
        font-size: 12px;
    }

    /* card_1 */
    .about .card_1 .card_main {
        grid-template-rows: repeat(2, 300px);
        gap: 15px;
    }

    /* card_2 */
    .about .card_2 .card_main {
        grid-template-rows: repeat(2, 170px);
        gap: 15px;
    }

    /* card_3 */
    .about .card_3 .card_main {
        grid-template-rows: repeat(2, 190px);
        gap: 15px;
    }

    /* card_4 */
    .about .card_4 .card_main {
        grid-template-rows: repeat(3, 220px);
        gap: 15px;
    }

    /* card_5 */
    .about .card_5 .card_main {
        grid-template-rows: repeat(1, 220px);
        gap: 15px;
    }

    /* card_6 */
    .about .card_6 .card_main {
        grid-template-rows: repeat(2, 270px);
        gap: 15px;
    }

    /* card_7 */
    .about .card_7 .card_main {
        grid-template-rows: repeat(1, 210px);
        gap: 15px;
    }

    /* card_8 */
    .about .card_8 .card_main {
        grid-template-columns: repeat(2, 285px);
        /*grid-template-rows: repeat(1, 210px);*/
        gap: 15px;
    }

    /* card_9 */
    .about .card_9 .card_main {
        grid-template-columns: repeat(1, 500px);
        grid-template-rows: repeat(1, 360px);
        gap: 15px;
    }

    /* card_10 */
    .about .card_10 .card_main {
        grid-template-columns: repeat(1, 500px);
        grid-template-rows: repeat(2, 350px);
        gap: 15px;
    }
}

@media screen and (max-width: 800px) {
    .about h1 {
        font-size: 60px;
    }
}

@media screen and (max-width: 768px) {
    .about .card {
        gap: 15px;
    }

    .about .categories {
        padding: 0px 15px;
    }

    .about .card h2 {
        margin-top: 5px;
        font-size: 35px;
    }

    .about .card .card_main .card_main_div .about_card p {
        font-size: 10px;
        padding: 5px 0 0;
    }

    /* card_1 */
    .about .card_1 .card_main {
        grid-template-rows: repeat(2, 200px);
        gap: 10px;
    }

    /* card_2 */
    .about .card_2 .card_main {
        grid-template-rows: repeat(2, 160px);
        gap: 10px;
    }

    /* card_3 */
    .about .card_3 .card_main {
        grid-template-rows: repeat(2, 130px);
        gap: 10px;
    }

    /* card_4 */
    .about .card_4 .card_main {
        grid-template-rows: repeat(3, 155px);
        gap: 10px;
    }

    /* card_5 */
    .about .card_5 .card_main {
        grid-template-rows: repeat(1, 140px);
        gap: 10px;
    }

    /* card_6 */
    .about .card_6 .card_main {
        grid-template-rows: repeat(2, 180px);
        gap: 10px;
    }

    /* card_7 */
    .about .card_7 .card_main {
        grid-template-rows: repeat(1, 135px);
        gap: 10px;
    }

    /* card_8 */
    .about .card_8 .card_main {
        grid-template-columns: repeat(2, 1fr);
        /*grid-template-rows: repeat(1, 170px);*/
        gap: 10px;
    }

    /* card_9 */
    .about .card_9 .card_main {
        grid-template-columns: repeat(1, 1fr);
        grid-template-rows: repeat(1, 310px);
        gap: 10px;
    }

    /* card_10 */
    .about .card_10 .card_main {
        grid-template-columns: repeat(1, 1fr);
        grid-template-rows: repeat(2, 300px);
        gap: 10px;
    }

}

@media screen and (max-width: 520px) {
    .about h1 {
        font-size: 40px;
    }

    .about .card h2 {
        font-size: 24px;
    }

    /* card_1 */
    .about .card_1 .card_main {
        grid-template-rows: repeat(2, 160px);
        gap: 5px;
    }

    /* card_2 */
    .about .card_2 .card_main {
        grid-template-rows: repeat(2, 105px);
        gap: 5px;
    }

    /* card_3 */
    .about .card_3 .card_main {
        grid-template-rows: repeat(2, 100px);
        gap: 5px;
    }

    /* card_4 */
    .about .card_4 .card_main {
        grid-template-rows: repeat(3, 120px);
        gap: 5px;
    }

    /* card_5 */
    .about .card_5 .card_main {
        grid-template-rows: repeat(1, 130px);
        gap: 5px;
    }

    /* card_6 */
    .about .card_6 .card_main {
        grid-template-rows: repeat(2, 135px);
        gap: 5px;
    }

    /* card_7 */
    .about .card_7 .card_main {
        grid-template-rows: repeat(1, 125px);
        gap: 5px;
    }

    /* card_8 */
    .about .card_8 .card_main {
        grid-template-columns: repeat(2, 1fr);
        /*grid-template-rows: repeat(1, 130px);*/
        gap: 5px;
    }

    /* card_9 */
    .about .card_9 .card_main {
        grid-template-columns: repeat(1, 1fr);
        grid-template-rows: repeat(1, 255px);
        gap: 5px;
    }

    /* card_10 */
    .about .card_10 .card_main {
        grid-template-columns: repeat(1, 1fr);
        grid-template-rows: repeat(2, 250px);
        gap: 5px;
    }

}

@media screen and (max-width: 425px) {
    .about .categories {
        padding: 0px 10px;
    }

    .about .card .card_main .card_main_div .about_card p {
        font-size: 8px;
        padding: 2px 0 0;
    }

    .about .card h2 {
        font-size: 18px;
    }

    /* card_1 */
    .about .card_1 .card_main {
        grid-template-rows: repeat(2, 130px);
        gap: 5px;
    }

    /* card_2 */
    .about .card_2 .card_main {
        grid-template-rows: repeat(2, 90px);
        gap: 5px;
    }

    /* card_3 */
    .about .card_3 .card_main {
        grid-template-rows: repeat(2, 85px);
        gap: 5px;
    }

    /* card_4 */
    .about .card_4 .card_main {
        grid-template-rows: repeat(3, 105px);
        gap: 5px;
    }

    /* card_5 */
    .about .card_5 .card_main {
        grid-template-rows: repeat(1, 115px);
        gap: 5px;
    }

    /* card_6 */
    .about .card_6 .card_main {
        grid-template-rows: repeat(2, 110px);
        gap: 5px;
    }

    /* card_7 */
    .about .card_7 .card_main {
        grid-template-rows: repeat(1, 110px);
        gap: 5px;
    }

    /* card_8 */
    .about .card_8 .card_main {
        grid-template-columns: repeat(2, 1fr);
        /*grid-template-rows: repeat(1, 110px);*/
        gap: 5px;
    }

    /* card_9 */
    .about .card_9 .card_main {
        grid-template-columns: repeat(1, 1fr);
        grid-template-rows: repeat(1, 235px);
        gap: 5px;
    }

    /* card_10 */
    .about .card_10 .card_main {
        grid-template-columns: repeat(1, 1fr);
        grid-template-rows: repeat(2, 200px);
        gap: 5px;
    }
}

@media screen and (max-width: 375px) {
    .about .card h2 {
        font-size: 16px;
    }

    /* card_1 */
    .about .card_1 .card_main {
        grid-template-rows: repeat(2, 105px);
    }

    /* card_2 */
    .about .card_2 .card_main {
        grid-template-rows: repeat(2, 80px);
    }

    /* card_3 */
    .about .card_3 .card_main {
        grid-template-rows: repeat(2, 75px);
    }

    /* card_4 */
    .about .card_4 .card_main {
        grid-template-rows: repeat(3, 100px);
    }

    /* card_5 */
    .about .card_5 .card_main {
        grid-template-rows: repeat(1, 95px);
    }

    /* card_6 */
    .about .card_6 .card_main {
        grid-template-rows: repeat(2, 90px);
    }

    /* card_7 */
    .about .card_7 .card_main {
        grid-template-rows: repeat(1, 100px);
    }

    /* card_8 */
    .about .card_8 .card_main {
        grid-template-columns: repeat(2, 1fr);
        /*grid-template-rows: repeat(1, 90px);*/
    }

    /* card_9 */
    .about .card_9 .card_main {
        grid-template-columns: repeat(1, 1fr);
        grid-template-rows: repeat(1, 190px);
    }

    /* card_10 */
    .about .card_10 .card_main {
        grid-template-columns: repeat(1, 1fr);
        grid-template-rows: repeat(2, 150px);
        gap: 10px;
    }
}

@media screen and (max-width: 320px) {
    /* card_1 */
    .about .card_1 .card_main {
        grid-template-rows: repeat(2, 95px);
    }

    /* card_2 */
    .about .card_2 .card_main {
        grid-template-rows: repeat(2, 70px);
    }

    /* card_3 */
    .about .card_3 .card_main {
        grid-template-rows: repeat(2, 65px);
    }

    /* card_4 */
    .about .card_4 .card_main {
        grid-template-rows: repeat(3, 85px);
    }

    /* card_5 */
    .about .card_5 .card_main {
        grid-template-rows: repeat(1, 90px);
    }

    /* card_6 */
    .about .card_6 .card_main {
        grid-template-rows: repeat(2, 80px);
    }

    /* card_7 */
    .about .card_7 .card_main {
        grid-template-rows: repeat(1, 90px);
    }

    /* card_8 */
    .about .card_8 .card_main {
        grid-template-columns: repeat(2, 1fr);
        /*grid-template-rows: repeat(1, 80px);*/
        gap: 2px;
    }

    /* card_9 */
    .about .card_9 .card_main {
        grid-template-columns: repeat(1, 1fr);
        grid-template-rows: repeat(1, 145px);
    }

    /* card_10 */
    .about .card_10 .card_main {
        grid-template-columns: repeat(1, 1fr);
        grid-template-rows: repeat(2, 135px);
        gap: 5px;
    }
}

/*# sourceMappingURL=categories.css.map */