/* Banner section */
.pre-order-banner {
    background-image: url("../../Images/Tesla/cover-preorder.png");
    width: 100%;
    height: 400px;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: center;
    margin-bottom: 20px;
}

.pre-order-banner-text {
    height: fit-content;
    padding-left: 100px;
}

.pre-order-banner h3 {
    font-family: orbitron-bold, serif;
    color: #ffffff;
    font-size: 80px;
}

.pre-order-banner p {
    font-family: cocogoose-ultralight, serif;
    color: #ffffff;
    font-size: 30px;
}


/* Pre-order section */
.pre-order-input select, input {
    width: 100%;
    color: #000000FF;
    padding: 8px;
    border: 1px solid #eeeeee;
    font-family: "Calibri Light", serif;
    font-weight: 500;
    margin-bottom: 10px;
}

.pre-order-input select option {
    background-color: #e0e0e0;
}

.pre-order-input label {
    color: #007bc5;
    font-family: orbitron-bold, serif;
    padding: 5px;
}


.pre-order-input input::placeholder {
    color: #97a2b4;
    font-family: "Calibri Light", serif;
    font-weight: 500;
}

.pre-order-input input:focus, textarea:focus, select:focus {
    outline: none;
}

.delivery-date-field {
    width: 100%;
    color: #000000FF;
    background-color: #f2f3f5;
    border: 1px solid #eeeeee;
    margin-bottom: 10px;

}

.delivery-date-field input {
    width: 90%;
    background-color: transparent;
    border: none;
    font-family: "Calibri Light", serif;
    font-weight: 500;
    margin: 0;
}

.pre-order-input .form-control {
    background-color: #f2f3f5 !important;
}

.pre-order-input textarea .form-control {
    color: #97a2b4 !important;
    font-family: "Calibri Light", serif !important;
    font-weight: 500 !important;
}

.messageBox-border-color{
    border: 2px solid lightgray;
}
/* Ques ans section */
.ques-ans {
    padding: 10px;
    background-color: #f1f1f1;
    font-family: orbitron-bold, serif;
}
.ques-ans i {
    color: #c90505;
}

.ans-box{
    color: #c90505;
    font-family: Calibri, serif;
    display: none;
}

.faq {
    padding: 50px 0px;
}

    .faq .accordion-button::after {
        background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='%23333' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill-rule='evenodd' d='M8 0a1 1 0 0 1 1 1v6h6a1 1 0 1 1 0 2H9v6a1 1 0 1 1-2 0V9H1a1 1 0 0 1 0-2h6V1a1 1 0 0 1 1-1z' clip-rule='evenodd'/%3e%3c/svg%3e");
        transform: scale(.7) !important;
    }

    .faq .accordion-button:not(.collapsed)::after {
        background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='%23333' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill-rule='evenodd' d='M0 8a1 1 0 0 1 1-1h14a1 1 0 1 1 0 2H1a1 1 0 0 1-1-1z' clip-rule='evenodd'/%3e%3c/svg%3e");
    }
    .faq .accordion-button {
        font-family: orbitron-bold, serif;
        background-color: #ececec;
        margin-bottom: 10px;
        border-radius: 0px !important;
    }
/* For small device */
@media only screen and (max-width: 600px) {
    /*Banner section*/
    .pre-order-banner-text {
        padding-left: 30px;
    }

    .pre-order-banner h3 {
        font-size: 30px;
    }

    .pre-order-banner p {
        font-size: 15px;
    }


    /* Pre-order section */
    .pre-order-input select, input{
        padding: 5px;
    }
    .pre-order-input select option {
        font-size: 10px;
    }

    .pre-order-input label {
        font-size: 12px;
    }

    /* Ques ans section */
    .quse-ans{
        font-size: 12px;
    }
    .pre-order-banner {
        background-size: cover;
    }
}