@import url('https://fonts.googleapis.com/css2?family=Noto+Sans:wght@100;200;300;400;500;600;700;800;900&display=swap');
* {
    margin: 0;
    padding: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
body{
	weight:100%;
	height:100%;
    background-color: white; 
    min-width: 480px;
    align-items: center;
}
.container{
    font-family: 'Noto Sans', sans-serif;
    color: rgb(0, 0, 0);
    margin: 0 auto;
    width: 480px;
    background-color: rgb(248, 248, 249);
}
.header {
    font-family: 'Noto Sans', sans-serif;
    text-align: center;
    background-color: rgb(248, 248, 249);
}
.header-text h1{
    margin-top: 20px;
    font-size: 30px;
    font-family: 'Noto Sans', sans-serif;
    font-weight: 900;
    background-color: pink;
    padding: 10px;
    display: inline-block;
    border-radius: 15px;
}
.price {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background-color: pink;
    position: relative;
}
.old {
    text-align: left;
    font-size: 20px;
    background-color: pink;
    padding: 10px 20px;
}
.old span {   
    font-weight: 700;
    font-size: 55px;
    line-height: 40px;
    text-decoration: line-through;
}
.skidka {
    position: absolute;
    font-size: 50px;
    background-color: red;
    padding: 45px 30px;
    border-radius: 50%;
    font-weight: 900;
    margin: 0 auto;
    right: 150px;
    color: #fff;
}
.new {
    text-align: left;
    font-size: 20px;
    background-color: pink;
    padding: 10px 20px;
}
.new span {   
    font-weight: 700;
    font-size: 55px;
    line-height: 40px;
}
.btn {
    display: inline-block;
    background-color: gold;
    padding: 20px;
    border-radius: 45px;
    margin-top: 50px;
    box-shadow:  0 0 10px 3px rgba(0, 0, 0, 0.5);
    background: #ffd800;
    background: -moz-linear-gradient(top, #ffd800 0%, #ffbb02 100%);
    background: -webkit-linear-gradient(top, #ffd800 0%,#ffbb02 100%);
    background: linear-gradient(to bottom, #ffd800 0%,#ffbb02 100%);
}
.btn a {
    text-decoration: none;
    color: #fff;
    font-size: 30px;
    font-weight: 700;
}
.sec2 {
    display: flex;
    justify-content: space-between;
    margin-top: 30px;
    align-items: center;
    font-weight: 600;
}
.sec3 {
    display: flex;
    justify-content: space-between;
    margin: 30px 20px;
}
.sec3-dop li{
    padding-bottom: 30px;
}
.sec3 li {
    text-align: center;
    font-size: 15px;
    font-weight: 700;
}
.sec4 h1 {
    text-align: center;
    font-size: 40px;
    font-weight: 900;
}
.sec4 {
    position: relative;
}
.sec4 p {
    position: absolute;
    text-align: center;
    top: 150px;
    left: 20px;
    font-weight: bold;
    font-size: 15px;
    color: red;
}
.form {
    
}
.form input {
    outline: none;
    display: block;
    background: #ffffff;
    color: #000;
    font-weight: 300;
    width: 400px;
    height: 80px;
    line-height: 86px;
    margin: 0 auto 20px;
    border-radius: 7px;
    text-align: center;
    border: 0;
    font-size: 18px;
    box-shadow: 0 0 10px 1px black;
}
.button-form {
    width: 400px;
    height: 80px;
    line-height: 86px;
    margin: 0 auto 30px;
    display: block;
    background: #ffd800;
    background: -moz-linear-gradient(top, #ffd800 0%, #ffbb02 100%);
    background: -webkit-linear-gradient(top, #ffd800 0%,#ffbb02 100%);
    background: linear-gradient(to bottom, #ffd800 0%,#ffbb02 100%);
    box-shadow: 0 4px 0 #edaf02, 0 6px 10px rgba(0, 0, 0, 0.2);
    color: #fff;
    text-align: center;
    text-decoration: none;
    font-size: 25px;
    text-transform: uppercase;
    border-radius: 45px;
    letter-spacing: 0.6px;
    outline: none;
    border: 0;
    cursor: pointer;
    font-weight: 900;
    position: relative;
    text-shadow: 1px 2px #edb503;
}
.button-form:active{
    top: 2px;
    background: linear-gradient(to bottom, #ffbb02 0%,#ffd800 100%);
}
.forma{
    background: #fff;
    width: 440px;
    border-radius: 4px;
    margin: 70px auto 0;
    box-sizing: border-box;
    box-shadow: 0 0 10px 0 rgba(0,0,0,0.1);
}
.action_text{
    color: black;
	text-align: center;
	padding: 10px 20px 30px;
}
.action_text>span{
	display: block;
	font-size: 23px;
	line-height: 1.2em;
	font-weight: 900;
	text-transform: uppercase;
	margin-bottom: 5px;
}
.info h1{
    background-color: rgb(248, 248, 249);
    text-align: center;
    font-size: 40px;
    font-weight: 900;
}
.shagi {
    display: flex;
    justify-content:center ;
}
.shag {
    background-color: rgba(113, 101, 65, 0.849);
    padding: 10px;
    border-radius: 55px;
    width: 430px;
    margin: 15px 0;
}
.shag1 {
    color: #fff;
    display: flex;
    align-items: center;
}
.shag p {
    padding-left: 10px;
}
.shag1 span {
    font-size: 25px;
    font-weight: 700;
}