/**card**/
.st__card {
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-bottom: 4rem;
    width: 100%;

}

.st__card h1 {
    font-size: var(--size-text-xxl);
    font-weight: 300;
    padding: 0;
    margin: 0;
}


.st__card .st__s_top {
    display: flex;
    flex-direction: row;
    padding-top: 1rem;
    margin-bottom: 1rem;
    gap: 1rem;
}

.st__card .st__s_top .st__s_left {
    flex-grow: 1;
    position: relative;
    overflow: hidden;
    border-radius: 1rem;
    box-shadow: 0px 5px 10px 2px rgba(34, 60, 80, 0.1);

}


.st__card .st__s_top .st__s_left {
    display: flex;
    flex-direction: column;
}

.st__card .st__s_top .st__s_left .st__s_cover {
    flex-grow: 1;
    overflow: hidden;
    display: block;
}

.st__card .st__s_top .st__s_left .st__s_cover img {

    width: 100%;
    height: 100%;
    object-fit: cover;
}

.st__card .st__s_top .st__s_left .st__s_box {
    display: flex;
    flex-direction: row;
    padding: 1rem;
}

.st__card .st__s_top .st__s_left .st__s_box .st__s_icobox {
    flex: 0 0 25%;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    border-right: 1px solid lightgray;
}

.st__card .st__s_top .st__s_left .st__s_box .st__s_icobox:last-child {
    border-right: unset;
}

.st__card .st__s_top .st__s_left .st__s_box .st__s_icobox .st__s_ico {
    margin-right: 0.5rem;
    background: var(--color-green);
    color: white;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0.5rem;
    width: 24px;
    height: 24px;
    border-radius: 50%;
}

.st__card .st__s_top .st__s_left .st__s_box .st__s_icobox span:first-child {
    font-weight: 300;
    font-size: var(--size-text-xs);
}

.st__card .st__s_top .st__s_left .st__s_box .st__s_icobox span:last-child {
    font-weight: 600;
    font-size: var(--size-text-s);
    font-family: var(--number-font);
}


.st__card .st__s_top .st__s_right {
    flex: 0 0 30%;
    display: flex;
    flex-direction: column;

}

.st__card .st__s_top .st__s_right .st__s_advimg a {
    display: block;
    aspect-ratio: 16 / 9;
    overflow: hidden;
    margin-bottom: 1rem;
    border-radius: 0.5rem;
    box-shadow: 0px 5px 10px 2px rgba(34, 60, 80, 0.1);
}

.st__card .st__s_top .st__s_right .st__s_advimg a img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}


.st__card .st__s_top .st__s_right .st__s_info {
    padding: 1rem;
    border-radius: 0.5rem;
    background: white;
    margin-bottom: 1rem;
    font-size: var(--size-text-xs);
    box-shadow: 0px 5px 10px 2px rgba(34, 60, 80, 0.1);
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    font-family: var(--number-font);
}


.st__card .st__s_top .st__s_right .st__s_info span {
    font-weight: 600;
}

.st__card .st__s_top .st__s_right .st__s_controls {
    padding: 1rem;
    border-radius: 0.5rem;
    background: white;
    box-shadow: 0px 5px 10px 2px rgba(34, 60, 80, 0.1);
    display: flex;
    flex-direction: column;
    flex-grow: 1;
}

.st__card .st__s_top .st__s_right .st__s_control {
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
}


.st__card .st__s_top .st__s_right .st__s_control a {
    color: #1C1C1C;
    display: flex;
    flex-direction: row;
    align-items: center;
    cursor: pointer;
}

.st__card .st__s_top .st__s_right .st__s_control a i {
    width: 24px;
    height: 24px;
    padding: 0.25rem;
    background: #f3f3f3;
    border-radius: 50%;
    color: var(--color-green);
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 0.5rem;
}

.st__card .st__s_top .st__s_right .st__s_control:hover a i {
    color: white;
    background: var(--color-green);
}


.st__card .st__s_top .st__s_right .st__s_control a span {
    font-size: var(--size-text-xs);
}

.st__card .st__s_top .st__s_right .st__s_control a.st__s_fav i{
    color: var(--color-darkgray);
}

.st__card .st__s_top .st__s_right .st__s_control a.st__s_fav:hover i{
    color: white;
}


    /**bottom**/
.st__card .st__s_subcard {
    display: flex;
    flex-direction: row;
    gap: 1rem;
}

.st__card .st__s_subcard .st__s_left {
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    border-radius: 1rem;
    box-shadow: 0px 5px 10px 2px rgba(34, 60, 80, 0.1);
    overflow: hidden;
}

.st__card .st__s_subcard .st__s_left .st__s_tabs {
    border-bottom: 1px solid #f3f3f3;
    display: flex;
    flex-direction: row;
}

.st__card .st__s_subcard .st__s_left .st__s_tabs {
    background: white;
}

.st__card .st__s_subcard .st__s_left .st__s_tabs .st__s_tab {
    padding: 1rem;
    border-right: 1px solid #f3f3f3;
    display: flex;
    flex-direction: row;
    align-items: center;
    cursor: pointer;
    flex: 1 1 20%;
}

.st__card .st__s_subcard .st__s_left .st__s_tabs .st__s_tab:last-child {
    border-right: none;
}

.st__card .st__s_subcard .st__s_left .st__s_tabs .st__s_tab i {
    width: 24px;
    height: 24px;
    padding: 0.25rem;
    background: #f3f3f3;
    border-radius: 50%;
    color: var(--color-green);
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 0.5rem;
}

.st__card .st__s_subcard .st__s_left .st__s_tabs .st__s_tab:hover i {
    background: var(--color-green);
    color: #f3f3f3;
}

.st__card .st__s_subcard .st__s_left .st__s_tabs .st__s_tab.st__s_active {
    color: white;
    background: var(--color-green);
}

.st__card .st__s_subcard .st__s_left .st__s_tabs .st__s_tab span {
    font-size: var(--size-text-xs);
}


.st__card .st__s_subcard .st__s_right {
    flex: 0 0 30%;
    display: flex;
    flex-direction: column;
}


.st__card .st__s_subcard .st__s_left .st__s_tabcontent {
    background: white;
    padding: 2rem;
}

.st__card .st__s_subcard .st__s_left .st__s_tabcontent .st__s_tabdata {
    display: none;
}

.st__card .st__s_subcard .st__s_left .st__s_tabcontent .st__s_tabdata.st__s_active {
    display: flex;
}

/**params**/
.st__card .st__s_subcard .st__s_left .st__s_tabcontent .st__s_params {
    display: flex;
    flex-flow: row wrap;
    gap: 1.5rem;
}

.st__card .st__s_subcard .st__s_left .st__s_tabcontent .st__s_params .st__s_param {
    flex: 0 0 calc(50% - 1rem);
    display: flex;
    flex-direction: row;
    align-items: end;
    gap: 1rem;
    justify-content: start;
}

.st__card .st__s_subcard .st__s_left .st__s_tabcontent .st__s_params .st__s_param {
    font-size: var(--size-text-xs);
    display: flex;
    flex-direction: row;
}

.st__card .st__s_subcard .st__s_left .st__s_tabcontent .st__s_params .st__s_param .st__s_dosts {
    flex-grow: 1;
    border-bottom: 1px dotted lightgray;
}

.st__card .st__s_subcard .st__s_left .st__s_tabcontent .st__s_params .st__s_param .st__s_value {
    font-weight: 600;
    font-family: var(--number-font);
}

/**plans**/
.st__card .st__s_subcard .st__s_left .st__s_tabcontent .ps__s_plan {
    display: flex;
    flex-flow: row wrap;
    gap: 1rem;
}

.st__card .st__s_subcard .st__s_left .st__s_tabcontent .ps__s_plan a {
    flex: 0 0 calc(50% - 1rem);
    display: flex;
    aspect-ratio: 16 / 9;
}

.st__card .st__s_subcard .st__s_left .st__s_tabcontent .ps__s_plan.ps__s_plan_1 a {
    flex: 0 0 100%;
}

.st__card .st__s_subcard .st__s_left .st__s_tabcontent .ps__s_plan a img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}


/**facad**/
.st__card .st__s_subcard .st__s_left .st__s_tabcontent .ps__s_facad {
    display: flex;
    flex-flow: row wrap;
    gap: 1rem;
}

.st__card .st__s_subcard .st__s_left .st__s_tabcontent .ps__s_facad.ps__s_facad_1 a {
    flex: 0 0 100%;
}

.st__card .st__s_subcard .st__s_left .st__s_tabcontent .ps__s_facad a {
    flex: 0 0 calc(50% - 1rem);
    display: flex;
    aspect-ratio: 16 / 9;
}

.st__card .st__s_subcard .st__s_left .st__s_tabcontent .ps__s_facad a img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

/**smeta**/
.st__card .st__s_subcard .st__s_left .st__s_tabcontent .st__s_smeta .st__s_desc p {
    font-size: var(--size-text-xs);
}

.st__card .st__s_subcard .st__s_left .st__s_tabcontent .st__s_smeta .st__s_desc li {
    font-size: var(--size-text-xs);
    font-weight: 600;
}

/**banks*/
.st__card .st__s_subcard .st__s_left .st__s_tabcontent .st__s_banks {
    display: flex;
    flex-flow: row wrap;
    width: 100%;
}

.st__card .st__s_subcard .st__s_left .st__s_tabcontent .st__s_banks .st__s_bank {
    display: flex;
    flex-direction: column;
    flex: 0 0 33.33%;
    justify-content: center;
    align-items: center;
    margin-bottom: 1rem;
}

.st__card .st__s_subcard .st__s_left .st__s_tabcontent .st__s_banks .st__s_bank .st__s_name {
    margin-top: 1rem;
    margin-bottom: 0.5rem;
    font-size: var(--size-text-m-2);
    font-weight: 600;
    color: var(--color-darkgray);
}

.st__card .st__s_subcard .st__s_left .st__s_tabcontent .st__s_banks .st__s_bank .st__s_from {
    margin-bottom: 0.5rem;
    font-size: var(--size-text-m-1);
    font-weight: 600;
    color: var(--color-darkgray);
}

.st__card .st__s_subcard .st__s_left .st__s_tabcontent .st__s_banks .st__s_bank .st__s_logo {
    width: 80px;
    height: 80px;
    padding: 1rem;
    border-radius: 50%;
    background: #f3f3f3;
}

.st__card .st__s_subcard .st__s_left .st__s_tabcontent .st__s_banks .st__s_bank:hover .st__s_logo {
    box-shadow: 0px 5px 10px 2px rgba(34, 60, 80, 0.1);
}

.st__card .st__s_subcard .st__s_left .st__s_tabcontent .st__s_banks .st__s_bank .st__s_logo img {
    width: 100%;
    height: 100%;
    object-fit: contain;

}

.st__card .st__s_subcard .st__s_main {
    display: flex;
    flex-direction: column;
    border-radius: 1rem;
    box-shadow: 0px 5px 10px 2px rgba(34, 60, 80, 0.1);
    overflow: hidden;
    padding: 1rem;
    background: white;
}




.st__card .st__s_subcard .st__s_main .st__s_button a {
    display: block;
    text-align: center;
    margin-bottom: 1.5rem;
    font-weight: 600;
    border: 1px solid lightgrey;
    background-color: white;
    border-radius: 1rem;
    padding: 1rem 1rem;
    cursor: pointer;
    font-size: var(--size-text-m-2);
    margin-bottom: 1rem;
    box-shadow: 0px 5px 5px 2px rgba(34, 60, 80, 0.1);
    transition: all 0.3s ease-in-out;
    color: var(--color-darkgray);
}

.st__card .st__s_subcard .st__s_main .st__s_time {
    margin-bottom: 1rem;
    font-size: var(--size-text-m);
    font-weight: 600;
}

.st__card .st__s_subcard .st__s_main .st__s_price {
    font-size: var(--size-text-m-2);
    font-weight: 600;
    display: flex;
    flex-direction: column;
}

.st__card .st__s_subcard .st__s_main .st__s_price .st__s_price_val{
    margin-bottom: 1rem;
}


.st__card .st__s_subcard .st__s_main .st__s_price span {
    font-size: var(--size-text-xl);
    font-weight: 600;
    font-family: var(--number-font);
    color: var(--color-green);
}

.st__card .st__s_subcard .st__s_main .st__s_split {
    margin-bottom: 1rem;
    padding-bottom: 0.5rem;
    border-bottom: 1px solid #f3f3f3;
}

.st__card .st__s_subcard .st__s_main .st__s_button a:hover {
    box-shadow: 0px 5px 5px 2px rgba(34, 60, 80, 0.3);
}

.st__card .st__s_subcard .st__s_main .st__s_button_1 a,
.st__card .st__s_subcard .st__s_main .st__s_button_2 a {
    background-color: var(--color-green);
    color: white;

}

@media (max-width: 768px) {
	h1 {
		font-size: var(--size-text-l) !important;
	}
	.st__card {
    width: auto;

}
}