@media (min-width: 1026px) {
    .body__wrap {
        display: flex;
    }

    .body__right {
        min-width: 350px;
    }

    .body__right .fix__position {
        position: fixed;
        top: 0;
        right: 0;
        width: 350px;
        height: 100%;
        background-color: var(--color-white);
        box-shadow: -3px 0 12px rgba(0, 0, 0, 0.12);
        padding: 20px;
        overflow-y: auto;
    }

    .body__left {
        width: calc(100% - 350px);
    }

    /* Form sidebar – body__right > fix__position */
    .form__sidebar {
        display: flex;
        flex-direction: column;
        gap: 0;
        font-family: var(--font-primary);
    }

    .form__top-buttons {
        display: flex;
        gap: 0.5rem;
        margin-bottom: 1rem;
    }

    .form__btn {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        gap: 0.4rem;
        padding: 0.65rem 0.85rem;
        font-family: var(--font-primary);
        font-size: 13px;
        font-weight: 500;
        text-decoration: none;
        border: none;
        cursor: pointer;
        transition: background-color 0.25s ease, color 0.25s ease, transform 0.2s ease, box-shadow 0.2s ease;
    }

    .form__btn:hover {
        transform: translateY(-2px);
    }

    .form__btn--dark {
        flex: 1;
        min-width: 0;
        background-color: #3d3d3d;
        color: var(--color-white);
        border-radius: 0;
        box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
    }

    .form__btn--dark:hover {
        background-color: #4a4a4a;
        box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25);
    }

    .form__btn--whatsapp {
        background-color: #2d2d2d;
    }

    .form__btn--whatsapp:hover {
        background-color: #1a472a;
        box-shadow: 0 3px 8px rgba(37, 211, 102, 0.25);
    }

    .form__btn--whatsapp i {
        color: #25D366;
        font-size: 1.15em;
    }

    .form__or {
        text-align: center;
        color: var(--color-dark-medium);
        font-size: var(--font-size-sm);
        margin: 0 0 0.75rem 0;
    }

    .form__btn--gold {
        width: 100%;
        background-color: var(--primary-color-blue-dark);
        color: var(--color-white);
        font-weight: 700;
        padding: 0.75rem 1rem;
        border-radius: 0;
        box-shadow: 0 2px 8px rgba(29, 97, 161, 0.35);
        margin-bottom: 1.5rem;
    }

    .form__btn--gold:hover {
        background-color: var(--primary-color-blue-medium);
        color: var(--color-white);
    }

    .form__sidebar > .form__btn--gold {
        animation: btn-loop-pulse 1.5s ease-in-out infinite;
    }

    .form__register {
        margin-bottom: 1.25rem;
    }

    .form__heading {
        color: var(--color-dark);
        font-size: 1rem;
        font-weight: 700;
        text-align: center;
        margin: 0 0 1.25rem 0;
        line-height: 1.3;
    }

    .form__fields {
        display: flex;
        flex-direction: column;
        gap: 0;
    }

    .form__input {
        width: 100%;
        padding: 0.5rem 0 0.6rem 0;
        font-family: var(--font-primary);
        font-size: var(--font-size-sm);
        color: var(--color-dark);
        background: var(--color-white);
        border: none;
        border-bottom: 1px solid #ddd;
        outline: none;
        margin-bottom: 1rem;
    }

    .form__input::placeholder {
        color: #aaa;
    }

    .form__checkbox-wrap {
        display: flex;
        align-items: flex-start;
        gap: 0.5rem;
        cursor: pointer;
        margin-bottom: 1.25rem;
    }

    .form__checkbox {
        flex-shrink: 0;
        width: 18px;
        height: 18px;
        margin-top: 2px;
        accent-color: var(--primary-color-blue-dark);
    }

    .form__checkbox-text {
        color: var(--color-dark-medium);
        font-size: 12px;
        line-height: 1.4;
    }

    .form__btn--submit {
        margin-bottom: 0;
    }

    .form__cab {
        display: flex;
        align-items: center;
        gap: 0.75rem;
        padding: 0.75rem 1rem;
        background: var(--color-white);
        border: 1px solid #ccc;
        border-radius: 4px;
        margin-bottom: 1.5rem;
    }

    .form__cab-logos {
        display: flex;
        align-items: center;
        gap: 0.5rem;
        flex-shrink: 0;
    }

    .form__cab-logo {
        font-size: 11px;
        font-weight: 700;
        color: var(--color-dark);
        background: #f5f5f5;
        padding: 0.25rem 0.4rem;
        border-radius: 2px;
    }

    .form__cab-text {
        color: var(--color-dark);
        font-size: var(--font-size-sm);
        font-weight: 500;
        margin: 0;
        line-height: 1.3;
    }

    .form__brochure {
        text-align: center;
    }

    .form__brochure-label {
        color: var(--color-dark);
        font-size: var(--font-size-sm);
        margin: 0 0 0.75rem 0;
    }

    .form__btn--outline {
        display: inline-block;
        background: var(--color-white);
        color: var(--primary-color-blue-dark);
        border: 1px solid var(--primary-color-blue-dark);
        border-radius: 0;
        padding: 0.6rem 1.25rem;
        font-weight: 600;
    }

    .form__btn--outline:hover {
        background: rgba(29, 97, 161, 0.08);
        color: var(--primary-color-blue-medium);
        border-color: var(--primary-color-blue-medium);
    }
}

@media (max-width: 1025px) {
    .body__right {
        display: none !important;
    }

    .body__left {
        width: 100%;
    }
}

@media (min-width: 769px) {
    .wrap__container {
        margin: 0 auto;
        width: 96%;
    }

    .hamburger__menu {
        display: none;
    }

    .body__header {
        background-color: rgba(255, 255, 255, 0.734);
        backdrop-filter: blur(20px);
        -webkit-backdrop-filter: blur(20px);
        border-bottom: 1px solid rgba(255, 255, 255, 0.1);
        box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
    }

    /* body header */
    .wrap__body-header {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 10px 0;
        transition: padding 0.25s ease;
    }

    .header__logo {
        margin-right: 0;
    }

    .main__nav {
        margin-right: 0;
    }

    .main__nav-list {
        display: inline;
    }
    
    .main__nav-list + li{
        margin-left: 30px;
    }

    /* Banner slider content - left-top overlay (min-width 769px) */
    .banner__slider-item img {
        height: 100vh;
    }
    .body__banner .banner__slider-item {
        position: relative;
    }

    .body__banner .banner__slider-content {
        position: absolute;
        left: 0;
        top: 0;
        width: 35%;
        min-width: 320px;
        max-width: 520px;
        /* height: 100%; */
        background: rgba(0, 0, 0, 0.72);
        padding: 2.5rem 2rem 2rem;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
        text-align: left;
    }

    .body__banner .banner__slider-content .banner__badge {
        display: inline-block;
        background-color: var(--primary-color-gold-dark);
        color: var(--color-white);
        font-family: var(--font-primary);
        font-size: var(--font-size-sm);
        font-weight: 500;
        text-transform: uppercase;
        letter-spacing: 0.02em;
        padding: 0.4rem 0.9rem;
        margin-bottom: 1.25rem;
        text-shadow: 0 2 1px rgba(0, 0, 0, 0.766);
    }

    .body__banner .banner__slider-content .banner__title {
        margin-bottom: 1rem;
    }

    .body__banner .banner__slider-content .banner__title h1 {
        color: var(--color-white);
        font-family: var(--font-primary);
        font-size: clamp(1.75rem, 2.5vw, 1.75rem);
        font-weight: 400;
        text-transform: uppercase;
        line-height: 1.15;
        margin: 0 0 0.35rem 0;
    }

    .body__banner .banner__slider-content .banner__location,
    .body__banner .banner__slider-content .banner__by {
        color: #b5b5b5;
        font-family: var(--font-primary);
        font-size: var(--font-size-sm);
        font-weight: 400;
        margin: 0 0 0.2rem 0;
    }

    .body__banner .banner__slider-content .banner__by {
        font-size: 13px;
        margin-bottom: 1.25rem;
    }

    .body__banner .banner__description {
        width: 100%;
    }

    .banner__highlights {
        border: 1px solid var(--primary-color-gold-light);
        margin-bottom: 20px;
    }

    .body__banner .banner__highlight {
        /* display: inline-block; */
        text-align: center;
        color: var(--color-white);
        font-family: var(--font-primary);
        font-size: var(--font-size-sm);
        font-weight: 500;
        /* width: fit-content; */
    }

    .body__banner .banner__highlight--gold {
        padding: 5px;
        background: linear-gradient(90deg, var(--primary-color-gold-dark) 0%, var(--primary-color-gold-medium) 25%, var(--primary-color-gold-light) 50%, var(--primary-color-gold-medium) 75%, var(--primary-color-gold-dark) 100%);
        background-size: 200% 100%;
        animation: banner-gold-bg 4s ease-in-out infinite;
        margin-bottom: 3px;
    }

    .body__banner .banner__highlight--gold h4 {
        margin-bottom: 0;
        color: var(--color-white);
        font-family: var(--font-primary);
        font-size: var(--font-size-sm);
        font-weight: 500;
        /* width: fit-content; */
    }
    
    .body__banner .banner__highlight--black {
        background-color: rgba(0, 0, 0, 0.5);
    }

    .body__banner .banner__highlight--black p{
        padding: 5px 0;
        margin: 0;
        color: var(--color-white);
        font-family: var(--font-primary);
        font-size: 14px;
        font-weight: 400;
        /* width: fit-content; */
    }

    .body__banner .banner__highlight--pricing p {
        color: var(--primary-color-gold-light);
        animation: text-zoom-mild 2s ease-in-out infinite;
    }

    .body__banner .banner__details-box {
        background-color: var(--primary-color-gold-dark);
        padding: 1rem 1.25rem;
        margin-bottom: 1.5rem;
    }

    .body__banner .banner__details-box ul {
        list-style: disc;
        padding-left: 1.25rem;
        margin: 0;
    }

    .body__banner .banner__details-box li {
        list-style: disc;
        color: var(--color-white);
        font-family: var(--font-primary);
        font-size: var(--font-size-sm);
        line-height: 1.6;
    }

    .body__banner .banner__pricing {
        margin-bottom: 1.25rem;
    }

    .body__banner .banner__pricing-label {
        color: var(--color-white);
        font-family: var(--font-primary);
        font-size: var(--font-size-sm);
        font-weight: 400;
        margin: 0 0 0.25rem 0;
    }

    .body__banner .banner__pricing-value {
        color: var(--color-white);
        font-family: var(--font-primary);
        font-size: clamp(1.25rem, 1.5vw, 1.5rem);
        font-weight: 500;
        margin: 0;
    }

    .body__banner .banner__cta {
        display: inline-block;
        background-color: #A0772D;
        color: var(--color-white);
        font-family: var(--font-primary);
        font-size: var(--font-size-sm);
        font-weight: 500;
        text-decoration: none;
        padding: 0.65rem 1.5rem;
        border-radius: 0;
        transition: background-color 0.25s ease, transform 0.2s ease;
    }

    .body__banner .banner__cta:hover {
        background-color: #B8862E;
        color: var(--color-white);
        transform: translateY(-1px);
    }

    .body__banner .banner__rera {
        color: var(--color-white);
        font-family: var(--font-primary);
        font-size: 12px;
        font-weight: 400;
        margin: 1rem 0 0 0;
    }
}

@media (min-width: 769px) and (max-width: 1024px) {

}

@media screen and (max-width: 768px) {
    /* Banner: content below image – same design as 769px+ */
    .body__banner .banner__slider-item {
        display: flex;
        flex-direction: column;
        position: static;
    }

    .body__banner .banner__slider-item img {
        width: 100%;
        height: auto;
        max-height: 50vh;
        object-fit: cover;
        display: block;
    }

    .body__banner .banner__slider-content {
        position: static;
        width: 100%;
        min-width: unset;
        max-width: none;
        height: auto;
        background: rgba(0, 0, 0, 0.72);
        padding: 2.5rem 2rem 2rem;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
        text-align: left;
        order: 2;
        color: var(--color-white);
    }

    .body__banner .banner__slider-content .banner__badge {
        display: inline-block;
        background-color: var(--primary-color-gold-dark);
        color: var(--color-white);
        font-family: var(--font-primary);
        font-size: var(--font-size-sm);
        font-weight: 500;
        text-transform: uppercase;
        letter-spacing: 0.02em;
        padding: 0.4rem 0.9rem;
        margin-bottom: 1.25rem;
        text-shadow: 0 2px 1px rgba(0, 0, 0, 0.77);
    }

    .body__banner .banner__slider-content .banner__title {
        margin-bottom: 1rem;
    }

    .body__banner .banner__slider-content .banner__title h1 {
        color: var(--color-white);
        font-family: var(--font-primary);
        font-size: 1.75rem;
        font-weight: 400;
        text-transform: uppercase;
        line-height: 1.15;
        margin: 0 0 0.35rem 0;
    }

    .body__banner .banner__slider-content .banner__location,
    .body__banner .banner__slider-content .banner__by {
        color: #b5b5b5;
        font-family: var(--font-primary);
        font-size: var(--font-size-sm);
        font-weight: 400;
        margin: 0 0 0.2rem 0;
    }

    .body__banner .banner__slider-content .banner__by {
        font-size: 13px;
        margin-bottom: 1.25rem;
    }

    .body__banner .banner__description {
        width: 100%;
    }

    .body__banner .banner__highlights {
        border: 1px solid var(--primary-color-gold-light);
        margin-bottom: 20px;
    }

    .body__banner .banner__slider-content .banner__highlight {
        text-align: center;
        color: var(--color-white);
        font-family: var(--font-primary);
        font-size: var(--font-size-sm);
        font-weight: 500;
    }

    .body__banner .banner__slider-content .banner__highlight--gold {
        padding: 5px;
        background: linear-gradient(90deg, var(--primary-color-gold-dark) 0%, var(--primary-color-gold-medium) 25%, var(--primary-color-gold-light) 50%, var(--primary-color-gold-medium) 75%, var(--primary-color-gold-dark) 100%);
        background-size: 200% 100%;
        animation: banner-gold-bg 4s ease-in-out infinite;
        margin-bottom: 3px;
    }

    .body__banner .banner__slider-content .banner__highlight--gold h4 {
        margin: 0;
        color: var(--color-white);
        font-family: var(--font-primary);
        font-size: var(--font-size-sm);
        font-weight: 500;
    }

    .body__banner .banner__slider-content .banner__highlight--black {
        background-color: rgba(0, 0, 0, 0.5);
    }

    .body__banner .banner__slider-content .banner__highlight--black p {
        padding: 5px 0;
        margin: 0;
        color: var(--color-white);
        font-family: var(--font-primary);
        font-size: 14px;
        font-weight: 400;
    }

    .body__banner .banner__slider-content .banner__highlight--pricing p {
        color: var(--primary-color-gold-light);
        animation: text-zoom-mild 2s ease-in-out infinite;
    }

    .body__banner .banner__details-box {
        background-color: var(--primary-color-gold-dark);
        padding: 1rem 1.25rem;
        margin-bottom: 1.5rem;
    }

    .body__banner .banner__details-box ul {
        list-style: disc;
        padding-left: 1.25rem;
        margin: 0;
    }

    .body__banner .banner__details-box li {
        list-style: disc;
        color: var(--color-white);
        font-family: var(--font-primary);
        font-size: var(--font-size-sm);
        line-height: 1.6;
    }

    .body__banner .banner__pricing {
        margin-bottom: 1.25rem;
    }

    .body__banner .banner__pricing-label {
        color: var(--color-white);
        font-family: var(--font-primary);
        font-size: var(--font-size-sm);
        font-weight: 400;
        margin: 0 0 0.25rem 0;
    }

    .body__banner .banner__pricing-value {
        color: var(--color-white);
        font-family: var(--font-primary);
        font-size: 1.5rem;
        font-weight: 500;
        margin: 0;
    }

    .body__banner .banner__cta-box {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 0;
    }

    .body__banner .banner__cta-box .btn-loop,
    .body__banner .banner__slider-content .banner__cta {
        display: inline-block;
        background-color: var(--primary-color-blue-dark);
        color: var(--color-white);
        font-family: var(--font-primary);
        font-size: var(--font-size-sm);
        font-weight: 500;
        text-decoration: none;
        padding: 0.65rem 1.5rem;
        border-radius: 0;
        transition: background-color 0.25s ease, transform 0.2s ease;
    }

    .body__banner .banner__cta-box .btn-loop:hover,
    .body__banner .banner__slider-content .banner__cta:hover {
        background-color: var(--primary-color-blue-medium);
        color: var(--color-white);
        transform: translateY(-1px);
    }

    .body__banner .banner__cta-box .banner__rera,
    .body__banner .banner__slider-content .banner__rera {
        color: var(--color-white);
        font-family: var(--font-primary);
        font-size: 12px;
        font-weight: 400;
        margin: 1rem 0 0 0;
    }

    .body__header {
        border-bottom: 2px solid var(--primary-color-blue-dark);
        box-shadow: 0 2px 20px rgba(0, 0, 0, 0.1);
        backdrop-filter: blur(20px);
        -webkit-backdrop-filter: blur(20px);
        border-bottom: 1px solid rgba(255, 255, 255, 0.1);
        box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
    }
    .hamburger__menu {
        position: absolute;
        top: 15px;
        right: 2%;
        font-size: 20px;
        color: var(--color-dark);
        cursor: pointer;
        transition: all 0.3s ease;
        z-index: 1000;
        background-color: var(--color-white);
        padding: 10px;
        border-radius: 5px;
    }

    .main__nav {
        display: none;
        background-color: var(--primary-color-blue-dark);
    }

    .main__nav-list {
        display: block;
    }

    .main__nav-link {
        border-bottom: 1px solid var(--color-white);
        display: block;
        padding: 15px 4px 8px 4px;
        font-weight: 500;
        transition: all 0.3s ease;
        color: var(--color-white);
        text-decoration: none;
        font-family: var(--font-primary);
        font-size: 14px;
        font-weight: 500;
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        -ms-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
    }
    
    .main__nav-link.active {
        color: var(--primary-color-blue-light);
    }

    .about__wrap,
    .price__wrap {
        padding: 0 1rem 0 1.25rem;
    }

    .about__content {
        padding-right: 0;
    }
    
    /* Price section padding on mobile */
    .price__grid {
        padding-right: 0;
    }
    
}