/* Source and licensing information for the line(s) below can be found at https://qsjmotors.com.ph/themes/custom/qsjmotor/css/qsjmotors.css. */
/* 
    QSJ Motors
    Website CSS - Desktop
    By: Glimsol Web & Digital Solutions (PH)
*/
:root{
    --qsj-white : #fff;
    --qsj-dr-white: #FCFCFC;
    --qsj-yellow: #FF9100;
    --qsj-soft-blue: #6369FC;
    --qsj-light-gray: #DCDCDC;
    --qsj-lighter-gray: #EBEBEB;
    --qsj-black: #2C2C2C;
    --qsj-gray: #8D8D8D;
    --qsj-dark-gray: #545454;
    --qsj-dark-blue: #031C40;
    --qsj-blue: #14386C;
    --qsj-light-blue: #184382;
}
/* Global */
.region-sidebar-first, .region-sidebar-second, .region-footer, .region-content{padding: 0;}
h6, .form-wrapper.accordion .accordion-item h2, 
.form-wrapper.accordion .accordion-item .h2, 
.h6, h5, .h5, h4, .h4, h3, .h3, h2, .h2, h1, .h1 { font-family: 'Bai-Jamjuree'; font-weight: bold;}
body{ font-family: 'Montserrat'; font-weight: 400;}
.viewsreference--view-title { display: none;}
.view-content > div > ul {list-style: none; padding: 0;}
.owl-carousel .owl-nav button svg { padding: 9px; display: flex; aspect-ratio: 1 / 1; font-size: 0.8rem;}
.owl-carousel .owl-nav button { background: #F8F8F8 !important; border-radius: 50%; position: absolute; top: 50%; transform: translateY(-50%); opacity: 0.8; color: var(--qsj-dark-gray) !important; transition: all 300ms; box-shadow: 0px 2px 6px #00000029;}
.owl-carousel .owl-nav button.owl-next {right: -13px;}
.owl-carousel .owl-nav button.owl-prev {left: -13px;}
.owl-carousel .owl-nav button:hover { opacity: 1;}
.block-system-breadcrumb-block { text-transform: uppercase; font-family: 'Bai-Jamjuree'; font-weight: 600; font-size: 0.9rem;}
.breadcrumb .breadcrumb-item a { text-decoration: none; color: var(--qsj-dark-blue); transition: all 300ms;}
.breadcrumb .breadcrumb-item a:hover { color: var(--qsj-yellow);}
.breadcrumb .breadcrumb-item:not(:has(a)) { color: var(--qsj-light-blue);}
.breadcrumb .breadcrumb-item:first-child::before { content: '\e3af'; font-family: 'FontAwesome'; transition: all 300ms;}
.breadcrumb .breadcrumb-item:first-child:has(a:hover)::before { color: var(--qsj-yellow);}
.banner-section video::-webkit-media-controls { display: none; }
.pagination a.page-link { font-weight: 500; color: var(--qsj-gray);}
.pagination .is-active.active a.page-link { color: var(--qsj-white); background: var(--qsj-dark-blue); border-color: var(--qsj-dark-blue);}
.pagination a.page-link:hover { background: var(--qsj-blue); color: var(--qsj-white); border: 1px solid var(--qsj-blue);}
body.disable-scroll{
    overflow: hidden;
}

/* Header  */
header { position: absolute; width: 100%; top: 0; background: linear-gradient(360deg, rgba(28, 59, 149, 0) 0%, rgba(27, 27, 27, 0.7) 100%); z-index: 2;}
header .navbar {padding-top: 20px;}
body :has(.header-background) header,
body.path-user header{ background: var(--qsj-blue); padding-bottom: 15px;}
body :has(.header-background) main { margin-top: 88px;}
header .navbar-brand img { max-height: 35px;}
header .navbar .nav-item .nav-link { color: var(--qsj-white); text-transform: uppercase; padding-inline: 13px; font-size: 0.9rem; font-weight: 500;}
header .navbar .nav-item .nav-link.active.is-active::after,
header .navbar .nav-item .nav-link:hover::after { width: calc(100% - 26px); height: 1px; content: ''; background: var(--qsj-yellow); position: absolute; bottom: 3px; left: 50%; transform: translateX(-50%);}
header .navbar .nav-item .nav-link.active.is-active,
header .navbar .nav-item .nav-link:hover { color: var(--qsj-yellow); position: relative;}
.search-wrapper input.button { display: none;}
.search-wrapper { position: relative; margin-left: 50px;}
.search-wrapper input.form-search { position: absolute; right: 0; top: 0; width: 30px; height: 100%; border-radius: 30px; border: none; transition: all 300ms; z-index: 2; font-size: 0.9rem;}
.search-wrapper button.search-btn { border: none; background: var(--qsj-white); border-radius: 50%; padding: 5px; font-size: 0.8rem; aspect-ratio: 1 / 1; width: 30px; display: flex; justify-content: center; align-items: center; color: var(--qsj-blue); position: relative; z-index: 3;}
.search-btn svg { transform: translateX(1px);}
.search-wrapper:has(.search-btn:hover) input.form-search,
.search-wrapper input.form-search:focus{ width: 190px; padding-right: 30px;}
header nav .region-nav-additional { margin-left: 50px;}
.menu-close-btn{display: none;}
#searchModal .modal-body #search-block-form .form-type-search { flex: 1;}
#searchModal .modal-body #search-block-form { gap: 10px;}
#searchModal button.search-close {
    border: none;
    background: var(--qsj-white);
    color: var(--qsj-blue);
    position: absolute;
    top: 27px;
    right: 13px;
    border-radius: 50%;
    padding: 0;
    width: 29px;
    height: 29px;
    display: grid;
    place-content: center;
}
#searchModal .modal-dialog {background: transparent; border: none; max-width: 100%; height: 100%; margin: 0;}
#searchModal .modal-content{
    background: transparent;
    border: none;
    height: 100%;
    display: grid;
    place-content: center;
}
#searchModal .modal-body{
    position: unset;
    padding: 30px;
    width: 500px;
    max-width: 100%;
}


/* Main Content  */
.main-contents{ padding-block: 30px;}
.cta-btn { display: block; text-decoration: none; width: fit-content; background: transparent; border: 2px solid var(--qsj-blue); color: var(--qsj-blue); font-weight: 500; border-radius: 4px; padding: 5px 30px; position: relative;}
.cta-btn:hover::before{opacity: 1;}
.cta-btn::before { background: linear-gradient(180deg, rgba(5, 123, 141, 1) 0%, rgba(5, 38, 103, 1) 100%); width: calc(100% + 4px); height: calc(100% + 4px); content: attr(data-text); position: absolute; top: -2px; left: -2px; border-radius: 3px; display: grid; place-content: center; color: var(--qsj-white); opacity: 0; transition: all 300ms;}
.description { color: var(--qsj-dark-gray); font-weight: 400; line-height: 1.7;}
.description p:last-child { margin-bottom: 0;}
.small-title { color: var(--qsj-yellow); font-size: 0.9rem;}
.title { font-size: 2.5rem; line-height: 1; color: var(--qsj-dark-blue);}

/* footer  */
footer.footer-ribbon { padding-block: 15px; background: var(--qsj-dark-blue); color: var(--qsj-white);}
footer.footer-ribbon > div.container { display: flex; justify-content: space-between; gap: 10px; align-items: center;}
.footer-social-media .field__items { display: flex; gap: 10px;}
.footer-copyright p { margin-bottom: 0;}
.social-media-item a{ color: var(--qsj-dark-blue); background: var(--qsj-white); width: 20px; border-radius: 50%; display: grid; place-content: center; aspect-ratio: 1 / 1;}
.social-media-item a svg{font-size: 0.8rem;}
footer { background-color: var(--qsj-blue); color: var(--qsj-white); padding-block: 60px 40px;}
.footer-brandlogo .field--name-body p{ line-height: 2;}
.footer-brandlogo .field--name-body p:last-child { margin-bottom: 0;}
.footer-brandlogo .field--name-body { margin-top: 35px;}
.footer-brandlogo img { height: 40px; width: auto;}
.footer-brandlogo { width: 90%;}   
.footer-quicklinks .nav-item .nav-link { padding: 6px 0;}
.footer-quicklinks ul { margin-top: 39px;}
.footer-quicklinks h5,
.footer-information h5,
.footer-workhours h2{ font-family: 'Montserrat'; text-transform: uppercase; font-size: 1.2rem; margin-block: 10px;}
.footer-workhours h2 {margin-bottom: 39px;}
.footer-information ul { list-style: none; padding: 0; margin-top: 39px;}
.footer-information ul li { padding: 5px 0;}
.footer-information li a:hover { color: var(--qsj-yellow); text-decoration: underline;}
.footer-information li a { color: var(--qsj-white); text-decoration: none;}
.footer-workhours p { margin-bottom: 0; padding-block: 6px;}
.ft-clock::before { content: '\f017'; font-family: 'FontAwesome'; margin-right: 10px;}
.ft-message-us {
    text-decoration: none;
    color: var(--qsj-white);
    background: var(--qsj-yellow);
    padding: 7px 25px;
    border-radius: 7px;
    display: block;
    width: fit-content;
    transition: all 300ms;
}
.ft-message-us:hover {
    filter: brightness(1.1);
}


/* Banner section  */
.homepage-content .banner-section { background: black; height: 100vh; position: relative; color: var(--qsj-white); text-align: center; overflow: hidden;}
.homepage-content .banner-section video { width: 100%; height: 100%;}
.banner-section > .container { position: absolute; bottom: 40px; width: 100%; left: 50%; transform: translateX(-50%);}
.banner-section .banner-title { font-family: 'Oswald';}
.banner-section .banner-description{ text-wrap: balance; max-width: 70%; margin-inline: auto; font-weight: 300; line-height: 1.8;}

/* Homepage  */
#popup_modal.modal .modal-body {
    padding: 10px;
}
.node-1 .main-contents {
    padding-bottom: 0;
}

/* Car Brand content type  */
.card-brand img { height: auto; object-fit: contain; width: auto; max-width: 500px;}
.card-brand { text-align: center;}
.car-brand-content { padding: 70px 30px 30px;}
.hero-section .description { max-width: 500px; text-align: center; margin: 20px auto;}
.contact-details { background: var(--qsj-yellow); color: var(--qsj-white); width: fit-content; padding: 8px 30px; border-radius: 30px; margin-inline: auto;}
.contact-details span:not(:last-child) { border-right: 1px solid; padding-right: 10px; margin-right: 5px;}
.social-media { display: flex; gap: 10px;}
.social-media .social-media-item a { background: var(--qsj-dark-blue); color: var(--qsj-white);}
.social-media { display: flex; gap: 25px; justify-content: center; margin-top: 20px;}
.product-item { background: var(--qsj-dark-blue); color: var(--qsj-white); text-align: center; padding: 20px 10px;}
.products-wrapper .row{ row-gap: 10px; --bs-gutter-x: 10px;}
.products-wrapper h4 { color: var(--qsj-dark-blue); margin-bottom: 20px; padding-bottom: 7px; border-bottom: 1px solid var(--qsj-gray);}
.products-wrapper { margin-top: 40px;}
.brochure-wrapper { padding-block: 40px 30px;}
.brochure-inner img { width: 100%; position: absolute; top: 0; left: 0; z-index: -1;}
.brochure-inner h4 { max-width: 600px; text-wrap: balance; color: var(--qsj-white); margin-bottom: 0;}
.brochure-inner { position: relative; overflow: hidden; padding: 40px 50px}
.brochure-inner::before { content: ''; position: absolute; z-index: 2; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(180deg, rgba(5, 123, 141, 0.8) 0%, rgba(5, 38, 103, 0.8) 100%);}
.brochure-inner > .row { position: relative; z-index: 3;}
.brochure-btn { display: flex; justify-content: flex-end; align-items: center; height: 100%;}
.brochure-btn .cta-btn{color: var(--qsj-white); border-color: var(--qsj-white);}

/* News and Events content type */
.news-events-content .title { text-transform: uppercase; text-wrap: pretty; margin-bottom: 15px;}
.back-btn { display: flex; align-items:center; width: max-content; font-family: 'Montserrat'; font-size: 0.9rem; margin-top: 40px; text-decoration: none; color: var(--qsj-dark-blue); font-weight: 600; transition: all 300ms;}
.back-btn:hover {color: var(--qsj-yellow);}
.back-btn svg{margin-right: 5px;}
.gallery-main { margin-bottom: 10px;}
.gallery-main video{ width: 100%; height: 100%; background: var(--qsj-black); aspect-ratio: 1 / 0.5;}
.gallery-mai .owl-item .field__item:has(video){ aspect-ratio: 1 / 0.5}
.gallery-thumbnail .owl-item video { height: 100%; width: 100%; background: var(--qsj-black); pointer-events: none;}
.gallery-thumbnail .owl-item video::-webkit-media-controls { display: none;}
.gallery-thumbnail .owl-item .field__item:has(video) {aspect-ratio: 1 / 0.6;}
.gallery-main .owl-item img { aspect-ratio: 1 / 0.5; object-fit: cover;}
.gallery-thumbnail .owl-item img{ aspect-ratio: 1 / 0.6; object-fit: cover;}
.gallery-main .owl-item,
.gallery-thumbnail .owl-item {cursor: pointer;}
.gallery-wrapper { padding-block: 20px 40px;}
.related-wrapper h4 { font-size: 1.15rem; background: var(--qsj-dark-blue); color: var(--qsj-white); padding: 20px 30px; border-top-left-radius: 10px; border-top-right-radius: 10px; font-family: 'Montserrat'; margin-bottom: 0;}
.news-events-content .main-contents > .row { --bs-gutter-x: 3rem;}
.news-events-content .main-contents {padding-block: 40px;}
.news-events-content .main-contents .breadcrumb { margin-bottom: 30px;}
.related-news-events .news-events-body h6 { color: var(--qsj-dark-blue); text-transform: uppercase;}
.related-news-events .dates-and-events{font-size: 0.7rem;}
.related-news-events .news-events-description { font-size: 0.8rem;}
.related-news-events .news-events-body { padding-block: 10px 15px;}
.related-news-events .news-events-body > a { font-size: 0.7rem;}
.related-news-events .news-events-description { font-size: 0.8rem; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; margin-bottom: 15px; height: 42px;}
.related-news-events .news-events-item { margin-bottom: 15px;}
.related-news-events { padding: 15px 35px; background: var(--qsj-dr-white);}

/* Landing Page Content Type */
.landing-page-content .main-contents{ padding-block: 0 30px;}
.landing-page-content .banner-section .col-12.col-md-7 > div{height: 100%;}
.landing-page-content .banner-section img { width: 100%; height: 100%; object-fit: cover; object-position: left;}
.landing-page-content .banner-section { padding-block: 30px;}
.landing-page-content .banner-section .banner-description{ text-wrap: unset; max-width: 100%;}
.banner-information { height: 100%; display: grid; place-content: center; padding-block: 10px;}
.banner-information .small-title { text-transform: uppercase; font-weight: 600;}
.banner-information .banner-title { font-family: 'Bai-jamjuree'; line-height: 1.1; color: var(--qsj-dark-blue);}
.banner-information .banner-description { margin-top: 10px;}

/* Landing Page Brands  */
.node-13 ul.our-brands-wrapper { --bs-gutter-x: 10px; row-gap: 10px; justify-content: center; margin-block: 0;}

/* Landing Page Careers */
.careers-item { border: 1px solid var(--qsj-gray); border-radius: 4px; padding-top: 30px; height: 100%; display: flex; flex-direction: column;}
.careers-header { display: flex; justify-content: space-between; align-items: center; margin-bottom: 10px;}
.careers-footer .cta-btn { width: 100%; text-align: center; background: var(--qsj-blue); color: var(--qsj-white); border-top-right-radius: 0; border-top-left-radius: 0; font-size: 0.9rem; padding-block: 10px;}
.careers-footer .cta-btn::before { content: attr(data-text) ' \f101'; font-family: 'Montserrat', 'FontAwesome';}
.careers-header img { width: auto; height: 30px;}
.careers-body,
.careers-header { padding-inline: 20px;}
.careers-body { padding-bottom: 20px; flex: 1; display: flex; flex-direction: column;}
.careers-date { margin-bottom: 0; font-size: 0.8rem; color: var(--qsj-blue); font-weight: 600;}
.careers-body h5 { color: var(--qsj-dark-blue);}
.career-type { font-size: 0.9rem; color: var(--qsj-gray);}
.career-job-type { width: fit-content; border: 2px solid var(--qsj-dark-blue); border-radius: 3px; padding: 3px 15px; font-size: 0.75rem; text-transform: uppercase; font-weight: 600; color: var(--qsj-dark-blue); margin-top: auto;}
.careers-wrapper .row { --bs-gutter-x: 10px; row-gap: 10px;}
.showing-jobs { color: var(--qsj-gray);}

/* Inner page Careers  */
.careers-content .main-contents > .row { margin-inline: auto; max-width: 90%;}
.careers-inner-header {margin-block: 30px 50px;}
.careers-content .title { max-width: 700px; text-align: center; margin-inline: auto; font-family: 'Montserrat';}
.careers-content .career-type { width: fit-content; margin-inline: auto; color: var(--qsj-white); background: var(--qsj-yellow); padding: 5px 30px; border-radius: 30px; text-transform: uppercase; font-weight: 500;}
.careers-card-info img { max-width: 60px; height: auto;}
.careers-card-info { display: flex; align-items: center; gap: 15px; padding-bottom: 20px;}
.right-border { border-right: 2px solid var(--qsj-light-gray);}
.careers-card-info h6 { margin-bottom: 0; text-transform: uppercase; color: var(--qsj-blue);}
.careers-card-info p { font-size: 0.9rem; margin-block: 2px 0; font-weight: 500; color: var(--qsj-dark-gray);}
.careers-description { margin-block: 40px 30px;}
.careers-description p:last-child { margin-bottom: 0;}
.careers-qualifications ul{ margin-bottom: 0; list-style: none;}
.careers-qualifications h5,
.careers-location h5{ color: var(--qsj-dark-blue);}
.careers-qualifications { margin-bottom: 20px;}
.careers-location ul {
    padding-left: 50px;
}
.modal .modal-header { border: none; padding-bottom: 0;}
.modal-career-header p { margin-bottom: 0;}
.modal-career-header { text-align: center; margin-bottom: 30px; border-bottom: 1px solid var(--qsj-light-gray); padding-bottom: 30px;}
.modal .modal-body { padding-inline: 40px; padding-bottom: 32px;}
.modal-career-header h2 { color: var(--qsj-blue);}
.modal-career-header p span { font-weight: 700;}
.modal-career-header p { color: var(--qsj-blue); font-weight: 500;}
#edit-actions .cta-btn { width: 100%;}
.webform-document-file::before { content: ''; background-image: url('/themes/custom/qsjmotor/css/../assets/images/Cloud_Computing.png'); order: 1; width: 40px; height: 35px; background-size: cover;}
.webform-document-file::after { content: 'Drag and Drop Files Here or'; order: 2;}
.webform-document-file { position: relative; text-align: center; padding: 30px 30px; border: 1px dashed var(--qsj-gray); border-radius: 5px; margin-top: 10px; display: flex; flex-direction: column; align-items: center; gap: 4px;}
.webform-document-file:has(input[value="Remove"])::after,
.webform-document-file:has(input[value="Remove"])::before{ display: none;}
.webform-document-file .webform-file-button-input { position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; cursor: pointer;}
.webform-document-file .webform-file-button::before { display: none;}
.webform-document-file .webform-file-button { margin: 0; background: var(--qsj-blue); color: var(--qsj-white); font-size: 0.8rem; order: 3; font-weight: 500; padding-inline: 50px;}
.webform-document-file input[value="Remove"] { background: var(--qsj-blue); border: none; text-transform: uppercase; font-size: 0.8rem; font-weight: 500; padding-inline: 50px;}
.webform-document-file.error{max-width: 100%;}

#dealerModal label{font-size: 0.9rem;}
#dealerModal .modal-career-header p{max-width: 450px; margin-inline: auto;}
#dealerModal #edit-processed-text{margin-bottom: 0;}

/* Confirmation modal  */
.confirmation-modal { text-align: center;}
.confirmation-modal img { max-width: 75px;}
.confirmation-modal h4 { color: var(--qsj-dark-blue); max-width: 250px; margin-inline: auto; line-height: 1; font-size: 1.75rem; margin-bottom: 15px;}
.confirmation-modal p:has(img) { margin-bottom: 5px;}
.confirmation-modal p { max-width: 350px; margin-inline: auto; color: var(--qsj-dark-blue); text-wrap: balance;}
.ui-dialog .ui-dialog-titlebar { background: transparent; border: none; padding: 10px 10px 0; display: flex; justify-content: space-between;}
.btn-close, .ui-dialog .ui-dialog-titlebar-close { --bs-btn-close-bg: none; background-image: url('/themes/custom/qsjmotor/css/../assets/images/Exit.png'); background-size: cover; position: unset; margin: 0;}
.ui-helper-clearfix:before, .ui-helper-clearfix:after{ display: none;}
.confirmation-modal .cta-btn { font-size: 0.8rem; margin-inline: auto; text-decoration: none; color: var(--qsj-dark-blue);}
.ui-dialog .ui-dialog-content { padding-bottom: 30px;}
.confirmation-modal p:last-child { margin-top: 20px;}
.ui-widget.ui-widget-content{ max-width: 550px;}
.ui-widget-overlay.ui-front { background: var(--qsj-black); opacity: 0.6;}

/* Error  */
.error { margin-inline: auto; max-width: 500px; text-align: center; color: var(--qsj-dark-blue); padding: 60px 30px;}
.error-body h2 { font-size: 7rem; margin: 0; line-height: 1; background: linear-gradient(180deg, rgba(0, 67, 164, 1) 0%, rgba(1, 23, 61, 1) 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent;}
.error-body h1 { font-size: 1.6rem;}
.error-body { font-weight: 500;}
.error-body p:last-child{ margin-bottom: 0;}
.error-body .cta-btn { margin-inline: auto; font-size: 0.8rem;}

.mobile-only{display: none;}

.careers-wrapper > .row > li > div,
.careers-wrapper > .row > li > div > .field-content { height: 100%; display: block;}
.search-page-wrapper { padding-block: 30px;}
.search-page-wrapper .search-help-link{display: none;}
.path-search #block-qsjmotor-search-form {display: none;}
.form-type-search label[for="edit-keys"] { display: none;}
.search-page-wrapper #block-qsjmotor-content { display: grid; grid-template-areas: 'search-label search-form' 'item-list item-list' 'pager pager'; grid-template-columns: 1fr auto;}
.search-page-wrapper #block-qsjmotor-content .search-form { grid-area: search-form;}
.search-page-wrapper #block-qsjmotor-content h2 { grid-area: search-label; text-transform: uppercase; margin-bottom: 30px; color: var(--qsj-light-blue);}
.search-page-wrapper #block-qsjmotor-content .pager {grid-area: pager;}
.search-page-wrapper #block-qsjmotor-content .item-list{grid-area: item-list;}
.search-page-wrapper #block-qsjmotor-content .item-list:not(:has(a)){grid-area: search-label;}
.search-page-wrapper #block-qsjmotor-content .item-list ol li { margin: 0 0 2px 0;  color: var(--qsj-black); padding: 20px 0px;}
.search-page-wrapper #block-qsjmotor-content .item-list ol li:not(:last-child) { border-bottom: 1px solid rgba(75, 75, 75, 0.3);}
.search-page-wrapper #block-qsjmotor-content .item-list ol { padding: 0; border-block: 1px solid rgba(75, 75, 75, 0.3); list-style: none;}
.search-page-wrapper #block-qsjmotor-content .item-list .search-result__info { margin-bottom: 0; font-weight: 300; font-size: 0.9rem;}
.search-page-wrapper #block-qsjmotor-content .item-list ol .search-result__title a { text-decoration: none; color: var(--qsj-blue); text-transform: uppercase; font-size: 1.5rem; transition: all 300ms;}
.search-page-wrapper #block-qsjmotor-content .item-list ol .search-result__title a:hover{ color: var(--qsj-yellow);}
.path-search .search-wrapper { visibility: hidden; opacity: 0;}
.search-form input#edit-submit:hover { filter: brightness(1.2);}
.search-form input#edit-submit { background: var(--qsj-blue); border: none; transition: all 300ms;}
.search-result__snippet {
    grid-area: search-snippet;
    margin-bottom: 0;
}
.search-page-wrapper #block-qsjmotor-content .item-list .search-result__info {
    grid-area: search-info;
    margin-bottom: 15px;
}
.search-result__snippet-info {
    display: grid;
    grid-template-areas:
        'search-info'
        'search-snippet';
}
.search-result__info span {
    text-transform: uppercase;
    color: var(--qsj-yellow);
    font-weight: 600;
}
.search-readmore {
    text-decoration: none;
    margin-top: 15px;
    display: flex;
    width: fit-content;
    align-items: center;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 0.9rem;
    color: var(--qsj-blue);
    transition: all 300ms;
}
.search-readmore:hover {
    color: var(--qsj-yellow);
}
.search-readmore::after {
    content: '\f061';
    margin-left: 10px;
    font-family: 'FontAwesome';
}

#searchModal {background: rgba(20, 56, 108, 0.5);}
li:has(button#pills-mindanao-tab) {
    display: none;
}

.path-user main {
    max-width: 500px;
    margin-inline: auto;
    padding: 120px 50px 30px;
}

.captcha legend,
.captcha .description{
    display: none;
}
.captcha { margin-bottom:20px}

/* Source and licensing information for the above line(s) can be found at https://qsjmotors.com.ph/themes/custom/qsjmotor/css/qsjmotors.css. */