﻿.colorWhite {
    color: white !important;
}

.pointer {
    cursor: pointer;
}

.lineShadow {
    background: linear-gradient(180deg, rgb(22 32 39 / 50%) 0%, rgb(22 32 39) 50%, rgb(22 32 39 / 50%) 100%) 0 50% / 2px 60% no-repeat;
}

.backCenter {
    height: 620px;
    background-image: url(/companies/fardaMotors/assets/img/backfarda-01.jpg);
    background-repeat: no-repeat;
    background-position: right;
    background-size: contain;
    background-color: #010005 !important;
}

.iconColor {
    transform: rotate(268deg);
    color: white;
    width: 15px;
    margin-top: -19px;
    filter: brightness(0) invert(1);
}

.iconColor2 {
    transform: rotate(90deg);
    color: white;
    width: 15px;
    margin-top: -19px;
    filter: brightness(0) invert(1);
}

.mb-30 {
    margin-bottom: 30px;
}

.mt-150 {
    margin-top: 150px;
}

.me-120 {
    margin-right: 120px;
}

.colorWhite2 {
    color: #cccccc;
}

.colorOrang {
    color: #e35a12;
}

.displayFlex {
    display: flex;
}

.marginrightAuto {
    margin-right: auto;
}

.style1 {
    margin-top: -4px;
    font-size: 14px;
}

.font14 {
    font-size: 14px;
}

.font11 {
    font-size: 11px;
}

.borderLeft {
    border-left: solid 2px #131d29;
}

.positionTextSlider {
    margin-top: 0px;
}

.displayFlex-Slider {
    display: flex;
    padding-left:0px;
}

.mt-150-slider {
    margin-top: 150px;
}

.displayThumb-Slider {
    display: block;
}

.positionTextSlider {
    margin-top: 100px;
}

.maxWidth-Slider {
    max-width: 700px !important;
}

.positionArrow {
    margin-top: -70px;
    margin-right: 20px;
}

.arrowInsideBox {
    margin-top: 0px;
}

.backDownAgent {
    background-position: bottom;
    background-size: cover;
}

.glass {
    background: rgba(255, 255, 255, 0.2);
    border-radius: 6px;
    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
    backdrop-filter: blur(6px);
    -webkit-backdrop-filter: blur(6px);
    border: 1px solid rgba(255, 255, 255, 0.3);
    text-align: right;
    padding: 20px;
}

.positionSection {
    position: relative;
    margin-top: 0px;
}

.positionMenu {
    margin-top: 0px;
}

@media screen and (min-width:290px) {
    .header-layout1 {
        margin-top: -15px;
        background: rgb(71 71 71 / 20%);
        box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
        backdrop-filter: blur(5px);
        -webkit-backdrop-filter: blur(5px);
        border: 1px solid rgb(42 42 42 / 30%);
    }

    .displayFlex-Slider {
        display: block;
        padding-left: 20px;
    }

    .backCenter {
        height: auto;
        background-image: url(/companies/fardaMotors/assets/img/backfarda-01.jpg);
        background-repeat: no-repeat;
        background-position: right 50px;
        background-size: 100%;
        background-color: #010005 !important;
    }

    .mt-150-slider {
        margin-top: 100px;
    }

    .displayThumb-Slider {
        display: none;
    }

    .maxWidth-Slider {
        max-width: 100% !important;
    }

    .positionArrow {
        margin-top: -70px;
        margin-right: 20px;
    }

    .arrowInsideBox {
        margin-top: 0px;
    }

    .backDownAgent {
        background-position: bottom;
        background-size: cover;
    }

    .positionSection {
        position: relative;
        margin-top: -40px;
        z-index: 2;
    }

    .positionMenu {
        margin-top: -20px;
    }
}

@media screen and (min-width:440px) {

    .displayFlex-Slider {
        display: block;
        padding-left: 20px;
    }

    .backCenter {
        height: auto;
        background-image: url(/companies/fardaMotors/assets/img/backfarda-01.jpg);
        background-repeat: no-repeat;
        background-position: right 50px;
        background-size: 100%;
        background-color: #010005 !important;
    }

    .mt-150-slider {
        margin-top: 100px;
    }

    .displayThumb-Slider {
        display: none;
    }

    .maxWidth-Slider {
        max-width: 100% !important;
    }
}

@media screen and (min-width:481px) {
}

@media screen and (min-width:500px) {
}

@media screen and (min-width:530px) {
}

@media screen and (min-width:578px) {
       
}

@media screen and (min-width:700px) {

    .maxWidth-Slider {
        max-width: 500px !important;
    }

    .displayFlex-Slider {
        display: block;
        padding-left: 0px;
    }
}

@media screen and (min-width:768px) {

    .header-layout1 {
        margin-top: 0px;
        background: rgb(71 71 71 / 20%);
        box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
        backdrop-filter: blur(5px);
        -webkit-backdrop-filter: blur(5px);
        border: 1px solid rgb(42 42 42 / 30%);
    }

    .positionMenu {
        margin-top: 0px;
    }

    .positionSection {
        position: relative;
        margin-top: -2px;
        z-index: 2;
    }
}

.mt-150-slider {
    margin-top: 100px;
}

@media screen and (min-width:945px) {

    .mt-150-slider {
        margin-top: 150px;
    }
}

@media screen and (min-width:961px) {
}

@media screen and (min-width:992px) {
}

@media screen and (min-width:1000px) {

    .displayFlex-Slider {
        display: flex;
    }

    .backCenter {
        height: auto;
        background-image: url(/companies/fardaMotors/assets/img/backfarda-01.jpg);
        background-repeat: no-repeat;
        background-position: right 0px;
        background-size: contain;
        background-color: #010005 !important;
    }

    .mt-150-slider {
        margin-top: 150px;
    }

    .displayThumb-Slider {
        display: block;
    }

    .maxWidth-Slider {
        max-width: 550px !important;
    }

    .positionArrow {
        margin-top: 20px;
        margin-right: 20px;
    }

    .arrowInsideBox {
        margin-top: -15px;
    }
}

@media screen and (min-width:1024px) {

    .displayFlex-Slider {
        display: flex;
    }

    .backCenter {
        height: auto;
        background-image: url(/companies/fardaMotors/assets/img/backfarda-01.jpg);
        background-repeat: no-repeat;
        background-position: right 0px;
        background-size: contain;
        background-color: #010005 !important;
    }

    .mt-150-slider {
        margin-top: 110px;
    }

    .displayThumb-Slider {
        display: block;
        margin-top: 0px;
    }

    .maxWidth-Slider {
        max-width: 650px !important;
    }
}

@media screen and (min-width:1077px) {


    .positionSection {
        position: relative;
        margin-top: 0px;
    }
}

@media screen and (min-width:1200px) {


    .displayThumb-Slider {
        display: block;
        margin-top: -100px;
    }

    .mt-150-slider {
        margin-top: 150px;
    }
}

@media screen and (min-width:1250px) {


    .displayThumb-Slider {
        display: block;
        margin-top: 0px;
    }
}

@media screen and (min-width:1300px) {
}

@media screen and (min-width:1400px) {
}

@media screen and (min-width:1500px) {

    .backCenter {
        height: 620px;
        background-image: url(/companies/fardaMotors/assets/img/backfarda-01.jpg);
        background-repeat: no-repeat;
        background-position: right;
        background-size: contain;
        background-color: #010005 !important;
    }

    .mt-150-slider {
        margin-top: 190px;
    }
}

@media screen and (min-width:1475px) {
}

@media screen and (min-width:1500px) {
}

@media screen and (min-width:1600px) {

    .displayFlex-Slider {
        display: flex;
    }

    .backCenter {
        height: 620px;
        background-image: url(/companies/fardaMotors/assets/img/backfarda-01.jpg);
        background-repeat: no-repeat;
        background-position: right;
        background-size: contain;
        background-color: #010005 !important;
    }

    .mt-150-slider {
        margin-top: 150px;
    }

    .displayThumb-Slider {
        display: block;
    }
}

@media screen and (min-width:1700px) {
}
