/* Web programming */

/* *************************************************************************** */


.header__title_web{
    font-family: 'Evolventa-Bold' !important;
    text-transform: uppercase;
    font-size: 7.5vw;
    margin-top: 0;
  }
  
  .header__block { 
    width: 100%; 
    height: 100%; 
    display: flex;
    justify-content: center;
    align-items: center;
}

.header::after {
    position: absolute;
    content: '';
    display: flex;
    width: 100%;
    height: 100%;
    background: rgb(0, 0, 0);
    background: linear-gradient(90deg, #fc66ff 0%, #e400ff 25%, rgb(242 0 255 / 33%) 42%, rgb(45 45 45 / 0%) 61%, rgb(45 45 45 / 3%) 78%, rgba(0, 0, 0, 0) 100%);
    top: 0;
    left: 0;
}

.block__title-dis{
    font-family: 'Evolventa-Bold' !important; 
    text-transform: uppercase; 
    text-align: center;
}

.header__menu { 
    background: #7000ffd6;
}

.more_details h4{
margin-top: 30px;
}
 

 
.more_details p{
margin-top: 15px;
}

.more_details span{
 font-weight: 900;

}

.price{
      padding: 10% 0;
}

.price__box{
    width: 100%;
    height: 100%;
    background: linear-gradient(149deg, rgba(24,187,156,1) 0%, rgba(106,57,175,1) 42%, rgba(187,24,148,1) 72%, rgba(115,53,134,1) 100%);
    animation: gradient 10s infinite linear; 
    background-size: 400%;  
    padding: 50px;
    border-radius: 10px;
}

.price__box p{
    color: #fff;
    font-family: 'Evolventa-Bold' !important; 
   font-size: 25px;
   margin-top: 15px;
}
.price__box h5{
    color: #0088ff;
    font-family: 'Evolventa-Bold' !important; 
    font-size: 40px; 
    margin-bottom: 25px;
}

.price__box form{
    display: flex;
    flex-direction: column;
    
}

.price .col-lg-price{
    margin-top: 25px;
}

.price__box form input{
     margin-bottom: 25px;
     background: transparent;
     border: 0;
     border-bottom: 2px solid #fff;
     padding: 25px;
     font-size: 20px;
     outline: none;
     color: #fff;
}

.price__box form button{
    background: red;
    border: 0;
    padding: 25px;
    margin-top: 25px; 
	cursor: pointer;
	border: none;
	border-radius: 20px;
	background-color: #50d8d7;
	background-image: linear-gradient(316deg, #50d8d7 0%, #923993 74%);
	transition: 500ms;
    font-size: 30px;
    color: #fff;
}

.price__box form button::after {
	width: 143px;
	height: 43px;
	position: absolute;
	display: flex;
	align-items: center;
	justify-content: center;
	content: '15% СКИДКА';
	font-size: 15px;
	color: #eee;
	border-radius: 25px;
	background-color: #ff0000;
	transition: 500ms;
    font-weight: 900;
}

.price__box form button:hover::after {
	font-size: 20px;
	background-color: transparent;
}

.price__box form button:hover {
	transform: scale(0.9);
}

.price__box form button:focus {
	outline: none;
}

.price__box form input::placeholder{
    color: #fff;
}
@keyframes gradient {
    0% {
        background-position: 80% 0%;
    }
    50% {
        background-position: 20% 100%;
    }
    100% {
        background-position: 80% 0%;
    }
}

@media (max-width: 767px) {
    .price__box p { 
        font-size: 20px; 
    }
}

@media (max-width: 575px) {
    .header__title {
        font-size: 7.5vw !important;
    }

    .block__title {
        margin-top: 5px !important;
    }
}

@media (max-width: 500px) {
    .price__box form button{
        font-size: 20px;
    }
}
@media (max-width: 477px) {
    .price__box p {
        font-size: 18px;
    }

    .price__box h5 { 
        font-size: 30px; 
    }

    .price__box{  
        padding: 20px; 
    }
}

@media (max-width: 380px) {
    .price__box p {
        font-size: 13px;
    }

    .price__box form input {
        margin-bottom: 25px;
        background: transparent;
        border: 0;
        border-bottom: 2px solid #fff;
        padding: 12px;
        font-size: 16px;
        outline: none;
        color: #fff;
    }

    .price__box form button {
        font-size: 18px;
    }
}
  /* *************************************************************************** */
  
  /* Web programming */