.header {
    border-bottom: .0625rem solid #130506;
    background: #262626;
    max-height: 6.0625rem;
    height: 5.625rem;
    position: fixed;
    z-index: 1000;
    width: 100%;
}

.container.navbar-desktop {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 100%;
}

.container.navbar-desktop .header-logo {
    max-width: 11.6875rem;
    width: 90%;
}

.container.navbar-desktop .header-links {
    height: 100%;
}

.container.navbar-desktop .header-links ul {
    display: flex;
    gap: 1.875rem;
    align-items: center;
    color: #fff;
    height: 100%;
}

.container.navbar-desktop .header-links ul li {
    display: flex;
    align-items: center;
    padding: 0 .625rem;
    height: 100%;
    position: relative;
}

.container.navbar-desktop .header-links ul li label:hover,
.container.navbar-desktop .header-links ul li a:hover {
    color: #7A5723;
}

.container.navbar-desktop .header-links ul li.active {
    color: #7A5723;
}

.container.navbar-desktop .header-links ul li.active:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: .3125rem;
    background: #F6AA3B;
    transition: all 0.3s ease;
}

.container.navbar-desktop .header-links ul li a {
    color: #fff;
    font-size: 1rem;
    font-weight: 500;
    text-decoration: none;
    transition: all 0.3s ease;
}

.container.navbar-desktop .header-links ul li label {
    cursor: pointer;
    transition: all 0.3s ease;
}


.container.navbar-desktop .header-contact {
    max-width: 11.6875rem;
    width: 90%;
}

.contact-button {
    background: #FFEACC;
    color: #7A5723;
    text-decoration: none;
    border-radius: 6.25rem;
    padding: .625rem 1.25rem;
    transition: all 0.3s ease;
    border: .125rem solid #F6AA3B;
    font-weight: 700;

}

.contact-button:hover {
    /* background: radial-gradient(635.66% 141.42% at 100% 0%, #FFC672 0%, #AD711A 100%); */
    background: linear-gradient(to right, #AD711A 1%, #FFC672  100%);
    color: #fff;
    border: .125rem solid #F6AA3B;
}

.dropdown-models-container {
    position: relative;
    display: flex;
    align-items: center;
}

.dropdown-models-mobile-container {
    display: flex;
    align-items: center;
}

.dropdown-models-container .dropdown-arrow {
    position: absolute;
    right: -1.375rem;
    width: .625rem;
    height: .625rem;
    transform: rotate(0deg);
    transition: all 0.3s ease;
}

.dropdown-models-container .dropdown-arrow.active {
    transform: rotate(180deg);
}

.mobile-menu-item {
    color: #fff;
    padding: .625rem 1.25rem;
}

.mobile-menu-item a {
    color: #fff;
    font-size: 1rem;
    font-weight: 500;
    text-decoration: none;
    transition: all 0.3s ease;
}

.mobile-menu-item-title {
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    padding: 1rem .3125rem;
    color: #fff;
    border-bottom: .0625rem solid #838688;
}

.mobile-menu-item-items {
    display: flex;
    flex-direction: column;
}

.mobile-menu-item-items a {
    padding: 1rem 1.5rem;
    color: #fff;
    text-decoration: none;
    transition: all 0.3s ease;
}

.header-links .dropdown-models {
    position: relative;
    user-select: none;
    cursor: pointer;
}

.header-links .dropdown-models:hover {
    color: #7A5723;
}

.header-links .dropdown-menu-models {
    flex-direction: column;
    position: absolute;
    top: 100%;
    left: 0;
    background-color: #262626;
    border-radius: 1rem;
    border: .0625rem solid #838688;
    box-shadow: 0rem 1rem 1.5rem 0rem rgba(0, 0, 0, 0.08);
    list-style: none;
    padding: 0;
    margin: 0;
    margin-top: .625rem;
    z-index: 1000;
    width: 18.75rem;
    overflow: hidden;
}

.header-links .dropdown-menu-models .dropdown-menu-models-title {
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    padding: 1rem 1.5rem;
    color: #fff;
    border-bottom: .0625rem solid #838688;
}

.header-links .dropdown-menu-models .dropdown-menu-models-items  {
    display: flex;
    flex-direction: column;
}

.header-links .dropdown-menu-models .dropdown-menu-models-items a {
    padding: 1rem 1.5rem;
    color: #fff;
    text-decoration: none;
    transition: all 0.3s ease;
}

.header-links .dropdown-menu-models .dropdown-menu-models-items a:hover {
    background: #130808;
}

/* glide home slider */

.home-slider-section {
    padding: 0;
    margin: 0;
    padding-top: 5.625rem;
    background-color: #262626;

}



.glide button {
    border: none;
    padding: 0;
    background: none;
    cursor: pointer;
    outline: none;
    transition: all 0.3s ease;
}

.glide .glide button:hover {
    scale: 1.3;
}

.glide .glide__track {
    position: relative;
}

.glide .glide__slide {
    background-color: #262626;
    position: relative;
    height: unset;
}

.glide .glide__slide .slide-link {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 4;
    pointer-events: auto;
}

.glide .glide__slide .slide-img {
    object-fit: cover;
    vertical-align: middle;
    width: 100%;
    height: 27.5rem;
    max-width: 90rem;
    margin: 0 auto;
}

.glide .glide__arrows {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 100%;
    display: flex;
    justify-content: space-between;
    padding: 0 1.5625rem;
}

.glide .glide__arrow {
    border: none;
}

.glide .glide__arrow img {
    width: 1.5625rem;
    height: 1.5625rem;
}

.glide .glide__bullets {
    position: absolute;
    bottom: 1.875rem;
    width: 100%;
    display: flex;
    justify-content: center;
    gap: .625rem;
}

.glide .glide__bullet {
    width: .9375rem;
    height: .9375rem;
    border-radius: 50%;
    background-color: #fff !important;
    opacity: 40%;
}

.glide .glide__bullet.glide__bullet--active {
    opacity: 100%;
}

.banner-card-container {
    position: absolute;
    width: 100%;
    height: 100%;
    display: flex;
    left: 50%;
    transform: translateX(-50%);
    align-items: center;
    z-index: 5;
    pointer-events: none;
}

.banner-card {
    background-image: url('../../images/banner-card-bg.svg');
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    max-height: 21.875rem;
    max-width: 21.875rem;
    width: 90%;
    min-height: 21.875rem;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    padding: 2.9375rem .625rem;
    z-index: 6;
    pointer-events: none;
}

.banner-card .content {
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: start;
    gap: 1.25rem;
    position: relative;
    z-index: 7;
    pointer-events: none;
}

.banner-card .content .primary-button {
    position: relative;
    z-index: 10;
    pointer-events: auto;
}

/* end glide home slider */

/* home models section */

.home-models-section .models-container {
    display: flex;
    gap: 1rem;
    width: 100%;
    justify-content: center;
    flex-wrap: wrap;
}

.home-models-section .models-container .models .models-card-title {
    width: 100%;
    border-bottom: .0625rem solid #838688;
    padding-bottom: .625rem;
    font-size: 1.5rem;
    font-weight: 700;
    background: url('../../images/gray-triangle.svg') no-repeat right bottom;
    margin-bottom: 1.25rem;
    color: #EBEEF0;
}

.home-models-section .models-container .models .models-list {
    display: flex;
    gap: .5rem;
    flex-wrap: wrap;
}

.home-models-section .models-container .models .models-card-title.highlight {
    background: url('../../images/yellow-triangle.svg') no-repeat right bottom;
    border-bottom: .0625rem solid #F6AA3B;
}

.home-models-section .models-container .models .model {
    border: .0625rem solid #EBEEF0;
    background: #FFF;
    text-decoration: none;
    transition: all 0.3s ease;
    cursor: pointer;
    color: #262626;
}

.home-models-section .models-container .models .model .model-name {
    font-size: 1rem;
    font-weight: 700;
}

.home-models-section .models-container .models .model:hover {
    border: .0625rem solid #D3DADF;
    background: #D3D9DE;
    color: #262626;
}

.home-models-section .models-container .models .model img {
    width: 100%;
    object-fit: cover;
    max-width: 11.625rem;
    max-height: 10.625rem;
}

.home-models-section .models-container .models .model .model-content {
    padding: .9375rem .75rem;
}

.home-models-section .models-container .models .model .model-content .model-characteristics {
    display: flex;
    flex-direction: column;
    gap: .625rem;
    margin-top: .75rem;
}

.home-models-section .models-container .models .model .model-content .model-characteristics .characteristic {
    display: flex;
    width: 100%;
    justify-content: space-between;
    gap: 1.25rem;
    font-size: .8125rem;
    font-weight: 400;
}

.home-models-section .models-container .models .model .model-content .model-characteristics .characteristic span {
    color: #838688;
    font-weight: 600;
}

.decoration-line-top,
.decoration-line-bottom {
    width: 100%;
    height: 100%;
    margin: 1.25rem 0rem;
}

/* end home models section */

/* home about section */

.home-about-section {
    background: #262626;
    color: #fff;
}

.home-about-section .about-container {
    display: flex;
    width: 100%;
    padding: 0;
    max-height: 31.25rem;
}

.home-about-section .about-container .img-container {
    width: 50%;
}

.home-about-section .about-container .img-container img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.home-about-section .about-container .content-container {
    width: 50%;
    padding: .9375rem 4.5rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    max-width: 43.75rem;
}

.home-about-section .about-container .content-container h3 {
    font-family: 'Open Sans';
    font-size: 1.5rem;
    font-weight: 700;
    margin-bottom: 1.5rem;
}

.home-about-section .about-container .content-container p {
    font-size: 1rem;
    font-weight: 400;
    text-wrap: balance;
}

.home-about-section .about-container .content-container .about-button-container {
    display: flex;
    justify-content: end;
    margin-top: 1.5rem;
    width: 100%;
}

.home-about-section .about-container .content-container .about-button-container .about-button {
    color: #FFF;
    border-radius: .5rem;
    padding: .625rem 1.25rem;
    font-size: 1rem;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-decoration: none;
    transition: all 0.3s ease;
}

.home-about-section .about-container .content-container .about-button-container .about-button:hover {
    background: #EBEBEB;
    color: #130506;
}

/* end home about section */

/* home contact section */

.home-contact-section .contact {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 1.5rem;
    flex-wrap: wrap;
    padding: 2rem 3rem;

    border: .0625rem solid #F6AA3B;
    background: #FFEACC;
    box-shadow: 0rem 1rem 1.5rem 0rem rgba(246, 170, 59, 0.20);
}

.home-contact-section .contact h2 {
    font-size: 1.375rem;
    font-weight: 700;
}

.home-contact-section .contact p {
    font-size: 1.0625rem;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    color: #7A5723;
}

/* contact section */

.contact-banner-section {
    width: 100%;
    padding-top: 5.625rem;
    margin: 0;
}

.form-section.bottom-section {
   margin-top: 0;
   background-size: contain;
}

.form-section.bottom-section .container {
    position: relative;
}

.contact-banner-section .contact-banner-img {
    width: 100%;
    height: 100%;
    max-height: 31.25rem;
    object-fit: cover;
}

.contact-form {
    border: .0625rem solid #D3DADF;
    background: #FFF;
    box-shadow: 0rem 1rem 1.5rem 0rem rgba(255, 234, 204, 0.32);
    padding: 5rem 0rem;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    margin-top: -12.5rem;
}

.contact-form h1 {
    margin-bottom: 5rem;
}

.contact-form-rows-wrapper {
    display: flex;
    flex-direction: column;
    max-width: 43.75rem;
    width: 90%;
    margin: 0 auto;
}

.contact-form-row {
    display: flex;
    gap: 1.5rem;
    margin-bottom: 2.5rem;
}

.contact-form-row:last-child {
    margin-bottom: 0;
}

.contact-form-field {
    display: flex;
    flex-direction: column;
    gap: .625rem;
    width: 100%;
    position: relative;
}

.contact-form-field label {
    font-size: 1rem;
    font-weight: 700;
}

.contact-form-field input,
.contact-form-field select,
.contact-form-field textarea {
    width: 100%;
    border: .0625rem solid #D3DADF;
    background: #FFF;
    padding: 1.125rem 1.375rem;
}

.contact-form-field select {
    appearance: none;
    background-image: url('../../images/icons/select-dropdown.svg');
    background-repeat: no-repeat;
    background-position: right 1.375rem center;
    background-size: 1rem;
}

.contact-form-row.justify-end {
    justify-content: flex-end;
}

.contact-form-row.justify-end .primary-button {
    padding: .75rem 1.5rem;
}


.error-message {
    position: absolute;
    bottom: -1.875rem;
    display: none;
    color: #FF0000;
    font-size: .875rem;
}

.error-message.active {
    display: block;
}

.input-error {
    border: .0625rem solid #FF0000 !important;
    transition: border-color 0.3s ease;
}

.spinner {
    border: .125rem solid #f3f3f3;
    border-top: .125rem solid #3498db;
    border-radius: 50%;
    width: 1rem;
    height: 1rem;
    animation: spin 1s linear infinite;
    display: inline-block;
    margin-left: .3125rem;
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

/* end contact form */


/* end contact section */

/* models section */

.models-banner-section {
    width: 100%;
    padding-top: 5.625rem;
    margin: 0;
    position: relative;
    background-color: #262626;
}

.models-banner-section .models-banner-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    max-width: 90rem;
    max-height: 27.5rem;
    margin: 0 auto;
}

.models-banner-section .container {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, calc(-50% + 2.8125rem));
}

.models-banner-section .container .banner-card {
    background-image: url('../../images/banner-card-bg.svg');
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    max-height: 21.875rem;
    max-width: 21.875rem;
    width: 90%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    padding: 4.5625rem .625rem;
}

.models-banner-section .container .banner-card .content {
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: start;
    gap: 3.125rem;
}

.models-description-container {
    display: flex;
    width: 100%;
    align-items: center;
    min-height: 25rem;
}

.models-description-container img {
    width: 50%;
    max-width: 34.875rem;
    max-height: 23.75rem;
}

.models-description-container .description-content {
    width: 50%;
}

.models-accordion-item {
    margin-bottom: .625rem;
    overflow: hidden;
    max-width: 31.25rem;
    margin: 0 auto;
}

.models-accordion-header {
    border-bottom: .0625rem solid #D3DADF;
    padding: .625rem;
    cursor: pointer;
    font-family: "Open Sans";
    font-size: 1.25rem;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    color: #838688;
    list-style: none;
    position: relative;
    transition: color 0.3s ease;
}

.models-accordion-item[open] .models-accordion-header {
    color: #FFF;
}

.models-accordion-header::after {
    content: '';
    background: url('../../images/accordion_arrow.svg') no-repeat;
    background-size: contain;
    width: 1rem;
    height: 1rem;
    position: absolute;
    right: 1.25rem;
    top: 50%;
    transform: translateY(-50%);
    transition: transform 0.3s ease;
}

.models-accordion-item[open] .models-accordion-header::after {
    background-image: url('../../images/accordion_arrow_open.svg');
    transform: translateY(-50%);
}

.models-accordion-content {
    padding: .625rem;
    background-color: #fff;
}

details.models-accordion-item summary::-webkit-details-marker {
    display: none;
}

details.models-accordion-item summary::marker {
    display: none;
}

.models-accordion-list {
    display: flex;
    flex-direction: row;
    width: 100%;
    justify-content: space-between;
    align-items: center;
    padding: 1.25rem;
}

.models-accordion-list li {
    font-size: 1rem;
    font-weight: 700;
    color: #FFF;
    width: 50%;
}

.models-accordion-list li:last-child {
    color: #e0e0e0;
    text-align: end;
}



.brochure-container {
    display: flex;
    align-items: center;
    border: .0625rem solid #D3DADF;
    background: #FFF;
    box-shadow: 0rem 1rem 1.5rem 0rem rgba(255, 234, 204, 0.32);
    padding: 2rem 3.5rem;
    justify-content: space-between;
    flex-wrap: wrap;
    margin: 5rem 0rem;
}

.brochure-divider {
    overflow: hidden;
}

.brochure-divider svg {
    width: 100%;
    height: auto;
}

.gallery-title {
    width: 100%;
    color: #EBEEF0;
    border-bottom: .0625rem solid #F6AA3B;
    padding-bottom: .625rem;
    font-size: 1.5rem;
    font-weight: 700;
    background: url(../../images/yellow-triangle.svg) no-repeat right bottom;
    margin-bottom: 1.25rem;
}

.gallery-glide button {
    border: none;
    padding: 0;
    background: none;
    cursor: pointer;
    outline: none;
    transition: all 0.3s ease;
}

.gallery-glide .glide button:hover {
    scale: 1.3;
}

.gallery-glide .glide__slide {
    background-color: #262626;
    position: relative;
}

.gallery-glide .glide__slide .slide-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    vertical-align: middle;
    max-height: 25rem;
}

.gallery-glide .glide__track {
    position: relative;
    z-index: 1;
}

.gallery-glide .glide__arrows {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 100%;
    display: flex;
    justify-content: space-between;
    padding: 0 1.5625rem;
}

.gallery-glide .glide__arrow {
    border: none;
    padding: .625rem;
}

.gallery-glide .glide__bullets {
    position: absolute;
    bottom: 1.875rem;
    width: 100%;
    display: flex;
    justify-content: center;
    gap: .625rem;
}

.gallery-glide .glide__bullet {
    width: .9375rem;
    height: .9375rem;
    border-radius: 50%;
    background-color: #fff !important;
    opacity: 40%;
}

.gallery-glide .glide__bullet.glide__bullet--active {
    opacity: 100%;
}

/* end models section */

/* combustion vs electric section */

.combustion-vs-electric-banner-section {
    width: 100%;
    padding-top: 5.625rem;
    margin: 0;
    position: relative;
}

.combustion-vs-electric-banner-section .combustion-vs-electric-banner-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    max-height: 27.6875rem;
}

.combustion-vs-electric-banner-section .container {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, calc(-50% + 2.8125rem));
}

.combustion-vs-electric-banner-section .container .banner-card {
    background-image: url('../../images/banner-card-bg.svg');
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}

.combustion-vs-electric-card {
    border: .0625rem solid #D3DADF;
    background: #FFF;
    box-shadow: 0rem 1rem 1.5rem 0rem rgba(255, 234, 204, 0.32);
    padding: 5rem 6.25rem;
    display: flex;
    flex-direction: column;
    gap: 3.5rem;
    text-wrap: pretty;
}

.combustion-vs-electric-card .title {
    font-size: 20px;
}

.combustion-vs-electric-card .persentage-container {
    display: flex;
    flex-direction: column;
    gap: 2.5rem;
}

.combustion-vs-electric-card .bottom-text {
    font-size: 16px;
}

.combustion-vs-electric-card .percentage-row {
    display: flex;
    align-items: center;
    gap: 1.5rem;
}

.combustion-vs-electric-card .percentage-row .percentage-img-container {
    width: 50%;
    display: flex;
    justify-content: center;
}

.combustion-vs-electric-card .percentage-row .percentage-img-container img {
    width: 100%;
    max-width: 23.1875rem;
    height: 100%;
    object-fit: cover;
}

.combustion-vs-electric-card .percentage-row .percentage-content {
    width: 50%;
}




/* end combustion vs electric section */


/* end home contact section */

@media (max-width: 64rem) {
    .banner-card {
        max-width: 18.75rem;
        max-height: 18.75rem;
        margin-left: 4.375rem;
    }

    .home-contact-section .contact h2 {
        font-size: 1.25rem;
        margin-bottom: 1rem;
    }

    .home-contact-section .contact {
        font-size: 1rem;
        flex-wrap: nowrap;
    }

    .home-about-section .about-container .content-container {
        padding: .9375rem 2rem;
    }

    .models-banner-section .container .banner-card {
        max-width: 15.625rem;
        max-height: 15.625rem;
    }

    footer .container.footer {
        padding: 2.5rem 2.5rem;
    }


}

@media (max-width: 48rem) {

    .header {
        height: 4.375rem;
    }

    .home-slider-section {
        padding-top: 4.375rem;
    }

    .home-banner-section {
        padding-top: 4.375rem;
    }

    .combustion-vs-electric-banner-section {
        padding-top: 4.375rem;
    }


    .banner-card {
        max-width: 15rem;
        max-height: 15rem;
        margin-left: 3.125rem;
    }

    .glide .glide__bullets {
        bottom: .9375rem;
    }

    .contact-form {
        margin-top: -3.125rem;
        padding: 2.5rem 0rem;
    }

    .contact-form h1 {
        margin-bottom: 2.5rem;
    }

    .contact-banner-section {
        padding-top: 4.375rem;
    }

    /* combustion vs electric section */

    .combustion-vs-electric-card {
        padding: 5rem 2.5rem;
    }

    /* end combustion vs electric section */

}

@media (max-width: 40rem) {

    /* slider home */

    .home-slider-section {
        background-color: #fff;
    }

    .glide__slide .slide-img {
        height: 18.75rem !important;
    }

    .glide .glide__arrows {
        top: 30%;
        padding: 0rem .9375rem;
    }

    .glide .glide__bullets {
        bottom: 13.75rem;
    }

    .glide__slide a {
        align-self: flex-end;
    }

    .glide .glide__slide {
        display: flex;
        flex-direction: column-reverse;
    }

    .banner-card-container {
        position: relative;
        transform: none;
        height: unset;
        background-color: #FFF;
        left: 0;
        right: 0;
        width: 100%;
        max-width: 100%;
        padding: 1.5rem;
        min-height: 12.5rem;
    }

    .banner-card-container .banner-card {
        max-width: 100%;
        padding: .625rem 0rem;
        margin-left: 0;
        background-image: none;
        min-height: max-content;
        width: 100%;
    }

    .banner-card-container .banner-card .content {
        width: 100%;

    }

    /* slider home end */

    .home-contact-section .contact {
        font-size: 1rem;
        flex-wrap: wrap;
        text-align: center;
        justify-content: center;
        gap: 2.5rem;
    }

    .brochure-container {
        flex-direction: column;
        align-items: center;
        justify-content: center;
        text-align: center;
        padding: 1.875rem;
        gap: 1.25rem;
    }

    .brochure-divider {
        display: none;
    }

    .models-description-container {
        flex-direction: column;
        gap: 1.25rem;
    }

    .models-description-container img {
        width: 100%;
    }

    .models-description-container .description-content {
        width: 100%;
    }

    .home-models-section .models-container .models .models-list {
        display: flex;
        gap: 1.25rem;
        flex-wrap: wrap;
        align-items: center;
        justify-content: center;
    }

    .home-about-section .about-container {
        flex-direction: column;
        max-height: 100%;
    }

    .home-about-section .about-container .content-container {
        padding: 3.125rem;
    }

    .home-about-section .about-container .img-container,
    .home-about-section .about-container .content-container {
        width: 100%;
    }


    .models-container .models {
        width: 100%;
    }

    .bottom-section {background-size: contain;}

    .contact-form-row {
        flex-direction: column;
        margin-bottom: 0rem;
        gap: 0rem;
    }

    .contact-form-row .contact-form-field {
        margin-bottom: 1.875rem;
    }

    .error-message {
        bottom: -1.4375rem;
    }

    .models-banner-section {
        position: static;
        padding-top: 4.375rem;
        background-color: #fff;
    }

    .models-banner-section .container {
        position: static;
        transform: none;
    }

    .models-banner-section .container .banner-card {
        max-width: 100%;
        max-height: 100%;
        margin-left: 0;
        background-image: none;
        padding: 1.25rem 0rem;
        gap: 0;
        min-height: max-content;
        width: 100%;
        justify-content: start;
        align-items: start;
    }

    .models-banner-section .container .banner-card .content {
        gap: .625rem;
    }

    .models-banner-section .models-banner-img.mobile {
        max-height: 18.75rem;
        min-height: 18.75rem;
    }

    /* combustion vs electric section */

    .combustion-vs-electric-banner-section {
        position: static;
    }

    .combustion-vs-electric-banner-section .combustion-vs-electric-banner-img.mobile {
        max-height: 18.75rem;
        min-height: 18.75rem;
    }

    .combustion-vs-electric-banner-section .container {
        position: static;
        transform: none;
        padding: 1.5rem;
        height: 100%;
    }

    .combustion-vs-electric-banner-section .container .banner-card {
        min-height: max-content;
        background-image: none;
        padding: 1.25rem 0rem;
        margin-left: 0;
    }

    .combustion-vs-electric-card .percentage-row {
        flex-direction: column;
    }

    .combustion-vs-electric-card .percentage-row .percentage-img-container {
        width: 100%;
    }

    .combustion-vs-electric-card .percentage-row .percentage-content {
        width: 100%;
    }

    /* end combustion vs electric section */

}