*, body {
    font-family: 'Montserrat', sans-serif;  
    font-weight: 600;
}

.fw-9 {font-weight: 900;}
.fw-8 {font-weight: 800;}
.fw-7 {font-weight: 600;}
.fw-6 {font-weight: 600;}
.fw-5 {font-weight: 500;}
.fw-4 {font-weight: 400;}
.fw-3 {font-weight: 300;}
.fw-2 {font-weight: 200;}
.fw-1 {font-weight: 100;}
.border-yellow {
  border-left: 3px #f0bc5f solid;   
}


input {
    border-radius: 30px;
    height: 50px;
    width: 90%;
    text-align: center;
}
input[type='text']   {
    border: 2px solid #8a8684;
    background: white;}
input::placeholder   {font-size: 12px; color:grey;}
input[type='submit'] {
    text-transform: uppercase;
    font-weight: 700;
    background: rgb(0,0,0);
background: linear-gradient(0deg, rgba(0,0,225,0.2) 0%, rgba(0,0,225,0.4) 3%, rgba(0,0,225,0.6) 73%, rgba(0,0,225,0.8) 100%);}

input[type='submit']:hover {
    background: rgb(0,0,0);
    background: linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(164,17,17,1) 3%, rgba(255,0,0,1) 73%, rgba(255,0,0,1) 100%);
}


ul {list-style: none; 
    padding: 0px;
}
li {
    background: url(img/tick.svg);
    background-repeat: no-repeat;
    background-size: 24px;
    padding-left: 50px;
    
    
}


.bg-fon2 > div > div > div:hover > img { 
    transform: scale(1.5);
    transition: 2s;
}
.bg-fon2 > div > div > div > img {
    transform: scale(1);
    transition: 2s;}

.bg-fon0 {
    background: #8d8d8d57;
    backdrop-filter: blur(11px);
} 

.bg-fon1 { 
    background: url(img2/фон.jpg);
    background-repeat: no-repeat;
    background-size: cover;
}
.bg-fon2 {
    background: url(img2/428.jpg);
    background-repeat: no-repeat;
    background-size: cover;
}
div {border:0px red solid;}