.header{
    padding-top: 41px;
}
.header__inner {
    display: flex;
    justify-content: space-between;
}
.header-bg{
    background-image: url('../images/top-mask.png');
    background-repeat: no-repeat;
    background-color: #638DFF;
    /* #638DFF, #638DFF00 */

    fill: rgba(255, 255, 255, 0.12);
}
/* .more-btn{
    display: none;
} */
.slick-slide.more-btn{
    display: none !important;
}
.logo {
    display: inline-flex;
    gap: 16px;
}


.logo-icon {
    width: 56px;
height: 55px;
border-radius: 44px;
background: linear-gradient(113deg, #7C68CB 17.58%, #C968CB 103.43%);


}
.logo-name {
    margin: auto 0;
    color: #464646;
    font-size: 34px;
    font-weight: 700;
    text-transform: uppercase;
}
.header__menu {
    margin: auto 0;
}
.header__menu-list {
    display: flex;
    gap: 25px;
}
.header__menu-item {
    color: #676E74;
font-size: 16px;
font-weight: 500;
transition: all .3s;
/* padding-bottom: 12px; */
border-bottom: 1px solid transparent;
}
.header__menu-item:hover {
    color: #464646;
   
    border-bottom: 1px solid #7C68CB;
}
.header__btn {
    max-width: 119px;
    width: 100%;
    border: none;
   
    color: #FFF;
font-size: 18px;
font-weight: 500;
padding: 14px 21px 15px 43px;
border-radius: 44px;
background: linear-gradient(113deg, #7C68CB 17.58%, #C968CB 103.43%);
position: relative;
cursor: pointer;
}
.header__btn::before{
    position: absolute;
    content: "";
    background-image: url('../images/icons/come-in.png');
    width: 17px;
    height: 17px;
    left: 19px;
    top: 50%;
    transform: translateY(-50%);
}
.top {
    padding-top: 35px;
}
.top__inner {
    display: flex;
    justify-content: space-between;
}
.top__content {
    display: flex;
    flex-direction: column;
}
.top__title {
    color: #464646;
    font-size: 32px;
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: 25px;
    max-width: 573px;
    width: 100%;
}
.top__text {
    color: #676E74;
    font-size: 20px;
    font-weight: 400;
    max-width: 510px;
    width: 100%;
    margin-bottom: 40px;
}
.top__selects {
    display: flex;
    gap: 19px;
    position: absolute;

    width: 710px;

    margin-bottom: 25px;
}

.top__select{
    max-width: 345px;
    width: 100%;
    min-height: 70px;
    width: 100%;
}

.top__btn{
    padding: 23px 68px 23px 40px;
    max-width: 345px;
    width: 100%;

    color: #FFF;
    border-radius: 44px;
    background: linear-gradient(113deg, #7C68CB 17.58%, #C968CB 103.43%);
    font-size: 22px;
    margin-top: 95px;
    font-weight: 600;
    cursor: pointer;
    border: none;
    position: relative;

    margin-bottom: 30px;
}
.top__btn::after{
   position: absolute;
   content: "";
   background-image: url('../images/icons/btn-arr.png');
   background-repeat: no-repeat;
   width: 15.556px;
height: 14px;
right: 31.44px;
top: 50%;
transform: translateY(-50%);
}

.top__image{
    position: relative;
    z-index: 1;
    margin-bottom: -70px;
}

.top__image-item {
    display: flex;
    gap: 12px;
    background-repeat: no-repeat;
    padding: 21px 21px 41px 27px;
    fill: rgba(255, 255, 255, 0.80);
stroke-width: 2px;
stroke: #FFF;
}
.top__image-item p{
    color: #464646;
    font-size: 16px;
    font-weight: 600;
    line-height: 93.615%; 
}
.top__image-item span{
    color: #7C68CB; 
    padding-left: 4px;
}

.top__image-item--square{
    position: absolute;
    background-image: url('../images/icons/square-bg.png');
    top: 130px;
    left: 26px;
    z-index: 888;
    width: 188px;
    height: 95px;
}
.top__image-item--office{
    background-image: url('../images/icons/office-bg.png');
    position: absolute;
    top: 85px;
    width: 195px;
    height: 88px;
    left: 535px;
}
.top__image-item--kafe{
    background-image: url('../images/icons/kafe-bg.png');
    position: absolute;
    width: 255px;
    height: 100px;
    left: 433px;
    bottom: 177px;
}

.top__baners {
/* position: absolute;
bottom: 25px; */
margin-bottom: -25px;
z-index: 77777;

    display: flex;
    gap: 20px;
}
.top__baners-item {
    /* max-width: 345px !important;
    width: 100%; */
    /* padding: 33px 21px 27px 38px; */
    z-index: 5;
    display: flex;
    justify-content: space-between;
    border-radius: 22px;
    border: 2px solid #FFF;
    background: linear-gradient(136deg, rgba(255, 255, 255, 0.96) 38.9%, rgba(255, 246, 255, 0.96) 90.93%);
    box-shadow: 0px 4px 33px 0px rgba(208, 214, 236, 0.25);
    backdrop-filter: blur(12.5px);
}
.top__baners-content {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.top__baners-item h4 {
    color: #464646;
font-size: 18px;
font-weight: 600;
line-height: 109.02%;
}
.top__baners-item p {
    color: #676E74;
font-size: 14px;
font-weight: 400;
}


.top__baners-item--guarantee p{
    max-width: 193px;
    width: 100%;
}

.top__baners-item--guarantee{
    padding: 33px 24.88px 27px 36px;
}
.top__baners-item--calendar{
    padding: 33px 21px 27px 38px;
}
.top__baners-item--price{
    padding: 33px 21px 27px 38px;
}
.top__baners-item--calendar p{
    max-width: 182px;
    width: 100%;
}
.top__baners-item--price p{
    max-width: 201px;
    width: 100%;
}

.top__baners-item--message{
    padding: 33px 21px 27px 37px;
}
.top__baners-item--message p{
    max-width: 214px;
    width: 100%;
}
.top__baners-image {
    margin: auto 0;
}


.recommendation {
    margin-bottom: 23px;
    padding-top: 97px;
    background-image: url('../images/recommendation-bg.png');
    background-color: rgba(255, 255, 255, 0.12);
    background-repeat: no-repeat;
}
/* .recommendation-bg{
    padding-top: 97px;
    background-image: url('../images/recommendation-bg.png');
    background-color: #fff2f8;
    background-repeat: no-repeat;
} */
.recommendation__title {
    margin-bottom: 29px;
}

.recommendation__inner {
    display: flex;
    gap: 20px;
}
.slider__item {
    transition: all .3s;
    border-radius: 22px;
    display: flex;
    flex-direction: column;
    max-width: 345px;
    width: 100%;
    border: 1px solid #EFE8E8;
    background: linear-gradient(0deg, #FFF -20.3%, rgba(255, 255, 255, 0.00) 43.16%);
}
.slider__item:hover {
    background: rgba(32, 30, 52, 0.70);
}
.slider__item-image-wrapper img{
    transition: all .3s;
}
.slider__item:hover .slider__item-image-wrapper img{
    opacity: 0.5;
}
/* .recommendation__item-image img{
    background-image: rgba(32, 30, 52, 0.70);
    opacity: 0.5;
}    */
.slider__item:hover .slider__item-play{
   display: block;
}
.slider__item:hover .slider__item-btn{
    display: flex;
 }
 .slider__item:hover .slider__item-icons-item{
    border: 1px solid transparent;
    background: none;
}
.slider__item-play{
    display: none;
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 7777777777777777777;
    transform: translate(-50%, -50%);
}
.slider__item-btn{
    position: absolute;
    left: 50%;
    display: flex;
    top: 50%;
    justify-content: center;
    transform: translate(-50%, -50%);
    display: flex;
    gap: 10px;

    border-radius: 44px;
    background: linear-gradient(113deg, #7C68CB 17.58%, #C968CB 103.43%);
    display: none;
    align-items: center;
    max-width: 160px;
    width: 100%;
    height: 40px;
}
.slider__item-btn span{
    color: #FFF;
    font-size: 15px;
    font-weight: 600;
}


.slider__item-image {
    border-radius: 22px;
position: relative;
}
.slider__item-image img{
  object-fit: cover;
}
.slider__item-image-position {
    position: absolute;
    display: flex;
    gap: 4px;
    padding: 3px 9px 4px 9px;
    border-radius: 22px;
    opacity: 0.6;
    background: #121212;
    top: 11px;
    left: 14px;
    backdrop-filter: blur(11px);
}
.slider__item-image-position svg {
    margin: auto 0;
}
.slider__item-image-position span{
    color: #FFF;
    opacity: 1;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
}

.slider__item-image-star {
    position: absolute;
    display: flex;
    gap: 5px;
    padding: 4px 8px 4px 7px;
    border-radius: 22px;
    opacity: 0.6;
    background: #121212;
    right: 15px;
    top: 11px;
    backdrop-filter: blur(11px);
}
.slider__item-image-star svg{
    margin: auto 0;
}
.slider__item-image-star span{
    color: #FFF;
    font-size: 12px;
    font-weight: 400;
}
.slider__item-content {
    padding: 20px 15px 25px 20px;
}
.slider__item-content h4{
    color: #464646;
font-size: 18px;
font-style: normal;
font-weight: 600;
margin-bottom: 15px;
}
.slider__item-content p {
    color: #676E74;
    font-size: 13px;
    font-weight: 400;
    margin-bottom: 18px;

    max-height:100px;
    overflow:hidden;
    position: relative;
}
.slider__item-content p::after {
    content:"";
    display:block;
    height:20px;
    position:relative;
    top:80px;
    background-image:linear-gradient(to bottom, rgba(255, 255, 255, 0), #fff 75%)
}
.slider__item-icons {
    position: relative;
    display: flex;
    justify-content: space-between;
    margin-bottom: 19px;
    gap: 2.5px;
}
.slider__item-icons-item {
    max-width: 73.515px;
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    border-radius: 22px;
    border: 1px solid #EFE8E8;
    background: linear-gradient(0deg, #FFF -20.3%, rgba(255, 255, 255, 0.00) 43.16%);
    padding: 13px 10px 9px;
}
.slider__item-icons-item svg{
  margin: 0 auto;
}
.slider__item-icons-item span{
    text-align: center;
    color: #464646;
    font-size: 14px;
    font-weight: 600;
}
.slider__item-price {
    color: #7C68CB;
    font-size: 20px;
    font-weight: 700;
}

.top__baners-image--price {
    position: relative;
}
.top__baners-image--price::before{
    position: absolute;
    content: "";
    width: 30px;
height: 27.122px;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
flex-shrink: 0;
background-repeat: no-repeat;
background-image: url('../images/icons/rubl.png');
}




.footer {
    padding: 53px 0 60px;
    background: #704DC2;
}
.footer__inner {
    display: flex;
    justify-content: space-between;
}
.footer__menu-inner{
    display: flex;
    gap: 78px;
}
.footer__column {
    display: flex;
    flex-direction: column;
    gap: 21px;
}
.footer__column-logo{
    max-width: 320px;
    width: 100%;
}
.footer__logo {
    margin-bottom: 44px;
}
.footer__logo-icon {
    background: #FAFBFD;
}
.footer__logo-name {
    color: #FAFBFD;
}
.footer__text {
    color: #FFF8FF;
font-size: 13px;
font-weight: 400;
line-height: 155.827%;
}
.footer__title {
    color: #FFF8FF;
    font-size: 18px;
    font-weight: 600;
}
.footer__list {
    display: flex;
    flex-direction: column;
    gap: 20px;
}
.footer__link {
    color: #FFF8FF;
    font-size: 13px;
    font-weight: 400;
    line-height: 271.365%;
}
.footer__contacts {
    display: flex;
    flex-direction: column;
    gap: 20px;
}
.footer__contacts p {
    color: #FFF8FF;
    font-size: 13px;
    font-weight: 400;
    line-height: 155.827%;
}

.map {
    margin-top: 23px;
    margin-bottom: 65px;
    position: relative;
    max-width: 100%;
    width: 100%;
    min-height: 210px;
    height: 100%;
    background-image: url('../images/map-bg.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    border-radius: 22px;
}
.map-bg{
   
border: 2px solid #FFF;

background: url(<path-to-image>), lightgray -578px -35.406px / 140.223% 154.875% no-repeat;

box-shadow: 0px 4px 33px 0px rgba(208, 214, 236, 0.25);
backdrop-filter: blur(12.5px);
}

.map__btn {
    position: absolute;
    top: 120px;
    left: 50%;
    padding: 13px 34px !important;
    transform: translateX(-50%);

    width: 250.714px;
    height: 45px;
}
.map__btn .btn:before{
        right: 33px;
}

.types {
    /* background: linear-gradient(23deg, #E2F6F5 6.63%, #E2E4F6 88.3%); */
    margin-bottom: 70px;
}
.types__title {
    margin-bottom: 40px;
}
.types__inner .slick-arr {
    top: -78px;
}
.types__inner {
    display: flex;
    gap: 20px;
}
.types__item {
    max-width: 273px;
    width: 100%;
    min-height: 251px;
    height: 100%;
    display: flex;
    flex-direction: column;
    border-radius: 22px;
    border: 2px solid #FFF;
    /* background-color: red; */
    background: linear-gradient(136deg, rgba(255, 255, 255, 0.96) 38.9%, rgba(255, 246, 255, 0.96) 90.93%);
    box-shadow: 0px 4px 33px 0px rgba(208, 214, 236, 0.25);
    backdrop-filter: blur(12.5px);

    padding-top: 55px;
}
.types__item-image {
    margin: 0 auto;
    display: flex;
    justify-content: center;
    align-items: center;

    height: 111px;
    margin-bottom: 30px;
}
.types__name {
    text-align: center;
    color: #464646;
    font-size: 18px;
    font-weight: 600;
    line-height: 109.02%;
}
.children-holidays__title{
    margin-bottom: 29px;
}

.selection {
    margin-bottom: 70px;
    margin-top: 65px;
}
.selection-bg {
    background: #704DC2;
    border-radius: 22px;
}

.select-btn{
    width: 320px;
height: 70px;
margin-top: 0;
padding: 15px 45px 15px 15px;
}
.selection__inner {
    background-image: url('../images/form-bg.png');
    
    padding: 53px 41px 48px 45px;
    display: flex;
    justify-content: space-between;
}
.selection__inner-textbox{
    display: flex;
    flex-direction: column;
    gap: 27px;
    max-width: 607px;
    width: 100%;
}
.selection__title {
    color: #FFF;
    font-size: 32px;
    font-weight: 700;
    text-transform: uppercase;
}
.selection__text {
    color: #FFF;
    font-size: 18px;
    font-weight: 400;
}
.selection__form {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap:  25px 19px;
}
.form__select{
    width: 320px;
}

.form__select .dropdown-btn {
    display: flex;
    height: 70px;
    align-items: center;
    justify-content: start;
}
.form__select-input{
    color: #676E74;
    font-size: 18px;
    font-weight: 400;
    width: 100%;
    position: relative;
    height: 70px;
}
.form__select-input input{
    text-align: left;
    outline: none;
    cursor: pointer;
    padding: 24px 31px 25px 57px;
    appearance: none;
  
    border-radius: 44px;
    border: 2px solid #FFF;
    background: #FFF;
    position: relative;
}
.form__select-input::after{
    position: absolute;
    content: "";
    background-image: url('../images/icons/phone.png');
    width: 20px;
    height: 20px;
    top: 50%;
    transform: translateY(-50%);
    left: 26px;
}
.top__select {
}
.dropdown {
    color: #EFE8E8;
}
.photo-studios{
    margin-bottom: 65px;
}
.photo-studios__title{
    margin-bottom: 29px;
}

.connection {
    border-radius: 22px;
    margin-bottom: 65px;
}
.connection-kard {
    margin-bottom: 50px;
}
.connection__inner {
    padding: 53px 47px 66px 55px;
    border-radius: 22px;
    border: 2px solid #E5E1F6;
    background: linear-gradient(136deg, rgba(255, 255, 255, 0.96) 38.9%, rgba(255, 246, 255, 0.96) 90.93%);
    display: flex;
    gap: 18px
    
    
    ;
    justify-content: space-between;
}
.connection__content {
    display: flex;
    flex-direction: column;
    max-width: 460px;
    width: 100%;
}
.connection__title {
    margin-bottom: 29px;
}
.connection__textbox {
    display: flex;
    flex-direction: column;
    gap: 20px;
}
.connection__buttons {
    display: flex;
    gap: 12px;
    margin-top: 36px;
}
.connection-btn {
    width: 211px;
    height: 50px;
    padding: 16px 31px;
    font-size: 16px;
    font-weight: 600;
    margin-top: 0;
}

.btn-search {
    width: 197px;
    height: 50px;
    color: #464646;
    font-size: 16px;
    border-radius: 44px;
    border: 2px solid #8F69CC;
    font-weight: 600;
    display: flex;
    justify-content: center;
    align-items: center;
}
.connection__stages {
    display: flex;
    gap: 20px;
}
.connection__stages-item {
    border-radius: 22px;
    border: 1px solid #E8E0E0;
    background: linear-gradient(0deg, #FFF -20.3%, rgba(255, 255, 255, 0.00) 43.16%);
    
    width: 254px;
    min-height: 271px;
    height: 100%;
    padding-top: 40px;
    display: flex;
    flex-direction: column;
    position: relative;
}
.connection__stages-image {
    display: flex;
    justify-content: center;
    align-items: center;
    /* margin-bottom: 30px; */
}
.connection__stages-name {
    color: #4F5459;
    text-align: center;
    font-size: 18px;
    font-weight: 500;
width: 100%;
    max-width: 131px;
    position: absolute;
    bottom: 50px;
    left: 50%;
    transform: translateX(-50%);
}

.platforms__title{
    margin-top: 46px;
    margin-bottom: 15px;
}
.platforms__all{
    color: #464646;
    font-size: 16px;
    font-weight: 500;
}
.platforms__selects{
    margin-top: 20px;
    display: flex;
    justify-content: space-between;
}
.platforms__select{
    /* max-width: 232px; */
    max-width: 245px;
    height: 60px;
    width: 100%;
}
.platforms__select .dropdown-btn{
    /* padding: 21px 26px 21px 52px; */
    padding: 21px;
    border-radius: 44px;
    border: 2px solid #EFEFEF;
    background: #FFF;
    height: 60px;
    display: flex;
    align-items: center;
    gap: 10px;
}
.platforms__select .dropdown-arr{
    right: 21px;
}
.platforms__btn{
    display: flex;
    justify-content: center;
    gap: 7px;
    color: #FFF;
    font-size: 18px;
    height: 60px;
    align-items: center;
    font-weight: 500;
    padding: 15px 21px 15px 19px;
    border: none;
    max-width: 205px;
    width: 100%;
    cursor: pointer;
    margin: auto 0;
    border-radius: 44px;
    background: linear-gradient(113deg, #7C68CB 17.58%, #C968CB 103.43%);
}
.platforms__select .dropdown__list{
    border: 2px solid #EFEFEF;
    padding: 44px 16px 16px;
    top: 30px;
    z-index: 1;
}
.platforms__btn svg{
    margin: auto 0;
}
.platforms__select .dropdown-btn::before{
    display: none;
}

.platforms__inner{
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-gap: 20px;
    margin-bottom: 45px;
}

.pagination {
    display: flex;
    justify-content: space-between;
    margin-bottom: 35px;
}
.pagination__btn {
    color: #464646;
    font-size: 18px;
    font-weight: 500;
    background-color: transparent;
    border: none;
    cursor: pointer;
}
.pagination__content {
}
.pagination__info {
    color: #464646;
    font-size: 18px;
    font-weight: 400;
}
.pagination__info span {
    font-weight: 600;
}
.pagination__content{
    display: flex;
    gap: 24px;
}
.pagination__list{
    display: flex;
    gap: 5px;
}
.pagination__item{
    padding: 10px 16px 12px;
    border-radius: 6px;
    color: #464646;
    font-size: 18px;
    font-weight: 400;
    border: 1px solid #EDF6FA;
    background: #FFF;
    cursor: pointer;
}
.pagination__item--active{
    border: 1px solid #7C68CB;
    color: #7C68CB;
}
.pagination-arr{
    border-radius: 6px;
    border: 1px solid #7C68CB;
    background: #FFF;
    padding: 17px;
    cursor: pointer;
}
.pagination-arr:disabled{
    cursor: not-allowed;
    border: none;
}
.pagination-arr--disabled{
    cursor: not-allowed;
    border: none;
}

.card__images {
    display: flex;
    gap: 20px;
    margin-bottom: 28px;
}
.card__main-image {
    border-radius: 12px;
}
.card__main-image img{
    object-fit: cover;
    height: 436px;
    border-radius: 12px;
}
.card__images-box {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 20px 21px;
}
.card__images-box-item {
    border-radius: 12px;
    max-width: 220px;
    height: 132px;
    width: 100%;
}
.card__images-box-item img{
 height: 100%;
}
.card__images-box-item--link {
    background: linear-gradient(113deg, #7C68CB 17.58%, #C968CB 103.43%); 
    gap: 15px;
}
.card__images-box-item--link a{
    display: flex;
    width: 100%;
    height: 100%;
    flex-direction: column;
    justify-content: center;
    gap: 15px;
    align-items: center;
}
.card__images-box-item--link span {
    color: #FFF;
    text-align: center;
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    text-transform: uppercase;
}
.card__title {
    margin-bottom: 22px;
}
.card__subtitle {
    color: #676E74;
    font-size: 16px;
    font-weight: 400;
    margin-bottom: 17px;
}
.card__parameters {
    display: flex;
    gap: 15px;
    margin-bottom: 24px;
}
.card__parameters-item {
    border-radius: 19.318px;
    border: 1.61px solid #F5F5F5;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 144px;
height: 106px;
gap: 11px;
    padding: 17px 0 20.61px;
}
.card__parameters-item span {
    background: linear-gradient(113deg, #7C68CB 17.58%, #C968CB 103.43%);
    background-clip: text;
    font-size: 22px;
    font-weight: 600;
    -webkit-text-fill-color: transparent;
    -webkit-background-clip: text;
    -webkit-box-decoration-break: clone;
}
.card__parameters-item p {
    color: #464646;
    font-size: 18px;
    font-weight: 600;
}

.card__bottom-inner{
    margin-bottom: 11px;
    display: flex;
    justify-content: space-between;
}
.card__bottom-price{
    display: flex;
    margin-right: 41px;
    flex-direction: column;
    gap: 12px;
}
.card__bottom-price h2{
    color: #7C68CB;
    /* font-size: 44px; */
    font-size: 40px;
    margin: auto 0;
    text-align: center;
    font-weight: 700;
}
.card__bottom-selects{
    display: flex;
    gap: 10px;
    margin-right: 12px;
}
.card__bottom-selects .top__select{
    width: 290px;
    border-radius: 44px;
    border: 2px solid #EFEFEF;
    height: 60px !important;
}
.card__bottom-selects .dropdown__list {
    border: 2px solid #EFEFEF;
    /* z-index: -1; */
    z-index: 888888888888888 !important;
    border-top: none !important;
}
.platforms__select .dropdown__list {
    border: 2px solid #EFEFEF;
    padding: 44px 16px 16px;
    top: 38px;
    z-index: 9999999999998;
    border-top: none;
}


.card__bottom-selects .dropdown-btn {
    padding: 17px 31px 17px 65px;
}
.card__bottom-btn{
    /* padding: 22px 33px; */
    width: 247px;
    height: 60px;
    border-radius: 44px;
    background: linear-gradient(113deg, #7C68CB 17.58%, #C968CB 103.43%);
    color: #FFF;
    font-size: 14px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: 600;
    cursor: pointer;
    border: none;
}

.card__bottom-list {
    margin-bottom: 46px !important;
    display: flex;
}
.card__bottom-list-item {
    display: inline-block;
    color: #464646;
    font-size: 18px;
    font-weight: 600;
    position: relative;
}
.card__bottom-list-item + .card__bottom-list-item {
    padding-left: 24px;
}
.card__bottom-list-item + .card__bottom-list-item::before {
    color: #E6DEDE;
    font-size: 18px;
    position: absolute;
    content: "|";
    font-weight: 400;
    left: 9px;
}


.card-information__inner{
    display: flex;
    gap: 83px;
    position: relative;
    /* z-index: -2; */
    padding-bottom: 45px;
    border-bottom: 1px solid #ECE7E7;
}
.card-information__title {
    margin-bottom: 28px;
}
.card-information__cocntent {
    max-width: 678px;
    width: 100%;
    display: flex;
    flex-direction: column;
}
.card-information .subtitle {
    color: #464646;
    font-size: 20px;
    font-weight: 600;
    z-index: -2;
    position: relative;
}
.card-information__icon{
    padding: 23px 23px 26px 23px;
    background: linear-gradient(113deg, #7C68CB 17.58%, #C968CB 103.43%);
    border-radius: 50%;
    width: 65px;
    height: 65px;
}
.card-information__namebox {
    margin-top: 16px;
    margin-bottom: 26px;
    display: flex;
    gap: 18px;
}
.card-information__namecontent {
    display: flex;
    flex-direction: column;
}
.card-information__namecontent p{
    color: #676E74;
    font-size: 13px;
    margin-top: 3px;
    margin-bottom: 9px;
    font-weight: 400;
}
.card-information__name {
    color: #464646;
    font-size: 16px;
    font-weight: 600;
}
.card-information__rating {
    display: flex;
    gap: 10px;
}

.card-information__rating-numbers {
    color: #2D3643;
    font-size: 14px;
    font-weight: 300;
    line-height: 105.465%;
    margin: auto 0;
}
.card-information__rating-numbers span{
    font-size: 14px;
    font-weight: 700;
}
.card-information__textbox{
    border-bottom: 1px solid #ECE7E7;
    margin-top: 19px;
    margin-bottom: 40px;
    display: flex;
    flex-direction: column;
    gap: 23px;
    padding-bottom: 36px;
}
.card-information__text {
    color: #676E74;
    font-size: 16px;
    font-weight: 400;
    
}
.card-information__text span{
 text-transform: uppercase;
}
.card-information__text-more {
    color: #464646;
    font-size: 16px;
    display: contents;
    font-weight: 500;
}
.card-information__location {
    border-radius: 22px;
background: rgba(231, 231, 231, 0.15);
background-image: url('../images/location-bg.png');
background-repeat: no-repeat;
background-size: cover;
background-position: top center;
height: 152px;
}
.card-information__location-icon {
    /* position: absolute; */
    display: flex;
    justify-content: center;
    padding-top: 20px;
    margin-bottom: 22px;
}
.card-information__location p{
    color: #676E74;
    text-align: center;
    font-size: 20px;
    font-weight: 400;
    line-height: 74.655%;
}
.card-information__location span{
    font-size: 15px;
    font-weight: 600;
   display: flex;
   justify-content: center;
   align-items: center;
   margin-top: 4px;
}


.card-information__reviews {
    max-width: 678px;
    width: 100%;
}



.card-information__reviews-grade{
    display: flex;
    margin-bottom: 39.5px;
    gap: 56px;
    margin-top: 24.5px;

}
.card-information__reviews-grade-diagram{
    display: inline-block;
    position: relative;
    width: 174px;
    height: 174px;
}
.card-information__reviews-grade-diagram span{
    position: absolute;
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;

    /* display: flex;
    justify-content: center;
    align-items: center; */
    color: #676E74;
    font-size: 42.115px;
    font-weight: 700;
}
.card-information__reviews-grade-diagram::after{
    position: absolute;
    content: "";
    left: 0;
    top: 0;
    background-repeat: no-repeat;
    width: 100%;
    height: 100%;
    z-index: -1;
    background-image: url('../images/icons/diagram-bg.svg');
}
.card-information__reviews-grade-info {
    display: flex;
    flex-direction: column;
    gap: 29px;
    width: 100%;
}
.card-information__reviews-grade-item {
    position: relative;
    display: block;
    justify-content: end;
    /* padding-right: 15px; */
    display: flex;
}
.card-information__reviews-grade-item p{
    margin-right: 29px;
    color: #676E74;
    position: absolute;
    left: 0;
    font-size: 16px;
    font-weight: 400;
}
.card-information__reviews-grade-item span{
    color: #676E74;
    font-size: 16px;
    font-weight: 700;
}
.card-information__reviews-grade-line {
    border-radius: 22px;
    background: linear-gradient(113deg, #7C68CB 17.58%, #C968CB 103.43%);

    max-width: 222px;
    width: 100%;
    margin: auto 0;
    margin-right: 19px;
    height: 9px;
}

.reviews__inner {
    display: flex;
    flex-direction: column;
    gap: 29px;
    padding-bottom: 39px;
    margin-top: 16px;
    border-bottom: 1px solid #ECE7E7;
}
.reviews__item {
    display: flex;
    flex-direction: column;
}
.reviews__item-top {
    display: flex;
    justify-content: space-between;
}
.reviews__item-person {
    display: flex;
    gap: 18px;
}
.reviews__item-icon {
    border-radius: 50%;
    background-color: #F1EDED;
    width: 65px;
    height: 65px;
    /* display: flex;
    justify-content: center;
    align-items: center; */
    padding: 23px 23px 26px 23px;
}
.reviews__item-name {
    display: flex;
    flex-direction: column;
    gap: 3px;
    padding: 14px 0;
}
.reviews__item-name h6{
    color: #464646;
    font-size: 16px;
    font-weight: 600;
}
.reviews__item-name span{
    color: #676E74;
    font-size: 13px;
    font-weight: 400;
}
.reviews__inner-rating{
    display: flex;
    gap: 10px;
    margin-top: auto;
    padding-bottom: 14px;
}
.reviews__item-text {
    margin-top: 16px;
    color: #676E74;
    font-size: 13px;
    font-weight: 400;
    margin-bottom: 15px;
}
.reviews__item-data {
    color: #BEC5CB;
font-size: 13px;
display: block;
font-weight: 400;
}
.your-comment {
    display: flex;
    flex-direction: column;
}
.your-comment__title {
    margin-bottom: 11px;
}
.your-comment p{
    color: #BEC5CB;
    font-size: 13px;
    margin-bottom: 18px;
    font-weight: 400;
}
.your-comment__btn {
    width: 185px;
    height: 45px;
    border-radius: 44px;
    background: linear-gradient(113deg, #7C68CB 17.58%, #C968CB 103.43%);
    display: flex;
    justify-content: center;
    align-items: center;
    color: #FFF;
    font-size: 14px;
    font-weight: 600;
    border: none;
    cursor: pointer;
}

.photos-slider__title{
    margin-top: 35px;
    margin-bottom: 29px;
}
.photos-slider__title br{
    display: none;
}
.photos-slider__item{
    object-fit: cover;
    border-radius: 12px;
    /* max-width: 273px;
    height: 188px;
    width: 100%; */
    background: url(<path-to-image>), lightgray 50% / cover no-repeat;
}
.photos-slider{
    margin-bottom: 50px;
}

.types__inner .photos-slider__item{
    margin-right: 20px;
}
.see-more{
    margin-bottom: 75px;
}
.see-more__title {
    margin-bottom: 29px;
}
.see-more__inner {
    display: flex;
    gap: 20px;
}


.entrance {
    display: none;
   margin: 0 auto;
   position: relative;
    padding: 40px 83px 34px;
    border-radius: 22px;
    max-width: 1200px;
    width: 100%;
    height: 100vh;
    border: 2px solid #FFF;
    background: linear-gradient(136deg, rgba(255, 255, 255, 0.96) 38.9%, rgba(255, 246, 255, 0.96) 90.93%);
    box-shadow: 0px 4px 33px 0px rgba(208, 214, 236, 0.25);
    backdrop-filter: blur(12.5px);
}
.entrance__title {
    color: #464646;
    font-size: 22px;
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: 10px;
    text-align: center;
}
.entrance__text {
    margin-bottom: 25px;
    color: #676E74;
    font-size: 16px;
    font-weight: 400;
    text-align: center;
}
.entrance--password .entrance__input{
    max-width: 100%;
}
.entrance__input {
    padding: 19px 60px 19px 39px;
    max-width: 476px;
    width: 100%;
    height: 55px;
    color: #9FA6AD;
    border-radius: 44px;
    border: 2px solid #FFF; 
    background: #FFF;
    font-size: 15px;
    font-weight: 400;
    display: block;
    margin: 0 auto 20px;
}
.entrance-label {
    margin: 0 auto 20px;
    max-width: 260px;
    width: 100%;
    display: flex;
    justify-content: space-between;
    position: relative;

}
.entrance-label p{
    /* position: absolute;
    right: 33px; */
    color: #676E74;
    font-size: 13px;
    font-weight: 400;
    /* padding-left: 33px; */
}

.entrance__btn {
    width: 182px;
    height: 55px;
    border-radius: 44px;
    background: linear-gradient(113deg, #7C68CB 17.58%, #C968CB 103.43%);
    color: #FFF;
    font-size: 18px;
    font-weight: 600;
    display: flex;
    justify-content: center;
    margin: 0 auto 25px;
    cursor: pointer;
    align-items: center;
    border: none;
}
.entrance__link {
    display: block;
    margin: 0 auto;
    font-size: 16px;
    font-weight: 400;
    background-color: transparent;
    border: none;
    cursor: pointer;
    text-decoration-line: underline;
}
.entrance__inputs{
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin-bottom: 15px;
}
.entrance__inputs .entrance__input{
    margin-bottom: 0;
}
.entrance__close{
    position: absolute;
  top: 23px;
  cursor: pointer;
  right: 24px;
}
.entrance--only{
    display: none;
}



.password {
	position: relative;
}
.password-control {
	position: absolute;
	top: 22px;
	right: 34px;
	display: inline-block;
	width: 19px;
height: 12px;
/* width: 30px;
height: 17px; */
	background-image: url('../images/icons/password-hidden.png');
    background-repeat: no-repeat;
}
/* .password-control .view {
    background-image: url('../images/icons/password.png');
} */

.view {
    background-image: url('../images/icons/password.png');
}