.homepage-header {
    background: linear-gradient(180deg, #0061AE 0%, #031F3B 100%);
}
h1.homepage-header__title  {
    color: #fff;
    font-weight: 500;
    text-transform: uppercase;
}
h1.homepage-header__title strong {
    color: #FF7B00;
}
.homepage-header__subtitle {
    color: white;
    font-weight: 300;
}
p.homepage-header__subtitle strong {
    font-weight: 600;
}
.homepage-header__filters{
    display: flex;
    grid-gap: 10px;
    flex-wrap: wrap;
}
.homepage-header__filter, .homepage-header__location-input {
    position: relative;
    display: flex;
    color: #fff;
    border: 1px solid #fff;
    outline: none;
    gap: 5px;
    justify-content: space-between;
    align-items: center;
    box-sizing: border-box;
}
.homepage-header__filter, .homepage-header__location-input {
    cursor: pointer;
}
.homepage-header__filter:not(.open) > .homepage-header__filter-options {
    display: none;
}
.homepage-header__filter-expand {
    height: auto;
    fill: #fff;
}
.homepage-header__filter-options {
    position: absolute;
    top: calc(100% + 7px);
    left: 0;
    width: 100%;
    background: #0061AE;
    overflow-y: auto;
    z-index: 1;
    display: flex;
    flex-direction: column;
}
.homepage-header__filter-options:not(#homepage_header_models_options), #homepage_header_models_options.has-options{
    border: 1px solid #fff;
}
.homepage-header__filter-option {
    cursor: pointer;
    transition: .25s;
}

.homepage-header__filter-option.highlighted,
.homepage-header__filter-option.selected,
.homepage-header__filter-option:hover {
    background-color: #dce8f3;
}

.homepage-header__search-filter-input {
    background: none;
    border: 1px solid #fff;
    color: #fff;
    font-family: 'Open Sans', sans-serif;
}
.homepage-header__filter-input {
    background: none;
    font-family: 'Open Sans', sans-serif;
}

input#homepage_header_dealers{
    outline: none;
}
.homepage-header__filter-input::placeholder, .homepage-header__search-filter-input::placeholder{
    color: #fff;
}
.homepage-header__filter-dealers {
    display: flex;
    flex: 100%;
    flex-direction: column;
    position: relative;
    color: #fff;

}
.homepage-header__filter-dealers > .homepage-header__filter-options {
    padding: 0.8vw 0.8vw 0.8vw !important;
    top: 100% !important;
}

.homepage-header__filter-dealers > .homepage_header_dealers_selected_values {
    padding: 0.2vw;
    
}

.homepage-header__filter-dealers > .homepage_header_dealers_selected_values > .homepage-header-search-filter-value {
    padding: 0.1vw 0.1vw 0.1vw;
    border: 1px solid white;
    padding-left: 1.5vw;
    padding-right: 0.5vw;
    position: relative;
    color: white;
    display: inline-block;
    width: fit-content;
    border-radius: 0.3vw;
    margin-right: 0.2vw;
    cursor: pointer;
}

.homepage-header__filter-dealers > .homepage_header_dealers_selected_values > .homepage-header-search-filter-value::before {
    content: "✕";
    position: absolute;
    left: 0.4em;
    top: 50%;
    transform: translateY(-50%);
    color: white;
    font-weight: bold;
    pointer-events: none;
    
}

.homepage-header__filter-dealers > .homepage-header__filter-options:not(:has(.homepage-header__filter-option)) {
    display: none;
}

.homepage-header__search-filter-input {
    flex: 100%;
}
.homepage-header__filter-submit {
    background: #ff7b02;
    text-align: center;
}
.homepage-header__filter-search-btn {
    width: 100%;
    display: block;
    color: #fff;
    text-decoration: none;
    text-transform: uppercase;
    font-weight: 800;
}
.strength-point-wrapper {
     display: flex;
}
.strength-point-single-container { 
    display: flex;
}
.single-strength-point-image { 
    flex-shrink: 0 
}
.single-strength-point-image > svg { 
    fill: #FFF; 
}
.strength-point-title { 
    color: #FFF; 
    display: block; 
    font-weight: 800;
}
.single-strength-point-content > p { 
    color: #FFF; 
    font-family: 'Open Sans', sans-serif; 
    font-weight: 100; 
}
.home-cta-banner {
    background: white;
}
h2.home-cta-banner__title {
    font-family: 'Open Sans', sans-serif;
    color: #fd850c;
}
.homepage-cta-banner-contact-us {
    color: #FFF;
    text-align: center;
    text-decoration: none;
    background: var(--mainOrange);
    transition: .25s;
    display: block;
    font-weight: 800;
}
p.home-cta-banner__info {
    color: #727272;
}
@media (width <= 550px){
    .homepage-header {
        margin-top: 16vw;
    }
    .homepage-header__search {
        padding: 12vw 8vw 10vw;
    }
    h1.homepage-header__title {
        font-size: 9vw;
        line-height: 9.2vw;
        width: 85vw;
    }
    .homepage-header__subtitle, .homepage-header__filter-search-btn {
        font-size: 4.5vw;
    }
    .homepage-header__subtitle {
        width: 75vw;
    }
    .homepage-header__filter, .homepage-header__search-filter-input, .homepage-header__location-input{
        padding: 3vw;
        font-size: 3.6vw;
    }
    .homepage-header__filter, .homepage-header__filter-options, .homepage-header__location-input, .homepage-header__search-filter-input, .homepage-header__filter-submit{
        border-radius: 1.5vw;
    }
    .homepage-header__filter-expand {
        width: 3.6vw;
    }
    .homepage-header__filter-options {
        max-height: 200px;
    }
    .homepage-header__filter-options:not(#homepage_header_models_options), .homepage-header__filter-options.has-options {
        padding: 0 3vw 3vw;
    }
    .homepage-header__filter-submit {
        padding-block: 3.5vw;
        margin-top: 8vw;
    }
    /*  Features  */
    .strength-point-wrapper {
        padding: 0 8vw 12vw;
    }
    .strength-point-title, h2.home-cta-banner__title{ 
        font-size: 4.5vw; 
        line-height: 5vw;
        margin-bottom: 4vw; 
    }
    .single-strength-point-content > p, .homepage-cta-banner-contact-us { 
        font-size: 3.6vw; 
        line-height: 4.5vw; 
    }
    .strength-point-single-container:nth-last-child(n+3) > .single-strength-point-content > p{
        width: 60vw;
    }
    .home-cta-banner {
        border-radius: 1.5vw;
        padding: 7vw;
    }
    .homepage-cta-banner-contact-us {
        border-radius: 1.5vw;
        padding-block: 3.5vw;
    }
    p.home-cta-banner__info {
        font-size: 2.7vw;
        margin-top: 4vw;
    }
}
@media (width >= 551px) and (width <= 766.9px){
    .homepage-header {
        margin-top: 14vw;
    }
    .homepage-header__search {
        padding: 10vw;
    }
    h1.homepage-header__title {
        font-size: 8.54vw;
        line-height: 8.6vw;
        width: 82vw;
    }
    .homepage-header__subtitle, .homepage-header__filter-search-btn {
        font-size: 3.9vw;
    }
    .homepage-header__filter, .homepage-header__search-filter-input, .homepage-header__location-input{
        font-size: 2.6vw;
    }
    .homepage-header__filter, .homepage-header__filter-options, .homepage-header__location-input, .homepage-header__search-filter-input, .homepage-header__filter-submit{
        border-radius: 1vw;
    }
    .homepage-header__filter-expand {
        width: 2.6vw;
    }
    .homepage-header__filter-submit {
        margin-top: 6vw;
    }
    /*  Features  */
    .strength-point-wrapper {
        padding: 0 10vw 10vw;
    }
    .strength-point-title, h2.home-cta-banner__title { 
        font-size: 3.9vw; 
        line-height: 4.5vw;
    }
    .strength-point-title, h2.home-cta-banner__title { 
        margin-bottom: 3vw; 
    }
    .single-strength-point-content > p, .homepage-cta-banner-contact-us { 
        font-size: 2.6vw; 
        line-height: 3.5vw; 
    }
    .strength-point-single-container:nth-last-child(n+3) > .single-strength-point-content > p{
        width: 43vw;
    }
    .home-cta-banner {
        border-radius: 1vw;
        padding: 5vw;
    }
    .homepage-cta-banner-contact-us {
        border-radius: 1vw;
    }
    p.home-cta-banner__info {
        font-size: 2vw;
        margin-top: 3vw;
    }
}
@media (width >= 551px) and (width <= 899.9px){
    .homepage-header__filter, .homepage-header__search-filter-input, .homepage-header__location-input{
        padding: 2vw;
    }
    .homepage-header__filter-options:not(#homepage_header_models_options), .homepage-header__filter-options.has-options {
        padding: 0 2vw 2vw;
    }
    .homepage-header__filter-submit {
        padding-block: 2vw;
    }
    .homepage-header__filter-options {
        max-height: 300px;
    }
    /*  Features  */    
    .homepage-cta-banner-contact-us {
        padding-block: 2vw;
    }
}
@media (width <= 766.9px){
    h1.homepage-header__title {
        padding-bottom: 5vw;
    }
    .homepage-header__filters{
        padding-top: 6vw;
    }
    .homepage-header__filters > *:not(.homepage-header__filter-dealers) {
        flex: 0 0 calc((100% - 10px)/ 2);
    }
    .homepage-header__filter, .homepage-header__location-input {
        max-width: calc((100% - 10px) / 2);
    }
    .homepage-header__filter-options:not(#homepage_header_models_options), .homepage-header__filter-options.has-options {
        grid-gap: 2.5vw;
    }
    /*  Features  */
    .strength-point-wrapper {
        gap: 6vw;
        flex-direction: column;
    }
    .strength-point-single-container:not(:last-of-type) { 
        padding-bottom: 6vw;
        border-bottom: 1px solid #ffffff23; 
    }
    .single-strength-point-image { 
        width: 14vw; 
    }
    .single-strength-point-image > svg { 
        height: 7vw; 
    }
}
@media (width >= 767px) {
    /*  Features  */
    .strength-point-wrapper {
        flex-direction: column;
    }
    .strength-point-wrapper, .strength-point-single-container:nth-of-type(-n+2) { 
        position: relative;
    }
    .strength-point-single-container:nth-of-type(even) .single-strength-point-image > svg { 
        object-fit: contain;
    }
    .strength-point-single-container:nth-of-type(-n+2)::after { 
        position: absolute;
        content: "";
        background-color: #ffffff23;
        height: 1px;
        left: 0;
    }
    .home-cta-banner {
        position: absolute;
        top: 50%;
        transform: translate(0, -50%);
    }
}
@media (width >= 767px) and (width <= 899.9px){
    .homepage-header {
        margin-top: 13vw;
    }
    h1.homepage-header__title {
        font-size: 6.13vw;
        line-height: 6.5vw;
        width: 58vw;
    }
    .homepage-header__subtitle, .homepage-header__filter-search-btn {
        font-size: 2.83vw;
    }
    .homepage-header__subtitle {
        width: 69vw;
    }
    .homepage-header__filter, .homepage-header__search-filter-input, .homepage-header__location-input{
        font-size: 1.89vw;
    }
    .homepage-header__filter, .homepage-header__filter-options, .homepage-header__location-input, .homepage-header__search-filter-input, .homepage-header__filter-submit{
        border-radius: 0.7vw;
    }
    .homepage-header__filter-expand {
        width: 1.89vw;
    }
    .homepage-header__filters{
        padding-top: 4vw;
    }
    .homepage-header__filter-options:not(#homepage_header_models_options), .homepage-header__filter-options.has-options {
        grid-gap: 2vw;
    }
    .homepage-header__filter-submit {
        margin-top: 4vw;
    }
    /*  Features  */
    .strength-point-wrapper {
        grid-gap: 8vw;
    }
    .strength-point-single-container {
        grid-gap: 3vw;
    }
    .strength-point-single-container:nth-of-type(-n+2)::after {
        bottom: -4vw;
        width: 45%;
    }
    .single-strength-point-image > svg { 
        width: 7vw; 
    }
    .strength-point-single-container:nth-of-type(even) .single-strength-point-image > svg { 
        height: 7vw;
    }
    .strength-point-title, h2.home-cta-banner__title { 
        font-size: 2.83vw; 
        line-height: 3vw;
    }
    .strength-point-title, h2.home-cta-banner__title { 
        margin-bottom: 2vw; 
    }
    .single-strength-point-content > p, .homepage-cta-banner-contact-us { 
        font-size: 1.89vw; 
        line-height: 2.4vw; 
    }
    .single-strength-point-content > p{
        width: 28vw;
    }
    .home-cta-banner {
        border-radius: 0.7vw 0 0 0.7vw;
        padding: 3.5vw;
    }
    h2.home-cta-banner__title { 
         width: 20vw;
    }
    .homepage-cta-banner-contact-us {
        border-radius: 0.7vw;
    }
    .homepage-cta-banner-contact-us, p.home-cta-banner__info {
        width: 28vw;
    }
    p.home-cta-banner__info {
        font-size: 1.44vw;
        line-height: 2vw;
        margin-top: 3vw;
    }
}
@media (width >= 767px) and (width <= 1099.9px){
    .homepage-header__search {
        padding: 8vw;
    }
    h1.homepage-header__title {
        padding-bottom: 3vw;
    }
    /*  Features  */
    .strength-point-wrapper {
        padding: 0 8vw 8vw;
    }
    .home-cta-banner {
        right: 0;
        width: 45vw;
    }
}
@media (width >= 767px) {
    .homepage-header__filters > *:not(.homepage-header__filter-dealers) {
        flex: 0 0 calc((100% - 20px)/ 3);
    }
    .homepage-header__filter, .homepage-header__location-input {
        max-width: calc((100% - 20px) / 3);
    }
}
@media (width >= 900px){    
    .homepage-header__container, .homepage-header__search {
        position: relative;
    }
    .homepage-header__car-image {
        position: absolute;
        width: 100%;
        opacity: 0.4;
    }
    .homepage-header__car-image .cloud-layer {
        background-image: url(/static/images/cloud/image.png);
        background-repeat: no-repeat;
        width: 100%;
        height: 100%;
        position: absolute;
    }
    .homepage-header__car-image .car-layer {
        background-image: url(/static/images/homepage-car.png);
        background-repeat: no-repeat;
        background-position: -7vw bottom;
        transform: scaleX(-1); 
        width: 100%;
        height: 100%;
        position: absolute;
    }
    .homepage-header__search{
        z-index: 1;
    }
}
@media (width >= 900px) and (width <= 1099.9px){
    .homepage-header {
        margin-top: 12vw;
    }
    .homepage-header__car-image {
        height: calc(100% - 8vw);
    }
    .homepage-header__car-image .car-layer {
        background-size: 41vw;
    }
    .homepage-header__car-image .cloud-layer {
        background-size: 40vw;
        background-position: 60vw 23vw;
    }
    h1.homepage-header__title {
        font-size: 5.22vw;
        line-height: 5.5vw;
        width: 52vw;
    }
    .homepage-header__subtitle, .homepage-header__filter-search-btn {
        font-size: 2.41vw;
    }
    p.homepage-header__subtitle {
        width: 60vw;
    }
    .homepage-header__filters, .homepage-header__filter-submit {
        width: 72%;
    }
    .homepage-header__filter, .homepage-header__search-filter-input, .homepage-header__location-input{
        padding: 1.5vw;
        font-size: 1.61vw;
    }
    .homepage-header__filter, .homepage-header__filter-options, .homepage-header__location-input, .homepage-header__search-filter-input, .homepage-header__filter-submit{
        border-radius: 0.5vw;
    }
    .homepage-header__filter-expand {
        width: 1.61vw;
    }
    .homepage-header__filter-options:not(#homepage_header_models_options), .homepage-header__filter-options.has-options {
        padding: 0 1.5vw 1.5vw;
    }
    .homepage-header__filter-options:not(#homepage_header_models_options), .homepage-header__filter-options.has-options {
        grid-gap: 1.5vw;
    }
    .homepage-header__filter-submit {
        padding-block: 1.5vw;
        margin: 3vw auto 0 0;
    }
    /*  Features  */
    .strength-point-single-container:nth-of-type(-n+2)::after { 
        width: 35%;
    }
    .single-strength-point-image > svg { 
        width: 5vw; 
    }
    .strength-point-single-container:nth-of-type(even) .single-strength-point-image > svg { 
        height: 5vw;
    }
    .strength-point-title, h2.home-cta-banner__title { 
        font-size: 2.41vw; 
        line-height: 2.8vw;
    }
    .strength-point-title, h2.home-cta-banner__title {
        margin-bottom: 1.5vw;
    }
    .single-strength-point-content > p, .homepage-cta-banner-contact-us { 
        font-size: 1.61vw; 
        line-height: 2vw; 
    }  
    .single-strength-point-content > p{ 
        width: 30vw;
    }
    .home-cta-banner {
        border-radius: 0.5vw 0 0 0.5vw;
        padding: 3vw;
    }
    h2.home-cta-banner__title {
        width: 18vw;
    }
    .homepage-cta-banner-contact-us, p.home-cta-banner__info {
        width: 24vw;
    }
    .homepage-cta-banner-contact-us {
        padding-block: 1.5vw;
        border-radius: 0.5vw;
    }
    p.home-cta-banner__info {
        font-size: 1.23vw;
        line-height: 1.5vw;
        margin-top: 2vw;
    }
}
@media (width >= 900px) and (width <= 1400px){
    .homepage-header__filters {
        padding-top: 3vw;
    }
    .homepage-header__filter-options {
        max-height: 250px;
    }
    /*  Features  */
    .strength-point-wrapper {
        grid-gap: 6vw;
    }
    .strength-point-single-container:nth-of-type(-n+2)::after { 
        bottom: -3vw;
    }
    .strength-point-single-container {
        grid-gap: 2vw;
    }  
}
@media (width >= 1100px){
    .homepage-header__container {
        padding-block: 5vw 8vw;
    }
    .homepage-header__car-image .car-layer {
        background-size: 48vw;
    }
    .homepage-header__car-image {
        height: calc(100% - 5vw);
    }
    .homepage-header__search{
        margin: auto;
    }
    h1.homepage-header__title {
        padding-bottom: 2vw;
    }
    .homepage-header__filter-options:not(#homepage_header_models_options), .homepage-header__filter-options.has-options {
        grid-gap: 1vw;
    }
    /*  Features  */
    .strength-point-wrapper {
        margin: auto;
        padding-block: 0 8vw;
    }
    .strength-point-title, h2.home-cta-banner__title { 
        margin-bottom: 1vw;
    }
    p.home-cta-banner__info {
        margin-top: 1.5vw;
    }
}
@media (width >= 1100px) and (width <= 1400px){
    .homepage-header {
        margin-top: 8vw;
    }
    .homepage-header__car-image .cloud-layer {
        background-size: 48vw;
        background-position: 52vw 6vw;
    }
    .homepage-header__search{
        width: 80vw;
    }
    h1.homepage-header__title {
        font-size: 4.27vw;
        line-height: 4.5vw;
        width: 50vw;
    }
    .homepage-header__subtitle, .homepage-header__filter-search-btn {
        font-size: 2vw;
        line-height: 2.5vw;
    }
    p.homepage-header__subtitle {
        width: 49vw;
    }
    .homepage-header__filters, .homepage-header__filter-submit {
        width: 62%;
    }
    .homepage-header__filter, .homepage-header__filter-options, .homepage-header__location-input, .homepage-header__search-filter-input, .homepage-header__filter-submit{
        border-radius: 0.4vw;
    }
    .homepage-header__filter, .homepage-header__search-filter-input, .homepage-header__location-input{
        padding: 1vw;
        font-size: 1.32vw;
    }
    .homepage-header__filter-expand {
        width: 1.32vw;
    }
    .homepage-header__filter-options:not(#homepage_header_models_options), .homepage-header__filter-options.has-options {
        padding: 0 1vw 1vw;
    }
    .homepage-header__filter-submit {
        padding-block: 1vw;
        margin-top: 3vw;
    }
    /*  Features  */
    .strength-point-wrapper {
        width: 80vw;
    }
    .strength-point-single-container:nth-of-type(-n+2)::after { 
        width: 30%;
    }
    .single-strength-point-image > svg { 
        width: 4vw; 
    }
    .strength-point-single-container:nth-of-type(even) .single-strength-point-image > svg { 
        height: 4vw;
    }
    .strength-point-title, h2.home-cta-banner__title { 
        font-size: 2vw; 
        line-height: 2.5vw;
    }
    .single-strength-point-content > p, .homepage-cta-banner-contact-us { 
        font-size: 1.32vw; 
        line-height: 1.8vw; 
    }
    .single-strength-point-content > p {
        width: 27vw;
    }
    .home-cta-banner {
        right: -10vw;
        border-radius: 0.4vw 0 0 0.4vw;
        padding: 2vw;
        width: 40vw;
    }
    h2.home-cta-banner__title {
        width: 15vw;
    }
    .homepage-cta-banner-contact-us {
        padding-block: 1vw;
        border-radius: 0.4vw;
    }
    .homepage-cta-banner-contact-us, p.home-cta-banner__info {
        width: 19.5vw;
    }
    p.home-cta-banner__info {
        font-size: 1vw;
        line-height: 1.2vw;
    }
}
@media (width >= 1401px){
    .homepage-header {
        margin-top: 6vw;
    }
    .homepage-header__car-image .cloud-layer {
        background-size: 51vw;
        background-position: 49vw -5vw;
    }
    .homepage-header__search{
        width: 70vw;
    }
    h1.homepage-header__title {
        font-size: 3.4vw;
        line-height: 3.4vw;
        width: 35vw;
    }
    .homepage-header__subtitle, .homepage-header__filter-search-btn {
        font-size: 1.57vw;
        line-height: 2vw;
    }
    p.homepage-header__subtitle {
        width: 39vw;
    }
    .homepage-header__filters {
        padding-top: 2vw;
    }
    .homepage-header__filters, .homepage-header__filter-submit {
        width: 58%;
    }
    .homepage-header__filter, .homepage-header__search-filter-input, .homepage-header__location-input{
        padding: 0.8vw;
        font-size: 1.05vw;
    }
    .homepage-header__filter, .homepage-header__filter-options,  .homepage-header__location-input, .homepage-header__search-filter-input, .homepage-header__filter-submit{
        border-radius: 0.3vw;
    }
    .homepage-header__filter-expand {
        width: 1.05vw;
    }
    .homepage-header__filter-options {
        max-height: 250px;
    } 
    .homepage-header__filter-options:not(#homepage_header_models_options), .homepage-header__filter-options.has-options {
        padding: 0 0.8vw 0.8vw;
    }
    .homepage-header__filter-submit {
        padding-block: 0.8vw;
        margin-top: 2vw;
    }
    /*  Features  */
    .strength-point-wrapper {
        grid-gap: 5vw;
        width: 70vw;
    }
    .strength-point-single-container {
        grid-gap: 1.5vw;
    }
    .strength-point-single-container:nth-of-type(-n+2)::after { 
        width: 26%;
        bottom: -2.5vw;
    }
    .single-strength-point-image > svg { 
        width: 3vw; 
    }
    .strength-point-single-container:nth-of-type(even) .single-strength-point-image > svg { 
        height: 3vw;
    }
    .strength-point-title, h2.home-cta-banner__title { 
        font-size: 1.57vw; 
        line-height: 1.6vw;
    }
    .single-strength-point-content > p, .homepage-cta-banner-contact-us { 
        font-size: 1.05vw; 
        line-height: 1.3vw; 
    }
    .home-cta-banner {
        right: -15vw;
        border-radius: 0.3vw 0 0 0.3vw;
        padding: 1.5vw;
        width: 35vw;
    }
    h2.home-cta-banner__title {
        width: 12vw;
    }
    .homepage-cta-banner-contact-us {
        padding-block: 0.8vw;
        border-radius: 0.3vw;
    }
    .homepage-cta-banner-contact-us, p.home-cta-banner__info {
        width: 15.5vw;
    }
    p.home-cta-banner__info {
        font-size: 0.8vw;
        line-height: 1vw;
    }
}

/*.top-right-video-player-wrapper { margin-top: 150px; display: flex; gap: 70px; transform: translateX(-150px); width: 102%;*/ /*height: calc(100% - 70px)*/ /*position: relative; z-index: 55000; margin-bottom: 150px }
body.video-played .top-right-video-player-wrapper { transform: none }
.top-content-wrapper { overflow-x: unset; }
.top-content-wrapper > .top-content-right-section { overflow: hidden }*/

/*VIDEO PLAYER*/
/*body.video-played .video-player { width: 72%; height: 80vh; width: auto; max-width: 80%; position: relative; top: -80px; left: calc(50% - 150px); transform: translateX(-50%); }
body.video-played .top-right-index-content-wrapper > .top-right-index-content-container { opacity: 0; pointer-events: none; }
body.video-played .video-player > .play-btn { opacity: 0; pointer-events: none; }
body.video-played .video-player > .index-cloud { display: none }

.video-player { height: 52vh; width: auto; aspect-ratio: 16 / 9; position: relative; cursor: pointer; z-index: 40000; transition: all 0.6s; flex-shrink: 0; top: 0; left: 0 }
.video-player::after { content: ''; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background-color: rgba(0,0,0,0.2); transition: all 0.3s; border-radius: 8px; }
.video-player::before { content: ''; width: 55%; height: 100%; position: absolute; top: 0; right: 0; background-color: #0057A5; clip-path: polygon(18% 0,100% 0,100% 100%,0% 100%); border-radius: 8px }
.video-player > img { position: absolute; z-index: -10; width: 100%; height: 100%; border-radius: 8px; object-fit: cover; }
.video-player > .play-btn { width: 75px; aspect-ratio: 1; background-color: #EDEDED; border-radius: 50%; display: flex; justify-content: center; align-items: center; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 100; transition: all 0.3s; }
.video-player > .play-btn { opacity: 1; pointer-events: all; transition: all 0.3s; }
.video-player > .play-btn > svg { width: 20px; margin-left: 5px; transition: all 0.3s; }
.video-player > .coming-soon { margin-top: 50px; position: absolute; right: 0; display: flex; justify-content: center; align-items: center; gap: 10px; }
.video-player > .coming-soon > span { color: #cbd3d8a1; font-family: 'Open Sans', sans-serif; text-transform: uppercase }
.video-player > .coming-soon > .coming-soon-band { height: 8px; background-color: #cbd3d8a1; width: 80px; clip-path: polygon(0% 0%,100% 0%,100% 100%,5% 100%); }
.video-player > span { color: #cbd3d8a1; text-transform: uppercase; position: absolute; right: 90px; top: 55%; transform: translateY(-50%); text-align: right; width: 200px; font-size: 1.4rem; }
.video-player > span > .secarepay-video { display: block; margin-bottom: 15px; font-size: 1.7rem; }
.video-player > .close-video { width: 40px; height: 40px; border-radius: 50%; background-color: #0057A5; cursor: pointer; position: absolute; top: 0; right: 0; transform: translate(50%, -50%); z-index: 20000; display: flex; justify-content: center; align-items: center; opacity: 0; pointer-events: none; transition: all 0.3s; }
.video-player > .close-video > svg { width: 20px; fill: #FFF }
.video-player > .iframe-container { display: block; opacity: 0; pointer-events: none; width: 100%; height: 100%; position: relative; z-index: 20000; transition: 0.3s linear; }
.video-player > .iframe-container > iframe { width: 100%; height: 100% }

body:not(.mobile) .video-player.played > .close-video { opacity: 1; pointer-events: all; }

.video-player > .index-cloud { position: absolute; left: 90%; bottom: -100px; z-index: -1; opacity: 0.4; cursor: auto; transition: all 0.1s; pointer-events: none }*/

/*RIGHT CONTENT*/
/*.top-right-index-content-wrapper > .top-right-index-content-container { color: #FFF; transition: all 0.2s; }
.top-right-index-content-wrapper > .top-right-index-content-container > .index-content-title { font-size: 4.5rem; line-height: 5rem; margin-bottom: 30px; margin-top: 50px; font-weight: 400; font-family: 'Open Sans', sans-serif; letter-spacing: 1px; }
.top-right-index-content-wrapper > .top-right-index-content-container > .index-content-subtitle { font-size: 1.8rem; line-height: 2.3rem; letter-spacing: 1.5px }

.video-player.show-video > .iframe-container,
.video-player.toplay > .iframe-container { opacity: 1; pointer-events: all; }

@media (pointer: fine) {
    .video-player:hover > .play-btn { background-color: var(--mainBlue) }
    .video-player:hover > .play-btn > svg { fill: #FFF }
}*/

/*@media (max-width: 1700px) {
    .top-right-video-player-wrapper { margin-top: 150px; display: flex; gap: 70px; transform: translateX(-150px); width: 104% }
    .video-player { height: 50vh }
    .top-right-index-content-wrapper > .top-right-index-content-container > .index-content-title { margin-top: 30px; font-size: 4rem; line-height: 4.5rem }
    .top-right-index-content-wrapper > .top-right-index-content-container > .index-content-subtitle { font-size: 1.6rem; line-height: 2.2rem; }

    .video-player > .index-cloud { bottom: -80px; left: 80% }
}

@media (max-width: 1600px) {
    .top-right-index-content-wrapper > .top-right-index-content-container > .index-content-title { font-size: 3.2rem; line-height: 3.7rem }
    .top-right-index-content-wrapper > .top-right-index-content-container > .index-content-subtitle { font-size: 1.3rem; line-height: 1.8rem; }
}

@media (max-width: 1500px) {
    .video-player { height: 45vh }
    .top-right-index-content-wrapper > .top-right-index-content-container > .index-content-title { font-size: 2.7rem; line-height: 3rem }
    .top-right-video-player-wrapper { gap: 50px; }
    .video-player > .index-cloud { opacity: 0.4 }
}

@media (max-width: 1300px) {
    .video-player { height: 40vh }
    .top-right-index-content-wrapper > .top-right-index-content-container > .index-content-title { margin-top: 15px }
    .top-right-index-content-wrapper > .top-right-index-content-container > .index-content-subtitle { line-height: 1.9rem; }
}

@media (max-width: 1200px) {
    .video-player > .close-video { display: none }
    body.video-played .top-right-index-content-wrapper > .top-right-index-content-container { opacity: 1; pointer-events: all }
    .top-right-video-player-wrapper { flex-direction: column-reverse; transform: none; width: 100%; margin-top: 100px; align-items: center; margin-bottom: 10px }
    .top-right-index-content-wrapper > .top-right-index-content-container > .index-content-title { text-align: center; font-size: 3.5rem; line-height: 3.5rem }
    .top-right-index-content-wrapper > .top-right-index-content-container > .index-content-subtitle { display: block; width: 80%; text-align: center; margin-inline: auto }
    .video-player { width: 70%; height: auto }
    .video-player > .index-cloud { top: 0; opacity: 0.6 }
    body.video-played .video-player { width: 100%; height: auto; top: 0; left: 0; transform: none }
    body.video-played .video-player > .index-cloud { display: block }
}

@media (max-width: 1024px) {
    .top-right-index-content-wrapper > .top-right-index-content-container > .index-content-title { font-size: 3rem; line-height: 3.2rem }
    .video-player { width: 80% }
}

@media (max-width: 767px) {
    .top-right-video-player-wrapper { margin-bottom: 30px }
    .top-right-index-content-wrapper > .top-right-index-content-container > .index-content-title { font-size: 2.7rem; line-height: 3rem; margin-bottom: 15px }
    .video-player > span { right: 45px }
}

@media (max-width: 640px) {
    .top-right-index-content-wrapper > .top-right-index-content-container > .index-content-title { font-size: 2.5rem; line-height: 2.7rem }
    .top-right-index-content-wrapper > .top-right-index-content-container > .index-content-subtitle { line-height: 2rem; }
    .video-player > span > .secarepay-video { font-size: 1.4rem }
    .video-player > .play-btn { width: 60px }
    .video-player > span { font-size: 1.1rem; right: 20px }
    .video-player > .coming-soon { margin-top: 25px }
    .video-player > .coming-soon > .coming-soon-band { width: 40px; height: 7px }
    .video-player > .coming-soon > span { font-size: 0.9rem }
}

@media (max-width: 480px) {
    .top-right-video-player-wrapper { gap: 30px; margin-bottom: 20px; margin-top: 80px }
    .top-right-index-content-wrapper > .top-right-index-content-container > .index-content-title { font-size: 2.1rem; line-height: 2.5rem }
    .top-right-index-content-wrapper > .top-right-index-content-container > .index-content-subtitle { font-size: 1.1rem; line-height: 1.6rem }
    .video-player > .index-cloud { display: none }
    body.video-played .video-player > .index-cloud { display: none }
    .video-player > span > .secarepay-video { font-size: 1.1rem }
    .video-player > span { font-size: 0.9rem; width: 150px }
    .video-player > .coming-soon > span { font-size: 0.8rem }
    .video-player > .coming-soon > .coming-soon-band { width: 30px; }
}

@media (max-width: 380px) {
    .top-right-index-content-wrapper > .top-right-index-content-container > .index-content-title { font-size: 1.8rem; line-height: 2rem }
    .top-right-index-content-wrapper > .top-right-index-content-container > .index-content-subtitle { font-size: 1rem; line-height: 1.3rem }
    .video-player > span > .secarepay-video { font-size: 1rem }
    .video-player > .coming-soon { margin-top: 15px }
    .video-player > .coming-soon > span { font-size: 0.7rem; }
    .video-player > .play-btn { width: 50px }
}*/

/*------------------------------------------------------------------------------------------*/
/*---------------------------------CAR SEARCH HOMEPAGE--------------------------------------*/
/*------------------------------------------------------------------------------------------*/

/*.top-right-car-search-wrapper { display: flex; flex-direction: column; transform: translate(-150px, 200px); }
.top-right-car-search-container { display: flex; }
.car-image-container { position: relative; width: 50%; display: flex; align-items: center; }
.car-image-container > .car { position: relative; z-index: 20; margin-left: 70px }
.car-image-container > .cloud-img { transform: scale(-1, 1); position: absolute; left: 0; top: -120px; z-index: 10; opacity: 0.8 }
.car-search-container { width: 50% }
.car-search__title { color: #FFF; text-transform: uppercase; font-size: 3rem; line-height: 3.4rem; margin-bottom: 40px; font-weight: 500 }
.car-search__subtitle { color: #FFF; letter-spacing: 1.5px; font-size: 1.1rem; margin-bottom: 30px; display: block }
.car-serach__select-container { display: flex; flex-wrap: wrap; row-gap: 20px; column-gap: 25px }*/

/*strength point*/
/*.strength-point-wrapper > .strength-point-single-container:not(:last-child) { margin-right: 70px; border-right: 1px solid #ffffff23; padding-right: 70px }*/


/*.text-brand {
    color: rgb(255, 132, 10);
}

@media (max-width: 1500px) {
    .car-image-container { opacity: 0.1; position: absolute; left: -200px }
    .car-search-container { width: 80%; margin-left: auto }
}

@media (max-width: 1200px) {
    .top-right-car-search-wrapper { transform: translate(0, 200px); padding-inline: 100px }
    .car-search-container { width: 100%; }
}

@media (max-width: 1023px) {
    .top-right-car-search-wrapper {  padding-inline: 50px }
}

@media (max-width: 767px) {
    .top-right-car-search-wrapper { transform: translate(0, 120px);  }
}

@media (max-width: 640px) {
    .car-search__title { font-size: 2.6rem; line-height: 3rem; margin-bottom: 16px }
    .top-right-car-search-wrapper { padding-inline: 30px }
 
}

@media (max-width: 480px) {
    .car-search__title { font-size: 2rem; line-height: 2.4rem; }
    .car-search__subtitle { font-size: 1rem }
    .top-right-car-search-wrapper { padding-inline: 15px }
    .submit-filters-btn { padding: 16px 70px }
}

@media (max-width: 380px) {
    .car-search__title { font-size: 1.7rem; line-height: 2rem; }
}*/

/* Filters */
/*.homepage-header-filters-container { display: flex; gap: 25px; flex-wrap: wrap; }
.homepage-header-filter-container { position: relative; display: flex; padding: 15px; width: calc(33.3333% - 16.6667px); color: #EEE; fill: #EEE; font-size: 1.125rem; background: #414a58; border: 1px solid #5a616e; border-radius: 7.5px; outline: none; gap: 5px; justify-content: space-between; align-items: center; cursor: pointer; }
.homepage-header-filter-expand { width: 15px; height: auto; flex-shrink: 0; }
.homepage-header-filter-options { position: absolute; top: calc(100% + 5px); left: 0; width: 100%; max-height: 250px; background-color: #414a58; border-radius: 10px; overflow-y: auto; z-index: 1; }
.homepage-header-filter-container:not(.open) > .homepage-header-filter-options { display: none; }
.homepage-header-filter-option { padding: 5px; color: #EEE; font-size: 1.125rem; text-align: center; font-weight: 500; border-bottom: 1px solid #0000001D; cursor: pointer; transition: .25s; }

.homepage-header-search-filter-container { position: relative; width: calc(33.3333% - 16.6667px); color: #EEE; font-size: 1.125rem; }
.homepage-header-search-filter-input { padding: 15px; width: 100%; color: #EEE; font-size: 1.125rem; background: #414a58; border: 1px solid #5a616e; outline: none; border-radius: 7.5px; }
.homepage-header-search-filter-input::placeholder { color: inherit; opacity: 1; }
.homepage-header-search-filter-value { position: absolute; inset: 0; padding: 15px; width: 100%; color: #EEE; font-size: 1.125rem; background: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22%23EEE%22%20viewBox%3D%220%20-960%20960%20960%22%3E%3Cpath%20d%3D%22M480-424%20284-228q-11%2011-28%2011t-28-11q-11-11-11-28t11-28l196-196-196-196q-11-11-11-28t11-28q11-11%2028-11t28%2011l196%20196%20196-196q11-11%2028-11t28%2011q11%2011%2011%2028t-11%2028L536-480l196%20196q11%2011%2011%2028t-11%2028q-11%2011-28%2011t-28-11L480-424Z%22%2F%3E%3C%2Fsvg%3E") calc(100% - 10px) center / 25px no-repeat, #414a58; border: 1px solid #5a616e; outline: none; border-radius: 7.5px; user-select: none; cursor: pointer; }
.homepage-header-search-filter-container > .homepage-header-filter-options { display: block; }

.homepage-header-filter-input { padding: 15px; width: calc(33.3333% - 16.6667px); color: #EEE; font-size: 1.125rem; background: #414a58; border: 1px solid #5a616e; outline: none; border-radius: 7.5px; }
.homepage-header-filter-input::placeholder { color: inherit; opacity: 1; }

.homepage-header-filter-search { padding: 15px; width: calc(33.3333% - 16.6667px); color: #FFF; text-align: center; text-decoration: none; background: var(--mainBlue); border-radius: 7.5px; transition: .25s; }

.homepage-header-filter-submit-container { display: flex; margin: 25px 0; justify-content: flex-end; }

@media (pointer: fine) {
    .homepage-header-filter-option:hover { background-color: #0057a523 }
    .homepage-header-filter-search:hover { filter: brightness(125%); }
}

@media (max-width: 640px){
    .homepage-header-filter-container,
    .homepage-header-search-filter-container,
    .homepage-header-filter-input,
    .homepage-header-filter-search { width: calc(50% - 12.5px); }
}

@media (max-width: 480px) {
    .homepage-header-filters-container { gap: 10px; }

    .homepage-header-filter-container,
    .homepage-header-search-filter-container,
    .homepage-header-filter-input,
    .homepage-header-filter-search { width: calc(50% - 5px); }

    .homepage-header-filter-container,
    .homepage-header-filter-input { font-size: .9375rem; }

    .homepage-header-filter-selected-value { }
}

@media (max-width: 360px) {
    .homepage-header-filter-container,
    .homepage-header-search-filter-container,
    .homepage-header-filter-input,
    .homepage-header-filter-search { width: 100%; }
}*/