.profile-section {
    padding: 32px 0 97px 0;
    gap: 62px;
    max-width: 990px;
}

.login-btn-wrapper:hover {
    background-color: #0C2F64;
    color: #fff !important;
}
.login-btn-wrapper:hover span {
    color: #fff !important;
}

.main-content form {
    max-width: 990px;
}

.main-content {
    max-width: 990px;
}

.profile-left-side-wrapper {
    gap: 20px;
    min-width: 269px;
}

.profile-card {
    width: 100%;
    padding: 20px 0;
    gap: 32px;
    border-radius: 8px;
    border: 1px solid #ADB5BD;
    background: #F8F9FA;
}

.profile-main-img img{
    border-radius: 999px;
    width: 146px;
    height: 146px;
}

.profile-full-name {
    gap: 7px;
}

.profile-full-name p {
    color: #000;
    font-size: 16px;
}

.manage-your-ads, .log-out {
    padding: 12px 16px;
    gap: 12px;
    border-radius: 8px;
    border: 1px solid #ADB5BD;
    background: #F8F9FA;
}

.manage-your-ads-icon, .log-out-icon {
    width: 16px;
    height: 16px;
}

.manage-your-ads-text, .log-out-text {
    font-weight: 600;
    font-size: 16px;
    color: #000;
}

.log-out-text {
    color: #0C2F64;
}

.profile-update-wrapper {
    max-width: 635px;
}

.user-reg, .user-log-in {
    width: 550px;
    padding-top: 32px;
    padding-bottom: 54px;
}

.terms {
    margin-bottom: 32px;
}

.register-divider {
    margin: 32px 0px;
}

.already-have-acc {
    margin-top: 32px;
}

.eye-icon {
    top: 22px;
}

.profile-subscribe-to-news-wrapper, .extra-categories {
   padding: 8px 12px;
}

.edition-card,
.profile-subscription-card {
    position: relative;
}

.profile-subscription-card {
    max-width: 635px;
    width: 100%;
    height: fit-content;
    border-radius: 8px;
    border: 1px solid #CED4DA;
    background: #F8F9FA;
}

.profile-subscription-card-left {
    max-width: 266px;
    width: 100%;
    padding: 22px 18px;
}

.profile-subscription-card-left-el-2 {
    max-width: 192px;
    width: 100%;
    padding: 8px 12px;
    border-radius: 8px;
    border: 1px solid #CED4DA;
}

.profile-subscription-card-right {
    max-width: 369px;
    width: 100%;
    padding: 32px 0 32px 32px;
    border-left: 1px solid #CED4DA;
}

.profile-subscription-card-right-el {
    padding-bottom: 6px;
}

.profile-subscription-card-right-el span {
    font-size: 14px;
    width: 120px;
}

.profile-subscription-card-right-el-value {
    font-weight: 600;
}

.ad-card {
  width: 408px;
}

.btn-edit {
  width: 200px;
  background: #F8F9FA;
  border: 1px solid #0C2F64;
  color: #0C2F64;
  font-weight: 700;
  font-size: 16px;
}

.btn-delete {
  width: 200px;
  background: #F8F9FA;
  border: 1px solid #DC3545;
  color: #DC3545;
  font-weight: 700;
  font-size: 16px;
}

.upgrade-ad {
  width: 100%;
  background: #E7F1FF;
  border: 1px solid #ADB5BD;
  border-radius: 8px;
  gap: 40px;
}

.btn-go-premium {
  background: #0C2F64;
  color: #fff;
  border-radius: 6px;
  font-weight: 700;
  font-size: 16px;
  padding: 6px 12px;
  border: none;
}

.error-message {
    color: #dc3545;
    font-weight: 700;
}

.manage-ads-wrapper .adverts-content {
    padding-bottom: 0px !important;
}

@media (max-width: 1340px) {
    .profile-section {
        gap: 24px !important;
    }
}

@media (max-width: 1204px) {
    .profile-section {
        flex-direction: column;
    }
    .profile-left-side-wrapper {
        width: 100%;
    }
    .profile-update-wrapper {
        max-width: unset;
        width: 100%;
    }
}

@media (max-width: 992px) {
    .profile-subscription-card-right {
        padding: 24px 0 8px 8px;
    }
    .profile-subscription-card-left {
        padding: 24px 8px;
    }
    .profile-subscription-card-right-el-value {
        font-size: 14px;
    }
    .profile-subscription-card-right-el {
        gap: 8px !important;
    }
}

@media (max-width: 898px) {
    .profile-subscription-card {
        flex-direction: column;
    }
    .profile-subscription-card-right {
        border-left: none;
        border-top: 1px solid #CED4DA;
        width: 100%;
        max-width: unset;
        padding-top: 16px;
    }
    .profile-subscription-card-right-el {
        width: 100%;
        gap: 16px !important;
    }

}

@media (max-width: 768px) {
    .profile-subscription-card {
        flex-direction: row;
    }

    .profile-subscription-card-right {
        border-top: none;
        border-left: 1px solid #CED4DA;
    }

    .user-log-in, .user-reg {
        padding-top: 8px !important;
        padding-bottom: 24px !important;
    }

    .users-login-content-wrapper .main-content, 
    .users-register-content-wrapper .main-content {
        margin-bottom: 0px !important;
    }

    .manage-ads-main-content {
        margin-bottom: 12px !important;
        margin-top: 8px;
    }

    .manage-ads-wrapper {
        gap: 12px !important;
    }

    .profile-section {
        padding-bottom: 0px;
        padding-top: 8px;
    }

    .profile-main-content, .users-forgot-password {
        margin-bottom: 24px !important;
    }
    .register-divider {
        margin: 24px 0px;
    }
    .already-have-acc {
        margin-top: 24px !important;
    }

    .profile-card {
        gap: 24px !important;
    }
}

@media (max-width: 576px) {
    .manage-ads-main-content {
        margin-bottom: 12px !important;
    }
    .profile-subscription-card {
        flex-direction: column;
    }

    .profile-subscription-card-left {
        padding: 24px;
    }

    .profile-subscription-card-right {
        border-top: 1px solid #CED4DA;
        border-left: none;
        padding: 16px 32px 24px 32px;
    }
}

@media (max-width: 400px) {
    .profile-subscription-card-right {
        padding: 16px 16px 24px 16px;
    }
}