@font-face {
    font-family: Montserrat;
    src: url('C:\Users\sholodaev\Downloads\Montserrat Alternates');
    }
    
* {
    margin: 0;
    padding: 0;
}

/* :root {
    background-color: #0F0F0F;
} */

main {
    background-color: #0F0F0F;
    background-color: -webkit-linear-gradient(#0F0F0F, #0F0F0F); /* Safari и Chrome */
    /* background: -webkit-linear-gradient(#0F0F0F, #0F0F0F); Safari и Chrome */
}

.secondHeader {
    display: flex;
    margin-top: 48px;
    justify-content: center;
    align-items: center;
    height: 70px;
    width: 100%;
    background: linear-gradient(175deg, #248D87 0%, #106A65 100%);
}

.breadCrumb {
    height: auto;

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

    margin-top: 40px;
    margin-bottom: 5px;
}

li::marker {
    color: #00A39C;
    width: 20px;
    height: 20px;
}

.forA a {
    color: #ffffff !important; 
    cursor: pointer;
}

p {
    color: white;
    margin: 0 !important;
}

.breadCrumb {
    color: rgb(255, 255, 255);
}

.breadCrumb p {
    color: #00fff2;
    font-weight: bold;
}

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

.banner {
    display: flex;
    justify-content: center;
    height: 262px;
    width: 302px;
}

.explainText {
    font-size: 20px;
    margin-left: 5%;
    margin-right: 5%;

    font-weight: 300;
}

.explainText b {
    font-weight: 600;
}

.titleText {
    font-size: 35px;
    margin-left: 5%;
    margin-right: 5%;

    font-weight: 700;

    color: white;

    margin-top: 35px;
    margin-bottom: 35px;
}

.forLi li {
    font-size: 19px;
    margin-left: 5%;
    margin-right: 5%;

    font-weight: 300;

    color: white;

    list-style: square;
}

.explainText a {
    color: #2DDFD7 !important;
    font-weight: 400;
    border-bottom: 1px solid #2DDFD7;
}


@media (min-width: 393px) and (max-width: 800px) { 
 
    header img {
        width: 112px;
        height: 28px;
    }

    .banner {
        display: flex;
        justify-content: center;
        height: 131px;
        width: 146px;
    }

    .explainText {
        font-size: 18px;
        margin-left: 5%;
        margin-right: 5%;
    
        font-weight: 300;
    }

    .titleText {
        font-size: 30px;
        margin-left: 5%;
        margin-right: 5%;
    
        font-weight: 700;
    
        color: white;
    
        margin-top: 35px;
        margin-bottom: 35px;
    }
    
    li {
        font-size: 16px;
        margin-left: 5%;
        margin-right: 5%;
    
        font-weight: 300;
    
        color: white;
    
        list-style: square;
    }
}

/* Стили для второй страницы (в дополнение первым): */

.banner2 {
    display: flex;
    justify-content: center;
    height: 250px;
    width: 250px;
}

.titleText1 {
    font-size: 35px;
    margin-left: 5%;
    margin-right: 5%;

    font-weight: 700;

    color: white;

    margin-top: 35px;
    margin-bottom: 35px;
}

.boxWithLink a {
    color: #00EED1 !important;
    font-weight: 600;
}

.h2Italic {
    font-size: 22px;
    font-style: italic;

    margin-top: 25px;
}

.partnerBtn {
    width: 180px;
    height: 70px;
    margin-top: 50px;
    margin-bottom: 30px;
    margin-left: 5%;
}

.partnerBtn a {
    width: 200px;
    height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 25px;
    background: #00A39C;
}

@media (min-width: 393px) and (max-width: 800px) { 
    
    .titleText1 {
        font-size: 30px;
        margin-left: 5%;
        margin-right: 5%;

        font-weight: 700;

        color: white;

        margin-top: 35px;
        margin-bottom: 35px;
    }

}