
.row__pricelist{display:flex; background: #F4F7FF; border-radius: 16px; flex-wrap:wrap; padding:32px 22px 15px 32px; align-items:start; justify-content:space-between}
.row__pricelist-heading{width:100%; padding-bottom:30px}
.row__pricelist-tabs{max-width: 890px;display:flex;flex-wrap:wrap;gap:30px;width: 100%;}
.row__pricelist-tabs table{width:100%; text-align:left; border-collapse: collapse;border-bottom: 1px solid rgba(88, 84, 105, 0.3); border-spacing: 0;}
.row__pricelist-tabs table th{font-weight: 700;font-size: 16px;line-height: 1.6;color: #FFFFFF;padding: 10px 20px;background: #585469;}
.row__pricelist-tabs table th:first-child{border-radius: 16px 0 0 16px;}
.row__pricelist-tabs table th:last-child{border-radius: 0 16px 16px 0;}
.row__pricelist-tabs table th:nth-child(2){text-align:center} 
.row__pricelist-tabs table th:nth-child(3){text-align:right}
.row__pricelist-tabs table td{padding: 3px 20px;font-weight: 400;font-size: 14px;line-height: 1.6;color: #44414F;}
.row__pricelist-tabs table td:nth-child(2), .row__pricelist-tabs table td:nth-child(3){text-align:center; font-weight: 700;font-size: 15px; white-space: nowrap}
.row__pricelist-tabs table td:nth-child(3){text-align:right}
.row__pricelist-tabs table tbody tr:first-child td{padding-top: 20px;}
.row__pricelist-tabs table tbody tr:last-child td{padding-bottom: 20px;}
.row__pricelist-tabs table:last-child{border:none}
.row__pricelist-tabs table:last-child tbody tr:last-child td{padding-bottom: 3px;}


.row__pricelist-form{border-radius: 16px;overflow:hidden;width: 320px;position:relative;padding: 40px 18px; position: sticky; top: 0;}
.row__pricelist-form::before{content:"";position:absolute;left:0;top:0;right:0;bottom:0;background: linear-gradient(0deg, rgba(51, 46, 71, 0.8), rgba(51, 46, 71, 0.8));z-index: 1;}
.pricelist-form__flex{display: flex;flex-direction: column;min-height: 470px}
.pricelist-form__flex form{margin-top:auto;z-index: 2;display: flex;flex-direction: column;gap: 20px;}
.pricelist-form__bg{position:absolute; top:0; left:0; right:0; bottom:0}
.pricelist-form__bg img, .pricelist-form__bg picture{width:100%; height:100%; object-fit:cover}
.pricelist-form__title{position:relative; z-index:2; font-weight: 700;font-size: 22px;line-height: 28px;color: #FFFFFF}
.pricelist-form__title span{color:#FFD51C}
.pricelist-form__agreement{font-weight: 500;font-size: 10px;line-height: 1.3;text-align: center;color: #FFFFFF;padding: 5px 25px 0;}
.pricelist-form__agreement a{color: #FFFFFF;text-decoration:underline}
.pricelist-form__agreement a:hover{text-decoration:none}

@media(min-width:576px){
	.row__pricelist-tabs table thead{position:sticky; top:0}
}

@media(max-width:1399px){
    .row__pricelist {padding: 20px 20px 15px 20px}
    .row__pricelist-heading{padding-bottom: 20px}
    .row__pricelist-tabs{max-width: 590px; gap: 20px}
    .row__pricelist-tabs table th {font-size: 14px;line-height: 1.4;padding: 10px 10px}
    .row__pricelist-tabs table td {padding: 3px 10px;}
    .row__pricelist-tabs table td:nth-child(2), .row__pricelist-tabs table td:nth-child(3){font-size: 14px}
    .row__pricelist-tabs table tbody tr:first-child td{padding-top: 10px}
    .row__pricelist-tabs table tbody tr:last-child td {padding-bottom: 10px;}
    .pricelist-form__flex{min-height: 320px}
    .row__pricelist-form{width: 280px;padding: 30px 15px}
    .pricelist-form__title {font-size: 20px;line-height: 24px}
    .pricelist-form__flex form{gap: 15px}
    .pricelist-form__agreement{padding: 5px 0 0}
}
@media(max-width:991px){
	.row__pricelist-heading {padding-bottom: 0;text-align: center;}
    .row__pricelist-tabs{max-width: 100%; gap: 20px}
    .pricelist-form__flex{min-height: auto}
    .row__pricelist{flex-direction: column; padding:15px; gap: 15px;}
    .row__pricelist-form {width: 100%;padding: 25px}
    .row__pricelist-form::before{background: #332E47}
    .pricelist-form__title {font-size: 20px;line-height: 24px;padding-bottom: 20px}
    .pricelist-form__flex form {gap: 16px 12px;flex-direction: row;flex-wrap: wrap}
    .pricelist-form__flex form input, .pricelist-form__flex form .btn{width: calc((100% - 12px) / 2);}
    .pricelist-form__agreement {padding: 0;text-align:left;width: 100%;}
}
@media(max-width:767px){
	.row__pricelist{padding:10px}
	.row__pricelist-tabs table th, .row__pricelist-tabs table td, .row__pricelist-tabs table td:nth-child(2), .row__pricelist-tabs table td:nth-child(3){font-size:13px}
}
@media(max-width:575px){
	.row__pricelist-heading{padding-top:5px}
	.pricelist-form__flex form{gap:12px}
	.row__pricelist-form{padding:20px}
	.row__pricelist-tabs{gap:15px}
    .pricelist-form__flex form input, .pricelist-form__flex form .btn{width:100%}
	.row__pricelist-tabs table th, .row__pricelist-tabs table td, .row__pricelist-tabs table td:nth-child(2), .row__pricelist-tabs table td:nth-child(3){font-size:12px; line-height:1.2}
	.row__pricelist-tabs table td, .row__pricelist-tabs table th{padding:5px}
	.row__pricelist-tabs table th:first-child{border-radius: 8px 0 0 8px;}
	.row__pricelist-tabs table th:last-child{border-radius: 0 8px 8px 0;}
}