.main {
    padding: 10px;
}

.container {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
}

.logo-wrapper {
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative;
    width:100%;

}

.logo-wrapper .main-logo {
    width: 60%;
}

.nav-block {
    display: flex;
    justify-content: center;
    z-index: 3;
    width: 70%;
}
.nav-block .nav-block__item {
    color: #FFF;
    padding: 7px 7px;
    text-decoration: unset;
    font-family: "Unison";
    letter-spacing: 5px;
    font-size: 24px;
    line-height: 23px;
    text-align: center;
    font-weight: bold;
    width: 100%;
    display: block;
}
.nav-block .premium-link, 
.nav-block .premium-data { 
    background-color: #93A2A4;
    transition: all 0.3s ease;
}

.nav-block__item.dating-item,
.dating.active,
.dating-premium.active,
.dating-premium:hover, 
.nav-block__item.dating:hover {
    background-color: #0089cf;
}
.nav-block__item.property-item,
.property.active,
.property-premium.active,
.property-premium:hover,
.nav-block__item.property:hover {
    background-color: #ee1d23;
}
.nav-block__item.market-item,
.market.active,
.market-premium.active,
.market-premium:hover,
.nav-block__item.market:hover {
    background-color: #00a54f;
}
.nav-block__item.venicle-item,
.vehicle.active,
.venicle-premium.active,
.venicle-premium:hover,
.nav-block__item.vehicle:hover {
    background-color: #6850A1;
}
.link-logo {
    font-size: 116px;
}

@media (max-width: 1200px) {
    .link-logo {
        font-size: 70px;
    }
}

.nav-block.hidden {
    position: absolute;
    opacity: 0;
    top: 0;
    height: 95vh;
    z-index: 2;
}

.copyright {
    font-size: 10px;
}



/* premium pages */
.membership__body {
    position: relative;
}


.premium-page {
    width: 40%;
}

.premium-page .nav-block__item ,
.step-1 .nav-block__item,
.step-2 .nav-block__item {
    letter-spacing: 1px;
    font-size: 12px;
    font-family: 'Public Sans', sans-serif;
    padding: 0 4px;
}

.premium-page .nav-block__item,
.step-1 .nav-block__item,
.step-2 .nav-block__item,
.premium-status {
    width: 100%;
}

.step-1, 
.step-2 {
    width: 62.4%;
    margin-left: 5.8%;
}

.step-2-title-block .premium-data {
    font-size: 18px !important;
}

.save-money {
    background-color: #FF2100;
    color: #FFF;
    font-weight: 700;
}
.save-money p {
    font-size: 13.5px;
}

.price-info-block {
    display: flex;
    flex-direction: column;
    row-gap: 8px;
    margin-bottom: 16px;
}
.price-info-block .price-info,
.price-info-block .save-money {
    border-radius: 8px;
    margin: 0 20px;
    padding: 4px 8px;
}
.price-info-block .price-info {
    min-height: 50px;
    align-content: center;
}
.price-info-block .price-info p {
    margin-bottom: 0;
}
.price-info-block .price-info p:first-child {
    font-size: 22px;
    line-height: 22px;
    font-weight: 700;
}
.price-info-block .price-info p:last-child {
    font-size: 11px;
    white-space: nowrap;
}

.banner {
    position: absolute;
    width: auto;
    border-radius: 5px;
    background-color: #FFEB3D;
    top: -90px;
    left: 12px;
    transform: rotate(-10deg);
}
.banner h3,
.banner p {
    color: #FF2E17 !important;
}
.banner h3 {
    font-size: 20px;
}
.banner p {
    font-size: 12px;
    font-weight: 800;
    line-height: 12px;
}

@media (max-width: 991px) {
    .premium-status,
    .premium-page,
    .step-1,
    .step-2 {
        width: 100% !important;
    }

    .lg-center {
        justify-content: center;
    }
}

@media (max-width: 768px) {
    .mt-5 {
        margin-top: 16px !important;
    }

    .nav-block {
        margin: 0 !important;
        margin-top: 8px !important;
        width: 100%;
        row-gap: 12px;
    }

    .premium-status {
        width: 100% !important;
    }

    .premium-status,
    .premium-page .nav-block__item,
    .step-1 .nav-block__item,
    .step-2 .nav-block__item {
        width: auto;
    }

    .premium-status,
    .premium-page,
    .step-1,
    .step-2 {
        width: 100% !important;
    }

    .premium-status p:first-child {
        font-size: 12px;
    }
    .premium-status p:last-child {
        font-size: 10px !important;
    }

    .step-2-title-block .premium-data,
    .nav-block .nav-block__item {
        font-size: 16px !important;
        padding: 4px 8px;
        width: 100%;
    }

    .premium-plans-block .g-4 {
        margin-top: 0 !important;
        padding: 0;
    }
    .membership__item {
        min-width: 290px !important;
        width: 100%;
    }
    .membership-link {
        padding: 18px;
    }
    .price-info-block .price-info,
    .price-info-block .save-money {
        margin: 0 10px;
    }
    .price-info-block .price-info p:last-child {
        white-space: normal;
    }

    .membership__footer {
        padding-bottom: 20px;
    }
}

@media (max-width: 500px) {

}



.buy-btn {
    background-color: #FF2100 !important;
    font-size: 26px;
}
.buy-btn span {
    color: #FFF !important;
    font-weight: 700;
}
.free-btn {
    background-color: #009240 !important;
}
.free-color {
    color: #009240 !important;
}

.main-membership {
    display: flex;
    flex-direction: column;
    align-items: center;
    max-width: 364px;
}
.membership__item {
    border: 1px solid #000;
    border-radius: 8px;
    max-width: 360px;
    min-width: 350px;
}
.membership__item .membership__inner {
    border-radius: 8px;
}
.membership__item .membership__head {
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
}



.premium-status {
    display: flex;
    flex-direction: column;
    text-align: center;
    background: #D0D0D0;
    color: #000;
}
.premium-status p {
    line-height: 12px;
}
.premium-status p:first-child {
    font-weight: 700;
}
.premium-status p:last-child {
    font-size: 12px;
}

.premium-status.dating.activated-1 {
    background: #E1F5FF;
}
.premium-status.dating.activated-2 {
    background: #C3EBFF;
}
.premium-status.dating.activated-3 {
    background: #9BDEFF;
}
.premium-status.dating {
    border: 1px solid #0089cf;
}

.premium-status.property.activated-1 {
    background: #FFE1E2;
}
.premium-status.property.activated-2 {
    background: #FFC3C5;
}
.premium-status.property.activated-3 {
    background: #FFA5A8;
}
.premium-status.property.activated-4 {
    background: #FF9195;
}
.premium-status.property.activated-5 {
    background: #FF7D81;
}
.premium-status.property.activated-6 {
    background: #FF5F64;
}
.premium-status.property {
    border: 1px solid #ee1d23;
}

.premium-status.market.activated-1 {
    background: #E1FFF0;
}
.premium-status.market.activated-2 {
    background: #C3FFE0;
}
.premium-status.market.activated-3 {
    background: #A5FFD0;
}
.premium-status.market.activated-4 {
    background: #7DFFBC;
}
.premium-status.market {
    border: 1px solid #00A54F;
}

.premium-status.vehicle.activated-1 {
    background: #EAE1FF;
}
.premium-status.vehicle.activated-2 {
    background: #D5C3FF;
}
.premium-status.vehicle.activated-3 {
    background: #C0A5FF;
}
.premium-status.vehicle.activated-4 {
    background: #AB87FF;
}
.premium-status.vehicle {
    border: 1px solid #6850A1;
}



/* Preview styles */

@media (min-width: 1400px) {
    .preview .container {
        max-width: 1800px;
    }
}

.preview .banner {
    top: -90px;
    left: 0;
}

.preview .pricelist-block {
    flex-wrap: nowrap;
    gap: 10px;
}

.preview .main-membership {
    max-width: 270px;
    padding: 0;
}
.preview .membership__item {
    min-width: 270px;
}
.preview .property .main-membership,
.preview .market .main-membership {
    max-width: 210px;
}
.preview .property .membership__item,
.preview .market .membership__item {
    min-width: 210px;
}

.preview .banner-free,
.preview .banner-start {
    position: absolute;
    background-color: red;
    top: 33px;
    right: -10px;
    transform: rotate(-8deg);
    border-radius: 5px;
}
.preview .banner-free h6,
.preview .banner-start h6 {
    color: #fff;
    font-size: 16px !important;
    line-height: 1;
    white-space: nowrap;
}
.preview .banner-start {
    background-color: #00a54f;
}
.preview .banner-start.red {
    background-color: red;
}

.preview .price-info-block {
    margin-bottom: 0;
}
.preview .price-info-block .price-info {
    margin: 0;   
}
.preview .price-info-block .price-info h3 {
    font-size: 28px;
    margin-bottom: 8px;
}
.preview .price-info-block .price-info h6 {
    font-size: 20px;
    margin-bottom: 0;
}

.preview .info-block {
    place-items: center;
    margin: 32px auto;
    max-width: 1090px;
}
.preview .info-block.market,
.preview .info-block.vehicle {
    max-width: 1100px;
}

.preview .banners-info .banner,
.preview .banners-info .banner-free,
.preview .banners-info .banner-start {
    position: static;
    width: fit-content;
    /* transform: rotate(0); */
    text-align: center;
}

.preview .banners-info .banner-item {
    display: flex;
    align-items: center;
    gap: 16px;
    flex-wrap: nowrap;
}

.preview .banners-info .banner-view {
    text-align: -webkit-center;
    position: relative;
    justify-items: center;
    width: 100%;
}
.preview .dating .banners-info .banner-view {
    width: auto;
}
.preview .banners-info .banner-view .banner-text {
    position: absolute;
    right: 120px;
    top: -35px;
    color: red;
    transform: rotate(-10deg);
    width: 215px;
}
.preview .banners-info .banner-view .banner-text p {
    font-size: 20px;
    font-weight: 700;
}
.preview .banners-info .banner-view h6 {
    font-size: 34px !important;
}
.preview .banners-info .banner-description h6 {
    font-size: 28px !important;
}
.preview .banners-info .banner-description p {
    font-size: 20px !important;
}

.preview .info-block .more-info-link {
    text-align: center;
}
.preview .info-block .more-info-link a {
    text-decoration: underline;
    font-size: 26px;
}

.preview .membership__head h4 {
    font-size: 23px;
}
.preview .membership__head p {
    font-size: 13px;
}

.preview .info-block .banner-item.left {
    margin-bottom: 20px;
}

.preview .info-block.row-style .banners-info {
    display: flex;
    width: 100%;
}
.preview .info-block.row-style .banner-item {
    flex-direction: column;
}
.preview .info-block.row-style .banner-item.left {
    width: 25%;
}
.preview .info-block.row-style .banner-item.right {
    width: 75%;
}
.preview .info-block.market .banner-item.left,
.preview .info-block.vehicle .banner-item.left {
    width: 25%;
}
.preview .info-block.market .banner-item.right,
.preview .info-block.vehicle .banner-item.right {
    width: 75%;
}

.preview .banners-info .banner-item.right .banner-description {
    text-align: center;
}

@media (max-width: 1199px) {
    .preview .pricelist-block {
        flex-wrap: wrap;
    }

    .preview .info-block.row-style .banners-info {
        flex-direction: column;
    }
    .preview .info-block.row-style .banner-item.left,
    .preview .info-block.row-style .banner-item.right {
        width: 100% !important;
    }
}

@media (max-width: 991px) {
    .preview .banners-info .banner-view .banner-text {
        position: static;
        margin: 10px auto;
    }
}