
.row__details{display:flex; gap:30px; align-items:start}

.details__left{width:100%}
.details__left ul{border-top:1px solid #332E47; }
.details__left ul li{border-bottom:1px solid #332E47; font-size: 30px;line-height: 38px;color: #332E47; display:flex; align-items:center; padding:20px 0; gap:24px}
.details__left ul li strong{font-weight:700; width:155px}

.details__right{width: 100%;max-width: 300px;min-width: 300px;padding: 40px 30px;}
.details__right .details__logo-img{width: 100%;height: auto}
.details__logo-icon {width: 175px;height: auto;margin: 15px auto -25px;opacity: 0.1;z-index: 1;position: relative}
.details__right .btn{position:relative; z-index:2}

@media(min-width:576px){
	.wrapper__details .h2{padding-bottom:25px}
}
@media(min-width:768px){
	.details__right{position: sticky; top: 0; background: #F4F7FF;border-radius: 16px;display: flex;flex-direction: column;text-align: center}
}
@media(max-width:1399px){
	.details__left ul li{font-size: 26px;line-height: 32px;padding: 15px 0;gap: 20px;}
	.details__left ul li strong{width:135px}
	.details__right {max-width: 250px; min-width: 250px; padding: 30px 20px;}
	.details__logo-icon {width: 160px;margin: 10px auto -20px;}
}
@media(max-width:991px){
	.details__left ul li{font-size: 18px;line-height: 26px;padding: 10px 0;gap: 15px;}
	.details__left ul li strong{width: 115px;}
	.details__right {max-width: 220px;min-width: 220px;padding: 20px 15px;}
	.details__logo-icon {width: 130px;margin: 10px auto -20px;}
}
@media(max-width:767px){
	.row__details{flex-direction:column; gap:24px}
	.details__right{padding:0;max-width:100%;min-width: 100%}
	.details__right img{display:none}
	.details__right .btn{width:100%; text-align:center}
}
@media(max-width:575px){
	.details__left ul li{font-size: 16px;line-height: 22px; gap: 10px; align-items:start}
	.details__left ul li strong{width: 85px;min-width: 85px;max-width: 85px}
}