.elementor-7724 .elementor-element.elementor-element-d1af367{--display:flex;--min-height:100vh;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--overlay-opacity:0.42;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:50px;--padding-left:0px;--padding-right:0px;}.elementor-7724 .elementor-element.elementor-element-d1af367:not(.elementor-motion-effects-element-type-background), .elementor-7724 .elementor-element.elementor-element-d1af367 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;background-image:url("https://urbanmototrail.com/wp-content/uploads/2026/02/trail-motorcycle-atlas-mountains-morocco.webp");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-7724 .elementor-element.elementor-element-d1af367::before, .elementor-7724 .elementor-element.elementor-element-d1af367 > .elementor-background-video-container::before, .elementor-7724 .elementor-element.elementor-element-d1af367 > .e-con-inner > .elementor-background-video-container::before, .elementor-7724 .elementor-element.elementor-element-d1af367 > .elementor-background-slideshow::before, .elementor-7724 .elementor-element.elementor-element-d1af367 > .e-con-inner > .elementor-background-slideshow::before, .elementor-7724 .elementor-element.elementor-element-d1af367 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:transparent;--background-overlay:'';background-image:linear-gradient(360deg, #020101F7 0%, #000000 100%);}.elementor-7724 .elementor-element.elementor-element-28321af{width:var( --container-widget-width, 80% );max-width:80%;--container-widget-width:80%;--container-widget-flex-grow:0;}@media(max-width:767px){.elementor-7724 .elementor-element.elementor-element-d1af367{--padding-top:0px;--padding-bottom:50px;--padding-left:20px;--padding-right:20px;}.elementor-7724 .elementor-element.elementor-element-28321af{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;--container-widget-width:100%;--container-widget-flex-grow:0;width:var( --container-widget-width, 100% );max-width:100%;}}@media(min-width:1367px){.elementor-7724 .elementor-element.elementor-element-d1af367:not(.elementor-motion-effects-element-type-background), .elementor-7724 .elementor-element.elementor-element-d1af367 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-attachment:fixed;}}/* Start custom CSS for shortcode, class: .elementor-element-28321af */.vrcdivsearch .vrcsfentrycont .vrcsfentryselect select {
    color: black !important;
    border-radius: 10px !important;
    min-height: 40px !important;
}

.vrcdivsearch .vrcsfentrylabsel .vrcsfentrydate {
    border-radius: 10px !important;
    min-height: 40px !important;
}

.vrcsfentrycont #vrccomselph select,
.vrcsfentrycont #vrccomselpm select,
.vrcsfentrycont #vrccomseldh select,
.vrcsfentrycont #vrccomseldm select {
    min-height: 40px !important;
    border-radius: 10px !important;
    color: black !important;
}

.vrcsfentrycont .vrcsfentrydate .hasDatepicker {
    color: black !important;
}

.vrc-main-title {
    display: none !important;
}

.vrcdivsearch {
    border-radius: 10px !important;
}

.ui-datepicker.ui-widget-content .ui-state-default,
.ui-datepicker.ui-widget-content .ui-state-default,
.ui-datepicker.ui-widget-header .ui-state-default {
    color: #000000 !important;
}

td.ui-datepicker-days-cell-over.ui-datepicker-today {
    background: #850004 !important;
}

td.ui-datepicker-days-cell-over.ui-datepicker-today:hover {
    background: #850004 !important;
}

table.ui-datepicker-calendar td:hover {
    background: #850004 !important;
}


select#vrc-categories {
    background-color: white !important;
    border: solid !important;
    border-width: 1px !important;
    border: 1px solid #ddd !important
}

option:checked, option:focus, option:hover {
    background-color: #850004 !important;
    color: white !important;
}


option:checked, option:focus, option:hover {
    background-color: #850004 !important;
    color: white !important;
}



.vrcdivsearch .vrc-searchf-section-sbmt .vrcsfentrysubmit input {
    width: 100% !important;
    margin-top: 10px !important;
    background-color: #850004 !important;
    color: white !important;
    font-family: 'Kanit' !important;
    font-size: 12px !important;
    padding: 10px !important;
    border-radius: 10px !important;
    max-height: 40px !important;
    opacity: 1 !important;
    transition: opacity 0.3s ease !important;

}
input.btn.vrc-search-btn.vrc-pref-color-btn:hover {
    opacity: 0.8 !important;
}

.vrcdivsearch .vrcsfentrycont label {
    margin-bottom: 10px !important;
}

/*---------------------second page------------------------*/


.vrcstepsbarcont .vrc-stepbar {
    border-top-left-radius: 10px !important;
    border-bottom-left-radius: 10px !important;
}

.vrc-itinerary-summary > div {
    background-color: white !important;
    border-radius: 10px !important;
}

.car_result {
    background-color: white !important;
}

.vrcarsfound {
    color: #000000 !important;
    font-family: 'Kanit' !important;
    border: none;
}

.vrc-goback-block a {
    color: #ffffff;
    background-color: grey;
    border-radius: 10px;
    opacity: 1 !important;
    transition: opacity 0.3s ease !important;
}

.vrc-goback-block:hover {
    opacity: 0.8 !important;
}


.vrc-itinerary-summary {
    border: none !important;
    column-gap: 10px !important;

}

.vrc-itinerary-pickup {
    border-top-right-radius: 10px !important;
    border-bottom-right-radius: 10px !important;

}

.vrc-itinerary-dropoff {
    border-top-left-radius: 10px !important;
    border-bottom-left-radius: 10px !important;
}

.car_result {
    border-radius: 10px !important;
    align-items: center !important;
}

.vrc-car-result-inner {
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
}

[type=button]:not(:disabled), [type=reset]:not(:disabled), [type=submit]:not(:disabled), button:not(:disabled) {
    cursor: pointer;
    background-color: #850004 !important;
    color: white !important;
    font-family: 'Kanit';
    font-size: 12px !important;
    border-radius: 10px;
    opacity: 1 !important;
    transition: opacity 0.3s ease !important;
}

[type=button]:not(:disabled):hover,
[type=reset]:not(:disabled):hover,
[type=submit]:not(:disabled):hover,
button:not(:disabled):hover {
    opacity: 0.85 !important;
}

img.imgresult {
    border-radius: 10px !important;
}

span.car_cost {
    color: #850004;
}

span.vrcstartfrom {
    color: black;
}

.vrc-car-result-description {
    color: black;
}

.vrc-car-name {
    color: #850004;
    font-family: 'Kanit';
    font-size: 1.3em;
}

/*---------------Third Page -----------------*/

.elementor-element.elementor-element-28321af.elementor-widget__width-initial.exad-sticky-section-no.exad-glass-effect-no.elementor-widget.elementor-widget-shortcode {
    margin-top: 250px;
    background-color: #f7f7f7;
    padding: 40px;
    border-radius: 10px;
}

span.vrhword {
    color: #850004;
    font-family: 'Kanit' !important;
    font-size: 24px;
}

.car_title {
    margin: 0px !important;
}

.vrc-showprc-right.car_img_box {
    margin: 0;
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
}

.vrc-showprc-container {
    display: flex;
    flex-wrap: wrap;
    column-gap: 20px;
}

.vrc-showprc-priceinfo {
    color: black;
}

/* Mobile view stuff */

@media (max-width: 767px) {
    .elementor-element.elementor-element-28321af.elementor-widget__width-initial.exad-sticky-section-no.exad-glass-effect-no.elementor-widget.elementor-widget-shortcode {
        padding: 10px !important;
    }
}

@media (max-width: 767px) {

    .elementor-element.elementor-element-28321af.elementor-widget__width-initial.exad-sticky-section-no.exad-glass-effect-no.elementor-widget.elementor-widget-shortcode {
        padding: 10px !important;
    }

    [type=button]:not(:disabled),
    [type=reset]:not(:disabled),
    [type=submit]:not(:disabled),
    button:not(:disabled) {
        width: 100% !important;
    }

    .car_result .vrc-car-result-inner {
        align-content: center !important;
        align-items: center !important;
    }

    .vrc-car-result-description {
        text-align: center !important;
    }

}

.vrcordcancbox h3 {
    font-size: 20px !important;
}


.vrcordcancbox #vrcopencancform {
    background: #850004 !important;
    border-radius: 12px !important;
}/* End custom CSS */