* {
            box-sizing: border-box;
            margin: 0;
        }
    



body{
    
}


.container {
    padding-left: 17px;
    padding-right: 17px;
    margin: 0 auto;
}

@media (min-width: 576px) and (max-width: 991px) {
    .container {
        padding-left: 30px;
        padding-right: 30px;
    }
}

@media (min-width: 992px) and (max-width: 1279px) {
    .container {
        padding-left: 30px;
        padding-right: 30px;
    }
}

@media (min-width: 1280px) {
    .container {
        max-width: 1280px;
        margin: 0 auto;
        padding-left: 56px;
        padding-right: 56px;
    }
}




.header__inner{
    height: 194px;
    background-color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
}

.header__inner-img{
    max-width: 333px;
}

img {
    width: 100%;
}



.online-booking{
    padding: 40px 0px;


}

.booking__title-s{
    font-family: Mulish;
font-weight: 300;
font-size: 48px;
line-height: 110%;
text-align: center;
}

.booking__title{
    font-family: Phosphate;
font-weight: 400;
font-style: Solid;
font-size: 64px;
line-height: 110%;
letter-spacing: 0%;
text-align: center;
}

.mb-70{
	margin-bottom: 70px;
}
.mb-10{
	margin-bottom: 10px;
}



.booking_adv-item{
    background-color: #1D1D1B;
    border-radius: 35px;
    padding: 20px 45px;
    margin-bottom: 7px;
    font-family: Mulish;
    font-weight: 250;
    font-style: ExtraLight;
    font-size: 36px;
    leading-trim: NONE;
    letter-spacing: 0%;
    color: #FFFFFF;
    position: relative;
}


.booking_adv-item::before {
    content: "";
    position: absolute;
    width: 54px;
    height: 54px;
    border-radius: 50%;
    background: #FE91C5; 
    top: 32px;
    right: 39px;
}


.booking_adv-item3::before,
.booking_adv-item4::before,
.booking_adv-item5::before {
    background: #8AE1FF; 
}
.booking_adv-item6::before{
    background: #8DE6AF; 
}






.booking_adv-item strong{
    font-family: Mulish;
    font-weight: 700;
    font-size: 36px;
    leading-trim: NONE;
    letter-spacing: 0%;

}


.booking_adv-item1{
    min-height: 364px;
    padding-top: 93px
}
.booking_adv-item2{
    min-height: 257px;
    padding-top: 59px
}
.booking_adv-item3{
    min-height: 231px;
    padding-top: 93px
}
.booking_adv-item4{
    min-height: 237px;
    padding-top: 32px
}
.booking_adv-item5{
    min-height: 146px;
    padding-top: 36px
}
.booking_adv-item6{
    min-height: 170px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
}



.booking_adv-inner{
    width: 100%;
    margin-bottom: 93px;
}


.booking_adv-block{
    display: flex;
    justify-content: space-between;
    gap: 16px;
    width: 100%;
}

.booking_adv-left,
.booking_adv-right {
    flex: 1;
    display: flex;
    flex-direction: column;
}





.reg-form {
    margin: 0 auto;
    padding: 40px 20px;
    font-family: Arial, sans-serif;
}

.reg-form form {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 58px 120px;
}

.reg-left label,
.reg-right label {
    display: block;
    margin-bottom: 25px;
    font-family: Mulish;
	font-weight: 800;
	font-style: ExtraBold;
	font-size: 20px;
	leading-trim: NONE;
	line-height: 110%;
	letter-spacing: 0%;
	color: #1D1D1B;
    text-transform: uppercase;

}

.reg-form input[type="text"],
.reg-form input[type="email"] {
    width: 100%;
    border: none;
    border-bottom: 1.3px solid #1D1D1B;
    padding: 5px 0;
    margin-top: 5px;
    background: none;
    outline: none;
    font-size: 15px;
}

/* ===== Радиокнопки ===== */

.radio-block {
    margin-bottom: 25px;
}

.radio-block .label {
    font-family: Mulish;
	font-weight: 800;
	font-style: ExtraBold;
	font-size: 20px;
	leading-trim: NONE;
	line-height: 110%;
	letter-spacing: 0%;
    margin-bottom: 10px;
}

.radio {
    display: inline-flex;
    align-items: center;
    margin-right: 25px;
    font-weight: 400;
}

.radio input {
    margin-right: 7px;
}

/* ===== Чекбокс ===== */

.checkbox-block {
    
    gap: 7px;
    font-size: 13px;
    line-height: 1.3;
    margin-top: 10px;
    width: 100%;
}

.checkbox-block span{
    font-family: Mulish;
	font-weight: 300;
	font-style: Light;
	font-size: 20px;
	leading-trim: NONE;
	line-height: 110%;
	letter-spacing: 0%;
}

.checkbox-block.radio{
	display: flex;
    align-items: flex-start;

}





/* ===== Кнопка по центру ===== */

.reg-btn-wrap {
    grid-column: 1 / 3;
    text-align: center;
}

.reg-btn {
    background: #000;
    color: #fff;
    border-radius: 38px;
    cursor: pointer;
    font-family: Phosphate;
	font-weight: 400;
	font-style: Solid;
	font-size: 24px;
	leading-trim: NONE;
	line-height: 110%;
	letter-spacing: 0%;
	text-align: center;
	max-width: 416px;
	width: 100%;
	height: 76px;
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0px auto;
}

.radio-block-inner{
	display: flex;
	gap: 28px;
}

.radio-block-inner .radio{
	display: flex;
	gap: 10px;
	font-family: Mulish;
font-weight: 700;
font-style: Bold;
font-size: 18px;
leading-trim: NONE;
line-height: 110%;
letter-spacing: 0%;

}



.radio {
    position: relative;
    display: inline-flex;
    align-items: center;
    margin-right: 25px;
    font-weight: 400;
    cursor: pointer;
}

.radio input {
    width: 24px;
    min-width: 24px;
    height: 24px;
    margin-right: 7px;

    appearance: none;
    -webkit-appearance: none;

    border: 1.33px solid #1D1D1B;
    border-radius: 50%;
    background: transparent;
    cursor: pointer;
    position: relative;
}

/* точка внутри при checked */
.radio input:checked::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 12px;
    height: 12px;
    background: #1D1D1B;
    border-radius: 50%;
    transform: translate(-50%, -50%);
}


.white__bg{
	background-color: #ffffff;
}

.booking-content{
	padding: 60px 0px 60px 0px;

}

.bcontent__img-top{
	max-width: 67px;
	margin: 0px
	auto
}

.bcontent__dtext{
	margin: 72px auto 45px auto;
	max-width: 400px;
	width: 100%;
	font-family: Mulish;
	font-weight: 400;
	font-style: Regular;
	font-size: 48px;
	line-height: 110%;
	letter-spacing: 0%;

}
.bcontent__dtext span{
	display: block;
	text-align: right;
	font-family: Phosphate;
	font-weight: 400;
	font-style: Solid;
	font-size: 64px;
	line-height: 110%;
	letter-spacing: 0%;
}

.bcontent__black-box{
	 background-color: #1D1D1B;
    border-radius: 35px;
    padding: 23px;
    height: 146px;
    font-family: Mulish;
	font-weight: 400;
	font-style: Regular;
	font-size: 40px;
	line-height: 110%;
	letter-spacing: 0%;
	display: flex;
	color: #fff;
	margin-bottom: 43px;
	align-items: center;
}

.bcontent__black-box span{
font-family: Mulish;
font-weight: 700;
font-style: Bold;
font-size: 40px;
leading-trim: NONE;
line-height: 110%;
letter-spacing: 0%;
position: relative;
}


.bcontent__black-box span::before{
	content: "";
	background-image: url("/img/line_img-mid.png");
    position: absolute;
    right: -50px;
    bottom: -15px;
    width: 353px;
    height: 78px;
}

.bcontent__black-box-inner{
	margin: 0px auto;
}


.bcontent__krem-box{
	background-color: #F8EFE1;
    border-radius: 35px;
    padding:  56px 56px 16px 56px;
}

.bcontent__krem-inner{
	margin-left: 20%;
}

.bcontent__krem-inner span{
	font-family: Mulish;
font-weight: 800;
font-style: ExtraBold;
font-size: 40px;
line-height: 110%;

}

.bcontent__krem-inner .bcontent__text{
	font-family: Mulish;
	font-weight: 400;
	font-style: Regular;
	font-size: 24px;
	line-height: 110%;
	letter-spacing: 0%;
	margin-left: 70px;
	color: #010101;
	margin-bottom: 46px;
}

.bcontent__text{
	font-family: Mulish;
font-weight: 400;
font-style: Regular;
font-size: 24px;
line-height: 110%;
letter-spacing: 0%;
max-width: 430px;
margin: 0px auto 60px auto;
}

.bcontent__img{
	max-width: 770px;
	margin: 0px auto 48px auto;
}

.bcontent__logo{
	max-width: 333px;
	margin: 0px auto 85px auto;
}

.bcontent__text.mb-20{
	margin-bottom: 20px;
}

.bcontent__text-bottom{
	font-family: Mulish;
font-weight: 700;
font-style: Bold;
font-size: 40px;
leading-trim: NONE;
line-height: 110%;
letter-spacing: 0%;
text-align: center;
position: relative;
}

.bcontent__text-bottom span::before{
	content: "";
	background-image: url("/img/line_img-big.png");
    position: absolute;
    left: 50%;
    margin-left: -195px;
    bottom: -18px;
    width: 370px;
    height: 126px;
}


.bfooter{
	background-color: #1E1F1D;
	min-height: 663px;
	border-radius: 45px 45px 0 0 / 30px 30px 0 0;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}

.krem__bg{
	background-color: #F8EFE1;
}

.logo_white{
	text-align: center;
	font-family: Mulish;
font-weight: 700;
font-style: Bold;
font-size: 20px;
line-height: 110%;
letter-spacing: 0%;

}

.logo_white strong{
	text-align: center;
}

.bfooter__logo{
	max-width: 333px;
	margin-bottom: 15px;
}


.logo_white span{
	position: relative;
}

.logo_white span::before{
	content: "";
	background-image: url("/img/line_img.png");
    position: absolute;
    right: -50px;
    bottom: -15px;
    width: 181px;
    height: 52px;
}

.logo_white span::before{
	content: "";
	background-image: url("/img/line_img.png");
    position: absolute;
    right: -50px;
    bottom: -15px;
    width: 181px;
    height: 52px;
}


.bcontent__text.text-center{
	text-align: center;
}







   .booking_adv-item.booking_adv-item2::before {
        bottom: 20px;
        
        top: inherit;
    }

   .booking_adv-item.booking_adv-item4::before {
        bottom: 20px;
        
        top: inherit;
    }



   .booking_adv-item.booking_adv-item5::before {
        bottom: 20px;
        
        top: inherit;
    }


 .booking_adv-item.booking_adv-item6::before {
        bottom: 20px;
        
        top: inherit;
    }
























@media (max-width: 992px) {

.header__inner{
    height: 163px;
}


.booking__title-s {
    font-size: 30px;
}
.booking__title {
    font-size: 35px;
}

.mb-10 {
    margin-bottom: 5px;
}
.mb-70 {
    margin-bottom: 25px;
}


.booking_adv-item{
    border-radius: 25px;
    padding: 20px 41px;
    margin-bottom: 5px;
    font-size: 24px;
}

.booking_adv-item::before {
    width: 41px;
    height: 41px;
    top: 21px;
    right: 29px;
}

.booking_adv-item strong{
    font-size: 24px;
}


.booking_adv-item1{
    min-height: 236px;
    padding-top: 75px
}
.booking_adv-item2{
    min-height: 167px;
    padding-top: 40px;
}
.booking_adv-item3{
    min-height: 150px;
    padding-top: 57px;
    padding-left: 33px;
}
.booking_adv-item4{
    min-height: 153px;
    padding-top: 26px;
    padding-left: 33px;
}
.booking_adv-item.booking_adv-item5{
    min-height: 95px;
    padding-top: 21px;
    padding: 20px 33px;
    line-height: 100%;
}
.booking_adv-item6{
    min-height: 110px;
}



.booking_adv-inner{
    width: 100%;
    margin-bottom: 11px;
}



.reg-left label,
.reg-right label {
    margin-bottom: 23px;
    font-size: 15px;

}

.radio-block {
    margin-bottom: 25px;
}

.radio-block .label {
    font-size: 15px;
    margin-bottom: 10px;
}

.radio-block-inner .radio{
    gap: 3px;
   font-size: 15px;

}
.radio input {
    width: 18px;
    min-width: 18px;
    height: 18px;
    margin-right: 5px;
}

.checkbox-block span {
    font-size: 15px;
}

.reg-btn {
    background: #000;
    color: #fff;
    border-radius: 23px;
    cursor: pointer;
    font-family: Phosphate;
    font-weight: 400;
    font-style: Solid;
    font-size: 15px;
    max-width: 280px;
    height: 46px;

}


.reg-form form {
    gap: 38px 60px;
}

.booking-content {
    padding: 28px 0px 50px 0px;
}

.bcontent__dtext{
    margin: 51px auto 18px auto;
    font-size: 30px;
    max-width: 230px;
}
.bcontent__dtext span{
    font-size: 35px;
}

.bcontent__black-box {
    border-radius: 25px;
    padding: 23px;
    height: 111px;
    font-size: 30px;
    margin-bottom: 18px;
}

.bcontent__black-box span {
    font-size: 30px;
}

.bcontent__black-box span::before{
    background-size: 100%;
    background-repeat: no-repeat;
    width: 253px;
    right: -30px;
    bottom: -35px;
}

.bcontent__krem-box {
    border-radius: 25px;
    padding: 30px;
}

.bcontent__krem-inner span {
    font-size: 30px;
}

.bcontent__krem-inner .bcontent__text {
    font-size: 20px;
    margin-left: 70px;
    margin-bottom: 42px;
}



    .booking_adv-item.booking_adv-item4::before {
        bottom: 30px;
        right: 29px;
        top: inherit;
    }


    .bcontent__text:nth-of-type(2) {
    margin-bottom: 10px;
}

.bcontent__text {
    font-size: 20px;
    max-width: 360px;
    margin: 36px auto 57px auto;
}

.bcontent__img {
    max-width: 540px;
    margin: 0px auto 42px auto;
}

.bcontent__logo {
    margin: 0px auto 19px auto;
}


.bcontent__text-bottom {
    font-size: 30px;
}

.bcontent__text-bottom span::before {
    left: 50%;
    margin-left: -30px;
    bottom: -50px;
    width: 288px;
    background-size: 100%;
    background-repeat: no-repeat;

}








   
}







.reg-left label, .reg-right label{
	margin-bottom: 35px;
}

.radio-block{
	margin-bottom: 17px;
	text-transform: uppercase;
}

 .reg-right .radio-block-inner label, .checkbox-block.radio {
margin-bottom: 0px;
text-transform: none;
}

.bcontent__krem-inner .bcontent__text{
	line-height: 140%;
}

.bcontent__text{
	line-height: 130%;
}

.logo_white{
	color: #ffffff;
}







@media (max-width: 576px) {

.header__inner{
    height: 80px;
}


.header__inner-img {
    max-width: 123px;
}

.booking__title-s {
    font-size: 8px;
}
.booking__title {
    font-size: 13px;
}

.mb-10 {
    margin-bottom: 5px;
}
.mb-70 {
    margin-bottom: 21px;
}


.booking_adv-item{
    border-radius: 25px;
    padding: 20px 15px;
    margin-bottom: 3px;
    font-size: 12px;
}

.booking_adv-item::before {
    width: 19px;
    height: 19px;
    top: 12px;
    right: 15px;
}

.booking_adv-item strong{
    font-size: 12px;
}


.booking_adv-item1{
    min-height: 161px;
    padding-top: 42px
}
.booking_adv-item2{
    min-height: 112px;
    padding-top: 40px
}
.booking_adv-item3{
    min-height: 102px;
    padding-top: 42px
    padding-left: 16px;
}
.booking_adv-item4{
    min-height: 104px;
    padding-top: 17px
    padding-left: 16px;
}
.booking_adv-item.booking_adv-item5{
    min-height: 62px;
    padding-top: 21px;
    padding: 20px 18px 12px 16px;
    line-height: 100%;
}
.booking_adv-item6{
    min-height: 63px;
}



.booking_adv-inner{
    width: 100%;
    margin-bottom: 11px;
}


.bcontent__krem-inner {
    margin-left: 10%;
}

.booking_adv-block {
    gap: 4px;
}


.reg-form input[type="text"], .reg-form input[type="email"] {
    margin-top: 0;
}


.reg-form form {
    display: flex;
    flex-direction: column;
    gap: 40px; 
}

.reg-left,
.reg-right {
    display: flex;
    flex-direction: column;
    gap: 16px;
}


.reg-form{
        padding: 40px 0px;
}



.reg-left label,
.reg-right label {
    margin-bottom: 20px;
    font-size: 12px;

}

.radio-block {
    margin-bottom: 12px;
}

.radio-block .label {
    font-size: 15px;
    margin-bottom: 10px;
}

.radio-block-inner .radio{
    gap: 3px;
   font-size: 12px;

}
.radio input {
    width: 18px;
    min-width: 18px;
    height: 18px;
    margin-right: 5px;
}

.checkbox-block span {
    font-size: 11px;
}

.reg-btn {
    border-radius: 16px;
    font-size: 13px;
    max-width: 198px;
    height: 37px;

}


.reg-form form {
    gap: 30px;
}


.bcontent__img-top {
    max-width: 38px;
    margin: 0px auto;
}


.booking-content {
    padding: 28px 0px 18px 0px;
}

.bcontent__dtext{
    margin: 10px auto 10px auto;
    font-size: 16px;
    max-width: 210px;
}
.bcontent__dtext span{
    font-size: 35px;
}

.bcontent__black-box {
    border-radius: 15px;
    padding: 18px;
    height: 61px;
    font-size: 12px;
    margin-bottom: 7px;
}

.bcontent__black-box span {
    font-size: 12px;
}

.bcontent__black-box span::before{
    width: 87px;
    right: -20px;
    bottom: -15px;
    height: 34px;
}

.bcontent__krem-box {
    border-radius: 25px;
    padding: 30px;
}


.bcontent__krem-inner {
    margin-bottom: 5px;
}

.bcontent__krem-inner span {
    font-size: 16px;
}

.bcontent__krem-inner .bcontent__text {
    font-size: 12px;
    margin: 5px auto 25px 25px;
}



.reg-left label, .reg-right label {
    margin-bottom: 25px;
}





   .booking_adv-item.booking_adv-item2::before {
        bottom: 13px;
        right: 15px;
        top: inherit;
    }



    .booking_adv-item.booking_adv-item4::before {
        bottom: 13px;
        right: 15px;
        top: inherit;
    }


      .booking_adv-item.booking_adv-item5::before {
        bottom: 20px;
        right: 15px;
        top: inherit;
    }


          .booking_adv-item.booking_adv-item6::before {
        top: 30px;
     
    }


    .bcontent__text:nth-of-type(2) {
    margin-bottom: 10px;
}

.bcontent__text {
    font-size: 12px;
    max-width: 230px;
    margin: 24px auto 28px auto;
}

.bcontent__img {
    max-width: 215px;
    margin: 0px auto 42px auto;
}

.bcontent__logo {
    margin: 0px auto 19px auto;
    max-width: 123px; 
}

.bcontent__text.mb-20 {
    margin-bottom: 10px;
}


.bcontent__text-bottom {
    font-size: 12px;
}

.bcontent__text-bottom span::before {
    left: 50%;
    margin-left: 10px;
    bottom: -5px;
    width: 87px;
    height: 34px

}




.bfooter {
    min-height: 360px;
    border-radius: 20px 20px 0 0 / 12px 12px 0 0;
}

.bfooter__logo {
    max-width: 122px;
    margin-bottom: 10px;
}


.logo_white {
    font-size: 12px;
}


.logo_white span::before {
    right: -5px;
    bottom: -15px;
    width: 87px;
    height: 33px;
    background-size: 100%;
    background-repeat: no-repeat;
}


   
}