/* section 1: banner and brand logos  */

.section_one {
    background-color: #F3F3FC;
}

.section_one_text_part {
    min-height: 80vh;
    padding-top: 190px;
}

.banner_image {
    background-color: #F3F3FC;
}

.logo_images {
    width: 51px;
    height: 51px;
}

.kia_logo {
    width: 140px !important;
}

@media screen and (max-width:990px) {
    .kia_logo {
        width: 120px !important;
    }
}

@media screen and (max-width:768px) {
    .section_one_text_part {
        padding-top: 210px;
    }
}

textarea:focus,
input:focus,
select:focus {
    outline: none;
}


.section_one_text_wrapper {
    display: flex;
    gap: 20px;
    /* background-color: aqua; */
    justify-content: center;
    align-items: flex-end;
}

.section_one_text_wrapper>p {
    transform: rotate(180deg);
    writing-mode: vertical-rl;
    color: #242276;
    font-size: 15px;
    /* font-family: Open Sans; */
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    letter-spacing: 0.09px;
    text-transform: uppercase;
}

.section_one_text_wrapper>h2 {
    color: #000;
    font-size: 48px;
    /* font-family: Open Sans; */
    font-style: normal;
    font-weight: 400;
    line-height: 69px;
}

.section_one_form {
    display: flex;
    flex-direction: column;
    gap: 35px;
}

.inputs_wrapper>input {
    border: none;
    background: none;
    border-bottom: 1px solid black;
    padding: 10px 10px;
    color: #717171;
    font-size: 16px;
}

.model_input>select {
    width: 87.5%;
    border: none;
    background: none;
    border-bottom: 1px solid black;
    padding: 10px 10px;
    color: #717171;
    font-size: 16px;
}

.section_one_buttons {
    display: flex;
    gap: 62px;
    margin-left: 5%;
}

.button_one {
    padding: 15px 24px;
    border-radius: 8px;
    border: none;
    color: white;
    background-color: #242276;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    letter-spacing: 0.09px;
}

.button_two {
    border: none;
    background-color: transparent;
    color: #242276;
    font-size: 18px;
    font-weight: 600;
    letter-spacing: 0.09px;
}

@media screen and (max-width:768px) {
    .section_one_buttons {
        margin-left: 0 !important;
    }
}

@media screen and (max-width:460px) {
    .section_one_text_wrapper>h2 {
        font-size: 32px;
        line-height: 48px
    }

    .model_input>select {
        font-size: 13px;
    }

    .inputs_wrapper>input {
        font-size: 13px;
    }

    .section_one_buttons {
        gap: 0;
        justify-content: space-between;
    }

    .button_one {
        padding: 15px 22px;
        font-size: 13px;
    }

    .button_two {
        font-size: 15px;
    }
}


/* section 2: why choose us? */

.section_two_left {
    max-height: 70vh;
    /* padding-inline: 77px !important; */
    padding-left: 9% !important;
    padding-right: 0 !important;

}

.section_two_right {
    max-height: 70vh;
}

.why_choose_text {
    color: #9B9B9B;
    /* font-family: Open Sans; */
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    letter-spacing: 3px;
    text-transform: uppercase;
}

.left_heading {
    color: #000;
    /* font-family: Open Sans; */
    font-size: 32px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.list_heading {
    color: #282828;
    /* font-family: Open Sans; */
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: 150%;
}

.list_text {
    color: #888;
    /* font-family: Open Sans; */
    font-size: 11px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
    letter-spacing: -0.22px;
}

.section_two_right {
    /* max-height: 50vh; */
    overflow: hidden;
    border: 2px solid;
}

.left_img {
    object-fit: cover;
    object-fit: cover;
    height: 168%;
}


@media screen and (min-width:990px) {
    .left_img {
        max-width: 100%;
        max-height: 155%;
    }
}

@media screen and (max-width:1400px) {
    .section_two_left {
        /* padding-inline: 50px !important; */
        padding-left: 8% !important;
        padding-right: 0 !important;
    }
}

@media screen and (max-width:990px) {
    .section_two_left {
        min-height: 43vh;
    }

    .section_two_right {
        min-height: 43vh;
    }
}

@media screen and (max-width:546px) {
    /* .section_two_left {
        padding-inline: .5rem !important;
    } */

    .why_choose_text {
        font-size: 16px;
        letter-spacing: 2.4px;
    }

    .left_heading {
        font-size: 24px;
    }

    .list_heading {
        font-size: 16px;
    }

}


/* section 3: Our 3-step booking process */

.section_three {
    height: 70vh;
    max-height: 70vh;
    background-color: #242276;
}

@media screen and (max-width:546px) {
    .section_three {
        height: 50vh;
        max-height: 50vh;
    }
}

.section_three_left {
    background-color: #242276;
    height: 70vh;
    max-height: 70vh;
}

.section_three_heading {
    color: #FFF;
    font-size: 32px;
    font-style: normal;
    font-weight: 600;
    line-height: 44px;
}

.section_three_list {
    margin-left: 20%;
}

.section_three_list_heading {
    color: #FFF;
    font-size: 20px;
    font-weight: 600;
    line-height: 28px;
}

.section_3_list_images {
    border-radius: 48px;
    background: #F3F3FC;
}

.section_three_image {
    height: 70vh;
    max-height: 70vh;
    object-fit: cover;
    width: 100%;
}

.section_three_right {
    height: 60vh;
    min-height: 60vh;
}

@media screen and (max-width:990px) {
    .section_three_list {
        margin-left: 0%;
    }

    .section_three_image {
        height: 100%;
        object-fit: normal;
    }

    .section_three_left {
        height: 60vh;
        max-height: 60vh;
    }

}


/* section 4:  cards section */

.section_four {
    background-color: white;
    /* min-height: 100vh; */
}

.section_four_container {
    padding-block: 130px;
}

.section_four_heading {
    color: #000;
    text-align: center;
    font-size: 48px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.section_four_card {
    border-radius: 16px !important;
    border: 1px solid #E8E8E8 !important;
    background: #FFF;
    height: 100% !important;
}

.section_four_image {
    border-radius: 16px !important;
    min-height: 209px;
}

.section_four_card_title {
    color: #151515;
    font-size: 31px;
    font-style: normal;
    font-weight: 600;
    line-height: 140%;
    min-height: 86px;
}

.vehicle_data {
    color: #6D6D6D;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 150%;
    margin-top: 2px;
    min-height: 48px;
}

.desc_icons {
    width: 32px;
    height: 32px;
}

.card_amount {
    color: #151515;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: 140%;
}

.rent_now_btn {
    text-decoration: none;
    cursor: pointer;
    color: #242276;
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: 140%;
    display: flex;
    width: fit-content;
    gap: 10px;
    border: none;
    background: none;
}

.fleet_first_row_class {
    display: grid !important;
    grid-template-columns: 1fr 1fr 1fr;
}

.card_container_class {
    width: 100% !important;
}

.no_service_text {
    text-align: center;
}


@media screen and (max-width:990px) {
    .section_four {
        margin-top: 43vh;
    }
    .fleet_first_row_class {
        grid-template-columns: 1fr 1fr;
    }
}

@media screen and (max-width:650px) {
    .fleet_first_row_class {
        grid-template-columns: 1fr;
    }
    .section_four_card_title {
        min-height: auto;
    }
    
    .vehicle_data {
        min-height: auto;
    }
}

@media screen and (max-width:546px) {
    .section_four {
        margin-top: 70vh;
    }

    .section_four_container {
        padding-block: 70px;
    }

    .section_four_heading {
        font-size: 32px;
    }

    .section_four_card_title {
        font-size: 24px;
    }
}

@media screen and (max-width:400px) {
    .rent_now_btn {
        font-size: 22px;
    }
}


/* section 5: Business travel */

.section_five_card_subtitle {
    color: #9B9B9B;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    letter-spacing: 3px;
    text-transform: uppercase;
}

.section_five_card-title {
    color: #000;
    font-size: 32px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.section_four_card_text {
    color: #7D7D7D;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 28px;
    letter-spacing: 0.16px;
}

@media screen and (max-width: 768px) {
    .section5_card_body {
        padding-bottom: 26px !important;;
    }
}

@media screen and (max-width:546px) {
    .section_five_card_subtitle {
        font-size: 16px;
    }

    .section_five_card-title {
        font-size: 24px;
    }

}


/* section 6: Your Ultimate Guide */

.section_six_card_img {
    /* min-height: 60vh; */
    /* max-height: 120vh; */
    max-height: 100vh;
    width: 100vw;
}

.section_six_card_title {
    color: #242276 !important;
    /* font-size: 64px !important; */
    font-size: 60px !important;
    font-style: normal;
    font-weight: 600 !important;
    line-height: normal;
}

.section_six_button{
    width: fit-content;
}

.card_body_wrapper{
    margin-left: 4%;
    /* margin-top: 4%; */
    margin-top: 3%;
    width: 75% !important;
}

.image_overlay_desktop {
    background: linear-gradient(90deg, #EEE 0%, rgba(255, 255, 255, 0.05) 100%);
    height: 100vw;
    position: absolute;
    /* bottom: 0; */
    left: 0px;
    width: 100vw;
    height: 756px;
    flex-shrink: 0;
    height: 100%;
}

.section6_overlay_image {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background-color: transparent;
}

@media screen and (max-width:980px) {
    
    .section_six_card_title {
        font-size: 50px !important;
    }
    .section_six_card_img {
        /* min-height: 100vh; */
        object-fit: cover;
    }
}

@media screen and (max-width:768px) {
    .section6_overlay_image {
        position: relative;
        height: 300px;
        background: linear-gradient(180deg, #EDEDED 0%, #fff 5097px);
        top: 1px;
    }
}

@media screen and (max-width:546px){
    .section_six_container {
        /* max-height: 100vh; */
    }
    .section_six_card_title {
        font-size:32px !important;
    }
    .card_body_wrapper{
        margin-left: 1%;
        margin-top: 4%;
        width: 99% !important;
    }
}

@media screen and (max-width:310px) {
    .card_body_wrapper{
        width: 100% !important;
    }
    .section_six_card_title {
        font-size:28px !important;
    }
}

@media screen and (max-width:768px) {
    .padding_class {
        padding-inline: 24px !important;
    }
    .padding_class_section_one {
        padding-inline: 19px !important;
    }
}

@media screen and (max-width:300px) {
    .padding_class {
        padding-inline: 12px !important;
    }
}