@font-face {
    font-family: SF Pro Display;
    src: url("/assets/fonts/SFPRODISPLAYREGULAR.OTF");
}
@font-face {
    font-family: Proxima soft;
    src: url("/assets/fonts/ProximaSoft-ExtraBold.ttf");
}

body{
    margin: 0;
    height: 100vh;
    
}

header{
    background-color: #17DFDE;
}
p{
    font-family: SF Pro Display;
}
a .nav-link{
font-family: SF Pro Display;
color: #003049;
font-weight: 500;
}
.mainblock{
    background: url("/assets/img/2211.w026.n002.2771B.p1 1.png") top center;
    background-repeat: no-repeat;
    min-height: 70vh;
    width: 100%;
    background-size: cover;
}
.main_title{
    position: relative;
    top: 95px;
    font-family: Proxima soft;
    color: #003049;
    font-style: normal;
    font-weight: 800;
    font-size: 50px;
}
/*.main_descr{*/
/*    color: #000;*/
/*    font-family: SF Pro Display;*/
/*    font-weight: 500;*/
/*    font-size: 20px;*/
/*    position: relative;*/
/*    top: 350px;*/
/*    background-color: #F5D594;*/
/*}*/
.main_descr{
    color: #000;
    font-family: SF Pro Display;
    font-weight: 500;
    font-size: 20px;
    position: relative;
    top: 220px;
    background-image: url(/assets/img/vgfsd.png);
    background-repeat: no-repeat;
    z-index: 1000;
    background-position: center;
    background-size: unset;
    height: 347px;
}
.main_descr:before{
    /*content: url('/assets/img/vgfsd.png');*/
    position: absolute;
    z-index: -1;
    left: calc(50% - 250px);
    top: -160px;
}

.carousele-item{    
    width: 400.84px;
    border-radius:20px;
}
main{
    /*background-color: #F4D294;*/
    background-image: url("../img/fon.png");
}
.card-title{
    font-size: 32px;
    font-family: SF Pro Display;
    font-weight: 600;
}
.card-text{
    font-family: SF Pro Display;
    font-size: 16px;
}

.card-link{
    color: #0075FF;
    font-size: 12px;
    font-family: SF Pro Display;
    text-decoration: none;
}
.nav-link:focus, .nav-link:hover {
    background-color: #fff;
    border-radius: 10px;
}
.nav-link{
    color: #1E1E1E;
    font-family: SF Pro Display;
    font-size: 20px;
}
.card{
    border: 0;
    border-radius: 20px;
}
.ads_item {
    width: 218.64px;
}
.rk_card{
    background-color: #1CA9D6;
    border-radius: 10px;
    padding: 0;
    background-image: url('/assets/img/rk/1181869_OSIOEB1\ 2.png');
    background-repeat: repeat-y;
    background-position: 30px;
}

.rk__card__img{
    width: 176px;
}
.rk__card__img2{
    width: 120px;
}

.footer_block p{
    font-weight: 400;
}
.rk-bloc .card{
background-color: #1CA9D6;
}

.dropdown-menu{
    border: 0;
    border-end-end-radius: 10px;
    background: #fff;
}

.nav-item .dropdown:focus {
    background:linear-gradient(#15DEDE,#fff);
    border-radius: 0;
}
.nav-item .dropdown:hover{
    background-color: #fff;
    border-radius: 10px;
    transition:  1s;
    
}
.navbar-nav .dropdown-menu{
    border-start-end-radius: 0;
    border-start-start-radius: 0;
}
.collapse:not(.show){
    display: block;
}
.dropdown-menu:active{
    border: 0;
    border-end-end-radius: 10px;
    background: linear-gradient(#17DFDE,#fff);
}
.dropdown-item.active, .dropdown-item:active{ 
    color: #000;
  
}

.footer_block{
    background-image: url(/assets/img/hands-child-who-smeared_1.png);
    background-repeat: no-repeat;
    background-position: 2px;
    background-color: #DFE2E9;
}
/* Дропдаун был только при наведении */
 .dropdown:hover .dropdown-menu {
    display: block;
    margin-top: 0; 
} 
.slider_block{
    /*background-color: #F4D294;*/
    background-image: url(../img/fon.png);
}
.news-card{
    background-color: #E3E8EE;
}
.news__title{
    font-size: 16px;
}
.news__text{
    font-size: 12px;
}
.news__footer{
    font-size: 10px;
    font-weight: 400;
    font-family: SF Pro Display;
}

.news__link{
    color: #0075FF;
    font-weight: 400;
    font-size: 12px;
    font-family: SF Pro Display;
}
.more_btn{
    background-color: #7CB1F0;
    color: #ffff;
    font-weight: 400;
    font-size: 14px;
    font-family: SF Pro Display;
    border-radius: 10px;
    border: 0;
    -webkit-transition: 1s ease; 
    -moz-transition: 1s ease; 
    -o-transition: 1s ease; 
}
.more_btn:hover{
    background-color: #0075FF;
    transition: 1s;
    color: #fff;
}
.page_once{
    background-color: #E3E8EE;
    border-radius: 10px;
}

.download_title{
    font-size: 14px;
}

.download_img{
    width: 50px;
}
@media(max-width: 362px){
    .main_descr{
        top: 150px;
    }
}

@media(max-width: 767px){
   .RK_title {
    font-size: 27px;
   }
   .footer_block{
    height: 300px;
    background-position: 150px 100px;
    }
}
@media(max-width: 575px){
    .RK_title {
     font-size: 30px;
    }
 }
 @media(max-width: 497px){
    .RK_title {
     font-size: 25px;
    }
    .footer_block{
        height: 318px;
        background-position: 106px 125px;
    }
 }
 @media(max-width: 390px){
    .footer_block{
        height: 318px;
        background-position: 80px 125px;
    }
 }