/* contact-information-sec css start */
.contact-information-sec {
    background: #FFF;
}

.contact-us-form {
    padding: 16px;
    border: 1px solid #F1F1F1;
    border-radius: 16px;
}

.contact-us-form h3,
.information-wrap h3 {
    font-size: 32px;
    color: #242E30;
    font-weight: 600;
    line-height: 48px;
    margin-bottom: 8px;
}

.contact-us-form label {
    font-size: 14px;
    font-weight: 400;
    color: #242E30;
    margin-bottom: 4px;
}

.contact-us-form label sup {
    color: #EB0A0A;

}

.contact-us-form .form-control {
    border: 1px solid #DAD9D7;
    border-radius: 8px;
    font-size: 14px;
    margin-bottom: 16px;
    height: 40px;
}

.contact-us-form textarea.form-control {
    height: 74px;
}

.contact-us-form .form-control:active,
.contact-us-form .form-control:hover,
.contact-us-form .form-control:focus {
    box-shadow: 0 0 0 .25rem rgba(255, 128, 0, .1);
    border-color: #f36805
}

.contact-us-form .send-your-message {
    border: none;
}

.contact-us-form .success-msg {
    display: block;
    margin-top: 8px;
    color: green;
    font-weight: 600;
}

/**/

.information-wrap {
    padding: 16px;
}

.information-wrap>p {
    margin-bottom: 0px;
}

.information-col {
    margin: 16px 0px;
}

.information-col .info-icon {
    width: 48px;
    height: 48px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #FFF4EC;
}

.information-col .info-icon img {
    width: 24px;
}

.information-col h4 {
    margin: 16px 0px;
    font-size: 20px;
    line-height: 24px;
    font-weight: 600;
    color: #242E30;
}

.information-col .link {
    font-size: 16px;
    line-height: 24px;
    font-weight: 600;
    color: #242E30;
    text-decoration: none;
}

.information-col .link:hover,
.information-col .link:active,
.information-col .link:focus {
    color: #FC7B00;
    text-decoration: underline;
}

.information-col p {
    margin-bottom: 0px;
    font-weight: 500;
}

.follow-us-area {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 14px;
}

.follow-us-area a img {
    width: 30.5px;
    height: 30.5px;
    border-radius: 100%;
    transition: 0.3s;
}

.follow-us-area a:hover img {
    background: #FFF4EC;
    transform: scale(1.2);
    transition: 0.3s;
}

/* contact-information-sec css end */
/* our-office-timing-sec start */
.our-office-timing-sec {
    background: #F6F3EF;
}

.office-hours-row {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
}

.office-hours-row .timing-box {
    background: #FFDDBC;
    background: linear-gradient(180deg, rgba(255, 221, 188, 1) 1%, rgba(255, 255, 255, 1) 100%);
    width: calc((100% - 72px) / 7);
    border: 3px solid #FFF;
    border-radius: 16px;
    padding: 16px 8px 5px 8px;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.2);
    margin-bottom: 48px;
}

.office-hours-row .timing-box:nth-last-child(2) .time-box {
    background: #EDA400;
}

.office-hours-row .timing-box:last-child .time-box {
    background: #EB0A0A;
}

.office-hours-row .timing-box .day-logo {
    width: 42px;
    height: 42px;
    background: #008000;
    color: #FFF;
    font-size: 20px;
    font-weight: 400;
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.office-hours-row .timing-box h4 {
    color: #242E30;
    font-size: 20px;
    text-align: center;
    font-weight: 600;
    line-height: 30px;
    margin: 8px 0px;
}

.office-hours-row .timing-box img {
    width: 24px;
    height: 24px;
}

.office-hours-row .timing-box p {
    font-size: 14px;
    margin-bottom: 8px;
}

.office-hours-row .timing-box .time-box {
    font-size: 15px;
    background: #FC7B00;
    font-weight: 600;
    border-radius: 8px;
    color: #FFF;
    line-height: 21px;
    padding: 5.5px;
    width: 100%;
}

.our-office-timing-sec p a {
    font-weight: 700;
    text-decoration: none;
}

.our-office-timing-sec p a:hover,
.our-office-timing-sec p a:active,
.our-office-timing-sec p a:focus {
    color: #F36805;
    text-decoration: underline;
}

.our-office-timing-sec .timing-content-area {
    max-width: 1010px;
    margin: 0 auto;
}

/* our-office-timing-sec end */
/* contact-support-sec start */

.contact-support-left {
    padding-right: 52px;
}

.contact-support-info {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    padding: 0;
    list-style: none;
}

.contact-support-info .contact-box {
    width: 100%;
    border: 1px solid #FBD9B8;
    border-radius: 12px;
    padding: 15px 18px;
    background: #fff;
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 16px;
    font-weight: 400;
    color: #242E30;

}

.contact-support-info .contact-box img {
    width: 32px;

}

.contact-support-info .contact-box a.orange-color:hover {
    color: #F36805;
}

/* 2nd & 3rd box 50% */
.contact-support-info .contact-box:nth-child(2),
.contact-support-info .contact-box:nth-child(3) {
    width: calc(50% - 4px);
}

/* contact-support-sec start */

/* contact-driving-instrutor-sec start */
.contact-driving-instrutor-sec {
    background: #F9FAFB;
}

.contact-driving-instrutor-sec .instructor-card {
    background: #FFF;
    padding: 64px 16px 16px 16px;
    border-radius: 16px;
    border: 1px solid #F1F1F1;
    box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.3);
    height: 100%;
    transition: all 0.4s ease;
    position: relative;
}

.contact-driving-instrutor-sec .instructor-card:hover {
    transform: translateY(-3px);
    box-shadow: 0 1px 10px rgba(252, 123, 0, 0.25);
    background: #ffead4;
    border: 1px solid #f75e28;

}

.contact-driving-instrutor-sec .instructor-card h3 {
    padding: 0;
    margin: 0px;
    font-size: 20px;
    font-weight: 700;
    color: #242E30;
    position: relative;
}

.contact-driving-instrutor-sec .instructor-card .card-icon {
    width: 74px;
    height: 74px;
    position: absolute;
    background: #FC7B00;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 74px;
    top: -27px;
    transition: all 0.4s ease;
}

.contact-driving-instrutor-sec .instructor-card .card-icon img {
    width: 50px;
    height: 50px;
    object-fit: contain;
}

.contact-driving-instrutor-sec .instructor-card:hover .card-icon {
    transform: rotate(0deg) scale(1.1);
    background: #f75e28;
}

.contact-driving-instrutor-sec .instructor-card p:last-child {
    margin-bottom: 0px;
}

.contact-driving-instrutor-sec .instructor-card p {
    text-align: left;
}

.contact-driving-instrutor-sec .row .col-xl-3 {
    margin-top: 44px;
}

/*contact-driving-instrutor-sec end*/

/*about-company-sec start */
.about-company-sec {
    background: #F6F3EF;
}

.about-company-sec .about-content p a {
    font-weight: 600;

}

.about-company-sec .about-content p a:hover {
    color: #F36805;
}

.about-company-sec .about-content {
    padding-right: 155px;
}

.about-logo-card {
    background: #FFFBF8;
    padding: 20px;
    border-radius: 30px;
    text-align: center;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);
    height: 300px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.about-logo-card img {
    width: 67%;
}

/*about-company-sec start end */

/* google-map-sec start */
.google-map-sec {
    background: #FFF;
}

.google-map-sec .container {
    max-width: 1080px;
}

.google-map-sec iframe {
    width: 100%;
    height: 350px;
}

/* google-map-sec end */
/*======================================================*/
/*================ Responsive View Start ===============*/
/*======================================================*/
@media(max-width:1365px) {

    .contact-us-form h3,
    .information-wrap h3 {
        font-size: 24px;
        line-height: 34px;
    }

    .information-col h4 {
        margin: 12px 0px;
        font-size: 16px;
        line-height: 24px;
    }

    .information-col .link {
        font-size: 14px;
        line-height: 24px;
    }

    .information-col .info-icon {
        width: 42px;
        height: 42px;
    }

    .follow-us-area {
        gap: 10px;
    }

    .office-hours-row .timing-box .day-logo {
        width: 36px;
        height: 36px;
        font-size: 18px;
    }

    .contact-us-form .form-control {
        margin-bottom: 10px;
    }

    .office-hours-row .timing-box .time-box {
        font-size: 13px;
    }

    .office-hours-row .timing-box h4 {
        margin: 8px 0px;
        font-size: 16px;
        line-height: 20px;
    }

    .office-hours-row .timing-box {
        margin-bottom: 24px;
    }

    .contact-support-left {
        padding-right: 0px;
    }

    .contact-support-info .contact-box {
        font-size: 14px;
        padding: 10px 12px;
    }

    .contact-driving-instrutor-sec .instructor-card {
        padding: 46px 16px 16px 16px;
    }

    .contact-driving-instrutor-sec .instructor-card h3 {
        font-size: 16px;
    }

    .contact-driving-instrutor-sec .instructor-card .card-icon {
        width: 64px;
        height: 64px;
    }

    .contact-driving-instrutor-sec .instructor-card .card-icon img {
        width: 40px;
        height: 40px;
    }

    .contact-driving-instrutor-sec .instructor-card .card-icon h3 {
        font-size: 18px;
    }
}

@media (max-width:1199px) {
    .office-hours-row {
        justify-content: center;
        margin-bottom: 16px;
    }

    .office-hours-row .timing-box {
        width: calc((100% - 72px) / 5);
    }

    .follow-us-area {
        gap: 3px;
    }

}

@media (max-width:991px) {

    .office-hours-row .timing-box {
        width: calc((100% - 72px) / 4);
    }

    .common-banner .banner-content p {
        display: -webkit-box;
        -webkit-line-clamp: 4;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }


    .contact-us-form {
        padding: 8px 10px;
    }

    .contact-us-form h3,
    .information-wrap h3 {
        font-size: 20px;
        line-height: 26px;
    }

    .contact-us-form h3 p {
        margin-bottom: 8px;
    }

    .contact-us-form .form-control {
        margin-bottom: 6px;
    }

    .information-col h4 {
        margin: 8px 0px;
        font-size: 14px;
        line-height: 20px;
    }

    .follow-us-area {
        gap: 7px;
    }

    .information-wrap {
        padding: 8px 12px;
    }

    .contact-support-info .contact-box {
        text-align: left;
    }

    .contact-support-left {
        text-align: center;
        margin-bottom: 16px;
    }

    .about-logo-card {
        height: 190px;
    }

    .about-company-sec .about-content {
        padding-right: 12px;
    }

    .office-hours-row .timing-box .time-box {
        font-size: 14px;
    }

    .office-hours-row .timing-box {
        margin-bottom: 0px;
    }
}

@media (max-width:767px) {
    .contact-us-form .form-control {
        margin-bottom: 10px;
    }

    .contact-us-form {
        padding: 12px;
    }

    .office-hours-row .timing-box {
        width: calc((100% - 72px) / 3);
    }

    .contact-driving-instrutor-sec .instructor-card .card-icon img {
        width: 30px;
        height: 30px;
    }

    .contact-driving-instrutor-sec .instructor-card .card-icon {
        width: 54px;
        height: 54px;
    }

    .contact-driving-instrutor-sec .instructor-card {
        padding: 36px 16px 16px 16px;
    }

    .about-logo-card {
        height: 145px;
    }

    .about-logo-card img {
        width: 90%;
    }

    .google-map-sec p br {
        display: none;
    }

    .common-banner .banner-content p {
        overflow: visible;
        -webkit-line-clamp: initial;
    }

    .information-wrap h3,
    .information-wrap p {
        text-align: center;

    }

    .information-wrap {
        margin-top: 12px;
    }

    .information-col {
        text-align: left;
        margin: 16px 0px;
        position: relative;
        padding-left: 56px;
    }

    .information-col p {
        text-align: left;
    }

    .information-col h4 {
        margin: 0px 0px 4px 0px;

    }

    .information-col .info-icon {
        position: absolute;
        left: 0;
    }

    .information-col:last-child {
        margin-bottom: 0px;
    }

    .office-hours-row .timing-box {
        width: calc((100% - 12px) / 2);
    }

    .about-logo-card {
        border-radius: 16px;
    }

    .google-map-sec iframe {
        height: 250px;
    }
}

@media(max-width:575px) {

    .contact-support-info .contact-box:nth-child(2),
    .contact-support-info .contact-box:nth-child(3) {
        width: calc(100%);
    }

    .contact-support-info .contact-box img {
        width: 20px;
    }

    .contact-driving-instrutor-sec .instructor-card {
        display: flex;
        justify-content: center;
        text-align: center;
        padding: 24px 16px 16px 16px;
    }

    .contact-driving-instrutor-sec .instructor-card .card-icon {
        width: 42px;
        height: 42px;
    }

    .contact-driving-instrutor-sec .instructor-card .card-icon img {
        width: 24px;
        height: 24px;
    }

    .google-map-sec iframe {
        height: 150px;
    }

    .about-company-sec .about-content {
        text-align: center;
        margin-bottom: 16px;
    }

    .about-logo-card {
        height: 105px;
    }

    .about-logo-card img {
        width: 190px;
    }

    .contact-driving-instrutor-sec p br {
        display: none;
    }

    .follow-us-area {
        gap: 12px;
    }

    .follow-us-area a img {
        width: 24px;
        height: 24px;
    }
}
/*======================================================*/
/*================ Responsive View end =================*/
/*======================================================*/