.ev-basic {
	 --visual-dialog-width: 1364px;
	 --visual-background: #edece2;
	 max-width: var(--visual-dialog-width);

	height: auto !important;
	max-height: 90svh;
	overflow-y: auto;
	overflow-x: clip;
}
 @media screen and (max-width: 1880px) {
	 .ev-basic {
		 --visual-dialog-width: 80vw;
	}
}
 @media screen and (max-width: 1282px) {
	 .ev-basic {
		 --visual-dialog-width: 80vw;
	}
}

 @media screen and (max-width: 980px) {
	 .ev-basic {
		 --visual-dialog-width: 100vw;

	}
}
 .ev-basic-wrapper {
	 display: grid;
	 grid-template-columns: 1fr 580px;
	 background-color: var(--visual-background);
	 position: relative;
}


/* width */
.ev-basic::-webkit-scrollbar {
  height: 6px;
  width: 8px;
}

/* Track */
.ev-basic::-webkit-scrollbar-track {
  background: #E4E3DE;
}

/* Handle */
.ev-basic::-webkit-scrollbar-thumb {
  background: #2E2E3A;
}

/* Handle on hover */
.ev-basic::-webkit-scrollbar-thumb:hover {
  background:#2E2E3A;
}



 @media screen and (max-width: 980px) {
	 .ev-basic-wrapper {
		 grid-template-columns: 1fr;
		 /* overflow-y: auto; */
		 /* max-height: calc(100svh + 48px); */
		 max-height: auto !important;
	}
}
 .ev-basic-wrapper .fade-up {
	 opacity: 1 !important;
	 pointer-events: auto !important;
	 transform: translateY(0) !important;
}
 .ev-basic-wrapper fieldset {
	 gap: 32px !important;
}
 .ev-basic-wrapper .ev-basic-wrapper-left img {
	 width: 100%;
	 height: 100%;
	 object-fit: cover;
	 aspect-ratio: 580 / 669;
}

 @media screen and (max-width: 980px) {
	 .ev-basic-wrapper .ev-basic-wrapper-left img {
		 height: auto;
		 aspect-ratio: 318/220;
	}
}
 .ev-basic-wrapper .btn-group {
	 display: flex;
	 margin-top: auto;
}

 .ev-basic-wrapper .btn-group a {
	color: #2E2E3A;
	font-family: Roboto;
	font-size: 17px;
	font-style: normal;
	font-weight: 900;
	line-height: 22px; /* 129.412% */
	text-transform: uppercase;
	position: relative;
	padding: 8px 0;
	transition: color 0.3s ease;
 }


 .ev-basic-wrapper .btn-group a:hover::after {
	background-color: #2e2e3a !important;
 }

 .ev-basic-wrapper .btn-group a:hover {
	    color: #d8a258;
 }

  .ev-basic-wrapper .btn-group a::after {
		content: '';
		position: absolute;
		height: 2px;
		background-color: #D8A258;
		position: absolute;
		bottom: 0;
		left: 0;
		width: 100%;
		transition: background-color 0.3s ease;
	}


 @media screen and (max-width: 980px) {
	 .ev-popup-basic-close svg {
		 width: 22px;
		 min-width: 22px;
		 min-height: 22px;
		 height: 22px;
	}
}

 .ev-basic-wrapper .ev-basic-wrapper-right {
	 padding: 48px;
	display: flex;
  flex-direction: column;
}

@media screen and (max-width: 980px) {
	 .ev-basic-wrapper .ev-basic-wrapper-right {
		 padding: 42px 24px 24px 24px;
	}
}
 .ev-basic-wrapper .ev-basic-wrapper-right .title-styled {
	 padding-block-end: clamp(20px,1.875vw,36px);
	 position: relative;
	 z-index: 10;
}
 .ev-basic-wrapper .ev-basic-wrapper-right .text-styled {
	 padding-block-end: clamp(20px,2.29vw,44px);
	 position: relative;
	 z-index: 10;
}

.ev-popup-basic-close {
	 position: absolute;
	 right: 2rem;
	 top: 2rem;
	 outline: none;
	 border: none;
	 z-index: 100;
	 aspect-ratio: 1;
	 display: inline-flex;
	 align-items: center;
	 justify-content: center;
	 cursor: pointer;
	 transition: transform 0.8s ease;
}

@media screen and (max-width: 980px) {
.ev-popup-basic-close {
	 right: 1rem;
	 top: 1rem;
}
}


 .ev-popup-basic-close:hover {
	 transform: scale(0.8);
}
 .ev-popup-basic-close:focus {
	 outline: none;
}
 .ev-popup-basic-close:disabled {
	 pointer-events: none;
}

.ev-popup-basic-close svg {
	display: inline-flex;
	pointer-events: none;
	flex-shrink: 0;
	color: #000;
	width: 26px;
	height: 26px;
}

.ev-basic-wrapper .dec {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);

	height: 90%;
  width: auto;
}

@media screen and (max-width: 980px) {
	.ev-basic-wrapper .dec {
		max-width: 90vw;
		width: 90vw;
		height: auto;
	}
}

.ev-basic-wrapper-right .title-styled h3 {
	color: #2E2E3A;
	font-family: "Valentino", serif;
	font-size: clamp(50px,6.25vw,120px);
	font-style: normal;
	font-weight: 400;
	line-height: 1.2;
}


@media screen and (max-width: 1280px) {
.ev-basic-wrapper-right .title-styled h3 {
		font-size: clamp(50px,4.25vw,120px);
}
}

.ev-basic-wrapper-right .text-styled p {
	color: #5D5D60;
	font-family: "Helvetica Neue",Helvetica,Roboto,Arial,sans-serif;
	font-size: 17px;
	font-style: normal;
	font-weight: 400;
	line-height: 1.52;
}