.card-banner-sec{

}

.card-banner-block{
	position: relative;
}

.card-banner-bg{
	position: absolute;
	z-index: 1;
	left: 0;
	width: 100vw;
	top: 0;
	bottom: 0;
	background: var(--beige);
}

.card-banner-icon{
	position: absolute;
	z-index: 2;
	display: flex;
	align-items: center;
	justify-content: center;
	right: -206px;
	top: 0;
}

.card-info-cont{
	display: flex;
	align-items: flex-end;
	justify-content: flex-end;
	position: relative;
	z-index: 3;
	height: 760px;
	padding-bottom: 104px;
}

.card-banner-img-block{
	flex: 0 0 416px;
	max-width: 416px;
	aspect-ratio: 416 / 580;
	background:linear-gradient(35.98deg, #EAD9CD 8.18%, #EFE4DC 54.13%, #666666 89.86%);
	padding: 1px;
}

.card-banner-img{
	width: 100%;
	height: 100%;
	position: relative;
	overflow: hidden;
}

.card-banner-img img{
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	object-fit: cover;
}

.card-info-block{
	flex: 0 0 793px;
	max-height: 793px;
	margin-bottom: 44px;
	margin-right: -37px;
	position: relative;
	z-index: 2;
	background: var(--linen);
	border: 2px solid var(--beige);
	padding: 37px;
	min-height: 377px;
	gap: 24px;
	display: flex;
	flex-direction: column;
}

.card-info-name{
	color: var(--forest);
	font-weight: 600;
	font-size: 40px;
	line-height: 120%;
	text-transform: uppercase;
	font-family: var(--family2);
}

.card-info-prof{
	color: var(--forest);
	font-weight: 400;
	font-size: 18px;
	line-height: 140%;
}

.card-info-block ul{
	padding: 0;
	margin: 24px 0 0;
	display: flex;
	flex-direction: column;
	gap: 16px;
	list-style: none;
}

.card-info-det{
	display: flex;
	align-items: center;
	gap: 16px;
}

.card-info-det .icon{
	display: flex;
	align-items: center;
}

.card-info-det .text{
	display: flex;
	align-items: center;
	gap: 4px;
	color: var(--forest);
	font-weight: 400;
	font-size: 18px;
	line-height: 140%;
}

/*  */


.card-details-sec{
	padding: 32px 0;
}

.card-details-cont{
	display: flex;
	align-items: flex-start;
	justify-content: flex-end;
	gap: 16px;
}

.card-details-list-cont{
	flex: 0 0 740px;
	max-width: 740px;
}

.card-details-list-cont .accordion{
	display: flex;
	flex-direction: column;
	gap: 16px;
}

.card-details-add-cont{
	display: flex;
	flex-direction: column;
	gap: 16px;
	flex: 0 0 416px;
	max-width: 416px;
}

.card-details-cont .accordion-item:before{
	content: none;
}

.card-details-cont .accordion-item{
	border: 2px solid var(--beige);
	padding-bottom: 16px;
	margin: 0;
}

.card-details-cont .accordion-button{
	padding: 16px 16px 0;
	background: transparent;
	border: 0;
	box-shadow: none;
	display: flex;
	align-items: center;
	gap: 38px;
}

.card-details-cont .accordion-button:after{
	content: none;
}

.card-detail-icon{
	flex: 0 0 70px;
	height: 70px;
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
}

.card-detail-icon svg{
	position: relative;
	z-index: 2;
}

.card-detail-icon:after{
	content: "";
	width: 50px;
	height: 50px;
	background: var(--desert);
	rotate: 45deg;
	position: absolute;
}

.card-detail-title{
	color: var(--forest);
	font-family: var(--family2);
	font-weight: 600;
	font-size: 32px;
	line-height: 120%;
}

.card-details-cont .accordion-body{
	padding: 0 0 0 110px;
}

.card-detail-list{
	padding-left: 17px;
	margin: 0;
	list-style: none;
	display: flex;
	flex-direction: column;
	gap: 8px;
}

.card-detail-list li{
	position: relative;
	color: var(--coffe);
	font-weight: 400;
	font-size: 18px;
	line-height: 140%;
}

.card-detail-list li:before{
	content: "";
	position: absolute;
	width: 5px;
	height: 5px;
	background: var(--coffe);
	right: calc(100% + 10px);
	top: 9px;
	rotate: 45deg;
}

.card-detail-list-docs{
	display: flex;
	flex-direction: column;
	gap: 16px;
}

.card-detail-doc-item{
	display: flex;
	gap: 10px;
}

.card-detail-doc-img{
	flex: 0 0 47px;
	max-width: 47px;

}

.card-detail-doc-info{
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

.card-detail-doc-name{
	color: var(--forest);
	font-weight: 400;
	font-size: 14px;
	line-height: 16px;
}

.card-detail-doc-date{
	color: var(--coffe);
	font-weight: 400;
	font-size: 14px;
	line-height: 16px;
}

.card-details-cont .accordion-collapse{
	padding: 0 16px;
}

.card-detail-text{
	color: var(--coffe);
	font-weight: 400;
	font-size: 18px;
	line-height: 140%;
}

.card-details-cont .accordion-item.accordion-item-price{
	background: var(--linen);
}

.card-details-cont .accordion-item-price .card-detail-title{
	font-weight: 600;
	font-size: 24px;
	line-height: 120%;
}


.card-details-cont .accordion-item-price .accordion-body{
	padding-left: 32px;
}

.card-details-cont .accordion-item-price .accordion-button{
	pointer-events: none;
}

.card-details-btn .mind-btn:not(:hover):not(:active){
	border-color: var(--beige);
	background: var(--linen);
	color: var(--forest);
}

.card-details-calendar-block{
	display: flex;
	box-shadow: 0px 3px 12px 0px #2F2B3D24;
	background: var(--white);
	max-height: 290px;
}

.card-details-calendar-time{
	display: flex;
	flex-direction: column;
	gap: 16px;
	flex: 0 0 156px;
	max-width: 156px;
	padding: 16px 16px 0;
	border-left: 1px solid var(--desert);
}

.card-details-calendar-date{
	flex: 0 0 calc(100% - 156px);
	max-width: calc(100% - 156px);
}

.card-details-calendar-date .ui-datepicker-calendar{
	width: 100%;
	margin: 0;
}

.card-details-calendar-date .ui-datepicker-header{
	display: flex;
	flex-direction: row-reverse;
	align-items: center;
	gap: 12px;
	padding: 12px 16px;
}

.card-details-calendar-date .ui-datepicker-prev, .card-details-calendar-date .ui-datepicker-next{
	font-size: 0;
	width: 30px;
	height: 30px;
	display: flex;
	align-items: center;
	background-color: var(--linen);
	cursor: pointer;
	position: static;
	border-radius: 0;
	border: 0;
}

.card-details-calendar-date .ui-datepicker-prev{
	order: 2;
	background-image: url(data:image/svg+xml,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20d%3D%22M12.5%205L7.5%2010L12.5%2015%22%20stroke%3D%22%236A574E%22%20stroke-opacity%3D%220.7%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%0A%3C%2Fsvg%3E%0A);
	background-position: center center;

}

.card-details-calendar-date .ui-datepicker-next{
	order: 1;
	background-image: url(data:image/svg+xml,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20d%3D%22M7.5%205L12.5%2010L7.5%2015%22%20stroke%3D%22%236A574E%22%20stroke-opacity%3D%220.7%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%0A%3C%2Fsvg%3E%0A%0A);
	background-position: center center;
}

.card-details-calendar-date .ui-datepicker-year{
	display: none;
}

.card-details-calendar-date .ui-datepicker-title{
	font-weight: 400;
	font-size: 15px;
	line-height: 22px;
	flex-grow: 1;
	color: var(--forest);
	order: 3;
	margin: 0;
	text-align: left;
}

.card-details-calendar-date .ui-datepicker-inline{
	padding: 0;
	border: transparent;
	border-radius: 0;
	background: transparent;
	width: 100%;
}

.card-details-calendar-date .ui-datepicker-inline:before, .card-details-calendar-date .ui-datepicker-inline:after{
	content: none;
}

.card-details-calendar-date .ui-helper-clearfix:before, .card-details-calendar-date .ui-helper-clearfix:after{
	content: none;
}

.card-details-calendar-date .ui-datepicker-header{
	border-radius: 0;
	background: transparent;
	border: 0;
}

.card-details-calendar-date .ui-datepicker td{
	width: 36px;
	height: 36px;
	padding: 0;
}

.card-details-calendar-date  .ui-state-default{
	background: transparent;
    width: 100%;
    height: 100%;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    border: none;
    text-align: center;
	font-weight: 400;
	font-size: 15px;
	line-height: 22px;
	color: var(--forest);
}

.card-details-calendar-date .ui-state-default.ui-state-highlight, .card-details-calendar-date .ui-state-default:hover{
	background: var(--linen);
	color: var(--coffe);
}

.card-details-calendar-date .ui-state-default.ui-state-active{
	background: var(--coffe);
	color: var(--white);
}

.card-details-calendar-date .ui-datepicker th{
	color: var(--coffe);
	font-weight: 400;
	font-size: 13px;
	line-height: 20px;
	text-align: center;
	padding: 0;
}

.card-details-calendar-date .ui-datepicker .ui-datepicker-prev span, .card-details-calendar-date .ui-datepicker .ui-datepicker-next span{
	display: none;
}

.card-details-calendar-time-title{
	color: var(--forest);
	font-weight: 400;
	font-size: 13px;
	line-height: 20px;
}

.card-details-calendar-time-title, .card-details-calendar-time-block{
	width: 100px;
}

.card-details-calendar-time-block{
	flex-grow: 1;
	overflow: hidden;
}

.card-details-calendar-time-list{
	overflow-y: auto;
	display: flex;
	flex-direction: column;
	align-items: center;
	max-height: 100%;
	  scrollbar-width: none;
	  -ms-overflow-style: none;
}

.card-details-calendar-time-list::-webkit-scrollbar {
  display: none;
}

.card-details-calendar-time-list label{
	margin: 0;
	cursor: pointer;
}

.card-details-calendar-time-list input{
	display: none;
}

.card-details-calendar-time-item{
	width: 85px;
	display: flex;
	align-items: center;
	justify-content: center;
	height: 34px;
	color: var(--forests);
	font-weight: 400;
	font-size: 15px;
	line-height: 22px;
	text-align: center;
	transition: .4s all ease-in-out;
}

.card-details-calendar-time-list label:hover .card-details-calendar-time-item{
	background: var(--linen);
}

.card-details-calendar-time-list input:checked ~ .card-details-calendar-time-item{
	background: var(--coffe);
	color: var(--white);
}

.card-details-calendar-time-title{
	text-align: center;
}