.elementor-2669 .elementor-element.elementor-element-5a9d6483{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-start;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;--z-index:0;}.elementor-2669 .elementor-element.elementor-element-5a9d6483:not(.elementor-motion-effects-element-type-background), .elementor-2669 .elementor-element.elementor-element-5a9d6483 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-secondary );}.elementor-2669 .elementor-element.elementor-element-5a9d6483.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-2669 .elementor-element.elementor-element-42d17345{--display:flex;--min-height:1440px;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:flex-start;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;--z-index:0;}.elementor-2669 .elementor-element.elementor-element-7469ac97{--display:flex;--z-index:100;}.elementor-2669 .elementor-element.elementor-element-52a7cb70{--display:flex;--min-height:600px;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-2669 .elementor-element.elementor-element-49f6e088{width:var( --container-widget-width, 50% );max-width:50%;--container-widget-width:50%;--container-widget-flex-grow:0;}.elementor-2669 .elementor-element.elementor-element-49f6e088 img{width:100%;height:100%;object-fit:cover;object-position:center center;}.elementor-2669 .elementor-element.elementor-element-2ab1ac4f{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:32px 32px;--row-gap:32px;--column-gap:32px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2669 .elementor-element.elementor-element-2ab1ac4f:not(.elementor-motion-effects-element-type-background), .elementor-2669 .elementor-element.elementor-element-2ab1ac4f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#9FB9AE;}.elementor-2669 .elementor-element.elementor-element-1ee04763{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:flex-start;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:24px;--padding-right:24px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-2669 .elementor-element.elementor-element-1c1df506{width:100%;max-width:100%;text-align:start;}.elementor-2669 .elementor-element.elementor-element-1c1df506 .elementor-heading-title{font-family:"SEAT PT Font", Sans-serif;font-size:48px;font-weight:600;font-style:normal;line-height:1.2em;letter-spacing:0px;word-spacing:0px;color:var( --e-global-color-text );}.elementor-2669 .elementor-element.elementor-element-6909d649{text-align:start;}.elementor-2669 .elementor-element.elementor-element-6909d649 .elementor-heading-title{font-family:"SEAT PT Font", Sans-serif;font-size:48px;font-weight:800;font-style:normal;line-height:1.1em;word-spacing:0px;color:var( --e-global-color-text );}.elementor-2669 .elementor-element.elementor-element-1b9c4c7a{text-align:start;}.elementor-2669 .elementor-element.elementor-element-1b9c4c7a .elementor-heading-title{font-family:"SEAT PT Font", Sans-serif;font-size:16px;font-weight:500;line-height:1.4em;color:var( --e-global-color-text );}.elementor-2669 .elementor-element.elementor-element-680599fa{--display:flex;--min-height:600px;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2669 .elementor-element.elementor-element-6c227232{width:var( --container-widget-width, 50% );max-width:50%;--container-widget-width:50%;--container-widget-flex-grow:0;}.elementor-2669 .elementor-element.elementor-element-6c227232 img{width:100%;height:100%;object-fit:cover;object-position:center center;}.elementor-2669 .elementor-element.elementor-element-47817505{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:32px 32px;--row-gap:32px;--column-gap:32px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2669 .elementor-element.elementor-element-2141ff78{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:flex-start;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:24px;--padding-right:24px;}.elementor-2669 .elementor-element.elementor-element-14a26d3d{width:100%;max-width:100%;text-align:start;}.elementor-2669 .elementor-element.elementor-element-14a26d3d .elementor-heading-title{font-family:"SEAT PT Font", Sans-serif;font-size:48px;font-weight:600;font-style:normal;line-height:1.2em;letter-spacing:0px;word-spacing:0px;color:var( --e-global-color-text );}.elementor-2669 .elementor-element.elementor-element-182e682b{text-align:start;}.elementor-2669 .elementor-element.elementor-element-182e682b .elementor-heading-title{font-family:"SEAT PT Font", Sans-serif;font-size:48px;font-weight:800;font-style:normal;line-height:1.1em;word-spacing:0px;color:var( --e-global-color-text );}.elementor-2669 .elementor-element.elementor-element-67541ffb{text-align:start;}.elementor-2669 .elementor-element.elementor-element-67541ffb .elementor-heading-title{font-family:"SEAT PT Font", Sans-serif;font-size:16px;font-weight:500;line-height:1.4em;color:var( --e-global-color-text );}.elementor-2669 .elementor-element.elementor-element-799effe8{width:var( --container-widget-width, 50% );max-width:50%;--container-widget-width:50%;--container-widget-flex-grow:0;}.elementor-2669 .elementor-element.elementor-element-799effe8 img{width:100%;height:100%;object-fit:cover;object-position:center center;}.elementor-2669 .elementor-element.elementor-element-2aa653b2{--display:flex;--min-height:600px;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2669 .elementor-element.elementor-element-2661aaab{width:var( --container-widget-width, 50% );max-width:50%;--container-widget-width:50%;--container-widget-flex-grow:0;}.elementor-2669 .elementor-element.elementor-element-2661aaab img{width:100%;height:100%;object-fit:cover;object-position:center center;}.elementor-2669 .elementor-element.elementor-element-e27ed3d{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:32px 32px;--row-gap:32px;--column-gap:32px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2669 .elementor-element.elementor-element-e27ed3d:not(.elementor-motion-effects-element-type-background), .elementor-2669 .elementor-element.elementor-element-e27ed3d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#9FB9AE;}.elementor-2669 .elementor-element.elementor-element-523f8b15{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:flex-start;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:24px;--padding-right:24px;}.elementor-2669 .elementor-element.elementor-element-7f862ff2{width:100%;max-width:100%;text-align:start;}.elementor-2669 .elementor-element.elementor-element-7f862ff2 .elementor-heading-title{font-family:"SEAT PT Font", Sans-serif;font-size:48px;font-weight:600;font-style:normal;line-height:1.2em;letter-spacing:0px;word-spacing:0px;color:var( --e-global-color-text );}.elementor-2669 .elementor-element.elementor-element-329edfd5{text-align:start;}.elementor-2669 .elementor-element.elementor-element-329edfd5 .elementor-heading-title{font-family:"SEAT PT Font", Sans-serif;font-size:48px;font-weight:800;font-style:normal;line-height:1.1em;word-spacing:0px;color:var( --e-global-color-text );}.elementor-2669 .elementor-element.elementor-element-56176be4{text-align:start;}.elementor-2669 .elementor-element.elementor-element-56176be4 .elementor-heading-title{font-family:"SEAT PT Font", Sans-serif;font-size:16px;font-weight:500;line-height:1.4em;color:var( --e-global-color-text );}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-2669 .elementor-element.elementor-element-174e5db6 .elementor-button{font-family:"SEAT PT Font", Sans-serif;font-weight:700;}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-2669 .elementor-element.elementor-element-52a7cb70{--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-2669 .elementor-element.elementor-element-1c1df506{text-align:start;}.elementor-2669 .elementor-element.elementor-element-680599fa{--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-2669 .elementor-element.elementor-element-14a26d3d{text-align:start;}.elementor-2669 .elementor-element.elementor-element-2aa653b2{--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-2669 .elementor-element.elementor-element-7f862ff2{text-align:start;}}@media(min-width:768px){.elementor-2669 .elementor-element.elementor-element-5a9d6483{--width:100%;}.elementor-2669 .elementor-element.elementor-element-2ab1ac4f{--width:50%;}.elementor-2669 .elementor-element.elementor-element-47817505{--width:50%;}.elementor-2669 .elementor-element.elementor-element-e27ed3d{--width:50%;}}@media(max-width:767px){.elementor-2669 .elementor-element.elementor-element-52a7cb70{--min-height:0px;}.elementor-2669 .elementor-element.elementor-element-1c1df506{text-align:start;}.elementor-2669 .elementor-element.elementor-element-680599fa{--min-height:0px;}.elementor-2669 .elementor-element.elementor-element-14a26d3d{text-align:start;}.elementor-2669 .elementor-element.elementor-element-2aa653b2{--min-height:0px;}.elementor-2669 .elementor-element.elementor-element-7f862ff2{text-align:start;}}/* Start custom CSS for container, class: .elementor-element-5a9d6483 *//* --- NAVBAR --- */
.navbar {
    max-width: 100%;
}

.navbar-link {
    padding: 27px 30px;
    width: fit-content;
    border-bottom: 2px solid white;
}

.navbar-link:hover {
    border-bottom: 2px solid black;
}

.navbar-container-logos {
    width: fit-content;
}

#navbar-search-logo {
    padding: 20px 12px 22px 4px;
    width: 80px;
}

#navbar-hamburger-logo {
    display: none;
}

.shadow-gradient {
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.66) 5.29%, rgba(26, 26, 26, 0.59) 41.83%, rgba(38, 38, 38, 0.295) 62.5%, rgba(45, 45, 45, 0.1475) 81.25%, rgba(51, 51, 51, 0) 100%);
}


/* --- MENU (OVERLAY) --- */
.menu-backdrop {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 100; 
    opacity: 0;
    visibility: hidden;
    transition: opacity 0s ease-out, visibility 0s 0s; 
}

.menu-backdrop.show {
    opacity: 1;
    visibility: visible;
    transition: opacity 0s ease-out, visibility 0s 0s;
}


/* --- MENU (NAVBAR) --- */
#models-menu, #buy-menu, #postsales-menu, #business-menu {
    position: fixed;
    width: 90vw;
    top: -50px;
    left: 4.5%;
    opacity: 0;
    transition: left 0.3s ease-out, opacity 0.3s ease-out; 
}


#models-menu.hide, #buy-menu.hide, #postsales-menu.hide, #business-menu.hide {
    opacity: 0;
    display: none;
    top: -50px;
    transition: left 0.3s ease-out, opacity 0.3s ease-out;
}

#models-menu.show, #buy-menu.show, #postsales-menu.show, #business-menu.show {
    opacity: 1;
    display: block;
    top: 68px;
    transition: left 0.3s ease-out, opacity 0.3s ease-out;
}

.menu-item {
    height: fit-content;
}

.menu-item p:hover {
    color: #747468 !important;
}


/* DELETE */
.subitems {
    transition: opacity 0.4s ease-out, display 0.4s ease-out; 
}

#frm_field_6_container {
    justify-items: center;
}



.submenu-item p:hover{
    color: #ff0036 !important;
}

.footer-logo, .tab-btn {
    width: fit-content;
}

#footer-social-icons-sm {
    display: none;
}

#footer-social-icons-lg {
    display: flex;
}

.slider-text-container{
    max-width: 450px;
}

.h0 h1, h1.h0 {
    font-size: 60px !important;
}

.h1 h1, h1.h1 {
    font-size: 48px !important;
}

.h5 h1, h1.h5 {
    font-size: 24px !important;
}

.h4 h1, h1.h4 {
    font-size: 30px !important;
}

.h6 h1, h1.h6 {
    font-size: 16px !important;
}

.p p, p.p {
    font-size: 14px !important;
    line-height: 1.4em !important;
}



.btn {
    max-width: 266px !important;
    min-width: 188px !important;
    width: 100%;
    justify-content: start;
    align-items: start;
    text-align: start;
}

.btn a{
    width: 100% !important;
    padding: 6px 22px;
    min-height: 48px;
    display: inline-flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    text-align: center;
    border-radius: 4px;
}


.btn-primary a {
    background-color: #ffffff !important;
    color: #0F0F0F !important;
}

.btn-primary-black a {
    background-color: #0F0F0F !important;
    color: #ffffff !important;
}

.btn-secondary a {
    background-color: transparent !important;
    color: #0F0F0F !important;
    border: 2px solid black !important;
}

.btn-secondary a:hover {
    border: 2px solid rgb(90, 90, 90) !important;
}

.btn-secondary-white a {
    background-color: transparent !important;
    color: #f5f5f5 !important;
    border: 2px solid white !important;
}

.btn-primary-pink a {
    background-color: #ff0036 !important;
    color: #f5f5f5 !important;
    transition: background 0.5s ease-in-out, background-color 0.5s ease-in-out;
}

.btn-primary-pink a:hover {
    background: linear-gradient(90deg, rgb(194, 10, 60) 50%, rgb(255, 0, 54) 100%) !important;
    transition: background 0.5s ease-in-out, background-color 0.5s ease-in-out;
}

.wrapper-container{
    padding-right: 32px;
    padding-left: 32px;
}

.section-container {
    max-width: 1372px;
}

.sm-grouped-cards {
    display: none;
}

.grouped-cards {
    display: flex;
    height: 640px;
}

.info-cards {
    height: fit-content;
}

.info-card {
    max-width: 335px;
    height: 446px;
}

.full-height {
    height: 100%;
}

.half-height {
    height: 50%;
}

.grouped-card-one, .grouped-card-three {
    width: 25%;
}

.grouped-card-two {
    width: 50%;
}

.stock-img {
    height: 67%;
}

.stock-text {
    height: 33%;
}


.banner-backdrop {
    display: flex;
}

.banner-wrapper-sm {
    display: none;
}

.advantage-card-img.img-left {
    display: none;
}

.advantage-card-img.img-right {
    display: block;
}

.advantages-hybrid-text-container {
    height: 404px;
}

.energy-types-container {
    max-width: 900px;
}

.energy-types-img {
    max-width: 436px;
}

.hybrid-cards-container {
    max-width: 700px;
}

.colourful-card {
    min-height: 660px;
}

.colourful-img-sm {
    display: none;
}

.colourful-img-lg {
    display: block;
}

.colourful-text-container {
    max-width: 550px;
    padding: 0px 40px;
}

.big-colourful-card {
    min-height: 800px !important;
}

.big-colourful-img {
    width: 70% !important;
}

.big-colourful-wrapper-content {
    width: 30% !important;
}

.width-full {
    width: 100% !important;
    max-width: 100% !important;
}

.card-40 {
    width: 40% !important;
}

.card-60 {
    width: 60% !important;
}

.card-30 {
    width: 30% !important;
}

.card-70 {
    width: 70% !important;
}


/* --- RESPONSIVE --- */
@media (max-width: 1440px) { /* Desktop */
#navbar-logo {
    width: 250px;
}

.navbar-link {
    padding: 27px 20px;
}



.grid-cards {
    grid-template-columns: repeat(3, 1fr) !important;
    grid-template-rows: repeat(2, 1fr) !important;
}

.stock-img {
    height: 62%;
}

.stock-text {
    height: 38%;
}


.banner-backdrop {
    width: 60%;
}

.advantages-hybrid-text-container {
    width: 100%;
}

.colourful-card {
    min-height: 600px;
}

.big-colourful-card {
    min-height: 700px !important;
}

.big-colourful-img {
    width: 65% !important;
}

.big-colourful-wrapper-content {
    width: 35% !important;
}


}

@media (max-width: 1200px) { /* Large Tablet */
#navbar-logo {
    width: 232px;
}

.navbar-link {
    padding: 27px 16px;
}

#navbar-search-logo {
    width: 66px;
}


.stock-img {
    height: 60%;
}

.stock-text {
    height: 40%;
}


.advantages-hybrid-text-container {
    height: 520px;
}


}

@media (max-width: 1024px) { /* Tablet */
#navbar-logo {
    width: 250px;
}

.navbar-list-links {
    display: none;
}

#navbar-search-logo {
    width: 70px;
    padding: 20px 4px 22px 4px;
}

#navbar-hamburger-logo {
    display: block;
}


.navbar-long-menu {
    position: fixed;
    width: 68vw;
    top: 0;
    right: -68vw; 
    opacity: 0;
    height: 100vh;
    overflow-y: auto;
    overflow-x: hidden;
    z-index: 107;
    transition: right 0.3s ease-out, opacity 0.3s ease-out; 
}

.navbar-long-menu.hide {
    opacity: 0;
    display: none;
    right: -68vw;
    transition: right 0.3s ease-out, opacity 0.3s ease-out;
}

.navbar-long-menu.show {
    opacity: 1;
    display: block;
    right: 0vw;
    transition: right 0.3s ease-out, opacity 0.3s ease-out;
}

.h0 h1, h1.h0 {
    font-size: 40px !important;
}

.h1 h1, h1.h1 {
    font-size: 32px !important;
}

.h5 h1, h1.h5 {
    font-size: 20px !important;
}

.h4 h1, h1.h4 {
    font-size: 24px !important;
}

.h6 h1, h1.h6 {
    font-size: 16px !important;
}

.p p, p.p {
    font-size: 14px !important;
    line-height: 1.4em !important;
}


.slider-img {
    width: 45%;
}

.slider-wrapper-content {
    width: 55%;
}


.grid-cards {
    grid-template-columns: repeat(2, 1fr) !important;
    grid-template-rows: repeat(3, 1fr) !important;
}

.wrapper-container{
    padding-right: 16px;
    padding-left: 16px;
}

.section-container{
    max-width: 1016px;
}

.grouped-cards {
    height: 418px;
}

.grouped-card-one {
    width: 24%;
}

.grouped-card-two, .grouped-card-three {
    width: 38%;
}


.stock-img, .stock-text {
    height: 50%;
}


.banner-backdrop {
    display: none;
}

.banner-wrapper-sm {
    display: flex;
    min-height: 280px;
}

.advantage-card {
    padding: 24px;
    flex-direction: column !important;
    gap: 32px;
}

.advantage-card-img {
    width: 100%;
    height: 248px;
}

.advantage-card-img.img-left {
    display: block;
}

.advantage-card-img.img-right {
    display: none;
}

.advantages-hybrid-text-container {
    max-width: 750px;
    padding: 0px 32px;
    gap: 52px !important;
    height: fit-content;
}

.colourful-card, .big-colourful-card {
    min-height: fit-content !important;
}

.colourful-img-sm {
    display: block;
}

.colourful-img-lg {
    display: none;
}

.big-colourful-img, .colourful-img, .colourful-img-sm, .big-colourful-wrapper-content, .colourful-wrapper-content, .card-40, .card-60, .card-30, .card-70  {
    width: 100% !important;
}

.colourful-text-container {
    padding: 32px 24px 40px 24px ;
}

}

@media (max-width: 768px) { /* Mobile */
#navbar-logo {
    width: 232px;
}

#navbar-search-logo {
    width: 70px;
    padding: 20px 0px 22px 0px;
}

#navbar-hamburger-logo {
    width: 70px;
    padding: 20px 0px 22px 0px;
}

#footer-social-icons-lg {
    display: none;
}

#footer-social-icons-sm {
    display: flex;
}

.navbar-long-menu {
    right: -60vw;
    width: 60vw;
}

.navbar-long-menu.hide {
    right: -60vw;
}

.slider {
    width: 100%;
}

.slider-img {
    width: 100% !important;
}

.slider-wrapper-content {
    width: 100% !important;
}

.slider-text-container {
    max-width: 100% !important;
    width: 100% !important;
    padding: 24px 24px 40px 24px ;
}


.section-container {
    padding-bottom: 32px;

}

.grid-cards {
    row-gap: 16px;
}

.grouped-cards {
    display: none;
}

.sm-grouped-cards {
    display: flex;
    padding-bottom: 0px;
    gap: 16px;
}

.sm-grouped-card-one, .sm-grouped-card-two, .sm-grouped-card-three {
    flex-direction: row;
    flex-wrap: nowrap;
}

.sm-grouped-card-content {
    height: auto;
}

.sm-grouped-card-img {
    width: 20%;
    max-height: 180px;
}

.info-cards {
    flex-wrap: wrap;
    height: fit-content;
    gap:16px;
    padding-top: 0px;
    margin-bottom: 0px;
}

.info-card {
    max-width: 100%;
    height: 650px !important;
}


.banner-content-sm {
    max-width: 440px;
}

.advantage-card {
    padding: 16px 16px 40px;
}

.advantage-card-img {
    height: 208px;
}

.advantages-hybrid-text-container {
    max-width: 480px;
    padding: 0px !important;
    gap: 24px !important;
    align-content: start;
    height: fit-content;
}

.energy-types-card, .hybrid-cards-container {
    max-width: 440px;
}

.colourful-text-container {
    max-width: 440px;
}

.accordion-container {
    max-width: 420px !important;
}


}


@media (max-width: 480px) { /* Very small screens (like small mobile phones) */

.navbar-long-menu {
    right: -100vw;
    width: 100vw;
}

.navbar-long-menu.hide {
    right: -100vw;
}

.grid-cards {
    grid-template-columns: repeat(1, 1fr) !important;
    grid-template-rows: repeat(6, 1fr) !important;
}

.sm-grouped-card-img {
    width: 35%;
    max-height: 250px;
}

.info-card {
    height: 480px !important;
}


.advantages-hybrid-text-container {
    max-width: 440px;
    padding: 0px !important;
    gap: 20px;
}

.colourful-text-container {
    padding: 32px 16px;
}

}/* End custom CSS */
/* Start custom CSS */.landing_content {
    position: relative; /* Keeps content inside */
    min-height: 100%; /* Ensures it covers the full screen initially */
    display: flex;
    flex-direction: column;
    align-items: center; /* Centers everything horizontally */
    justify-content: center; /* Centers everything vertically */
    overflow: hidden; /* Prevents unwanted scrolling */
}
.content-container {
    text-align: center;
    position: relative;
  max-width: 100%;
  top: 0px;
}



/* MAIN container */
.global-container {
  width: 100%;
  /*height: 66vh;*/
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
}



/* --- LINK ---*/
.link {
    cursor: pointer;
    transition: font-weight 0.4s ease-out;
}

.link > a {
    font-weight: 400;
    transition: font-weight 0.4s ease-out;
}


.link > a:hover {
    font-weight: bold !important;
    transition: font-weight 0.4s ease-out;
}


.pointer {
    cursor: pointer;
}

.no-wrap {
    white-space: nowrap;
}

.no-scroll {
    overflow: hidden;
}


form label, form textarea, form input, form select {
	font-family: "VW Text", Sans-serif !important;
    font-weight: 500 !important;
	font-size: 16px !important;
}




/* --- RESPONSIVE --- */
@media (max-width: 1024px) { /* Tablet */
    .landing_content {
        min-height: auto; /* Allow natural height */
        height: auto;
    }

    .content-container {
        width: 100%; /* Full width for better readability */
        padding-top:0px;
    }

}

@media (max-width: 768px) { /* Mobile */
    .landing_content {
        flex-direction: column; /* Stack elements vertically */
        align-items: flex-start; /* Align content to the /*left 
        padding: 50px 20px;*/
    }

    .content-container {
        text-align: left; /* Align text for better readability */
    }
}/* End custom CSS */