:root {
--color-primary: #2eceb6;
--color-primary-light: rgba(46, 206, 182, 0.15);
--color-turquoise-light-blue: #0ce3c330;
--color-turquoise-light-green: #60dbc91f;
}
.global-franchise-opportunities .page-breadcrumb {
min-height: 220px;
}
.global-franchise-opportunities .page-breadcrumb h1 {
font-weight: normal;
font-size: 54px;
text-shadow: none;
}
.text-content .container {
max-width: 820px;
}
.text-content p:first-child {
font-size: 20px;
line-height: 24px;
}
.benefits-section h4.service-title {
font-size: 20px;
font-weight: normal;
line-height: 24px;
}
.benefits-section p {
font-size: 16px;
line-height: 18px;
color: #274e5e;
margin-bottom: 0;
}
.accordian-faq p.secondary-color {
max-width: 690px;
width: 100%;
margin: 0 auto 15px;
}
.accordian-faq p.secondary-color:first-child {
font-size: 20px;
line-height: 24px;
}
.accordian-faq h6 {
font-size: 15px;
}
.accordian-faq .accordion-container {
box-shadow: none;
}
.accordian-faq .accordion-container button {
border: 2px solid #0F4C4C;
border-radius: 0;
}
.accordian-faq .accordion-container button[aria-expanded="false"]+.collapse .p-4 {
border: 2px solid transparent;
}
.accordian-faq .accordion-container button[aria-expanded="true"]+.collapse .p-4 {
border: 2px solid#0F4C4C;
}
.accordian-faq .accordion-container button.long-us-button[aria-expanded="false"] {
color: #274e5e;
}
.accordian-faq .accordion-container button.long-us-button {
width: 100%;
text-align: left !important;
font-size: 23px;
font-weight: normal;
padding: 13px 30px !important;
color: #0F4C4C;
outline: none;
}
.accordian-faq .accordion-container button.long-us-button:focus {
box-shadow: none;
}
.accordian-faq .accordion-container .long-us-button {
position: relative;
}
.accordian-faq .accordion-container .long-us-button i.fa {
position: absolute;
right: 15px;
top: 50%;
transform: translateY(-50%);
color: #87e4d6;
}
.join-the-form form .row>div {
padding-left: 6px;
padding-right: 6px;
}
.join-the-form form .wpcf7-form-control-wrap {
display: block;
margin-bottom: 20px;
}
.join-the-form form .wpcf7-form-control-wrap input,
.join-the-form form .wpcf7-form-control-wrap select,
.join-the-form form .wpcf7-form-control-wrap textarea {
border: none;
width: 100%;
padding: 12px;
color: #c4c4c6;
font-size: 16px;
outline: none;
background-color: #fff;
}
.join-the-form form .wpcf7-form-control-wrap input::placeholder,
.join-the-form form .wpcf7-form-control-wrap textarea::placeholder {
color: #c4c4c6;
}
.join-the-form form .wpcf7-form-control-wrap textarea {
text-align: center;
}
.join-the-form form .submit-button .wpcf7-submit {
color: #274e5e;
font-size: 16px;
border: none;
background: #fff;
border-radius: 3px;
padding: 10px;
min-width: 160px;
}
.join-the-form form .submit-button .ajax-loader {
margin-top: 5px;
}
.accordion-container button[aria-expanded="true"],
.accordion-container button[aria-expanded="true"]+.text-left {
background-color: #f8f9fa;
outline: none;
}
@media (min-width: 1024px) {
.home-map-section #googleMap {
height: 650px !important;
}
}
@media (min-width: 768px) {
.join-the-form form .recaptcha-box {
display: flex;
justify-content: flex-end;
float: right;
width: 100%;
}
.join-the-form form .submit-button {
display: flex;
flex-direction: column;
align-items: center;
}
}
.car-slide-feature {
opacity: 1 !important;
}
.py-80 {
padding: 120px 0;
}
#sb_instagram .sbi_link:after {
background-image: url(https://pingouin.xyz/wp-content/themes/fleet-master/images/follow-icon.png);
background-repeat: no-repeat;
background-position: center;
}
.honesty_section .right .box {
padding-bottom: 10px !important;
}
.honesty_section .car-slider-arrow__left,
.honesty_section .car-slider-arrow__right {
top: calc(50% - 0px);
}
.contact-one-line {
max-width: 170px;
margin: 0 auto;
}
.d-flex.input-group-side {
gap: 5px;
}
.car-rental-request-outer {
box-shadow: 0 0px 7px rgba(0, 0, 0, 0.2);
padding: 20px;
}
.car-rental-request section.py-5 {
background-color: transparent;
}
.car-rental-request-outer #rental_request_form .date-separator {
width: auto;
}
.car-rental-request-outer #rental_request_form .date-picker input {
width: 100%;
}
.car-rental-request-outer #rental_request_form .form-grp-container .ui-datepicker-trigger {
margin-top: 5px;
}
.car-rental-request-outer .date-time .label {
margin-bottom: 10px !important;
}
#rental_request_form .pretty .state label:after,
#rental_request_form .pretty .state label:before,
#rental_request_form .pretty .state .icon {
width: 15px;
height: 15px;
}
#rental_request_form .time-picker {
width: 5% !important;
}
.check-input-outer {
display: flex;
}
.check-input-outer .filter-checkbox {
margin: 0;
}
.check-input-outer .filter-checkbox:first-child {
margin-right: 15px;
}
.buttons-payment-wrapper {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 5px;
}
.buttons-payment-wrapper .payment-card-wrapper img {
max-width: 66px;
}
.buttons-payment-wrapper .payment-card-wrapper p {
font-size: 19px;
} #app-navbar-menu li a {
color: #274e5e !important;
}
.pickup-add input {
padding-right: 30px;
}
.app-input,
.app-input--centered {
border: 1px solid #274e5e !important;
}
.pretty .state label:before,
.search-result-container,
.car-slide__inner {
border-color: #274e5e;
}
.pretty.p-smooth.p-plain input:checked+.state label:before {
-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1);
}
#hero .hero__title,
#hero .hero__subtitle {
color: #274e5e;
text-shadow: none;
}
.py-260 {
padding: 80px 0;
}
#hero {
padding-top: 150px !important; background: linear-gradient(var(--color-turquoise-light-blue), var(--color-turquoise-light-green)) !important;  }
#home-feature-slider .slick-list {
display: flex;
flex: 1;
}
#home-feature-slider .feature-item {
margin: 0 26px;
}
.the-car-slider--fleet .car-slide {
min-height: 500px;
display: none;
align-items: center;
justify-content: center;
flex-direction: column;
}
.the-car-slider--fleet .car-slide__offer,
.the-car-slider .car-slide__offer {
right: -30px !important;
}
header.sticky-top {
box-shadow: 0 4px 12px rgb(0 0 0 / 0%), 0 6px 20px rgba(0, 0, 0, 0.1) !important;
}
.navbar-right {
align-items: center;
}
.whatsapp_menu_header {
margin-right: 20px !important;
}
.app-dropdown.cur-dropdown {
display: flex !important;
justify-content: flex-end;
}
.app-dropdown.cur-dropdown button {
outline: none !important;
}
.search-result__list a .fa {
margin-left: 8px;
}
.static-ins {
background-color: #2eceb6;
} @media (min-width: 1921px) {
.py-260 {
padding: 260px 0;
}
}
@media (min-width:1800px) {
#app-navbar-menu li {
margin: 0 20px !important;
}
}
@media (min-width: 576px) {
.car-rental-request section.py-5>.container {
max-width: 540px;
}
}
@media (min-width: 768px) {
.car-rental-request section.py-5>.container {
max-width: 720px;
}
}
@media (min-width: 992px) {
.car-rental-request section.py-5>.container {
max-width: 960px;
}
}
@media (min-width: 1200px) {
.car-rental-request section.py-5>.container {
max-width: 1140px;
}
}
@media (min-width: 1200px) and (max-width: 1345px) {
#app-navbar {
padding: 10px !important;
}
.navbar-expand-xl .navbar-nav .nav-link {
padding-left: 0 !important;
}
.navbar-right .my-account-button {
padding: 10px 12px !important;
}
.navbar-right .cart-icon {
margin: 10px 0;
margin-right: 8px !important;
}
.navbar-brand {
padding-right: 0 !important;
}
}
@media (min-width: 600px) and (max-width: 800px) {
#hero .hero__title {
font-size: 48px !important;
}
#hero .hero__title span {
font-size: 34px;
}
}
@media (max-width: 767px) {
#hero {
min-height: 550px !important;
padding-top: 80px !important;
}
.benefits-section .row>div {
text-align: center;
}
.buttons-payment-wrapper {
text-align: center;
grid-template-columns: 1fr;
gap: 20px;
margin-top: 20px;
}
.accordian-faq .accordion-container button.long-us-button {
font-size: 20px;
padding: 10px 25px 10px 10px !important;
}
.py-80,
.py-260 {
padding: 40px 0;
}
#rental_request_form .col-lg-3.date-calendar {
position: relative;
width: 20%;
bottom: 0;
}
.enquiry-modal-outer #enquiry_success_data {
margin: 20px;
} }
@media (max-width: 599px) {
#home-feature-slider .slick-list {
display: block;
}
.whatsapp_menu_header {
margin-right: 0px;
padding: 0;
}
#qlwapp.qlwapp-button .qlwapp-toggle {
margin: 3px;
}
.navbar-right .my-account-button {
order: 0 !important;
width: auto !important;
margin-bottom: 0 !important;
}
#app-navbar {
padding-right: 15px !important;
}
.navbar-right {
align-items: center !important;
}
}
@media (max-width: 575px) {
.long-term-faq .accordion-container .long-us-button {
white-space: normal;
font-size: 16px;
}
#rental_request_form .form-group-main .form-grp-container {
margin-left: 0;
}
.hero_badge {
top: 15px !important;
width: 60px !important;
}
}
@media (min-width: 768px) and (max-width: 991px) {
#hero {
min-height: 650px !important;
}
}
@media (min-width: 768px) and (max-width: 991px) {
#hero {
min-height: 750px !important;
}
}
@media (min-width: 992px) and (max-width: 1024px) {
#hero {
min-height: 770px !important;
}
} a#official-damage {
cursor: pointer;
}
.mfp-container .mfp-content {
height: 100%;
}
#official-damage-popup {
background: #fff;
padding: 40px 20px;
width: 80%;
margin: 0 auto;
position: relative;
text-align: center;
border-radius: 10px;
height: 95%;
margin-top: 2% !important;
overflow: auto;
}
#official-damage-popup .mfp-close {
position: absolute;
top: 5px;
right: 10px;
font-size: 30px;
cursor: pointer;
width: 25px;
height: 30px;
line-height: 30px;
}   .tab-accordian ul {
padding-left: 22px;
}
.tab-accordian p {
margin-top: 0;
}
.tab-accordian {
width: 100%;
box-shadow: 0 10px 30px rgba(0, 0, 0, .08);
border-radius: 4px;
border: 1px solid #cecece;
background: transparent;
margin-bottom: 15px;
overflow: hidden;
}
#official-damage-popup .titleWrapper {
padding: 15px 15px;
cursor: pointer;
display: flex;
justify-content: space-between;
align-items: center;
background: #fff;
-webkit-user-select: none;
user-select: none;
transition: background-color .8s linear;
}
#official-damage-popup .titleWrapper h3 {
margin-bottom: 0;
font-size: 18px;
color: #0F4C4C;
font-weight: 600;
}
.desWrapper {
background: #fff; display: none;
padding: 20px;
transition: max-height 1s ease-in;
overflow-y: auto;
} .collapse-icon {
position: relative;
right: 7px;
}
.collapse-icon .acc-close {
height: 16px;
border-left: 2px solid #0a7a7f;
transition: all .5s ease-in-out;
transform: rotate(-90deg);
opacity: 1;
}
.collapse-icon .acc-open {
width: 16px;
position: absolute;
border-top: 2px solid #0a7a7f;
transition: all .5s ease-in-out;
transform: rotate(90deg);
top: 43%;
right: -6.5px;
}
.titleWrapper.active .collapse-icon {
transition: all .5s ease-in-out;
transform: rotate(180deg);
}
.titleWrapper.inactive .collapse-icon {
transition: all .5s ease-in-out;
transform: rotate(-180deg);
}
.titleWrapper.active .collapse-icon .acc-open {
opacity: 0;
}
#descwrapper table {
width: 100%;
}
#descwrapper table tbody tr th {
padding: 5px 10px;
font-size: 14px;
}
#descwrapper table tbody tr td {
padding: 5px 10px;
}
#descwrapper table tbody tr.frnt_cls td {
background-color: #c8fff7;
}
#descwrapper table tbody tr.sid_cls td {
background-color: #0F4C4C;
}
#descwrapper table tbody tr.rid_cls td {
background-color: #7db4cb;
}
#descwrapper table tbody tr.other_cls td {
background-color: antiquewhite;
}
#descwrapper table tbody tr.front-part-last {
border-bottom: solid 8px #ddd;
}
.summary-table-data table tbody tr td,
.summary-table-data table tbody tr th {
border: solid 1px #ddd;
padding: 5px 10px;
}
a.navbar-brand p {
font-size: 11.7px;
text-transform: uppercase;
font-weight: 600;
margin-bottom: 0;
margin-top: 5px;
text-align: center;
}
.footer-logos {
display: grid;
grid-template-columns: 1fr 1fr;
}
.footer-logos img {
width: 100%;
}
@media (max-width: 767px) {
#official-damage-popup {
width: 95%;
}
#official-damage-popup .titleWrapper h3 {
font-size: 14px;
}
#printThisBooking .secondary-color table {
width: 100%;
}
}
.crs_hum {
position: relative;
background-image: url(//car-rental-fr.lrdevteam.com/wp-content/themes/fleet-master/images/human-aid.jpg);
background-size: cover;
background-position: center center;
display: flex;
align-items: flex-end;
justify-content: center;
min-height: 600px;
padding-bottom: 30px;
}
.content_area {
position: relative;
}
.difference-bg {
padding: 170px 0;
} .content_area {
position: relative !important;
color: #ffffff;
font-size: 21px;
font-weight: 800;
background: #0000009c;
padding: 16px 25px;
font-family: var(--primary-font);
font-style: italic;
}
span.secondary-color.commitment_head {
color: #fb6d61;
font-weight: 800;
font-size: 45px;
} .crs_hum * {
position: relative;
z-index: 1;
}
.commitment_text {
font-size: 20px;
font-style: italic;
color: #000; font-family: var(--primary-font);
}
.commentment_sec .section-heading {
text-align: center;
display: block;
font-size: 42px;
font-weight: 600;
margin-bottom: 25px !important;
}
li.li_com.aos-init.aos-animate {
list-style: none;
display: flex;
flex-direction: row;
align-items: flex-start;
gap: 25px;
}
li.li_com.aos-init.aos-animate {
list-style: none;
display: flex;
flex-direction: row;
align-items: flex-start;
gap: 25px;
text-align: justify;
margin-bottom: 44px;
}
.flex_clas {
display: flex;
}
img.com_img_right {
width: 100%;
}
@media (min-width: 320px) and (max-width: 767px) {
.col-lg-12.col-md-12.flex_clas {
display: flex;
flex-direction: column-reverse;
gap: 31px;
}
.join-the-form ul {
padding: 0;
}
}
.history-seperator.last-div::before,
.history-seperator.last-div::after {
display: none;
}
.footer-logos img.ml-3 {
width: 147px;
margin-top: 15px;
height: auto;
object-fit: cover;
}
.footer-logos img.ml-3 {
margin-left: 0 !important;
}
.footer-logos {
display: flex !important;
grid-template-columns: 1fr 1fr;
}
img.img_about.last-odd-img {
width: 120px !important;
height: auto;
}
span.you_care {
color: #0F4C4C;
}
p.your_jor {
color: #fb6d61;
}
.grecaptcha-badge {
left: 0 !important;
right: auto !important;
transform: translateX(-60px) !important; transition: transform 0.3s ease-in-out !important;
overflow: hidden; width: 70px !important; height: 60px !important; }
.grecaptcha-badge:hover {
transform: translateX(0) !important; width: auto !important; }
.search-result__title .deposit {
background-color: #fb6d61;
padding: 10px;
border-radius: 3px;
display: flex;
align-items: center;
gap: 10px;
color: #fff;
height: 55px;
}
@media (max-width: 767px) {
.search-result__title .deposit {
height: 44px;
}
}
.search-result__title .deposit p {
margin-bottom: 0;
}
.highlight-word {
background-color: #0F4C4C;
color: #fff;
}
.extra-option-icon {
text-align: center;
}
.extra-option-icon img {
max-width: 70px;
margin: 0 auto;
width: 100%;
}
.extra-options-content p {
color: #999898 !important;
}
.extra-options-content p span {
border-radius: 2px;
padding: 1px 4px;
}
.refundable-box {
margin-top: 20px;
display: none;
}
.refundable-box .filter-box__title {
background-color: #2eceb6;
color: #fff;
line-height: 1;
padding: 14px 15px;
}
.refundable-box>.refundable-content {
border: 1px solid #f0f0f0;
padding: 15px;
}
.refundable-box>.refundable-content .refundable-icon img {
width: 40px;
}
.refundable-box>.refundable-content .booking-summary__item {
gap: 10px;
}
.refundable-box .refundable-price {
font-size: 14px;
width: 105px;
}
.refundable-box .refundable-text {
font-size: 14px;
margin-bottom: 0;
}
.refundable-note {
padding: 15px;
border: 1px solid #f0f0f0;
border-top: 0;
}
.refundable-note p {
font-size: 14px;
opacity: .5;
margin-bottom: 0;
}    @media (min-width: 768px) and (max-width: 991px) {
body.home #hero {
min-height: unset !important;
}
}
@media (min-width: 992px) and (max-width: 1024px) {
body.home #hero {
min-height: unset !important;
}
}
@media (max-width: 767px) {
body.home #hero {
min-height: unset !important;
padding-top: 80px !important;
}
}
.buttons-payment-wrapper .payment-card-wrapper img {
max-width: 60px;
}
.buttons-payment-wrapper .payment-card-wrapper p {
font-size: 17px;
}
.driver-info-hero {
background: #2eceb6;
}
.page-template-Page-driverInfo .page-breadcrumb {
display: none;
}
.driver-info-hero h1 {
font-size: 36px;
color: #fff;
}
.driver-info-hero p {
color: #274e5e;
font-size: 16px;
}
.driver-info-hero .hero-btns {
border: transparent;
color: #fff;
}
.driver-info-hero .info-discription {
color: #fff;
}
.driver-info-hero .hero-btn-orange {
background-color: #fb6d61;
}
.driver-info-hero .hero-btn-orange:hover {
background-color: #fb5f52;
}
.driver-info-requirements .cards-wraper {
margin-top: -50px;
}
.driver-info-requirements .cards-content .card-headings {
font-size: 16px;
}
.driver-info-requirements .sub-heading {
font-size: 20px;
color: #fff;
border-top-left-radius: 8px;
border-top-right-radius: 8px;
background-color: #2eceb6;
}
.driver-info-requirements .heading-text {
font-size: 26px;
color: #274e5e;
margin: 20px 0 30px 0;
}
.driver-info-requirements .requirement-list li {
font-size: 16px;
}
.right-img {
position: absolute;
top: 16px;
right: 16px;
}
.right-img img {
border-radius: 8px;
width: 200px;
height: 160px;
object-fit: cover;
}
.requirement-list .checkmark-img {
width: 22px;
}
.requirement-list li::before {
content: '';
position: absolute;
left: 0;
top: 3px;
width: 20px;
height: 20px;
background-image: url(https://car-rental-fr.lrdevteam.com/wp-content/themes/fleet-master/images/checkmark-green.svg);
background-repeat: no-repeat;
background-size: contain;
}
.driver-info-requirements .requirements-box {
border-radius: 10px;
}
#driverAccordion .accordion-toggle {
cursor: pointer;
}
#driverAccordion .down-arrow {
transition: transform 0.3s ease;
}
#driverAccordion .accordion-toggle[aria-expanded="true"] .down-arrow {
transform: rotate(180deg);
}
#driverAccordion .down-arrow {
width: 20px;
}
.custom-shadow {
box-shadow: 0 4px 10px rgba(0, 0, 0, 0.04),
0 12px 30px rgba(0, 0, 0, 0.06);
}
.driver-info-requirements .driver-accordion-header {
font-size: 18px;
color: #274e5e;
font-weight: 600;
}
.cards-content .card-img {
width: 35px;
margin-top: 3px;
}
.important-note .card-img.info-img {
filter: invert(1);
}
.driver-info-requirements .important-note {
background-color: #fd8176;
color: #fff;
}
#driverAccordion .card-img {
width: 24px;
}
.important-note .card-img {
width: 18px;
}
@media (max-width: 767px) {
.driver-info-hero h1 {
font-size: 24px;
font-weight: 500;
}
.right-img {
position: unset;
margin: 20px 0;
}
.driver-info-hero .hero-btns {
font-size: 14px;
}
.driver-info-requirements .sub-heading {
font-size: 18px;
}
.driver-info-requirements .important-note {
font-size: 14px;
}
.driver-info-requirements .requirement-list li {
font-size: 15px;
}
.driver-info-requirements .driver-accordion-header {
font-size: 16px;
}
}
.vehicle-selection .page-breadcrumb h1,
.extras .page-breadcrumb h1,
.payment .page-breadcrumb h1,
.booking .page-breadcrumb h1 {
visibility: hidden;
}
.payment #extras-section .col-lg-8 h6.filter-box__title {
background-color: #d8d8d8;
}
.payment #extras-section .col-lg-8 h6.filter-box__title.cursor-pointer {
background-color: #f0f0f0;
}
.payment #extras-section .col-lg-8 h6.filter-box__title.cursor-pointer[aria-expanded="true"] {
background-color: #d8d8d8;
}
.navbar-right .app-button.app-button--primary {
background-color: #0F4C4C !important;
pointer-events: all;
cursor: pointer;
box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.06), 0 2px 32px 0 rgba(0, 0, 0, 0.16);
border-radius: 50px;
}
.navbar-right .app-button.app-button--primary:hover,
.qlwapp__button:hover {
background-color: #0C3E3E !important;
}
@media (max-width: 1199px) {
#app-navbar {
display: flex !important;
flex-wrap: nowrap !important;
justify-content: space-between !important;
}
.navbar-brand {
max-width: 55%;
flex-shrink: 1;
margin-right: 10px !important;
}
.navbar-brand img {
max-width: 100%;
height: auto;
}
.header-mobile-controls {
flex-shrink: 0;
display: flex;
align-items: center;
}
}
#app-navbar .book-now-mobile {
display: none;
}
@media (max-width: 767px) {
#app-navbar .book-now-mobile {
display: block;
padding: 8px 12px;
font-size: 13px;
border-radius: 50px;
color: #fff !important;
white-space: nowrap;
}
}
.navbar-right .app-button.app-button--primary.book-now-desktop {
display: block;
}
@media (max-width: 767px) {
.navbar-right .app-button.app-button--primary.book-now-desktop {
display: none;
}
}
.search-result__price-column .accordion h6 {
text-align: left;
}
.extension-accordion-wrapper {
border-radius: 8px;
overflow: hidden;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
transition: all 0.3s ease;
}
.extension-accordion-wrapper:hover {
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.12);
}
.extension-toggle {
background: linear-gradient(135deg, #2eceb6 0%, #2eceb6 100%);
border-bottom: 1px solid #e9ecef;
transition: background 0.3s ease;
color: #fff;
}
.extension-toggle:hover {
background: linear-gradient(135deg, #2eceb6 0%, #2eceb6 100%);
}
.extension-toggle[aria-expanded="true"] .extension-arrow {
transform: rotate(180deg);
}
.extension-content {
background-color: #fafbfc;
}
.extension-content .mb-3.text-muted.small {
text-align: left;
}
.extension-option {
position: relative;
}
.extension-card {
background: #ffffff;
border: 2px solid #e9ecef;
border-radius: 8px;
padding: 12px 15px;
transition: all 0.3s ease;
position: relative;
overflow: hidden;
}
.extension-card::before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 4px;
height: 100%;
background: #2eceb6;
transform: scaleY(0);
transition: transform 0.3s ease;
}
.extension-card:hover {
border-color: #2eceb6;
transform: translateX(5px);
box-shadow: 0 4px 12px rgba(46, 206, 182, 0.2);
}
.extension-card:hover::before {
transform: scaleY(1);
}
.extension-days-badge {
display: inline-block;
background: linear-gradient(135deg, #2eceb6 0%, #26b89f 100%);
color: white;
padding: 4px 12px;
border-radius: 20px;
font-weight: 600;
font-size: 14px;
letter-spacing: 0.5px;
}
.extension-rate {
font-size: 16px;
font-weight: 700;
color: #2eceb6;
line-height: 1;
margin-bottom: 4px;
}
.extension-rate .per-day {
font-size: 11px;
font-weight: 400;
color: #6c757d;
}
.extension-total {
font-size: 20px;
font-weight: 800;
color: #212529;
line-height: 1;
}
.extend-rental-link {
display: block;
color: inherit;
}
.extend-rental-link:hover {
text-decoration: none;
color: inherit;
}
.extension-card:active {
transform: translateX(3px) scale(0.98);
} .extension-loading {
position: relative;
pointer-events: none;
opacity: 0.6;
} .extension-card.loading {
opacity: 0.6;
pointer-events: none;
position: relative;
}
.extension-card.loading::after {
content: '';
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
border: 3px solid #f3f3f3;
border-top: 3px solid #2eceb6;
border-radius: 50%;
width: 30px;
height: 30px;
animation: spin 1s linear infinite;
}
@keyframes spin {
0% {
transform: translate(-50%, -50%) rotate(0deg);
}
100% {
transform: translate(-50%, -50%) rotate(360deg);
}
} .extension-card-current {
background: linear-gradient(135deg, #2eceb6 0%, #25b8a3 100%) !important;
border: 2px solid #2eceb6 !important;
padding: 12px 10px !important;
border-radius: 8px;
box-shadow: 0 2px 8px rgba(46, 206, 182, 0.3);
transition: all 0.3s ease;
cursor: pointer !important;
}
.extension-card-current:hover {
box-shadow: 0 4px 12px rgba(46, 206, 182, 0.5);
transform: translateY(-2px);
background: linear-gradient(135deg, #25b8a3 0%, #2eceb6 100%) !important;
}
.extension-card-current .extension-days-badge {
background-color: rgba(255, 255, 255, 0.3) !important;
color: white !important;
border: 1px solid rgba(255, 255, 255, 0.5) !important;
font-weight: 600;
height: 30px;
}
.extension-card-current .extension-rate,
.extension-card-current .extension-total,
.extension-card-current .per-day {
color: white !important;
}
.extension-card-current .flex-grow-1 {
text-align: left;
} .extend-rental-link .extension-card {
background: white;
border: 1px solid #e0e0e0;
padding: 12px 15px;
border-radius: 8px;
transition: all 0.3s ease;
cursor: pointer;
}
.extend-rental-link .extension-card:hover {
border-color: #2eceb6;
box-shadow: 0 2px 8px rgba(46, 206, 182, 0.2);
transform: translateY(-1px);
} #extensionFallbackModal .modal-header {
background: linear-gradient(135deg, #ffc107 0%, #ff9800 100%);
}
#extensionFallbackModal .fallback-options .btn {
text-align: left;
padding: 15px 20px;
font-size: 15px;
transition: all 0.3s ease;
}
#extensionFallbackModal .fallback-options .btn:hover {
transform: translateY(-2px);
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
}
#extensionFallbackModal .fallback-options .btn i {
margin-right: 10px;
font-size: 18px;
} #upsellBanner {
transition: all 0.3s ease;
}
#upsellBanner:hover {
transform: translateY(-2px);
box-shadow: 0 6px 20px rgba(46, 206, 182, 0.4) !important;
} .extension-card.loading {
opacity: 0.6;
pointer-events: none;
position: relative;
}
.extension-card.loading::after {
content: '';
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
border: 3px solid #f3f3f3;
border-top: 3px solid #2eceb6;
border-radius: 50%;
width: 30px;
height: 30px;
animation: spin 1s linear infinite;
}
@keyframes spin {
0% {
transform: translate(-50%, -50%) rotate(0deg);
}
100% {
transform: translate(-50%, -50%) rotate(360deg);
}
}
.extension-card-current {
background: linear-gradient(135deg, #2eceb6 0%, #25b8a3 100%) !important;
border: 2px solid #2eceb6 !important;
padding: 12px 15px;
border-radius: 8px;
box-shadow: 0 2px 8px rgba(46, 206, 182, 0.3);
transition: all 0.3s ease;
cursor: pointer !important;
}
.extension-card-current:hover {
box-shadow: 0 4px 12px rgba(46, 206, 182, 0.5);
transform: translateY(-2px);
}
.extend-rental-link .extension-card {
background: white;
border: 1px solid #e0e0e0;
padding: 12px 15px;
border-radius: 8px;
transition: all 0.3s ease;
cursor: pointer;
}
.extend-rental-link .extension-card:hover {
border-color: #2eceb6;
box-shadow: 0 2px 8px rgba(46, 206, 182, 0.2);
transform: translateY(-1px);
} .badge-primary {
background-color: #007bff !important;
}
.badge-success {
background-color: #28a745 !important;
}
.extended-vehicle-highlight {
border: 3px solid #2eceb6 !important;
box-shadow: 0 4px 20px rgba(46, 206, 182, 0.3) !important;
position: relative;
}
.extended-vehicle-header {
animation: slideDown 0.5s ease-out;
}
.yt-video-wrapper {
position: relative;
padding-top: 56.25%; cursor: pointer;
background: #000;
}
.yt-video-wrapper img,
.yt-video-wrapper iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.yt-play-btn {
position: absolute;
top: 50%;
left: 50%;
width: 68px;
height: 48px;
background: url(https://i.imgur.com/TxzC70f.png) no-repeat center;
transform: translate(-50%, -50%);
}
.yt-video-container {
position: relative;
width: 100%;
padding-top: 56.25%; background: #000;
}
.yt-video-container iframe {
position: absolute;
inset: 0;
width: 100%;
height: 100%;
border: 0;
}
.header-whatsapp-btn-section .qlwapp__button.qlwapp__button--bubble {
width: 47px;
height: 47px;
margin-right: 15px;
}
.pretty input:checked~.state.p-success-o label:before,
.pretty.p-toggle .state.p-success-o label:before {
border-color: var(--theme-green-color) !important;
}
.pretty.p-default:not(.p-fill) input:checked~.state.p-success-o label:after {
background-color: var(--theme-green-color) !important;
}@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800&display=swap");
:root {
--dark-gray-color: #435055;
--theme-green-color: #60dbc7;
}
html {
scroll-behavior: smooth
}
body {
font-family: var(--primary-font)
}
.cp { cursor: pointer; }
.dropdown-item:active { background-color: #5fdbc8 !important; }
.gap-2 {
gap: 8px !important;
}
@media (max-width: 991px) {
.fleet-header__btn {
padding: 10px 20px !important;
font-size: 16px !important;
gap: 8px !important;
}
.fleet-header__btn i {
font-size: 18px !important;
}
.fleet-header__btn svg {
width: 18px !important;
height: 18px !important;
}
.fleet-header__actions {
gap: 12px !important;
}
}
@media (max-width: 480px) {
.fleet-header__btn {
padding: 8px 18px !important;
font-size: 14px !important;
}
}
a,
a:active,
a:focus,
a:hover,
a:visited {
color: inherit;
text-decoration: none
}
.form-group {
margin: 14px 0;
position: relative
}
label {
display: block;
font-weight: 600;
color: #274e5e
}
.app-input,
.app-input--centered {
border: 2px solid rgba(39, 78, 94, .2);
width: 100%;
padding: 10px;
transition: all .2s ease;
font-size: 16px !important
}
.app-input--centered:hover,
.app-input:hover {
border: 2px solid rgba(39, 78, 94, .2);
background-color: rgba(88, 89, 91, .05)
}
.app-input.error,
.app-input.error:focus,
.error.app-input--centered,
.error.app-input--centered:focus {
border: 2px solid #fb6d61
}
.app-input--centered:focus,
.app-input:focus {
border: 2px solid rgba(39, 78, 94, .2);
background-color: rgba(88, 89, 91, .1);
box-shadow: none;
outline: 0
}
.app-input--centered {
text-align: center
}
.app-input--centered::-moz-placeholder {
text-align: center
}
.app-input--centered:-ms-input-placeholder {
text-align: center
}
.app-input--centered::-ms-input-placeholder {
text-align: center
}
.app-input--centered::placeholder {
text-align: center
}
@media (max-width:600px) {
.app-input,
.app-input--centered {
padding: 10px 35px 10px 10px
}
}
.select-wrapper {
position: relative;
overflow: hidden
}
.select-wrapper:after {
position: absolute;
top: calc(50% - 11px);
transform: translateX(-50%);
right: 5px;
content: "\f078";
font-family: Font Awesome\ 5 Free;
font-weight: 900;
opacity: .5
}
.form-error {
margin-top: 5px;
display: inline-block
}
.form-error,
.form-error .error,
.form-error label,
.form-error span {
font-size: 13px;
font-weight: 500;
color: #fb6d61
}
.input-addon--middle {
top: 50%;
transform: translateY(-50%);
position: absolute;
right: 14px
}
.app-button,
.app-button--facebook,
.app-button--gmail,
.app-button--large,
.app-button--medium,
.app-button--primary,
.app-button--secondary,
.app-button--white {
display: block;
background-color: #fb6d61;
border: 0;
border-radius: 4px;
padding: 10px 20px;
color: #fff !important;
text-align: center !important;
transition: all .3s ease
}
.app-button--facebook:hover,
.app-button--gmail:hover,
.app-button--large:hover,
.app-button--medium:hover,
.app-button--primary:hover,
.app-button--secondary:hover,
.app-button--white:hover,
.app-button:hover {
background-color: #fb5f52;
color: #fff
}
.app-button--facebook:active,
.app-button--facebook:focus,
.app-button--gmail:active,
.app-button--gmail:focus,
.app-button--large:active,
.app-button--large:focus,
.app-button--medium:active,
.app-button--medium:focus,
.app-button--primary:active,
.app-button--primary:focus,
.app-button--secondary:active,
.app-button--secondary:focus,
.app-button--white:active,
.app-button--white:focus,
.app-button:active,
.app-button:focus {
background-color: #fa5143;
box-shadow: none;
outline: 0
}
.app-button--primary {
background-color: #2eceb6
}
.app-button--primary:hover {
background-color: #0C3E3E
}
.app-button--primary:active,
.app-button--primary:focus {
background-color: #0F4C4C
}
.app-button--secondary {
background-color: #274e5e
}
.app-button--secondary:hover {
background-color: #234553
}
.app-button--secondary:active,
.app-button--secondary:focus {
background-color: #203f4c
}
.app-button--facebook {
background-color: #4266b2
}
.app-button--facebook:hover {
background-color: #34518d
}
.app-button--facebook:active,
.app-button--facebook:focus {
background-color: #2d467a
}
.app-button--gmail {
background-color: #e75a4d
}
.app-button--gmail:hover {
background-color: #e13020
}
.app-button--gmail:active,
.app-button--gmail:focus {
background-color: #cc2a1c
}
.app-button--white {
background-color: #fff;
color: #274e5e !important
}
.app-button--white:hover {
background-color: #d9d9d9;
color: #274e5e
}
.app-button--white:active,
.app-button--white:focus {
background-color: #d1d1d1;
color: #274e5e
}
.app-button--large {
padding: 18px 36px;
font-size: 18px
}
.app-button--medium {
padding: 10px 30px;
font-size: 18px
}
hr {
display: block;
width: 100%
}
.primary-bg {
background: #0F4C4C
}
.secondary-bg {
background: #274e5e
}
.accent-bg {
background: #fb6d61
}
.light-bg {
background: rgba(88, 89, 91, .03)
}
.gray-bg {
background: rgba(88, 89, 91, .1)
}
.primary-color {
color: #0F4C4C !important
}
.primary-dark-color {
color: #229886
}
.secondary-color,
.secondary-color * {
color: #274e5e
}
.accent-color {
color: #fb6d61
}
.light-color {
color: #58595b
}
.lightest-color {
color: #8b8c8e
}
.relative {
position: relative
}
.section-heading {
font-size: 36px;
margin: 12px 0
}
@media (max-width:600px) {
.section-heading {
font-size: 36px
}
}
.section-heading--small {
font-size: 38px;
margin: 12px 0
}
@media (max-width:600px) {
.section-heading--small {
font-size: 32px
}
}
.text--small {
font-size: 12px
}
.app-dropdown {
background: transparent;
display: flex;
justify-content: center;
align-items: center
}
.app-dropdown button {
color: #274e5e
}
.app-dropdown button:focus {
box-shadow: none;
outline: 0
}
header.sticky-top {
box-shadow: unset;
}
#app-navbar {
padding: 0
}
@media (max-width:1200px) {
#app-navbar {
padding: 10px
}
}
#app-navbar-menu {
margin: 0;
min-width: 650px;
display: flex
}
@media (max-width:900px) {
#app-navbar-menu {
min-width: auto
}
}
#app-navbar-menu li a {
color: rgba(0, 0, 0, .5);
width: 100%;
transition: all .3s ease
}
#app-navbar-menu li a:after {
content: "";
position: absolute;
opacity: 0;
visibility: hidden;
bottom: 0;
left: 50%;
transform: translateX(-50%);
width: 90%;
height: 6px;
background: #fb6d61;
transition: all .5s ease
}
#app-navbar-menu li:hover a {
color: #fb6d61
}
#app-navbar-menu li:hover a:after {
opacity: 1;
visibility: visible
}
#app-navbar-menu li.active a {
color: #fb6d61
}
#app-navbar-menu li.active a:after {
opacity: 1;
visibility: visible
}
@media (max-width:900px) {
#app-navbar-menu li {
margin: 0;
padding: 10px 10px 10px 25px;
min-height: 20px
}
#app-navbar-menu li a {
text-align: left
}
#app-navbar-menu li.active:after {
display: none
}
}
.navbar-right {
position: relative;
flex-shrink: 0
}
.navbar-right .cart-icon {
margin: 10px 0
}
@media (max-width:900px) {
.navbar-right {
padding-left: 30px
}
.navbar-right .my-account-button {
margin-right: 10px;
}
}
@media (max-width:600px) {
.navbar-right {
display: flex;
justify-content: flex-start;
align-items: flex-start;
text-align: left;
padding: 0 20px;
position: relative;
flex-wrap: wrap
}
.navbar-right .my-account-button {
order: -1;
margin-bottom: 10px;
margin-right: 20px;
flex-grow: 1;
width: 100%;
flex-shrink: 0
}
.navbar-right .cart-icon {
padding-top: 5px;
order: 2
}
.navbar-right .cur-dropdown button,
.navbar-right .lang-dropdown button {
padding-left: 0;
margin: 4px 10px
}
}
#hero {
min-height: 680px;
background-size: cover;
background-repeat: no-repeat;
display: flex;
flex-direction: column;
align-items: center;
text-align: center;
padding-top: 180px;
position: relative;
content: ""
}
#hero:before {
height: 100%;
background: rgba(95, 219, 200, .1)
}
#hero:before,
.hero-banner-alert {
width: 100%;
position: absolute;
left: 0;
top: 0
}
.hero-banner-alert {
justify-content: center;
align-items: center;
display: flex;
flex-wrap: wrap;
background-color: #0F4C4C;
padding: 10px;
font-size: 16px
}
.hero-banner-alert p {
margin-bottom: 0;
font-size: 18px;
margin-right: 20px
}
.overlay-blue {
position: relative
}
.overlay-blue:before {
content: "";
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
background: rgba(95, 219, 200, .1);
z-index: -1
}
.hero__subtitle,
.hero__title {
color: #fff;
text-shadow: 1px 3px 6px rgba(0, 0, 0, .6)
}
.hero__title {
font-size: 76px;
letter-spacing: -1px
}
@media (max-width:850px) {
.hero__title {
font-size: 65px !important;
}
}
@media (max-width:600px) {
.hero__title {
font-size: 49px !important;
}
}
.hero__subtitle {
font-size: 30px
}
@media (max-width:600px) {
.hero__subtitle {
font-size: 22px
}
}
#booking-form {
position: relative;
margin-top: -200px
}
.bf-container {
background: #fff;
border-radius: 16px;
padding: 26px;
width: 100%;
box-shadow: 0 18px 58px rgba(39, 78, 94, .2)
}
.return-to {
position: absolute;
right: 0;
top: 10px
}
@media (max-width:600px) {
.return-to {
position: relative;
margin-left: 15px;
margin-bottom: 20px
}
}
@media (max-width:600px) {
.search-now-button {
width: 100%
}
}
.input-group-side div {
width: 100%
}
@media (max-width:600px) {
.input-group-side {
flex-wrap: wrap
}
.input-group-side div {
width: 100%
}
.input-group-side input:nth-child(2) {
margin-top: 10px
}
}
#home-feature-slider .slick-dots {
bottom: -50px
}
.feature-item {
max-width: 120px;
min-height: 140px;
text-align: center;
margin: 0 60px;
display: flex !important;
flex-direction: column;
justify-content: space-between;
align-items: center
}
.feature-item img {
width: 60px;
margin: 0 auto
}
.feature-item h5 {
color: #58595b;
margin-top: 20px;
font-size: 16px
}
.car-slider-container {
position: relative;
overflow: visible
}
.the-car-slider .car-slide {
background: #fff;
padding: 40px;
max-width: 350px;
margin: 20px 0;
box-shadow: 0 10px 20px rgba(0, 0, 0, .05);
text-align: center;
align-items: center
}
.the-car-slider--fleet .car-slide button,
.the-car-slider .car-slide button {
margin: 0 auto
}
.the-car-slider--fleet .car-slide-image,
.the-car-slider .car-slide-image {
position: relative
}
.the-car-slider--fleet .car-slide-image img,
.the-car-slider .car-slide-image img {
width: 100%
}
.the-car-slider--fleet .car-slide__offer,
.the-car-slider .car-slide__offer {
height: 90px;
width: 90px;
justify-content: center;
align-items: center;
display: flex;
flex-direction: column;
background: #fb6d61;
border-radius: 100px;
color: #fff;
position: absolute;
top: -40px;
right: -40px;
padding: 20px
}
.the-car-slider--fleet .car-slide__offer span,
.the-car-slider .car-slide__offer span {
display: block;
font-size: 13px
}
.the-car-slider--fleet .car-slide__offer .price,
.the-car-slider .car-slide__offer .price {
font-size: 16px
}
.the-car-slider--fleet .car-slide .car-slide-feature__image {
width: 42px
}
.the-car-slider--fleet .car-slide .car-slide-feature__count {
position: absolute;
bottom: 2.5px;
color: #fff;
font-size: 12px
}
.car-slide-features.selected-car-features .car-slide-feature__image {
width: 42px
}
.car-slide-features.selected-car-features .car-slide-feature__count {
position: absolute;
bottom: 2px;
color: #fff;
font-size: 12px
}
.benefit-slider-arrows .arrow-left,
.benefit-slider-arrows .arrow-right,
.car-slider-arrow,
.car-slider-arrow__left,
.car-slider-arrow__right {
z-index: 5;
position: absolute;
top: calc(50% - 20px);
transform: translateY(-50%);
transform-origin: top
}
.car-slider-arrow__left img,
.car-slider-arrow__right img {
width: 20px
}
.benefit-slider-arrows .arrow-left:hover,
.benefit-slider-arrows .arrow-right:hover,
.car-slider-arrow:hover,
.car-slider-arrow__left:hover,
.car-slider-arrow__right:hover {
cursor: pointer
}
.car-slider-arrow__right {
right: -16px
}
.car-slider-arrow__left {
left: -16px
}
.car-slider-arrow__left img {
transform: rotate(180deg)
}
@media (max-width:600px) {
.car-slider-arrow__left {
left: -5px
}
.car-slider-arrow__right {
right: -5px
}
}
.car-slide-features {
display: flex
}
.car-slide-feature {
position: relative;
margin-right: 5px;
opacity: .7;
transition: all .2s ease
}
.car-slide-feature:hover {
opacity: 1
}
.car-slide-feature__count {
position: absolute;
bottom: 3px;
right: 5px;
color: #fff;
font-size: 13px
}
.car-slide-feature__image {
width: 50px
}
.testimonial-wrapper {
background: #fff;
box-shadow: 0 10px 30px rgba(0, 0, 0, .1);
padding: 50px;
max-width: 700px;
margin: 0 auto;
position: relative
}
.testimonial-wrapper .quote-icon {
position: absolute;
top: 20px;
left: 20px
}
.testimonial-arrows {
position: absolute;
right: -20px;
bottom: -10px;
display: flex;
overflow: hidden
}
.testimonial-arrows .arrow-left:hover,
.testimonial-arrows .arrow-right:hover {
cursor: pointer
}
.testimonial-arrows .arrow-right {
margin-left: 5px;
transform: rotate(180deg)
}
@media (max-width:600px) {
.testimonial-arrows {
right: 0
}
}
.currency-switcher {
-webkit-appearance: none !important;
-moz-appearance: none !important;
appearance: none !important
}
.benefit-slider {
overflow: hidden
}
.benefit-slider .owl-item {
opacity: .5;
transform: scale(.85);
transform-origin: center
}
@media (max-width:900px) {
.benefit-slider .owl-item {
opacity: 1;
transform: scale(1)
}
}
.benefit-slider .owl-item.active.center {
opacity: 1;
transform: scale(1)
}
.benefit-slide {
width: 700px;
background: rgba(88, 89, 91, .08);
margin: 40px 0;
box-shadow: 0 10px 30px rgba(0, 0, 0, .15)
}
.benefit-slide img {
max-height: 268px
}
@media (max-width:600px) {
.benefit-slide {
width: 100%;
min-width: unset;
margin: 0
}
.benefit-slide .content img {
width: 30px;
margin-bottom: 30px
}
}
.benefit-slide .content {
text-align: left;
padding: 40px
}
.benefit-slide .content img {
width: 40px
}
.benefit-slide img {
-o-object-fit: cover;
object-fit: cover;
width: 100%
}
.benefit-slider-arrows {
z-index: 5;
position: absolute;
top: 55%;
left: 50%;
transform: translate(-50%)
}
.benefit-slider-arrows .arrow-left img,
.benefit-slider-arrows .arrow-right img {
width: 20px
}
.benefit-slider-arrows:hover {
cursor: pointer
}
.benefit-slider-arrows .arrow-left {
transform: rotate(180deg) translateY(10px);
left: -385px
}
.benefit-slider-arrows .arrow-right {
transform-origin: top;
right: -385px
}
@media (max-width:900px) {
.benefit-slider-arrows {
display: none
}
}
.footer-bottom {
color: #58595b;
background: var(--dark-gray-color);
font-size: 12px;
padding-bottom: 0;
}
.footer-nav li.current-menu-item a {
color: #fb6d61
}
.footer-nav a {
transition: all .2s ease
}
.footer-nav a:hover {
color: #fb6d61
}
.footer-bottom-links a {
transition: all .2s ease
}
.footer-bottom-links a:hover {
color: #fb6d61
}
.footer-bottom-links a:hover span {
color: #58595b
}
.footer-bottom-links a:last-child span {
display: none
}
.footer-icons img {
width: 35px;
margin-right: 10px
}
.footer-norton {
position: relative;
top: -2px
}
.page-breadcrumb {
background-color: #0F4C4C;
min-height: 150px;
text-align: center;
display: flex;
justify-content: center;
align-items: center;
color: #fff;
letter-spacing: -1px
}
.page-breadcrumb h1 {
font-weight: 500;
font-size: 46px;
text-shadow: 1px 1px 6px rgba(0, 0, 0, .4)
}
.tst-hover {
display: none
}
.tst {
position: absolute;
top: -20px
}
.testimonial-card {
display: block;
background: #fff;
box-shadow: 0 10px 30px rgba(0, 0, 0, .1);
padding: 30px 40px;
margin-bottom: 40px;
transition: all .3s ease;
height: 586px;
display: flex;
justify-content: space-between;
flex-direction: column
}
.testimonial-card.page-card {
height: auto
}
.testimonial-card:hover {
box-shadow: 0 10px 40px rgba(0, 0, 0, .2)
}
.testimonial-card__icon {
width: 30px;
height: 30px;
background: url(//car-rental-fr.lrdevteam.com/wp-content/themes/fleet-master/images/quote-orange.png);
background-size: contain;
background-repeat: no-repeat
}
.testimonial-card__title {
margin-top: 20px;
font-size: 24px;
color: #fb6d61
}
.testimonial-card__author {
color: #fb6d61
}
.testimonial-card.variant-orange {
background: #fb6d61
}
.testimonial-card.variant-orange .testimonial-card__icon {
background: url(//car-rental-fr.lrdevteam.com/wp-content/themes/fleet-master/images/quote-white.png);
background-size: contain;
background-repeat: no-repeat
}
.testimonial-card.variant-orange .testimonial-card__author,
.testimonial-card.variant-orange .testimonial-card__title {
color: #fff
}
.testimonial-card.variant-text-teal {
background: #fff
}
.testimonial-card.variant-text-teal .testimonial-card__author,
.testimonial-card.variant-text-teal .testimonial-card__title {
color: #0F4C4C
}
.testimonial-card.variant-text-teal .testimonial-card__icon {
background: url(//car-rental-fr.lrdevteam.com/wp-content/themes/fleet-master/images/quote-green.png);
background-size: contain;
background-repeat: no-repeat
}
.testimonial-card.variant-teal {
background: #0F4C4C
}
.testimonial-card.variant-teal .testimonial-card__author,
.testimonial-card.variant-teal .testimonial-card__title {
color: #fff
}
.testimonial-card.variant-teal .testimonial-card__icon {
background: url(//car-rental-fr.lrdevteam.com/wp-content/themes/fleet-master/images/quote-white.png);
background-size: contain;
background-repeat: no-repeat
}
.contact-icon {
width: 70px;
height: 70px
}
.contact-icon,
.feature-icon {
-o-object-fit: contain;
object-fit: contain
}
.feature-icon {
width: 85px;
height: 85px
}
.wpcf7-spam-blocked,
.wpcf7-validation-errors,
div.wpcf7-aborted,
div.wpcf7-mail-sent-ng,
div.wpcf7-spam-blocked {
background: #fb6d61;
color: #fff !important;
font-weight: 700 !important;
padding: 1rem !important;
font-size: 1rem;
border: none !important;
margin: 0 !important
}
div.wpcf7-mail-sent-ok {
color: #0F4C4C;
background: #274e5e;
font-weight: 700 !important;
padding: 1rem !important;
font-size: 1rem;
border: none !important;
margin: 0 !important
}
.modal-content .return-to {
position: relative;
display: flex;
justify-items: flex-end;
margin-bottom: 20px;
margin-left: 17px
}
.privacy-policy .detail-title {
color: #fb6d61
}
.privacy-policy .side-list {
background: var(--theme-green-color) !important;
}
.cookie-policy .detail-title,
.terms-of-use .detail-title {
color: #0F4C4C
}
.cookie-policy .side-list,
.terms-of-use .side-list {
background: #0F4C4C
}
.side-list {
border-radius: 2px;
overflow: hidden
}
.sticky-sidebar {
position: -webkit-sticky;
position: sticky;
top: 10px
}
.side-list {
background: #fb6d61;
height: calc(100vh - 340px);
overflow-y: scroll;
color: #fff;
font-size: 13px
}
.side-list li {
margin: 10px 0
}
.side-list::-webkit-scrollbar {
width: .5em;
height: .5em
}
.side-list::-webkit-scrollbar-thumb {
background-color: hsla(0, 0%, 100%, .5);
border-radius: 3px
}
.side-list::-webkit-scrollbar-thumb:hover {
background: hsla(0, 0%, 100%, .3)
}
.terms-page .detail-title {
color: #0F4C4C
}
.accordion-container {
box-shadow: 0 10px 30px rgba(0, 0, 0, .1);
margin-bottom: 20px
}
.join-us-button {
background: #fff;
display: flex;
width: 100%;
font-size: 20px;
padding: 20px;
justify-content: space-between;
align-items: center;
color: #274e5e;
white-space: normal
}
@media (max-width:600px) {
.join-us-button {
font-size: 14px
}
}
.join-us-button:hover {
color: #274e5e
}
.join-us-button:focus {
box-shadow: none;
outline: 0
}
.join-us-button i {
font-size: 26px
}
.faq-nav-container {
max-width: 980px;
margin: 0 auto
}
@media (max-width:900px) {
.faq-nav-container {
max-width: 500px
}
}
.faq-nav-list {
display: flex;
justify-content: center;
align-items: center;
width: 100%
}
.faq-box {
border-radius: 2px;
padding: 25px;
box-shadow: none;
border: 2px solid rgba(39, 78, 94, .05);
width: 200px;
margin-bottom: 20px;
transition: all .3s ease
}
@media (max-width:600px) {
.faq-box {
padding: 10px
}
.faq-box img {
display: none
}
.faq-box span {
margin-top: 0 !important
}
}
.faq-box.active {
border-color: rgba(251, 109, 97, .3);
box-shadow: 0 21px 42px rgba(39, 78, 94, .1)
}
.history-card,
.history-card--right {
box-shadow: 0 10px 20px rgba(0, 0, 0, .05);
padding: 20px;
border-radius: 2px;
border: 1px solid rgba(39, 78, 94, .2);
position: relative;
margin-bottom: 20px
}
.history-card--right .year-round,
.history-card .year-round {
position: absolute;
top: -30px;
left: -30px;
background: #fb6d61;
color: #fff;
border-radius: 120px;
height: 90px;
width: 90px;
padding: 20px;
text-align: center;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center
}
@media (max-width:900px) {
.history-card--right .year-round,
.history-card .year-round {
top: -15px;
left: -15px
}
}
@media (max-width:600px) {
.history-card--right .year-round,
.history-card .year-round {
height: 70px;
width: 70px;
top: 0;
left: 0
}
.history-card--right .year-round h4,
.history-card .year-round h4 {
font-size: 20px
}
}
.history-card--right .year-round h4,
.history-card .year-round h4 {
margin-bottom: 0
}
.history-card--right .year-round {
background: #0F4C4C;
left: unset;
right: -30px
}
@media (max-width:900px) {
.history-card--right .year-round {
top: -15px;
right: -15px
}
}
@media (max-width:600px) {
.history-card--right .year-round {
height: 70px;
width: 70px;
top: 0;
right: 0
}
.history-card--right .year-round h4 {
font-size: 20px
}
}
.history-seperator {
background-image: url(//car-rental-fr.lrdevteam.com/wp-content/themes/fleet-master/images/line.png);
background-size: contain;
background-position: 50%;
height: calc(100% + 60px);
width: 2px;
position: relative
}
.history-seperator:before {
top: 20px;
left: -30px;
background-color: #fb6d61
}
.history-seperator:after,
.history-seperator:before {
content: "";
position: absolute;
width: 12px;
height: 12px;
border-radius: 10px
}
.history-seperator:after {
top: 140px;
right: -30px;
background-color: #0F4C4C
}
.timeline-row {
padding-bottom: 50px
}
.timeline-row .tr-col:last-child {
padding-top: 140px !important
}
@media (max-width:600px) {
.timeline-row .tr-col:last-child {
padding-top: 0 !important
}
.timeline-row h1,
.timeline-row p {
text-align: center !important
}
.timeline-row img {
display: block;
margin: 0 auto
}
.timeline-row .col-lg-4 {
margin-bottom: 40px
}
}
.timeline-row.col-lg-4:first-child {
padding-top: 100px
}
.timeline-row:nth-child(2n) .history-seperator:before {
background-color: #0F4C4C !important
}
.timeline-row:nth-child(2n) .history-seperator:after {
background-color: #fb6d61 !important
}
.our-fleet-filters {
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: center
}
.our-fleet-filters li {
background: #f2f2f3;
border-radius: 4px;
margin: 0 15px 20px;
min-width: 130px;
text-align: center;
cursor: pointer;
transition: .2s ease
}
.our-fleet-filters li a {
padding: 10px 20px;
display: block;
border-radius: 4px
}
.our-fleet-filters li:hover a {
background: #e5e6e6
}
.our-fleet-filters li a.selected {
background: #0F4C4C;
color: #274e5e
}
.our-fleet-filters li a.selected .car-filter-icon {
opacity: 1
}
#tabs {
color: #0F4C4C
}
#tabs .nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active {
color: #0F4C4C !important;
background-color: transparent;
border-color: transparent transparent #f3f3f3;
border-bottom: 4px solid !important;
font-size: 20px;
font-weight: 700
}
#tabs .nav-tabs .nav-link {
border: 1px solid transparent;
border-top-left-radius: .25rem;
border-top-right-radius: .25rem;
color: #0F4C4C;
font-size: 20px
}
.table td,
.table th {
color: #274e5e;
font-size: 14px;
white-space: nowrap
}
.table-bordered td,
.table-bordered th {
border-color: rgba(39, 78, 94, .2)
}
.user-profile-table th {
width: 20%;
color: #274e5e
}
.user-profile-table td {
width: 80%;
color: #274e5e
}
.user-profile-buttons {
justify-content: flex-end;
align-items: center
}
@media (max-width:600px) {
.user-profile-buttons {
flex-wrap: wrap
}
.user-profile-buttons button {
width: 100%;
margin-bottom: 20px
}
}
@media (max-width:600px) {
.user-profile-navtabs .nav-link {
display: block;
width: 100%;
margin-bottom: 20px
}
.user-profile-navtabs .nav-link.active {
background-color: rgba(95, 219, 200, .15)
}
}
.table-striped tbody tr:nth-of-type(odd) {
background: #f9fefd
}
.car-filter-icon {
width: 30px;
margin-right: 12px;
opacity: .6
}
.selected-car {
box-shadow: 0 8px 20px rgba(39, 78, 94, .06);
border-radius: 2px;
padding: 40px 20px
}
.letter-spacing {
letter-spacing: 1px
}
.border-radius {
border-radius: 2px
}
.booking-detail__label {
font-weight: 600;
opacity: .5
}
.booking-detail__info {
opacity: .7
}
.booking__note {
opacity: .6;
font-size: 13px
}
.booking-heading--small {
font-weight: 600;
color: #274e5e;
font-size: 14px
}
.sbi_link:after {
position: absolute;
width: 100%;
height: 100%;
background: rgba(251, 109, 97, .8);
font-weight: 900;
content: "\f00e";
top: 0;
font-family: Font Awesome\ 5 Free;
left: 0;
display: flex;
justify-content: center;
align-items: center;
font-size: 40px
}
.input-addon {
top: 43px
}
.input-addon:hover {
cursor: pointer
}
a.glink.nturl.notranslate {
visibility: hidden;
display: none
}
#confirm_booking_form .app-input,
#confirm_booking_form .app-input--centered {
min-height: 47px
}
.car-types .car-slide__image {
height: 35px;
-o-object-fit: contain;
object-fit: contain
}
.before-d-none:before {
display: none !important
}
.what-we-offer .car-slide-image {
background-size: cover;
background-position: 50%;
background-repeat: no-repeat;
height: 120px;
width: 100%
}
.header-select-wrapper {
position: relative;
z-index: 1
}
.header-select-wrapper select {
padding: 10px 20px;
margin-right: 10px;
border: 0;
position: relative;
background: transparent !important
}
.header-select-wrapper select:hover {
cursor: pointer
}
.header-select-wrapper select:focus {
border: 0;
outline: 0;
box-shadow: none
}
.header-select-wrapper select option {
color: #274e5e !important
}
.header-select-wrapper:before {
font-weight: 900;
content: "\f57e";
left: 0
}
.header-select-wrapper:after,
.header-select-wrapper:before {
position: absolute;
font-family: Font awesome\ 5 Free;
top: 52%;
transform: translateY(-50%);
display: flex;
justify-content: center;
align-items: center;
font-size: 14px;
color: #274e5e;
z-index: -1
}
.header-select-wrapper:after {
font-weight: 600;
content: "\f0d7";
right: 12px
}
.modal-body {
position: relative
}
.modal-close-button {
background: hsla(0, 0%, 100%, .5);
border-radius: 5px;
padding: 10px 20px;
position: absolute;
top: 15px;
right: 15px;
font-size: 16px;
z-index: 5;
color: #fb6d61
}
.underline,
.underline:hover {
text-decoration: underline
}
.cp {
cursor: pointer
}
.dropdown-item:active,
.dropdown-item:focus {
background-color: #0F4C4C;
border: 0;
outline: 0
}
.multiline-check .pretty {
white-space: inherit
}
.multiline-check .pretty .state label {
text-indent: 0;
padding-left: 2rem
}
.multiline-check .pretty .state label:after,
.multiline-check .pretty .state label:before {
top: 0
}
div#payment_error_data {
background: #fb6d61;
color: #fff !important;
padding: 8px 0 2px 10px;
margin: 15px 0
}
div#payment_error_data p {
margin-bottom: .3rem;
font-size: .9rem
}
.payment_signin .signin-buttons {
justify-content: flex-start !important;
align-items: flex-start;
max-width: auto !important
}
.payment_signin .signin-buttons .app-button--facebook {
margin-right: 15px
}
@media (max-width:600px) {
.payment_signin .signin-buttons .app-button--facebook {
margin-right: 0
}
}
.panel {
background-color: #fff;
margin-bottom: 20px
}
.panel-label,
.panel-text {
font-size: 16px;
margin-bottom: 5px;
display: block
}
.panel-title {
display: block !important;
color: #274e5e;
padding: 10px !important;
font-weight: 600;
font-size: 18px;
width: 100%
}
.panel-label {
color: #366c82;
font-weight: 600
}
.panel-text {
color: rgba(39, 78, 94, .7)
}
.panel-detail {
color: #8b8c8e;
font-size: 13px;
margin: 15px 0
}
.panel-icon {
width: 30px;
height: 30px;
margin-right: 10px;
-o-object-fit: contain;
object-fit: contain
}
.panel-inner {
padding: 25px
}
table.bpt {
border-collapse: collapse;
width: 100%
}
table.bpt td {
vertical-align: top;
border: 0;
padding: 0;
white-space: normal !important;
word-wrap: break-word
}
table.bpt tr>td {
min-width: 180px;
padding: 0
}
table.bpt .my-4 {
margin-top: 1.5rem !important;
margin-bottom: 1.5rem !important
}
table.bpt .mx-auto {
margin-left: auto !important;
margin-right: auto !important
}
table.bpt .py-4 {
padding-top: 1.5rem !important;
padding-bottom: 1.5rem !important
}
.table-title {
font-size: 36px
}
.table-subtitle {
font-size: 24px
}
.content-td {
max-width: 200px
}
@media (max-width:600px) {
.bd-buttons {
flex-wrap: wrap
}
.bd-buttons a,
.bd-buttons button {
width: 100%;
margin-top: 10px
}
}
.booking-summary__item p {
text-align: right !important
}
.inside-p-0 td,
.inside-p-0 th {
padding: 5px 0 !important
}
.border-dashed {
padding: 15px 20px;
border-bottom: 1px dashed #274e5e
}
.hts-text {
-webkit-line-clamp: 3
}
.hts-text,
.pts-text {
display: -webkit-box;
-webkit-box-orient: vertical;
overflow: hidden
}
.pts-text {
-webkit-line-clamp: 10
}
#navbarSupportedContent>div>div.wpml-ls-sidebars-.wpml-ls.wpml-ls-legacy-dropdown.js-wpml-ls-legacy-dropdown {
display: flex;
justify-content: center;
align-items: center
}
#navbarSupportedContent>div>div.wpml-ls-sidebars-.wpml-ls.wpml-ls-legacy-dropdown.js-wpml-ls-legacy-dropdown>ul>li>a {
border: 0;
position: relative
}
#navbarSupportedContent>div>div.wpml-ls-sidebars-.wpml-ls.wpml-ls-legacy-dropdown.js-wpml-ls-legacy-dropdown>ul>li>a:after {
position: absolute;
font-family: Font awesome\5 Free;
top: 60%;
transform: translateY(-50%);
display: flex;
justify-content: center;
align-items: center;
font-size: 12px;
color: #274e5e;
z-index: 1
} .your-benefits a.benefit-slide {
position: relative;
}
.your-benefits a.benefit-slide .youtube-play-icon {
top: 15px;
position: absolute;
right: 20px;
}
.your-benefits a.benefit-slide .youtube-play-icon img {
animation: glowing 1300ms infinite;
border-radius: 100%;
}
.my-account-button {
background-color: #fb6d61 !important;
}
.my-account-button:hover {
background-color: #fb5f52 !important;
}
@keyframes glowing {
0% {
background-color: #fc6e62;
box-shadow: 0 0 5px #fc6e62;
}
50% {
background-color: #fc6e62;
box-shadow: 0 0 20px #fc6e62;
}
100% {
background-color: #fc6e62;
box-shadow: 0 0 5px #fc6e62;
}
}
@media (max-width: 991px) {
.honesty_section .left .box,
.honesty_section .right .box {
width: 100% !important;
}
}
@media (max-width: 767px) {
.your-benefits a.benefit-slide .youtube-play-icon {
top: 22px;
right: inherit;
left: 83%
}
.pingouin_section {
background-image: url(//car-rental-fr.lrdevteam.com/wp-content/themes/fleet-master/images/pengouin_bg_mob.jpg) !important;
background-position: right !important;
}
.your-benefits a.benefit-slide .youtube-play-icon img {
height: 32px;
width: 32px;
}
.honesty_section .left .box,
.honesty_section .right .box {
width: 100% !important;
}
}
@media (max-width: 400px) {
.service-car {
width: 100% !important;
}
.about-us-section .img_about {
width: auto;
max-width: 180px;
}
.service_img {
width: auto;
max-width: 180px !important;
}
.pingouin_section {
background-position: left !important;
}
}
@media (max-width: 320px) {
.your-benefits a.benefit-slide .youtube-play-icon img {
width: 25px;
height: 25px;
}
}
.pingouin_section {
background-image: url(//car-rental-fr.lrdevteam.com/wp-content/themes/fleet-master/images/pengouin_bg.jpg);
background-position: center;
background-size: cover;
background-repeat: no-repeat;
}
.mission_vision_section {
background: var(--theme-green-color) !important;
}
.pingouin_section .wrap {
padding-bottom: 50px;
padding-top: 15px;
}
.honesty_section .left .box {
background: #60dbc7;
padding: 45px;
width: 445px;
margin-left: auto;
margin-right: 60px;
}
.honesty_section .left .box h6 {
font-size: 23px;
margin-bottom: 13px;
}
.honesty_section .right img {
width: 60px;
}
.honesty_section .right h6 {
color: #60dbc7;
font-size: 44px;
font-weight: 500;
}
.honesty_section .right .box {
padding: 45px;
width: 516px;
margin-left: 0px;
margin-right: auto;
}
.pingouin_section .left h6 {
font-size: 20px;
margin-bottom: 17px;
}
.pingouin_section .left p {
font-size: 15px;
}
.join_us_btn {
margin-top: 22px;
display: inline-block;
}
.app-button,
.app-button--facebook,
.app-button--gmail,
.app-button--large,
.app-button--medium,
.app-button--primary,
.app-button--secondary,
.app-button--white {
display: block;
background-color: #fb6d61;
border: 0;
border-radius: 4px;
padding: 10px 20px;
color: #fff !important;
text-align: center !important;
transition: all .3s ease
}
.app-button--facebook:hover,
.app-button--gmail:hover,
.app-button--large:hover,
.app-button--medium:hover,
.app-button--primary:hover,
.app-button--secondary:hover,
.app-button--white:hover,
.app-button:hover {
background-color: #fb5f52;
color: #fff
}
.app-button--facebook:active,
.app-button--facebook:focus,
.app-button--gmail:active,
.app-button--gmail:focus,
.app-button--large:active,
.app-button--large:focus,
.app-button--medium:active,
.app-button--medium:focus,
.app-button--primary:active,
.app-button--primary:focus,
.app-button--secondary:active,
.app-button--secondary:focus,
.app-button--white:active,
.app-button--white:focus,
.app-button:active,
.app-button:focus {
background-color: #fa5143;
box-shadow: none;
outline: 0
}
.app-button--primary {
background-color: #2eceb6
}
.app-button--primary:hover {
background-color: #0C3E3E
}
.app-button--primary:active,
.app-button--primary:focus {
background-color: #0F4C4C
}
.app-button--secondary {
background-color: #274e5e
}
.app-button--secondary:hover {
background-color: #234553
}
.app-button--secondary:active,
.app-button--secondary:focus {
background-color: #203f4c
}
.app-button--facebook {
background-color: #4266b2
}
.app-button--facebook:hover {
background-color: #34518d
}
.app-button--facebook:active,
.app-button--facebook:focus {
background-color: #2d467a
}
.app-button--gmail {
background-color: #e75a4d
}
.app-button--gmail:hover {
background-color: #e13020
}
.app-button--gmail:active,
.app-button--gmail:focus {
background-color: #cc2a1c
}
.app-button--white {
background-color: #fff;
color: #274e5e !important
}
.app-button--white:hover {
background-color: #d9d9d9;
color: #274e5e
}
.app-button--white:active,
.app-button--white:focus {
background-color: #d1d1d1;
color: #274e5e
}
.app-button--large {
padding: 18px 36px;
font-size: 18px
}
.app-button--medium {
padding: 10px 30px;
font-size: 18px
}
hr {
display: block;
width: 100%
}
.primary-bg {
background: #0F4C4C
}
.secondary-bg {
background: #274e5e
}
.accent-bg {
background: #fb6d61
}
.light-bg {
background: rgba(88, 89, 91, .03)
}
.gray-bg {
background: rgba(88, 89, 91, .1)
}
.primary-color {
color: #0F4C4C !important
}
.primary-dark-color {
color: #229886
}
.secondary-color,
.secondary-color * {
color: #274e5e
}
.accent-color {
color: #fb6d61
}
.light-color {
color: #58595b
}
.lightest-color {
color: #8b8c8e
}
.relative {
position: relative
}
.section-heading {
font-size: 36px;
margin: 12px 0
}
@media (max-width:600px) {
.section-heading {
font-size: 36px
}
}
.section-heading--small {
font-size: 38px;
margin: 12px 0
}
@media (max-width:600px) {
.section-heading--small {
font-size: 32px
}
}
.text--small {
font-size: 12px
}
.app-dropdown {
background: transparent;
display: flex;
justify-content: center;
align-items: center
}
.app-dropdown button {
color: #274e5e
}
.app-dropdown button:focus {
box-shadow: none;
outline: 0
} #app-navbar {
padding: 0
}
@media (max-width:1200px) {
#app-navbar {
padding: 10px
}
.honesty_section .left .box {
min-height: 356px !important;
}
}
#app-navbar-menu {
margin: 0;
min-width: 650px;
display: flex
}
@media (max-width:900px) {
#app-navbar-menu {
min-width: auto
}
}
#app-navbar-menu li {
text-transform: uppercase;
font-size: 18px;
position: relative;
min-height: 50px;
font-weight: 500;
display: flex;
justify-content: center;
align-items: center;
margin: 0 10px
}
#app-navbar-menu li a {
color: rgba(0, 0, 0, .5);
width: 100%;
transition: all .3s ease
}
#app-navbar-menu li a:after {
content: "";
position: absolute;
opacity: 0;
visibility: hidden;
bottom: 0;
left: 50%;
transform: translateX(-50%);
width: 90%;
height: 6px;
background: #fb6d61;
transition: all .5s ease
}
#app-navbar-menu li:hover a {
color: #fb6d61
}
#app-navbar-menu li:hover a:after {
opacity: 1;
visibility: visible
}
#app-navbar-menu li.active a {
color: #fb6d61
}
#app-navbar-menu li.active a:after {
opacity: 1;
visibility: visible
}
@media (max-width:900px) {
#app-navbar-menu li {
margin: 0;
padding: 10px 10px 10px 25px;
min-height: 20px
}
#app-navbar-menu li a {
text-align: left
}
#app-navbar-menu li.active:after {
display: none
}
}
.navbar-right {
position: relative;
flex-shrink: 0
}
.navbar-right .cart-icon {
margin: 10px 0
}
@media (max-width:900px) {
.navbar-right {
padding-left: 30px
}
.navbar-right .my-account-button {
margin-right: 10px;
}
}
@media (max-width:600px) {
.navbar-right {
display: flex;
justify-content: flex-start;
align-items: flex-start;
text-align: left;
padding: 0 20px;
position: relative;
flex-wrap: wrap
}
.navbar-right .my-account-button {
order: -1;
margin-bottom: 10px;
margin-right: 20px;
flex-grow: 1;
width: 100%;
flex-shrink: 0
}
.navbar-right .cart-icon {
padding-top: 5px;
order: 2
}
.navbar-right .cur-dropdown button,
.navbar-right .lang-dropdown button {
padding-left: 0;
margin: 4px 10px
}
}
#hero {
min-height: 680px;
background-size: cover;
background-repeat: no-repeat;
display: flex;
flex-direction: column;
align-items: center;
text-align: center;
padding-top: 180px;
position: relative;
content: ""
}
#hero:before {
height: 100%;
background: rgba(95, 219, 200, .1)
}
#hero:before,
.hero-banner-alert {
width: 100%;
position: absolute;
left: 0;
top: 0
}
.hero-banner-alert {
justify-content: center;
align-items: center;
display: flex;
flex-wrap: wrap;
background-color: #0F4C4C;
padding: 10px;
font-size: 16px
}
.hero-banner-alert p {
margin-bottom: 0;
font-size: 18px;
margin-right: 20px
}
.overlay-blue {
position: relative
}
.overlay-blue:before {
content: "";
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
background: rgba(95, 219, 200, .1);
z-index: -1
}
.hero__subtitle,
.hero__title {
color: #fff;
text-shadow: 1px 3px 6px rgba(0, 0, 0, .6)
}
.hero__title {
font-size: 76px;
letter-spacing: -1px
}
@media (max-width:600px) {
.hero__title {
font-size: 60px
}
}
.hero__subtitle {
font-size: 30px
}
@media (max-width:600px) {
.hero__subtitle {
font-size: 22px
}
}
#booking-form {
position: relative;
margin-top: -200px
}
.bf-container {
background: #fff;
border-radius: 2px;
padding: 26px;
width: 100%;
box-shadow: 0 18px 58px rgba(39, 78, 94, .2)
}
.return-to {
position: absolute;
right: 0;
top: 10px
}
@media (max-width:600px) {
.return-to {
position: relative;
margin-left: 15px;
margin-bottom: 20px
}
}
@media (max-width:600px) {
.search-now-button {
width: 100%
}
}
.input-group-side div {
width: 100%
}
@media (max-width:600px) {
.input-group-side {
flex-wrap: wrap
}
.input-group-side div {
width: 100%
}
.input-group-side input:nth-child(2) {
margin-top: 10px
}
}
#home-feature-slider .slick-dots {
bottom: -50px
}
.feature-item {
max-width: 120px;
min-height: 140px;
text-align: center;
margin: 0 60px;
display: flex !important;
flex-direction: column;
justify-content: space-between;
align-items: center
}
.feature-item img {
width: 60px;
margin: 0 auto
}
.feature-item h5 {
color: #58595b;
margin-top: 20px;
font-size: 16px
}
.car-slider-container {
position: relative;
overflow: visible
}
.the-car-slider .car-slide {
background: #fff;
padding: 40px;
max-width: 350px;
margin: 20px 0;
box-shadow: 0 10px 20px rgba(0, 0, 0, .05);
text-align: center;
align-items: center
}
.the-car-slider--fleet .car-slide button,
.the-car-slider .car-slide button {
margin: 0 auto
}
.the-car-slider--fleet .car-slide-image,
.the-car-slider .car-slide-image {
position: relative
}
.the-car-slider--fleet .car-slide-image img,
.the-car-slider .car-slide-image img {
width: 100%
}
.the-car-slider--fleet .car-slide__offer,
.the-car-slider .car-slide__offer {
height: 90px;
width: 90px;
justify-content: center;
align-items: center;
display: flex;
flex-direction: column;
background: #fb6d61;
border-radius: 100px;
color: #fff;
position: absolute;
top: -40px;
right: -40px;
padding: 20px
}
.the-car-slider--fleet .car-slide__offer span,
.the-car-slider .car-slide__offer span {
display: block;
font-size: 13px
}
.the-car-slider--fleet .car-slide__offer .price,
.the-car-slider .car-slide__offer .price {
font-size: 16px
}
.the-car-slider--fleet .car-slide .car-slide-feature__image {
width: 42px
}
.the-car-slider--fleet .car-slide .car-slide-feature__count {
position: absolute;
bottom: 2.5px;
color: #fff;
font-size: 12px
}
.car-slide-features.selected-car-features .car-slide-feature__image {
width: 42px
}
.car-slide-features.selected-car-features .car-slide-feature__count {
position: absolute;
bottom: 2px;
color: #fff;
font-size: 12px
}
.benefit-slider-arrows .arrow-left,
.benefit-slider-arrows .arrow-right,
.car-slider-arrow,
.car-slider-arrow__left,
.car-slider-arrow__right {
z-index: 5;
position: absolute;
top: calc(50% - 20px);
transform: translateY(-50%);
transform-origin: top
}
.car-slider-arrow__left img,
.car-slider-arrow__right img {
width: 20px
}
.benefit-slider-arrows .arrow-left:hover,
.benefit-slider-arrows .arrow-right:hover,
.car-slider-arrow:hover,
.car-slider-arrow__left:hover,
.car-slider-arrow__right:hover {
cursor: pointer
}
.car-slider-arrow__right {
right: -16px
}
.car-slider-arrow__left {
left: -16px
}
.car-slider-arrow__left img {
transform: rotate(180deg)
}
@media (max-width:600px) {
.car-slider-arrow__left {
left: -5px
}
.car-slider-arrow__right {
right: -5px
}
}
.car-slide-features {
display: flex
}
.car-slide-feature {
position: relative;
margin-right: 5px;
opacity: .7;
transition: all .2s ease
}
.car-slide-feature:hover {
opacity: 1
}
.car-slide-feature__count {
position: absolute;
bottom: 3px;
right: 5px;
color: #fff;
font-size: 13px
}
.car-slide-feature__image {
width: 50px
}
.testimonial-wrapper {
background: #fff;
box-shadow: 0 10px 30px rgba(0, 0, 0, .1);
padding: 50px;
max-width: 700px;
margin: 0 auto;
position: relative
}
.testimonial-wrapper .quote-icon {
position: absolute;
top: 20px;
left: 20px
}
.testimonial-arrows {
position: absolute;
right: -20px;
bottom: -10px;
display: flex;
overflow: hidden
}
.testimonial-arrows .arrow-left:hover,
.testimonial-arrows .arrow-right:hover {
cursor: pointer
}
.testimonial-arrows .arrow-right {
margin-left: 5px;
transform: rotate(180deg)
}
@media (max-width:600px) {
.testimonial-arrows {
right: 0
}
}
.currency-switcher {
-webkit-appearance: none !important;
-moz-appearance: none !important;
appearance: none !important
}
.benefit-slider {
overflow: hidden
}
.benefit-slider .owl-item {
opacity: .5;
transform: scale(.85);
transform-origin: center
}
@media (max-width:900px) {
.benefit-slider .owl-item {
opacity: 1;
transform: scale(1)
}
}
.benefit-slider .owl-item.active.center {
opacity: 1;
transform: scale(1)
}
.benefit-slide {
width: 700px;
background: rgba(88, 89, 91, .08);
margin: 40px 0;
box-shadow: 0 10px 30px rgba(0, 0, 0, .15)
}
.benefit-slide img {
max-height: 268px
}
@media (max-width:600px) {
.benefit-slide {
width: 100%;
min-width: unset;
margin: 0
}
.benefit-slide .content img {
width: 30px;
margin-bottom: 30px
}
}
.benefit-slide .content {
text-align: left;
padding: 40px
}
.benefit-slide .content img {
width: 40px
}
.benefit-slide img {
-o-object-fit: cover;
object-fit: cover;
width: 100%
}
.benefit-slider-arrows {
z-index: 5;
position: absolute;
top: 55%;
left: 50%;
transform: translate(-50%)
}
.benefit-slider-arrows .arrow-left img,
.benefit-slider-arrows .arrow-right img {
width: 20px
}
.benefit-slider-arrows:hover {
cursor: pointer
}
.benefit-slider-arrows .arrow-left {
transform: rotate(180deg) translateY(10px);
left: -385px
}
.benefit-slider-arrows .arrow-right {
transform-origin: top;
right: -385px
}
@media (max-width:900px) {
.benefit-slider-arrows {
display: none
}
}
.footer-nav li.current-menu-item a {
color: #fb6d61
}
.footer-nav a {
transition: all .2s ease
}
.footer-nav a:hover {
color: #fb6d61
}
.footer-bottom-links a {
transition: all .2s ease
}
.footer-bottom-links a:hover {
color: #fb6d61
}
.footer-bottom-links a:hover span {
color: #58595b
}
.footer-bottom-links a:last-child span {
display: none
}
.footer-icons img {
width: 35px;
margin-right: 10px
}
.footer-norton {
position: relative;
top: -2px
}
.page-breadcrumb {
background-color: #0F4C4C;
min-height: 150px;
text-align: center;
display: flex;
justify-content: center;
align-items: center;
color: #fff;
letter-spacing: -1px
}
.page-breadcrumb h1 {
font-weight: 500;
font-size: 46px;
text-shadow: 1px 1px 6px rgba(0, 0, 0, .4)
}
.tst-hover {
display: none
}
.tst {
position: absolute;
top: -20px
}
.testimonial-card {
display: block;
background: #fff;
box-shadow: 0 10px 30px rgba(0, 0, 0, .1);
padding: 30px 40px;
margin-bottom: 40px;
transition: all .3s ease;
height: 586px;
display: flex;
justify-content: space-between;
flex-direction: column
}
.testimonial-card.page-card {
height: auto
}
.testimonial-card:hover {
box-shadow: 0 10px 40px rgba(0, 0, 0, .2)
}
.testimonial-card__icon {
width: 30px;
height: 30px;
background: url(//car-rental-fr.lrdevteam.com/wp-content/themes/fleet-master/images/quote-orange.png);
background-size: contain;
background-repeat: no-repeat
}
.testimonial-card__title {
margin-top: 20px;
font-size: 24px;
color: #fb6d61
}
.testimonial-card__author {
color: #fb6d61
}
.testimonial-card.variant-orange {
background: #fb6d61
}
.testimonial-card.variant-orange .testimonial-card__icon {
background: url(//car-rental-fr.lrdevteam.com/wp-content/themes/fleet-master/images/quote-white.png);
background-size: contain;
background-repeat: no-repeat
}
.testimonial-card.variant-orange .testimonial-card__author,
.testimonial-card.variant-orange .testimonial-card__title {
color: #fff
}
.testimonial-card.variant-text-teal {
background: #fff
}
.testimonial-card.variant-text-teal .testimonial-card__author,
.testimonial-card.variant-text-teal .testimonial-card__title {
color: #0F4C4C
}
.testimonial-card.variant-text-teal .testimonial-card__icon {
background: url(//car-rental-fr.lrdevteam.com/wp-content/themes/fleet-master/images/quote-green.png);
background-size: contain;
background-repeat: no-repeat
}
.testimonial-card.variant-teal {
background: #0F4C4C
}
.testimonial-card.variant-teal .testimonial-card__author,
.testimonial-card.variant-teal .testimonial-card__title {
color: #fff
}
.testimonial-card.variant-teal .testimonial-card__icon {
background: url(//car-rental-fr.lrdevteam.com/wp-content/themes/fleet-master/images/quote-white.png);
background-size: contain;
background-repeat: no-repeat
}
.contact-icon {
width: 70px;
height: 70px
}
.contact-icon,
.feature-icon {
-o-object-fit: contain;
object-fit: contain
}
.feature-icon {
width: 85px;
height: 85px
}
.wpcf7-spam-blocked,
.wpcf7-validation-errors,
div.wpcf7-aborted,
div.wpcf7-mail-sent-ng,
div.wpcf7-spam-blocked {
background: #fb6d61;
color: #fff !important;
font-weight: 700 !important;
padding: 1rem !important;
font-size: 1rem;
border: none !important;
margin: 0 !important
}
div.wpcf7-mail-sent-ok {
color: #0F4C4C;
background: #274e5e;
font-weight: 700 !important;
padding: 1rem !important;
font-size: 1rem;
border: none !important;
margin: 0 !important
}
.modal-content .return-to {
position: relative;
display: flex;
justify-items: flex-end;
margin-bottom: 20px;
margin-left: 17px
}
.privacy-policy .detail-title {
color: #fb6d61
}
.privacy-policy .side-list {
background: #fb6d61
}
.cookie-policy .detail-title,
.terms-of-use .detail-title {
color: #0F4C4C
}
.cookie-policy .side-list,
.terms-of-use .side-list {
background: #0F4C4C
}
.side-list {
border-radius: 2px;
overflow: hidden
}
.sticky-sidebar {
position: -webkit-sticky;
position: sticky;
top: 10px
}
.side-list {
background: #fb6d61;
height: calc(100vh - 340px);
overflow-y: scroll;
color: #fff;
font-size: 13px
}
.side-list li {
margin: 10px 0
}
.side-list::-webkit-scrollbar {
width: .5em;
height: .5em
}
.side-list::-webkit-scrollbar-thumb {
background-color: hsla(0, 0%, 100%, .5);
border-radius: 3px
}
.side-list::-webkit-scrollbar-thumb:hover {
background: hsla(0, 0%, 100%, .3)
}
.terms-page .detail-title {
color: #0F4C4C
}
.accordion-container {
box-shadow: 0 10px 30px rgba(0, 0, 0, .1);
margin-bottom: 20px
}
.join-us-button {
background: #fff;
display: flex;
width: 100%;
font-size: 20px;
padding: 20px;
justify-content: space-between;
align-items: center;
color: #274e5e;
white-space: normal
}
@media (max-width:600px) {
.join-us-button {
font-size: 14px
}
}
.join-us-button:hover {
color: #274e5e
}
.join-us-button:focus {
box-shadow: none;
outline: 0
}
.join-us-button i {
font-size: 26px
}
.faq-nav-container {
max-width: 980px;
margin: 0 auto
}
@media (max-width:900px) {
.faq-nav-container {
max-width: 500px
}
}
.faq-nav-list {
display: flex;
justify-content: center;
align-items: center;
width: 100%
}
.faq-box {
border-radius: 2px;
padding: 25px;
box-shadow: none;
border: 2px solid rgba(39, 78, 94, .05);
width: 200px;
margin-bottom: 20px;
transition: all .3s ease
}
@media (max-width:600px) {
.faq-box {
padding: 10px
}
.faq-box img {
display: none
}
.faq-box span {
margin-top: 0 !important
}
}
.faq-box.active {
border-color: rgba(251, 109, 97, .3);
box-shadow: 0 21px 42px rgba(39, 78, 94, .1)
}
.history-card,
.history-card--right {
box-shadow: 0 10px 20px rgba(0, 0, 0, .05);
padding: 20px;
border-radius: 2px;
border: 1px solid rgba(39, 78, 94, .2);
position: relative;
margin-bottom: 20px
}
.history-card--right .year-round,
.history-card .year-round {
position: absolute;
top: -30px;
left: -30px;
background: #fb6d61;
color: #fff;
border-radius: 120px;
height: 90px;
width: 90px;
padding: 20px;
text-align: center;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center
}
@media (max-width:900px) {
.history-card--right .year-round,
.history-card .year-round {
top: -15px;
left: -15px
}
}
@media (max-width:600px) {
.history-card--right .year-round,
.history-card .year-round {
height: 70px;
width: 70px;
top: 0;
left: 0
}
.history-card--right .year-round h4,
.history-card .year-round h4 {
font-size: 20px
}
}
.history-card--right .year-round h4,
.history-card .year-round h4 {
margin-bottom: 0
}
.history-card--right .year-round {
background: #0F4C4C;
left: unset;
right: -30px
}
@media (max-width:900px) {
.history-card--right .year-round {
top: -15px;
right: -15px
}
}
@media (max-width:600px) {
.history-card--right .year-round {
height: 70px;
width: 70px;
top: 0;
right: 0
}
.history-card--right .year-round h4 {
font-size: 20px
}
}
.history-seperator {
background-image: url(//car-rental-fr.lrdevteam.com/wp-content/themes/fleet-master/images/line.png);
background-size: contain;
background-position: 50%;
height: calc(100% + 60px);
width: 2px;
position: relative
}
.history-seperator:before {
top: 20px;
left: -30px;
background-color: #fb6d61
}
.history-seperator:after,
.history-seperator:before {
content: "";
position: absolute;
width: 12px;
height: 12px;
border-radius: 10px
}
.history-seperator:after {
top: 140px;
right: -30px;
background-color: #0F4C4C
}
.timeline-row {
padding-bottom: 50px
}
.timeline-row .tr-col:last-child {
padding-top: 140px !important
}
@media (max-width:600px) {
.timeline-row .tr-col:last-child {
padding-top: 0 !important
}
.timeline-row h1,
.timeline-row p {
text-align: center !important
}
.timeline-row img {
display: block;
margin: 0 auto
}
.timeline-row .col-lg-4 {
margin-bottom: 40px
}
}
.timeline-row.col-lg-4:first-child {
padding-top: 100px
}
.timeline-row:nth-child(2n) .history-seperator:before {
background-color: #0F4C4C !important
}
.timeline-row:nth-child(2n) .history-seperator:after {
background-color: #fb6d61 !important
}
.our-fleet-filters {
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: center
}
.our-fleet-filters li {
background: #f2f2f3;
border-radius: 4px;
margin: 0 15px 20px;
min-width: 130px;
text-align: center;
cursor: pointer;
transition: .2s ease
}
.our-fleet-filters li a {
padding: 10px 20px;
display: block;
border-radius: 4px
}
.our-fleet-filters li:hover a {
background: #e5e6e6
}
.our-fleet-filters li a.selected {
background: #0F4C4C;
color: #274e5e
}
.our-fleet-filters li a.selected .car-filter-icon {
opacity: 1
}
#tabs {
color: #0F4C4C
}
#tabs .nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active {
color: #0F4C4C !important;
background-color: transparent;
border-color: transparent transparent #f3f3f3;
border-bottom: 4px solid !important;
font-size: 20px;
font-weight: 700
}
#tabs .nav-tabs .nav-link {
border: 1px solid transparent;
border-top-left-radius: .25rem;
border-top-right-radius: .25rem;
color: #0F4C4C;
font-size: 20px
}
.table td,
.table th {
color: #274e5e;
font-size: 14px;
white-space: nowrap
}
.table-bordered td,
.table-bordered th {
border-color: rgba(39, 78, 94, .2)
}
.user-profile-table th {
width: 20%;
color: #274e5e
}
.user-profile-table td {
width: 80%;
color: #274e5e
}
.user-profile-buttons {
justify-content: flex-end;
align-items: center
}
@media (max-width:600px) {
.user-profile-buttons {
flex-wrap: wrap
}
.user-profile-buttons button {
width: 100%;
margin-bottom: 20px
}
}
@media (max-width:600px) {
.user-profile-navtabs .nav-link {
display: block;
width: 100%;
margin-bottom: 20px
}
.user-profile-navtabs .nav-link.active {
background-color: rgba(95, 219, 200, .15)
}
}
.table-striped tbody tr:nth-of-type(odd) {
background: #f9fefd
}
.car-filter-icon {
width: 30px;
margin-right: 12px;
opacity: .6
}
.selected-car {
box-shadow: 0 8px 20px rgba(39, 78, 94, .06);
border-radius: 2px;
padding: 40px 20px
}
.letter-spacing {
letter-spacing: 1px
}
.border-radius {
border-radius: 2px
}
.booking-detail__label {
font-weight: 600;
opacity: .5
}
.booking-detail__info {
opacity: .7
}
.booking__note {
opacity: .6;
font-size: 13px
}
.booking-heading--small {
font-weight: 600;
color: #274e5e;
font-size: 14px
}
.sbi_link:after {
position: absolute;
width: 100%;
height: 100%;
background: rgba(251, 109, 97, .8);
font-weight: 900;
content: "\f00e";
top: 0;
font-family: Font Awesome\ 5 Free;
left: 0;
display: flex;
justify-content: center;
align-items: center;
font-size: 40px
}
.input-addon {
top: 43px
}
.input-addon:hover {
cursor: pointer
}
a.glink.nturl.notranslate {
visibility: hidden;
display: none
}
#confirm_booking_form .app-input,
#confirm_booking_form .app-input--centered {
min-height: 47px
}
.car-types .car-slide__image {
height: 35px;
-o-object-fit: contain;
object-fit: contain
}
.before-d-none:before {
display: none !important
}
.what-we-offer .car-slide-image {
background-size: cover;
background-position: 50%;
background-repeat: no-repeat;
height: 120px;
width: 100%
}
.header-select-wrapper {
position: relative;
z-index: 1
}
.header-select-wrapper select {
padding: 10px 20px;
margin-right: 10px;
border: 0;
position: relative;
background: transparent !important
}
.header-select-wrapper select:hover {
cursor: pointer
}
.header-select-wrapper select:focus {
border: 0;
outline: 0;
box-shadow: none
}
.header-select-wrapper select option {
color: #274e5e !important
}
.header-select-wrapper:before {
font-weight: 900;
content: "\f57e";
left: 0
}
.header-select-wrapper:after,
.header-select-wrapper:before {
position: absolute;
font-family: Font awesome\ 5 Free;
top: 52%;
transform: translateY(-50%);
display: flex;
justify-content: center;
align-items: center;
font-size: 14px;
color: #274e5e;
z-index: -1
}
.header-select-wrapper:after {
font-weight: 600;
content: "\f0d7";
right: 12px
}
.modal-body {
position: relative
}
.modal-close-button {
background: hsla(0, 0%, 100%, .5);
border-radius: 5px;
padding: 10px 20px;
position: absolute;
top: 15px;
right: 15px;
font-size: 16px;
z-index: 5;
color: #fb6d61
}
.underline,
.underline:hover {
text-decoration: underline
}
.cp {
cursor: pointer
}
.dropdown-item:active,
.dropdown-item:focus {
background-color: #0F4C4C;
border: 0;
outline: 0
}
.multiline-check .pretty {
white-space: inherit
}
.multiline-check .pretty .state label {
text-indent: 0;
padding-left: 2rem
}
.multiline-check .pretty .state label:after,
.multiline-check .pretty .state label:before {
top: 0
}
div#payment_error_data {
background: #fb6d61;
color: #fff !important;
padding: 8px 0 2px 10px;
margin: 15px 0
}
div#payment_error_data p {
margin-bottom: .3rem;
font-size: .9rem
}
.payment_signin .signin-buttons {
justify-content: flex-start !important;
align-items: flex-start;
max-width: auto !important
}
.payment_signin .signin-buttons .app-button--facebook {
margin-right: 15px
}
@media (max-width:600px) {
.payment_signin .signin-buttons .app-button--facebook {
margin-right: 0
}
}
.panel {
background-color: #fff;
margin-bottom: 20px
}
.panel-label,
.panel-text {
font-size: 16px;
margin-bottom: 5px;
display: block
}
.panel-title {
display: block !important;
color: #274e5e;
padding: 10px !important;
font-weight: 600;
font-size: 18px;
width: 100%
}
.panel-label {
color: #366c82;
font-weight: 600
}
.panel-text {
color: rgba(39, 78, 94, .7)
}
.panel-detail {
color: #8b8c8e;
font-size: 13px;
margin: 15px 0
}
.panel-icon {
width: 30px;
height: 30px;
margin-right: 10px;
-o-object-fit: contain;
object-fit: contain
}
.panel-inner {
padding: 25px
}
table.bpt {
border-collapse: collapse;
width: 100%
}
table.bpt td {
vertical-align: top;
border: 0;
padding: 0;
white-space: normal !important;
word-wrap: break-word
}
table.bpt tr>td {
min-width: 180px;
padding: 0
}
table.bpt .my-4 {
margin-top: 1.5rem !important;
margin-bottom: 1.5rem !important
}
table.bpt .mx-auto {
margin-left: auto !important;
margin-right: auto !important
}
table.bpt .py-4 {
padding-top: 1.5rem !important;
padding-bottom: 1.5rem !important
}
.table-title {
font-size: 36px
}
.table-subtitle {
font-size: 24px
}
.content-td {
max-width: 200px
}
@media (max-width:600px) {
.bd-buttons {
flex-wrap: wrap
}
.bd-buttons a,
.bd-buttons button {
width: 100%;
margin-top: 10px
}
}
.booking-summary__item p {
text-align: right !important
}
.inside-p-0 td,
.inside-p-0 th {
padding: 5px 0 !important
}
.border-dashed {
padding: 15px 20px;
border-bottom: 1px dashed #274e5e
}
.hts-text {
-webkit-line-clamp: 3
}
.hts-text,
.pts-text {
display: -webkit-box;
-webkit-box-orient: vertical;
overflow: hidden
}
.pts-text {
-webkit-line-clamp: 10
}
#navbarSupportedContent>div>div.wpml-ls-sidebars-.wpml-ls.wpml-ls-legacy-dropdown.js-wpml-ls-legacy-dropdown {
display: flex;
justify-content: center;
align-items: center
}
#navbarSupportedContent>div>div.wpml-ls-sidebars-.wpml-ls.wpml-ls-legacy-dropdown.js-wpml-ls-legacy-dropdown>ul>li>a {
border: 0;
position: relative
}
#navbarSupportedContent>div>div.wpml-ls-sidebars-.wpml-ls.wpml-ls-legacy-dropdown.js-wpml-ls-legacy-dropdown>ul>li>a:after {
position: absolute;
font-family: Font awesome\5 Free;
top: 60%;
transform: translateY(-50%);
display: flex;
justify-content: center;
align-items: center;
font-size: 12px;
color: #274e5e;
z-index: 1
} .your-benefits a.benefit-slide {
position: relative;
}
.your-benefits a.benefit-slide .youtube-play-icon {
top: 15px;
position: absolute;
right: 20px;
}
.your-benefits a.benefit-slide .youtube-play-icon img {
animation: glowing 1300ms infinite;
border-radius: 100%;
}
.my-account-button {
background-color: #fb6d61 !important;
}
.my-account-button:hover {
background-color: #fb5f52 !important;
}
@keyframes glowing {
0% {
background-color: #fc6e62;
box-shadow: 0 0 5px #fc6e62;
}
50% {
background-color: #fc6e62;
box-shadow: 0 0 20px #fc6e62;
}
100% {
background-color: #fc6e62;
box-shadow: 0 0 5px #fc6e62;
}
}
@media (max-width: 991px) {
.honesty_section .left .box,
.honesty_section .right .box {
width: 100% !important;
}
.honesty_section .left .box {
min-height: 285px !important;
}
}
@media (max-width: 900px) {
.honesty_section .car-slider-arrow__left {
left: 20px !important;
}
.honesty_section .car-slider-arrow__right {
right: 20px !important;
}
}
@media (max-width: 767px) {
.your-benefits a.benefit-slide .youtube-play-icon {
top: 22px;
right: inherit;
left: 83%
}
.honesty_section .left .box {
min-height: 331px !important;
}
.honesty_section .mb-5 {
margin-bottom: 0rem !important;
}
.honesty_section .left .box,
.honesty_section .right .box {
width: 100% !important;
}
.pingouin_section {
background: unset !important;
padding-bottom: 0px !important;
padding-top: 0px !important;
}
.pingouin_section .pingouin_section_row {
margin-left: 0px !important;
margin-right: 0px !important;
}
.pengouin_bg_mob_wrap {
display: block !important;
padding-left: 0px !important;
padding-right: 0px !important;
}
.pingouin_section .wrap {
padding-bottom: 0px !important;
}
.pingouin_section .mb-5 {
margin-bottom: 1rem !important;
}
.pingouin_section .mt-5 {
margin-top: 0rem !important;
}
.pingouin_section .left h6 {
color: #274e5e !important;
}
}
@media (max-width: 524px) {
.honesty_section .left .box {
min-height: 355px !important;
}
}
@media (max-width: 473px) {
.honesty_section .left .box {
min-height: 379px !important;
}
}
@media (max-width: 436px) {
.honesty_section .left .box {
min-height: 425px !important;
}
}
@media (max-width: 400px) {
.service-car {
width: 100% !important;
}
}
@media (max-width: 387px) {
.honesty_section .left .box {
min-height: 455px !important;
}
}
@media (max-width: 375px) {
.honesty_section .left .box {
min-height: 503px !important;
}
}
@media (max-width: 347px) {
.honesty_section .left .box {
min-height: 505px !important;
}
}
@media (max-width: 328px) {
.honesty_section .left .box {
min-height: 550px !important;
}
}
@media (max-width: 320px) {
.your-benefits a.benefit-slide .youtube-play-icon img {
width: 25px;
height: 25px;
}
}
.pingouin_section {
background-image: url(//car-rental-fr.lrdevteam.com/wp-content/themes/fleet-master/images/pengouin_bg.jpg);
background-position: center;
background-size: cover;
background-repeat: no-repeat;
}
.mission_vision_section {
background: #fb6d61;
}
.pingouin_section .wrap {
padding-bottom: 50px;
padding-top: 15px;
}
.honesty_section .left .box {
background: #60dbc7;
padding: 45px;
width: 445px;
margin-left: auto;
margin-right: 60px;
}
.honesty_section .left .box h6 {
font-size: 23px;
margin-bottom: 13px;
}
.honesty_section .right img {
width: 60px;
}
.honesty_section .right h6 {
color: #60dbc7;
font-size: 44px;
font-weight: 500;
}
.honesty_section .right .box {
padding: 45px;
width: 516px;
margin-left: 0px;
margin-right: auto;
}
.pingouin_section .left h6 {
font-size: 20px;
margin-bottom: 17px;
}
.pingouin_section .left p {
font-size: 15px;
}
.join_us_btn {
margin-top: 22px;
display: inline-block;
}
.honesty_section .left .box {
min-height: 335px;
}
.pengouin_bg_mob_wrap {
display: none;
}
#cancel-booking-modal {
padding-left: 15px;
}
@media (max-width:600px) {
.app-input,
.app-input--centered {
padding: 10px 35px 10px 10px
}
}
.select-wrapper {
position: relative;
overflow: hidden
}
.select-wrapper:after {
position: absolute;
top: calc(50% - 11px);
transform: translateX(-50%);
right: 5px;
content: "\f078";
font-family: Font Awesome\ 5 Free;
font-weight: 900;
opacity: .5
}
.form-error {
margin-top: 5px;
display: inline-block
}
.form-error,
.form-error .error,
.form-error label,
.form-error span {
font-size: 13px;
font-weight: 500;
color: #fb6d61
}
.input-addon--middle {
top: 50%;
transform: translateY(-50%);
position: absolute;
right: 14px
}
.app-button,
.app-button--facebook,
.app-button--gmail,
.app-button--large,
.app-button--medium,
.app-button--primary,
.app-button--secondary,
.app-button--white {
display: block;
background-color: #fb6d61;
border: 0;
border-radius: 4px;
padding: 10px 20px;
color: #fff !important;
text-align: center !important;
transition: all .3s ease
}
.app-button--facebook:hover,
.app-button--gmail:hover,
.app-button--large:hover,
.app-button--medium:hover,
.app-button--primary:hover,
.app-button--secondary:hover,
.app-button--white:hover,
.app-button:hover {
background-color: #fb5f52;
color: #fff
}
.app-button--facebook:active,
.app-button--facebook:focus,
.app-button--gmail:active,
.app-button--gmail:focus,
.app-button--large:active,
.app-button--large:focus,
.app-button--medium:active,
.app-button--medium:focus,
.app-button--primary:active,
.app-button--primary:focus,
.app-button--secondary:active,
.app-button--secondary:focus,
.app-button--white:active,
.app-button--white:focus,
.app-button:active,
.app-button:focus {
background-color: #fa5143;
box-shadow: none;
outline: 0
}
.app-button--primary {
background-color: #2eceb6
}
.app-button--primary:hover {
background-color: #0C3E3E
}
.app-button--primary:active,
.app-button--primary:focus {
background-color: #0F4C4C
}
.app-button--secondary {
background-color: #274e5e
}
.app-button--secondary:hover {
background-color: #234553
}
.app-button--secondary:active,
.app-button--secondary:focus {
background-color: #203f4c
}
.app-button--facebook {
background-color: #4266b2
}
.app-button--facebook:hover {
background-color: #34518d
}
.app-button--facebook:active,
.app-button--facebook:focus {
background-color: #2d467a
}
.app-button--gmail {
background-color: #e75a4d
}
.app-button--gmail:hover {
background-color: #e13020
}
.app-button--gmail:active,
.app-button--gmail:focus {
background-color: #cc2a1c
}
.app-button--white {
background-color: #fff;
color: #274e5e !important
}
.app-button--white:hover {
background-color: #d9d9d9;
color: #274e5e
}
.app-button--white:active,
.app-button--white:focus {
background-color: #d1d1d1;
color: #274e5e
}
.app-button--large {
padding: 18px 36px;
font-size: 18px
}
.app-button--medium {
padding: 10px 30px;
font-size: 18px
}
hr {
display: block;
width: 100%
}
.primary-bg {
background: #0F4C4C
}
.secondary-bg {
background: #274e5e
}
.accent-bg {
background: #fb6d61
}
.light-bg {
background: rgba(88, 89, 91, .03)
}
.gray-bg {
background: rgba(88, 89, 91, .1)
}
.primary-color {
color: #0F4C4C !important
}
.primary-dark-color {
color: #229886
}
.secondary-color,
.secondary-color * {
color: #274e5e
}
.accent-color {
color: #fb6d61
}
.light-color {
color: #58595b
}
.lightest-color {
color: #8b8c8e
}
.relative {
position: relative
}
.section-heading {
font-size: 36px;
margin: 12px 0
}
@media (max-width:600px) {
.section-heading {
font-size: 36px
}
}
.section-heading--small {
font-size: 38px;
margin: 12px 0
}
@media (max-width:600px) {
.section-heading--small {
font-size: 32px
}
}
.text--small {
font-size: 12px
}
.app-dropdown {
background: transparent;
display: flex;
justify-content: center;
align-items: center
}
.app-dropdown button {
color: #274e5e
}
.app-dropdown button:focus {
box-shadow: none;
outline: 0
}
#app-navbar {
padding: 0
}
@media (max-width:1200px) {
#app-navbar {
padding: 10px
}
}
#app-navbar-menu {
margin: 0;
min-width: 650px;
display: flex
}
@media (max-width:900px) {
#app-navbar-menu {
min-width: auto
}
}
#app-navbar-menu li a {
color: rgba(0, 0, 0, .5);
width: 100%;
transition: all .3s ease
}
#app-navbar-menu li a:after {
content: "";
position: absolute;
opacity: 0;
visibility: hidden;
bottom: 0;
left: 50%;
transform: translateX(-50%);
width: 90%;
height: 6px;
background: #fb6d61;
transition: all .5s ease
}
#app-navbar-menu li:hover a {
color: #fb6d61
}
#app-navbar-menu li:hover a:after {
opacity: 1;
visibility: visible
}
#app-navbar-menu li.active a {
color: #fb6d61
}
#app-navbar-menu li.active a:after {
opacity: 1;
visibility: visible
}
@media (max-width:900px) {
#app-navbar-menu li {
margin: 0;
padding: 10px 10px 10px 25px;
min-height: 20px
}
#app-navbar-menu li a {
text-align: left
}
#app-navbar-menu li.active:after {
display: none
}
}
.navbar-right {
position: relative;
flex-shrink: 0
}
.navbar-right .cart-icon {
margin: 10px 0
}
@media (max-width:900px) {
.navbar-right {
padding-left: 30px
}
.navbar-right .my-account-button {
margin-right: 10px;
}
}
@media (max-width:600px) {
.navbar-right {
display: flex;
justify-content: flex-start;
align-items: flex-start;
text-align: left;
padding: 0 20px;
position: relative;
flex-wrap: wrap
}
.navbar-right .my-account-button {
order: -1;
margin-bottom: 10px;
margin-right: 20px;
flex-grow: 1;
width: 100%;
flex-shrink: 0
}
.navbar-right .cart-icon {
padding-top: 5px;
order: 2
}
.navbar-right .cur-dropdown button,
.navbar-right .lang-dropdown button {
padding-left: 0;
margin: 4px 10px
}
}
#hero {
min-height: 680px;
background-size: cover;
background-repeat: no-repeat;
display: flex;
flex-direction: column;
align-items: center;
text-align: center;
padding-top: 180px;
position: relative;
content: ""
}
#hero:before {
height: 100%;
background: rgba(95, 219, 200, .1)
}
#hero:before,
.hero-banner-alert {
width: 100%;
position: absolute;
left: 0;
top: 0
}
.hero-banner-alert {
justify-content: center;
align-items: center;
display: flex;
flex-wrap: wrap;
background-color: #0F4C4C;
padding: 10px;
font-size: 16px
}
.hero-banner-alert p {
margin-bottom: 0;
font-size: 18px;
margin-right: 20px
}
.overlay-blue {
position: relative
}
.overlay-blue:before {
content: "";
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
background: rgba(95, 219, 200, .1);
z-index: -1
}
.hero__subtitle,
.hero__title {
color: #fff;
text-shadow: 1px 3px 6px rgba(0, 0, 0, .6)
}
.hero__title {
font-size: 76px;
letter-spacing: -1px
}
@media (max-width:600px) {
.hero__title {
font-size: 60px
}
}
.hero__subtitle {
font-size: 30px
}
@media (max-width:600px) {
.hero__subtitle {
font-size: 22px
}
}
#booking-form {
position: relative;
margin-top: -200px
}
.bf-container {
background: #fff;
border-radius: 2px;
padding: 26px;
width: 100%;
box-shadow: 0 18px 58px rgba(39, 78, 94, .2)
}
.return-to {
position: absolute;
right: 0;
top: 10px
}
@media (max-width:600px) {
.return-to {
position: relative;
margin-left: 15px;
margin-bottom: 20px
}
}
@media (max-width:600px) {
.search-now-button {
width: 100%
}
}
.input-group-side div {
width: 100%
}
@media (max-width:600px) {
.input-group-side {
flex-wrap: wrap
}
.input-group-side div {
width: 100%
}
.input-group-side input:nth-child(2) {
margin-top: 10px
}
}
#home-feature-slider .slick-dots {
bottom: -50px
}
.feature-item {
max-width: 120px;
min-height: 140px;
text-align: center;
margin: 0 60px;
display: flex !important;
flex-direction: column;
justify-content: space-between;
align-items: center
}
.feature-item img {
width: 60px;
margin: 0 auto
}
.feature-item h5 {
color: #58595b;
margin-top: 20px;
font-size: 16px
}
.car-slider-container {
position: relative;
overflow: visible
}
.the-car-slider .car-slide {
background: #fff;
padding: 40px;
max-width: 350px;
margin: 20px 0;
box-shadow: 0 10px 20px rgba(0, 0, 0, .05);
text-align: center;
align-items: center
}
.the-car-slider--fleet .car-slide button,
.the-car-slider .car-slide button {
margin: 0 auto
}
.the-car-slider--fleet .car-slide-image,
.the-car-slider .car-slide-image {
position: relative
}
.the-car-slider--fleet .car-slide-image img,
.the-car-slider .car-slide-image img {
width: 100%
}
.the-car-slider--fleet .car-slide__offer,
.the-car-slider .car-slide__offer {
height: 90px;
width: 90px;
justify-content: center;
align-items: center;
display: flex;
flex-direction: column;
background: #fb6d61;
border-radius: 100px;
color: #fff;
position: absolute;
top: -40px;
right: -40px;
padding: 20px
}
.the-car-slider--fleet .car-slide__offer span,
.the-car-slider .car-slide__offer span {
display: block;
font-size: 13px
}
.the-car-slider--fleet .car-slide__offer .price,
.the-car-slider .car-slide__offer .price {
font-size: 16px
}
.the-car-slider--fleet .car-slide .car-slide-feature__image {
width: 42px
}
.the-car-slider--fleet .car-slide .car-slide-feature__count {
position: absolute;
bottom: 2.5px;
color: #fff;
font-size: 12px
}
.car-slide-features.selected-car-features .car-slide-feature__image {
width: 42px
}
.car-slide-features.selected-car-features .car-slide-feature__count {
position: absolute;
bottom: 2px;
color: #fff;
font-size: 12px
}
.benefit-slider-arrows .arrow-left,
.benefit-slider-arrows .arrow-right,
.car-slider-arrow,
.car-slider-arrow__left,
.car-slider-arrow__right {
z-index: 5;
position: absolute;
top: calc(50% - 20px);
transform: translateY(-50%);
transform-origin: top
}
.car-slider-arrow__left img,
.car-slider-arrow__right img {
width: 20px
}
.benefit-slider-arrows .arrow-left:hover,
.benefit-slider-arrows .arrow-right:hover,
.car-slider-arrow:hover,
.car-slider-arrow__left:hover,
.car-slider-arrow__right:hover {
cursor: pointer
}
.car-slider-arrow__right {
right: -16px
}
.car-slider-arrow__left {
left: -16px
}
.car-slider-arrow__left img {
transform: rotate(180deg)
}
@media (max-width:600px) {
.car-slider-arrow__left {
left: -5px
}
.car-slider-arrow__right {
right: -5px
}
}
.car-slide-features {
display: flex
}
.car-slide-feature {
position: relative;
margin-right: 5px;
opacity: .7;
transition: all .2s ease
}
.car-slide-feature:hover {
opacity: 1
}
.car-slide-feature__count {
position: absolute;
bottom: 3px;
right: 5px;
color: #fff;
font-size: 13px
}
.car-slide-feature__image {
width: 50px
}
.testimonial-wrapper {
background: #fff;
box-shadow: 0 10px 30px rgba(0, 0, 0, .1);
padding: 50px;
max-width: 700px;
margin: 0 auto;
position: relative
}
.testimonial-wrapper .quote-icon {
position: absolute;
top: 20px;
left: 20px
}
.testimonial-arrows {
position: absolute;
right: -20px;
bottom: -10px;
display: flex;
overflow: hidden
}
.testimonial-arrows .arrow-left:hover,
.testimonial-arrows .arrow-right:hover {
cursor: pointer
}
.testimonial-arrows .arrow-right {
margin-left: 5px;
transform: rotate(180deg)
}
@media (max-width:600px) {
.testimonial-arrows {
right: 0
}
}
.currency-switcher {
-webkit-appearance: none !important;
-moz-appearance: none !important;
appearance: none !important
}
.benefit-slider {
overflow: hidden
}
.benefit-slider .owl-item {
opacity: .5;
transform: scale(.85);
transform-origin: center
}
@media (max-width:900px) {
.benefit-slider .owl-item {
opacity: 1;
transform: scale(1)
}
}
.benefit-slider .owl-item.active.center {
opacity: 1;
transform: scale(1)
}
.benefit-slide {
width: 700px;
background: rgba(88, 89, 91, .08);
margin: 40px 0;
box-shadow: 0 10px 30px rgba(0, 0, 0, .15)
}
.benefit-slide img {
max-height: 268px
}
@media (max-width:600px) {
.benefit-slide {
width: 100%;
min-width: unset;
margin: 0
}
.benefit-slide .content img {
width: 30px;
margin-bottom: 30px
}
}
.benefit-slide .content {
text-align: left;
padding: 40px
}
.benefit-slide .content img {
width: 40px
}
.benefit-slide img {
-o-object-fit: cover;
object-fit: cover;
width: 100%
}
.benefit-slider-arrows {
z-index: 5;
position: absolute;
top: 55%;
left: 50%;
transform: translate(-50%)
}
.benefit-slider-arrows .arrow-left img,
.benefit-slider-arrows .arrow-right img {
width: 20px
}
.benefit-slider-arrows:hover {
cursor: pointer
}
.benefit-slider-arrows .arrow-left {
transform: rotate(180deg) translateY(10px);
left: -385px
}
.benefit-slider-arrows .arrow-right {
transform-origin: top;
right: -385px
}
@media (max-width:900px) {
.benefit-slider-arrows {
display: none
}
}
.footer-nav li.current-menu-item a {
color: #fb6d61
}
.footer-nav a {
transition: all .2s ease
}
.footer-nav a:hover {
color: #fb6d61
}
.footer-bottom-links a {
transition: all .2s ease
}
.footer-bottom-links a:hover {
color: #fb6d61
}
.footer-bottom-links a:hover span {
color: #58595b
}
.footer-bottom-links a:last-child span {
display: none
}
.footer-icons img {
width: 35px;
margin-right: 10px
}
.footer-norton {
position: relative;
top: -2px
}
.page-breadcrumb {
background-color: #0F4C4C;
min-height: 150px;
text-align: center;
display: flex;
justify-content: center;
align-items: center;
color: #fff;
letter-spacing: -1px
}
.page-breadcrumb h1 {
font-weight: 500;
font-size: 46px;
text-shadow: 1px 1px 6px rgba(0, 0, 0, .4)
}
.tst-hover {
display: none
}
.tst {
position: absolute;
top: -20px
}
.testimonial-card {
display: block;
background: #fff;
box-shadow: 0 10px 30px rgba(0, 0, 0, .1);
padding: 30px 40px;
margin-bottom: 40px;
transition: all .3s ease;
height: 586px;
display: flex;
justify-content: space-between;
flex-direction: column
}
.testimonial-card.page-card {
height: auto
}
.testimonial-card:hover {
box-shadow: 0 10px 40px rgba(0, 0, 0, .2)
}
.testimonial-card__icon {
width: 30px;
height: 30px;
background: url(//car-rental-fr.lrdevteam.com/wp-content/themes/fleet-master/images/quote-orange.png);
background-size: contain;
background-repeat: no-repeat
}
.testimonial-card__title {
margin-top: 20px;
font-size: 24px;
color: #fb6d61
}
.testimonial-card__author {
color: #fb6d61
}
.testimonial-card.variant-orange {
background: #fb6d61
}
.testimonial-card.variant-orange .testimonial-card__icon {
background: url(//car-rental-fr.lrdevteam.com/wp-content/themes/fleet-master/images/quote-white.png);
background-size: contain;
background-repeat: no-repeat
}
.testimonial-card.variant-orange .testimonial-card__author,
.testimonial-card.variant-orange .testimonial-card__title {
color: #fff
}
.testimonial-card.variant-text-teal {
background: #fff
}
.testimonial-card.variant-text-teal .testimonial-card__author,
.testimonial-card.variant-text-teal .testimonial-card__title {
color: #0F4C4C
}
.testimonial-card.variant-text-teal .testimonial-card__icon {
background: url(//car-rental-fr.lrdevteam.com/wp-content/themes/fleet-master/images/quote-green.png);
background-size: contain;
background-repeat: no-repeat
}
.testimonial-card.variant-teal {
background: #0F4C4C
}
.testimonial-card.variant-teal .testimonial-card__author,
.testimonial-card.variant-teal .testimonial-card__title {
color: #fff
}
.testimonial-card.variant-teal .testimonial-card__icon {
background: url(//car-rental-fr.lrdevteam.com/wp-content/themes/fleet-master/images/quote-white.png);
background-size: contain;
background-repeat: no-repeat
}
.contact-icon {
width: 70px;
height: 70px
}
.contact-icon,
.feature-icon {
-o-object-fit: contain;
object-fit: contain
}
.feature-icon {
width: 85px;
height: 85px
}
.wpcf7-spam-blocked,
.wpcf7-validation-errors,
div.wpcf7-aborted,
div.wpcf7-mail-sent-ng,
div.wpcf7-spam-blocked {
background: #fb6d61;
color: #fff !important;
font-weight: 700 !important;
padding: 1rem !important;
font-size: 1rem;
border: none !important;
margin: 0 !important
}
div.wpcf7-mail-sent-ok {
color: #0F4C4C;
background: #274e5e;
font-weight: 700 !important;
padding: 1rem !important;
font-size: 1rem;
border: none !important;
margin: 0 !important
}
.modal-content .return-to {
position: relative;
display: flex;
justify-items: flex-end;
margin-bottom: 20px;
margin-left: 17px
}
.privacy-policy .detail-title {
color: #fb6d61
}
.privacy-policy .side-list {
background: #fb6d61
}
.cookie-policy .detail-title,
.terms-of-use .detail-title {
color: #0F4C4C
}
.cookie-policy .side-list,
.terms-of-use .side-list {
background: #0F4C4C
}
.side-list {
border-radius: 2px;
overflow: hidden
}
.sticky-sidebar {
position: -webkit-sticky;
position: sticky;
top: 10px
}
.side-list {
background: #fb6d61;
height: calc(100vh - 340px);
overflow-y: scroll;
color: #fff;
font-size: 13px
}
.side-list li {
margin: 10px 0
}
.side-list::-webkit-scrollbar {
width: .5em;
height: .5em
}
.side-list::-webkit-scrollbar-thumb {
background-color: hsla(0, 0%, 100%, .5);
border-radius: 3px
}
.side-list::-webkit-scrollbar-thumb:hover {
background: hsla(0, 0%, 100%, .3)
}
.terms-page .detail-title {
color: #0F4C4C
}
.accordion-container {
box-shadow: 0 10px 30px rgba(0, 0, 0, .1);
margin-bottom: 20px
}
.join-us-button {
background: #fff;
display: flex;
width: 100%;
font-size: 20px;
padding: 20px;
justify-content: space-between;
align-items: center;
color: #274e5e;
white-space: normal
}
@media (max-width:600px) {
.join-us-button {
font-size: 14px
}
}
.join-us-button:hover {
color: #274e5e
}
.join-us-button:focus {
box-shadow: none;
outline: 0
}
.join-us-button i {
font-size: 26px
}
.faq-nav-container {
max-width: 980px;
margin: 0 auto
}
@media (max-width:900px) {
.faq-nav-container {
max-width: 500px
}
}
.faq-nav-list {
display: flex;
justify-content: center;
align-items: center;
width: 100%
}
.faq-box {
border-radius: 2px;
padding: 25px;
box-shadow: none;
border: 2px solid rgba(39, 78, 94, .05);
width: 200px;
margin-bottom: 20px;
transition: all .3s ease
}
@media (max-width:600px) {
.faq-box {
padding: 10px
}
.faq-box img {
display: none
}
.faq-box span {
margin-top: 0 !important
}
}
.faq-box.active {
border-color: rgba(251, 109, 97, .3);
box-shadow: 0 21px 42px rgba(39, 78, 94, .1)
}
.history-card,
.history-card--right {
box-shadow: 0 10px 20px rgba(0, 0, 0, .05);
padding: 20px;
border-radius: 2px;
border: 1px solid rgba(39, 78, 94, .2);
position: relative;
margin-bottom: 20px
}
.history-card--right .year-round,
.history-card .year-round {
position: absolute;
top: -30px;
left: -30px;
background: #fb6d61;
color: #fff;
border-radius: 120px;
height: 90px;
width: 90px;
padding: 20px;
text-align: center;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center
}
@media (max-width:900px) {
.history-card--right .year-round,
.history-card .year-round {
top: -15px;
left: -15px
}
}
@media (max-width:600px) {
.history-card--right .year-round,
.history-card .year-round {
height: 70px;
width: 70px;
top: 0;
left: 0
}
.history-card--right .year-round h4,
.history-card .year-round h4 {
font-size: 20px
}
}
.history-card--right .year-round h4,
.history-card .year-round h4 {
margin-bottom: 0
}
.history-card--right .year-round {
background: #0F4C4C;
left: unset;
right: -30px
}
@media (max-width:900px) {
.history-card--right .year-round {
top: -15px;
right: -15px
}
}
@media (max-width:600px) {
.history-card--right .year-round {
height: 70px;
width: 70px;
top: 0;
right: 0
}
.history-card--right .year-round h4 {
font-size: 20px
}
}
.history-seperator {
background-image: url(//car-rental-fr.lrdevteam.com/wp-content/themes/fleet-master/images/line.png);
background-size: contain;
background-position: 50%;
height: calc(100% + 60px);
width: 2px;
position: relative
}
.history-seperator:before {
top: 20px;
left: -30px;
background-color: #fb6d61
}
.history-seperator:after,
.history-seperator:before {
content: "";
position: absolute;
width: 12px;
height: 12px;
border-radius: 10px
}
.history-seperator:after {
top: 140px;
right: -30px;
background-color: #0F4C4C
}
.timeline-row {
padding-bottom: 50px
}
.timeline-row .tr-col:last-child {
padding-top: 140px !important
}
@media (max-width:600px) {
.timeline-row .tr-col:last-child {
padding-top: 0 !important
}
.timeline-row h1,
.timeline-row p {
text-align: center !important
}
.timeline-row img {
display: block;
margin: 0 auto
}
.timeline-row .col-lg-4 {
margin-bottom: 40px
}
}
.timeline-row.col-lg-4:first-child {
padding-top: 100px
}
.timeline-row:nth-child(2n) .history-seperator:before {
background-color: #0F4C4C !important
}
.timeline-row:nth-child(2n) .history-seperator:after {
background-color: #fb6d61 !important
}
.our-fleet-filters {
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: center
}
.our-fleet-filters li {
background: #f2f2f3;
border-radius: 4px;
margin: 0 15px 20px;
min-width: 130px;
text-align: center;
cursor: pointer;
transition: .2s ease
}
.our-fleet-filters li a {
padding: 10px 20px;
display: block;
border-radius: 4px
}
.our-fleet-filters li:hover a {
background: #e5e6e6
}
.our-fleet-filters li a.selected {
background: #0F4C4C;
color: #274e5e
}
.our-fleet-filters li a.selected .car-filter-icon {
opacity: 1
}
#tabs {
color: #0F4C4C
}
#tabs .nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active {
color: #0F4C4C !important;
background-color: transparent;
border-color: transparent transparent #f3f3f3;
border-bottom: 4px solid !important;
font-size: 20px;
font-weight: 700
}
#tabs .nav-tabs .nav-link {
border: 1px solid transparent;
border-top-left-radius: .25rem;
border-top-right-radius: .25rem;
color: #0F4C4C;
font-size: 20px
}
.table td,
.table th {
color: #274e5e;
font-size: 14px;
white-space: nowrap
}
.table-bordered td,
.table-bordered th {
border-color: rgba(39, 78, 94, .2)
}
.user-profile-table th {
width: 20%;
color: #274e5e
}
.user-profile-table td {
width: 80%;
color: #274e5e
}
.user-profile-buttons {
justify-content: flex-end;
align-items: center
}
@media (max-width:600px) {
.user-profile-buttons {
flex-wrap: wrap
}
.user-profile-buttons button {
width: 100%;
margin-bottom: 20px
}
}
@media (max-width:600px) {
.user-profile-navtabs .nav-link {
display: block;
width: 100%;
margin-bottom: 20px
}
.user-profile-navtabs .nav-link.active {
background-color: rgba(95, 219, 200, .15)
}
}
.table-striped tbody tr:nth-of-type(odd) {
background: #f9fefd
}
.car-filter-icon {
width: 30px;
margin-right: 12px;
opacity: .6
}
.selected-car {
box-shadow: 0 8px 20px rgba(39, 78, 94, .06);
border-radius: 2px;
padding: 40px 20px
}
.letter-spacing {
letter-spacing: 1px
}
.border-radius {
border-radius: 2px
}
.booking-detail__label {
font-weight: 600;
opacity: .5
}
.booking-detail__info {
opacity: .7
}
.booking__note {
opacity: .6;
font-size: 13px
}
.booking-heading--small {
font-weight: 600;
color: #274e5e;
font-size: 14px
}
.sbi_link:after {
position: absolute;
width: 100%;
height: 100%;
background: rgba(251, 109, 97, .8);
font-weight: 900;
content: "\f00e";
top: 0;
font-family: Font Awesome\ 5 Free;
left: 0;
display: flex;
justify-content: center;
align-items: center;
font-size: 40px
}
.input-addon {
top: 43px
}
.input-addon:hover {
cursor: pointer
}
a.glink.nturl.notranslate {
visibility: hidden;
display: none
}
#confirm_booking_form .app-input,
#confirm_booking_form .app-input--centered {
min-height: 47px
}
.car-types .car-slide__image {
height: 35px;
-o-object-fit: contain;
object-fit: contain
}
.before-d-none:before {
display: none !important
}
.what-we-offer .car-slide-image {
background-size: cover;
background-position: 50%;
background-repeat: no-repeat;
height: 120px;
width: 100%
}
.header-select-wrapper {
position: relative;
z-index: 1
}
.header-select-wrapper select {
padding: 10px 20px;
margin-right: 10px;
border: 0;
position: relative;
background: transparent !important
}
.header-select-wrapper select:hover {
cursor: pointer
}
.header-select-wrapper select:focus {
border: 0;
outline: 0;
box-shadow: none
}
.header-select-wrapper select option {
color: #274e5e !important
}
.header-select-wrapper:before {
font-weight: 900;
content: "\f57e";
left: 0
}
.header-select-wrapper:after,
.header-select-wrapper:before {
position: absolute;
font-family: Font awesome\ 5 Free;
top: 52%;
transform: translateY(-50%);
display: flex;
justify-content: center;
align-items: center;
font-size: 14px;
color: #274e5e;
z-index: -1
}
.header-select-wrapper:after {
font-weight: 600;
content: "\f0d7";
right: 12px
}
.modal-body {
position: relative
}
.modal-close-button {
background: hsla(0, 0%, 100%, .5);
border-radius: 5px;
padding: 10px 20px;
position: absolute;
top: 15px;
right: 15px;
font-size: 16px;
z-index: 5;
color: #fb6d61
}
.underline,
.underline:hover {
text-decoration: underline
}
.cp {
cursor: pointer
}
.dropdown-item:active,
.dropdown-item:focus {
background-color: #0F4C4C;
border: 0;
outline: 0
}
.multiline-check .pretty {
white-space: inherit
}
.multiline-check .pretty .state label {
text-indent: 0;
padding-left: 2rem
}
.multiline-check .pretty .state label:after,
.multiline-check .pretty .state label:before {
top: 0
}
div#payment_error_data {
background: #fb6d61;
color: #fff !important;
padding: 8px 0 2px 10px;
margin: 15px 0
}
div#payment_error_data p {
margin-bottom: .3rem;
font-size: .9rem
}
.payment_signin .signin-buttons {
justify-content: flex-start !important;
align-items: flex-start;
max-width: auto !important
}
.payment_signin .signin-buttons .app-button--facebook {
margin-right: 15px
}
@media (max-width:600px) {
.payment_signin .signin-buttons .app-button--facebook {
margin-right: 0
}
}
.panel {
background-color: #fff;
margin-bottom: 20px
}
.panel-label,
.panel-text {
font-size: 16px;
margin-bottom: 5px;
display: block
}
.panel-title {
display: block !important;
color: #274e5e;
padding: 10px !important;
font-weight: 600;
font-size: 18px;
width: 100%
}
.panel-label {
color: #366c82;
font-weight: 600
}
.panel-text {
color: rgba(39, 78, 94, .7)
}
.panel-detail {
color: #8b8c8e;
font-size: 13px;
margin: 15px 0
}
.panel-icon {
width: 30px;
height: 30px;
margin-right: 10px;
-o-object-fit: contain;
object-fit: contain
}
.panel-inner {
padding: 25px
}
table.bpt {
border-collapse: collapse;
width: 100%
}
table.bpt td {
vertical-align: top;
border: 0;
padding: 0;
white-space: normal !important;
word-wrap: break-word
}
table.bpt tr>td {
min-width: 180px;
padding: 0
}
table.bpt .my-4 {
margin-top: 1.5rem !important;
margin-bottom: 1.5rem !important
}
table.bpt .mx-auto {
margin-left: auto !important;
margin-right: auto !important
}
table.bpt .py-4 {
padding-top: 1.5rem !important;
padding-bottom: 1.5rem !important
}
.table-title {
font-size: 36px
}
.table-subtitle {
font-size: 24px
}
.content-td {
max-width: 200px
}
@media (max-width:600px) {
.bd-buttons {
flex-wrap: wrap
}
.bd-buttons a,
.bd-buttons button {
width: 100%;
margin-top: 10px
}
}
.booking-summary__item p {
text-align: right !important
}
.inside-p-0 td,
.inside-p-0 th {
padding: 5px 0 !important
}
.border-dashed {
padding: 15px 20px;
border-bottom: 1px dashed #274e5e
}
.hts-text {
-webkit-line-clamp: 3
}
.hts-text,
.pts-text {
display: -webkit-box;
-webkit-box-orient: vertical;
overflow: hidden
}
.pts-text {
-webkit-line-clamp: 10
}
#navbarSupportedContent>div>div.wpml-ls-sidebars-.wpml-ls.wpml-ls-legacy-dropdown.js-wpml-ls-legacy-dropdown {
display: flex;
justify-content: center;
align-items: center
}
#navbarSupportedContent>div>div.wpml-ls-sidebars-.wpml-ls.wpml-ls-legacy-dropdown.js-wpml-ls-legacy-dropdown>ul>li>a {
border: 0;
position: relative
}
#navbarSupportedContent>div>div.wpml-ls-sidebars-.wpml-ls.wpml-ls-legacy-dropdown.js-wpml-ls-legacy-dropdown>ul>li>a:after {
position: absolute;
font-family: Font awesome\5 Free;
top: 60%;
transform: translateY(-50%);
display: flex;
justify-content: center;
align-items: center;
font-size: 12px;
color: #274e5e;
z-index: 1
} .your-benefits a.benefit-slide {
position: relative;
}
.your-benefits a.benefit-slide .youtube-play-icon {
top: 15px;
position: absolute;
right: 20px;
}
.your-benefits a.benefit-slide .youtube-play-icon img {
animation: glowing 1300ms infinite;
border-radius: 100%;
}
.my-account-button {
background-color: #fb6d61 !important;
}
.my-account-button:hover {
background-color: #fb5f52 !important;
}
@keyframes glowing {
0% {
background-color: #fc6e62;
box-shadow: 0 0 5px #fc6e62;
}
50% {
background-color: #fc6e62;
box-shadow: 0 0 20px #fc6e62;
}
100% {
background-color: #fc6e62;
box-shadow: 0 0 5px #fc6e62;
}
}
@media (max-width: 991px) {
.honesty_section .left .box,
.honesty_section .right .box {
width: 100% !important;
}
}
@media (max-width: 767px) {
.your-benefits a.benefit-slide .youtube-play-icon {
top: 22px;
right: inherit;
left: 83%
}
.pingouin_section {
background-image: url(//car-rental-fr.lrdevteam.com/wp-content/themes/fleet-master/images/pengouin_bg_mob.jpg) !important;
background-position: right !important;
}
.your-benefits a.benefit-slide .youtube-play-icon img {
height: 32px;
width: 32px;
}
.honesty_section .left .box,
.honesty_section .right .box {
width: 100% !important;
}
}
@media (max-width: 400px) {
.service-car {
width: 100% !important;
}
.about-us-section .img_about {
width: auto;
max-width: 180px;
}
.service_img {
width: auto;
max-width: 180px !important;
}
.pingouin_section {
background-position: left !important;
}
}
@media (max-width: 320px) {
.your-benefits a.benefit-slide .youtube-play-icon img {
width: 25px;
height: 25px;
}
}
.pingouin_section {
background-image: url(//car-rental-fr.lrdevteam.com/wp-content/themes/fleet-master/images/pengouin_bg.jpg);
background-position: center;
background-size: cover;
background-repeat: no-repeat;
}
.mission_vision_section {
background: #fb6d61;
}
.pingouin_section .wrap {
padding-bottom: 50px;
padding-top: 15px;
}
.honesty_section .left .box {
background: #60dbc7;
padding: 45px;
width: 445px;
margin-left: auto;
margin-right: 60px;
}
.honesty_section .left .box h6 {
font-size: 23px;
margin-bottom: 13px;
}
.honesty_section .right img {
width: 60px;
}
.honesty_section .right h6 {
color: #60dbc7;
font-size: 44px;
font-weight: 500;
}
.honesty_section .right .box {
padding: 45px;
width: 516px;
margin-left: 0px;
margin-right: auto;
}
.pingouin_section .left h6 {
font-size: 20px;
margin-bottom: 17px;
}
.pingouin_section .left p {
font-size: 15px;
}
.join_us_btn {
margin-top: 22px;
display: inline-block;
}
.app-button,
.app-button--facebook,
.app-button--gmail,
.app-button--large,
.app-button--medium,
.app-button--primary,
.app-button--secondary,
.app-button--white {
display: block;
background-color: #fb6d61;
border: 0;
border-radius: 4px;
padding: 10px 20px;
color: #fff !important;
text-align: center !important;
transition: all .3s ease
}
.app-button--facebook:hover,
.app-button--gmail:hover,
.app-button--large:hover,
.app-button--medium:hover,
.app-button--primary:hover,
.app-button--secondary:hover,
.app-button--white:hover,
.app-button:hover {
background-color: #fb5f52;
color: #fff
}
.app-button--facebook:active,
.app-button--facebook:focus,
.app-button--gmail:active,
.app-button--gmail:focus,
.app-button--large:active,
.app-button--large:focus,
.app-button--medium:active,
.app-button--medium:focus,
.app-button--primary:active,
.app-button--primary:focus,
.app-button--secondary:active,
.app-button--secondary:focus,
.app-button--white:active,
.app-button--white:focus,
.app-button:active,
.app-button:focus {
background-color: #fa5143;
box-shadow: none;
outline: 0
}
.app-button--primary {
background-color: #2eceb6
}
.app-button--primary:hover {
background-color: #0C3E3E
}
.app-button--primary:active,
.app-button--primary:focus {
background-color: #0F4C4C
}
.app-button--secondary {
background-color: #274e5e
}
.app-button--secondary:hover {
background-color: #234553
}
.app-button--secondary:active,
.app-button--secondary:focus {
background-color: #203f4c
}
.app-button--facebook {
background-color: #4266b2
}
.app-button--facebook:hover {
background-color: #34518d
}
.app-button--facebook:active,
.app-button--facebook:focus {
background-color: #2d467a
}
.app-button--gmail {
background-color: #e75a4d
}
.app-button--gmail:hover {
background-color: #e13020
}
.app-button--gmail:active,
.app-button--gmail:focus {
background-color: #cc2a1c
}
.app-button--white {
background-color: #fff;
color: #274e5e !important
}
.app-button--white:hover {
background-color: #d9d9d9;
color: #274e5e
}
.app-button--white:active,
.app-button--white:focus {
background-color: #d1d1d1;
color: #274e5e
}
.app-button--large {
padding: 18px 36px;
font-size: 18px
}
.app-button--medium {
padding: 10px 30px;
font-size: 18px
}
hr {
display: block;
width: 100%
}
.primary-bg {
background: #0F4C4C
}
.secondary-bg {
background: #274e5e
}
.accent-bg {
background: #fb6d61
}
.light-bg {
background: rgba(88, 89, 91, .03)
}
.gray-bg {
background: rgba(88, 89, 91, .1)
}
.primary-color {
color: #0F4C4C !important
}
.primary-dark-color {
color: #229886
}
.secondary-color,
.secondary-color * {
color: #274e5e
}
.accent-color {
color: #fb6d61
}
.light-color {
color: #58595b
}
.lightest-color {
color: #8b8c8e
}
.relative {
position: relative
}
.section-heading {
font-size: 36px;
margin: 12px 0
}
@media (max-width:600px) {
.section-heading {
font-size: 36px
}
}
.section-heading--small {
font-size: 38px;
margin: 12px 0
}
@media (max-width:600px) {
.section-heading--small {
font-size: 32px
}
}
.text--small {
font-size: 12px
}
.app-dropdown {
background: transparent;
display: flex;
justify-content: center;
align-items: center
}
.app-dropdown button {
color: #274e5e
}
.app-dropdown button:focus {
box-shadow: none;
outline: 0
}
#app-navbar {
padding: 0
}
@media (max-width:1200px) {
#app-navbar {
padding: 10px
}
.honesty_section .left .box {
min-height: 356px !important;
}
}
#app-navbar-menu {
margin: 0;
min-width: 650px;
display: flex
}
@media (max-width:900px) {
#app-navbar-menu {
min-width: auto
}
}
#app-navbar-menu li a {
color: rgba(0, 0, 0, .5);
width: 100%;
transition: all .3s ease
}
#app-navbar-menu li a:after {
content: "";
position: absolute;
opacity: 0;
visibility: hidden;
bottom: 0;
left: 50%;
transform: translateX(-50%);
width: 90%;
height: 6px;
background: #fb6d61;
transition: all .5s ease
}
#app-navbar-menu li:hover a {
color: #fb6d61
}
#app-navbar-menu li:hover a:after {
opacity: 1;
visibility: visible
}
#app-navbar-menu li.active a {
color: #fb6d61
}
#app-navbar-menu li.active a:after {
opacity: 1;
visibility: visible
}
@media (max-width:900px) {
#app-navbar-menu li {
margin: 0;
padding: 10px 10px 10px 25px;
min-height: 20px
}
#app-navbar-menu li a {
text-align: left
}
#app-navbar-menu li.active:after {
display: none
}
}
.navbar-right {
position: relative;
flex-shrink: 0
}
.navbar-right .cart-icon {
margin: 10px 0
}
@media (max-width:900px) {
.navbar-right {
padding-left: 30px
}
.navbar-right .my-account-button {
margin-right: 10px;
}
}
@media (max-width:600px) {
.navbar-right {
display: flex;
justify-content: flex-start;
align-items: flex-start;
text-align: left;
padding: 0 20px;
position: relative;
flex-wrap: wrap
}
.navbar-right .my-account-button {
order: -1;
margin-bottom: 10px;
margin-right: 20px;
flex-grow: 1;
width: 100%;
flex-shrink: 0
}
.navbar-right .cart-icon {
padding-top: 5px;
order: 2
}
.navbar-right .cur-dropdown button,
.navbar-right .lang-dropdown button {
padding-left: 0;
margin: 4px 10px
}
}
#hero {
min-height: 680px;
background-size: cover;
background-repeat: no-repeat;
display: flex;
flex-direction: column;
align-items: center;
text-align: center;
padding-top: 180px;
position: relative;
content: ""
}
#hero:before {
height: 100%;
background: rgba(95, 219, 200, .1)
}
#hero:before,
.hero-banner-alert {
width: 100%;
position: absolute;
left: 0;
top: 0
}
.hero-banner-alert {
justify-content: center;
align-items: center;
display: flex;
flex-wrap: wrap;
background-color: #0F4C4C;
padding: 10px;
font-size: 16px
}
.hero-banner-alert p {
margin-bottom: 0;
font-size: 18px;
margin-right: 20px
}
.overlay-blue {
position: relative
}
.overlay-blue:before {
content: "";
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
background: rgba(95, 219, 200, .1);
z-index: -1
}
.hero__subtitle,
.hero__title {
color: #fff;
text-shadow: 1px 3px 6px rgba(0, 0, 0, .6)
}
.hero__title {
font-size: 76px;
letter-spacing: -1px
}
@media (max-width:600px) {
.hero__title {
font-size: 60px
}
}
.hero__subtitle {
font-size: 30px
}
@media (max-width:600px) {
.hero__subtitle {
font-size: 22px
}
}
#booking-form {
position: relative;
margin-top: -200px
}
.bf-container {
background: #fff;
border-radius: 2px;
padding: 26px;
width: 100%;
box-shadow: 0 18px 58px rgba(39, 78, 94, .2)
}
.return-to {
position: absolute;
right: 0;
top: 10px
}
@media (max-width:600px) {
.return-to {
position: relative;
margin-left: 15px;
margin-bottom: 20px
}
}
@media (max-width:600px) {
.search-now-button {
width: 100%
}
}
.input-group-side div {
width: 100%
}
@media (max-width:600px) {
.input-group-side {
flex-wrap: wrap
}
.input-group-side div {
width: 100%
}
.input-group-side input:nth-child(2) {
margin-top: 10px
}
}
#home-feature-slider .slick-dots {
bottom: -50px
}
.feature-item {
max-width: 120px;
min-height: 140px;
text-align: center;
margin: 0 60px;
display: flex !important;
flex-direction: column;
justify-content: space-between;
align-items: center
}
.feature-item img {
width: 60px;
margin: 0 auto
}
.feature-item h5 {
color: #58595b;
margin-top: 20px;
font-size: 16px
}
.car-slider-container {
position: relative;
overflow: visible
}
.the-car-slider .car-slide {
background: #fff;
padding: 40px;
max-width: 350px;
margin: 20px 0;
box-shadow: 0 10px 20px rgba(0, 0, 0, .05);
text-align: center;
align-items: center
}
.the-car-slider--fleet .car-slide button,
.the-car-slider .car-slide button {
margin: 0 auto
}
.the-car-slider--fleet .car-slide-image,
.the-car-slider .car-slide-image {
position: relative
}
.the-car-slider--fleet .car-slide-image img,
.the-car-slider .car-slide-image img {
width: 100%
}
.the-car-slider--fleet .car-slide__offer,
.the-car-slider .car-slide__offer {
height: 90px;
width: 90px;
justify-content: center;
align-items: center;
display: flex;
flex-direction: column;
background: #fb6d61;
border-radius: 100px;
color: #fff;
position: absolute;
top: -40px;
right: -40px;
padding: 20px
}
.the-car-slider--fleet .car-slide__offer span,
.the-car-slider .car-slide__offer span {
display: block;
font-size: 13px
}
.the-car-slider--fleet .car-slide__offer .price,
.the-car-slider .car-slide__offer .price {
font-size: 16px
}
.the-car-slider--fleet .car-slide .car-slide-feature__image {
width: 42px
}
.the-car-slider--fleet .car-slide .car-slide-feature__count {
position: absolute;
bottom: 2.5px;
color: #fff;
font-size: 12px
}
.car-slide-features.selected-car-features .car-slide-feature__image {
width: 42px
}
.car-slide-features.selected-car-features .car-slide-feature__count {
position: absolute;
bottom: 2px;
color: #fff;
font-size: 12px
}
.benefit-slider-arrows .arrow-left,
.benefit-slider-arrows .arrow-right,
.car-slider-arrow,
.car-slider-arrow__left,
.car-slider-arrow__right {
z-index: 5;
position: absolute;
top: calc(50% - 20px);
transform: translateY(-50%);
transform-origin: top
}
.car-slider-arrow__left img,
.car-slider-arrow__right img {
width: 20px
}
.benefit-slider-arrows .arrow-left:hover,
.benefit-slider-arrows .arrow-right:hover,
.car-slider-arrow:hover,
.car-slider-arrow__left:hover,
.car-slider-arrow__right:hover {
cursor: pointer
}
.car-slider-arrow__right {
right: -16px
}
.car-slider-arrow__left {
left: -16px
}
.car-slider-arrow__left img {
transform: rotate(180deg)
}
@media (max-width:600px) {
.car-slider-arrow__left {
left: -5px
}
.car-slider-arrow__right {
right: -5px
}
}
.car-slide-features {
display: flex
}
.car-slide-feature {
position: relative;
margin-right: 5px;
opacity: .7;
transition: all .2s ease
}
.car-slide-feature:hover {
opacity: 1
}
.car-slide-feature__count {
position: absolute;
bottom: 3px;
right: 5px;
color: #fff;
font-size: 13px
}
.car-slide-feature__image {
width: 50px
}
.testimonial-wrapper {
background: #fff;
box-shadow: 0 10px 30px rgba(0, 0, 0, .1);
padding: 50px;
max-width: 700px;
margin: 0 auto;
position: relative
}
.testimonial-wrapper .quote-icon {
position: absolute;
top: 20px;
left: 20px
}
.testimonial-arrows {
position: absolute;
right: -20px;
bottom: -10px;
display: flex;
overflow: hidden
}
.testimonial-arrows .arrow-left:hover,
.testimonial-arrows .arrow-right:hover {
cursor: pointer
}
.testimonial-arrows .arrow-right {
margin-left: 5px;
transform: rotate(180deg)
}
@media (max-width:600px) {
.testimonial-arrows {
right: 0
}
}
.currency-switcher {
-webkit-appearance: none !important;
-moz-appearance: none !important;
appearance: none !important
}
.benefit-slider {
overflow: hidden
}
.benefit-slider .owl-item {
opacity: .5;
transform: scale(.85);
transform-origin: center
}
@media (max-width:900px) {
.benefit-slider .owl-item {
opacity: 1;
transform: scale(1)
}
}
.benefit-slider .owl-item.active.center {
opacity: 1;
transform: scale(1)
}
.benefit-slide {
width: 700px;
background: rgba(88, 89, 91, .08);
margin: 40px 0;
box-shadow: 0 10px 30px rgba(0, 0, 0, .15)
}
.benefit-slide img {
max-height: 268px
}
@media (max-width:600px) {
.benefit-slide {
width: 100%;
min-width: unset;
margin: 0
}
.benefit-slide .content img {
width: 30px;
margin-bottom: 30px
}
}
.benefit-slide .content {
text-align: left;
padding: 40px
}
.benefit-slide .content img {
width: 40px
}
.benefit-slide img {
-o-object-fit: cover;
object-fit: cover;
width: 100%
}
.benefit-slider-arrows {
z-index: 5;
position: absolute;
top: 55%;
left: 50%;
transform: translate(-50%)
}
.benefit-slider-arrows .arrow-left img,
.benefit-slider-arrows .arrow-right img {
width: 20px
}
.benefit-slider-arrows:hover {
cursor: pointer
}
.benefit-slider-arrows .arrow-left {
transform: rotate(180deg) translateY(10px);
left: -385px
}
.benefit-slider-arrows .arrow-right {
transform-origin: top;
right: -385px
}
@media (max-width:900px) {
.benefit-slider-arrows {
display: none
}
}
.footer-nav li.current-menu-item a {
color: #fb6d61
}
.footer-nav a {
transition: all .2s ease
}
.footer-nav a:hover {
color: #fb6d61
}
.footer-bottom-links a {
transition: all .2s ease
}
.footer-bottom-links a:hover {
color: #fb6d61
}
.footer-bottom-links a:hover span {
color: #58595b
}
.footer-bottom-links a:last-child span {
display: none
}
.footer-icons img {
width: 35px;
margin-right: 10px
}
.footer-norton {
position: relative;
top: -2px
}
.page-breadcrumb {
background-color: #0F4C4C;
min-height: 150px;
text-align: center;
display: flex;
justify-content: center;
align-items: center;
color: #fff;
letter-spacing: -1px
}
.page-breadcrumb h1 {
font-weight: 500;
font-size: 46px;
text-shadow: 1px 1px 6px rgba(0, 0, 0, .4)
}
.tst-hover {
display: none
}
.tst {
position: absolute;
top: -20px
}
.testimonial-card {
display: block;
background: #fff;
box-shadow: 0 10px 30px rgba(0, 0, 0, .1);
padding: 30px 40px;
margin-bottom: 40px;
transition: all .3s ease;
height: 586px;
display: flex;
justify-content: space-between;
flex-direction: column
}
.testimonial-card.page-card {
height: auto
}
.testimonial-card:hover {
box-shadow: 0 10px 40px rgba(0, 0, 0, .2)
}
.testimonial-card__icon {
width: 30px;
height: 30px;
background: url(//car-rental-fr.lrdevteam.com/wp-content/themes/fleet-master/images/quote-orange.png);
background-size: contain;
background-repeat: no-repeat
}
.testimonial-card__title {
margin-top: 20px;
font-size: 24px;
color: #fb6d61
}
.testimonial-card__author {
color: #fb6d61
}
.testimonial-card.variant-orange {
background: #fb6d61
}
.testimonial-card.variant-orange .testimonial-card__icon {
background: url(//car-rental-fr.lrdevteam.com/wp-content/themes/fleet-master/images/quote-white.png);
background-size: contain;
background-repeat: no-repeat
}
.testimonial-card.variant-orange .testimonial-card__author,
.testimonial-card.variant-orange .testimonial-card__title {
color: #fff
}
.testimonial-card.variant-text-teal {
background: #fff
}
.testimonial-card.variant-text-teal .testimonial-card__author,
.testimonial-card.variant-text-teal .testimonial-card__title {
color: #0F4C4C
}
.testimonial-card.variant-text-teal .testimonial-card__icon {
background: url(//car-rental-fr.lrdevteam.com/wp-content/themes/fleet-master/images/quote-green.png);
background-size: contain;
background-repeat: no-repeat
}
.testimonial-card.variant-teal {
background: #0F4C4C
}
.testimonial-card.variant-teal .testimonial-card__author,
.testimonial-card.variant-teal .testimonial-card__title {
color: #fff
}
.testimonial-card.variant-teal .testimonial-card__icon {
background: url(//car-rental-fr.lrdevteam.com/wp-content/themes/fleet-master/images/quote-white.png);
background-size: contain;
background-repeat: no-repeat
}
.contact-icon {
width: 70px;
height: 70px
}
.contact-icon,
.feature-icon {
-o-object-fit: contain;
object-fit: contain
}
.feature-icon {
width: 85px;
height: 85px
}
.wpcf7-spam-blocked,
.wpcf7-validation-errors,
div.wpcf7-aborted,
div.wpcf7-mail-sent-ng,
div.wpcf7-spam-blocked {
background: #fb6d61;
color: #fff !important;
font-weight: 700 !important;
padding: 1rem !important;
font-size: 1rem;
border: none !important;
margin: 0 !important
}
div.wpcf7-mail-sent-ok {
color: #0F4C4C;
background: #274e5e;
font-weight: 700 !important;
padding: 1rem !important;
font-size: 1rem;
border: none !important;
margin: 0 !important
}
.modal-content .return-to {
position: relative;
display: flex;
justify-items: flex-end;
margin-bottom: 20px;
margin-left: 17px
}
.privacy-policy .detail-title {
color: #fb6d61
}
.privacy-policy .side-list {
background: #fb6d61
}
.cookie-policy .detail-title,
.terms-of-use .detail-title {
color: #0F4C4C
}
.cookie-policy .side-list,
.terms-of-use .side-list {
background: #0F4C4C
}
.side-list {
border-radius: 2px;
overflow: hidden
}
.sticky-sidebar {
position: -webkit-sticky;
position: sticky;
top: 10px
}
.side-list {
background: #fb6d61;
height: calc(100vh - 340px);
overflow-y: scroll;
color: #fff;
font-size: 13px
}
.side-list li {
margin: 10px 0
}
.side-list::-webkit-scrollbar {
width: .5em;
height: .5em
}
.side-list::-webkit-scrollbar-thumb {
background-color: hsla(0, 0%, 100%, .5);
border-radius: 3px
}
.side-list::-webkit-scrollbar-thumb:hover {
background: hsla(0, 0%, 100%, .3)
}
.terms-page .detail-title {
color: #0F4C4C
}
.accordion-container {
box-shadow: 0 10px 30px rgba(0, 0, 0, .1);
margin-bottom: 20px
}
.join-us-button {
background: #fff;
display: flex;
width: 100%;
font-size: 20px;
padding: 20px;
justify-content: space-between;
align-items: center;
color: #274e5e;
white-space: normal
}
@media (max-width:600px) {
.join-us-button {
font-size: 14px
}
}
.join-us-button:hover {
color: #274e5e
}
.join-us-button:focus {
box-shadow: none;
outline: 0
}
.join-us-button i {
font-size: 26px
}
.faq-nav-container {
max-width: 980px;
margin: 0 auto
}
@media (max-width:900px) {
.faq-nav-container {
max-width: 500px
}
}
.faq-nav-list {
display: flex;
justify-content: center;
align-items: center;
width: 100%
}
.faq-box {
border-radius: 2px;
padding: 25px;
box-shadow: none;
border: 2px solid rgba(39, 78, 94, .05);
width: 200px;
margin-bottom: 20px;
transition: all .3s ease
}
@media (max-width:600px) {
.faq-box {
padding: 10px
}
.faq-box img {
display: none
}
.faq-box span {
margin-top: 0 !important
}
}
.faq-box.active {
border-color: rgba(251, 109, 97, .3);
box-shadow: 0 21px 42px rgba(39, 78, 94, .1)
}
.history-card,
.history-card--right {
box-shadow: 0 10px 20px rgba(0, 0, 0, .05);
padding: 20px;
border-radius: 2px;
border: 1px solid rgba(39, 78, 94, .2);
position: relative;
margin-bottom: 20px
}
.history-card--right .year-round,
.history-card .year-round {
position: absolute;
top: -30px;
left: -30px;
background: #fb6d61;
color: #fff;
border-radius: 120px;
height: 90px;
width: 90px;
padding: 20px;
text-align: center;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center
}
@media (max-width:900px) {
.history-card--right .year-round,
.history-card .year-round {
top: -15px;
left: -15px
}
}
@media (max-width:600px) {
.history-card--right .year-round,
.history-card .year-round {
height: 70px;
width: 70px;
top: 0;
left: 0
}
.history-card--right .year-round h4,
.history-card .year-round h4 {
font-size: 20px
}
}
.history-card--right .year-round h4,
.history-card .year-round h4 {
margin-bottom: 0
}
.history-card--right .year-round {
background: #0F4C4C;
left: unset;
right: -30px
}
@media (max-width:900px) {
.history-card--right .year-round {
top: -15px;
right: -15px
}
}
@media (max-width:600px) {
.history-card--right .year-round {
height: 70px;
width: 70px;
top: 0;
right: 0
}
.history-card--right .year-round h4 {
font-size: 20px
}
}
.history-seperator {
background-image: url(//car-rental-fr.lrdevteam.com/wp-content/themes/fleet-master/images/line.png);
background-size: contain;
background-position: 50%;
height: calc(100% + 60px);
width: 2px;
position: relative
}
.history-seperator:before {
top: 20px;
left: -30px;
background-color: #fb6d61
}
.history-seperator:after,
.history-seperator:before {
content: "";
position: absolute;
width: 12px;
height: 12px;
border-radius: 10px
}
.history-seperator:after {
top: 140px;
right: -30px;
background-color: #0F4C4C
}
.timeline-row {
padding-bottom: 50px
}
.timeline-row .tr-col:last-child {
padding-top: 140px !important
}
@media (max-width:600px) {
.timeline-row .tr-col:last-child {
padding-top: 0 !important
}
.timeline-row h1,
.timeline-row p {
text-align: center !important
}
.timeline-row img {
display: block;
margin: 0 auto
}
.timeline-row .col-lg-4 {
margin-bottom: 40px
}
}
.timeline-row.col-lg-4:first-child {
padding-top: 100px
}
.timeline-row:nth-child(2n) .history-seperator:before {
background-color: #0F4C4C !important
}
.timeline-row:nth-child(2n) .history-seperator:after {
background-color: #fb6d61 !important
}
.our-fleet-filters {
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: center
}
.our-fleet-filters li {
background: #f2f2f3;
border-radius: 4px;
margin: 0 15px 20px;
min-width: 130px;
text-align: center;
cursor: pointer;
transition: .2s ease
}
.our-fleet-filters li a {
padding: 10px 20px;
display: block;
border-radius: 4px
}
.our-fleet-filters li:hover a {
background: #e5e6e6
}
.our-fleet-filters li a.selected {
background: #0F4C4C;
color: #274e5e
}
.our-fleet-filters li a.selected .car-filter-icon {
opacity: 1
}
#tabs {
color: #0F4C4C
}
#tabs .nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active {
color: #0F4C4C !important;
background-color: transparent;
border-color: transparent transparent #f3f3f3;
border-bottom: 4px solid !important;
font-size: 20px;
font-weight: 700
}
#tabs .nav-tabs .nav-link {
border: 1px solid transparent;
border-top-left-radius: .25rem;
border-top-right-radius: .25rem;
color: #0F4C4C;
font-size: 20px
}
.table td,
.table th {
color: #274e5e;
font-size: 14px;
white-space: nowrap
}
.table-bordered td,
.table-bordered th {
border-color: rgba(39, 78, 94, .2)
}
.user-profile-table th {
width: 20%;
color: #274e5e
}
.user-profile-table td {
width: 80%;
color: #274e5e
}
.user-profile-buttons {
justify-content: flex-end;
align-items: center
}
@media (max-width:600px) {
.user-profile-buttons {
flex-wrap: wrap
}
.user-profile-buttons button {
width: 100%;
margin-bottom: 20px
}
}
@media (max-width:600px) {
.user-profile-navtabs .nav-link {
display: block;
width: 100%;
margin-bottom: 20px
}
.user-profile-navtabs .nav-link.active {
background-color: rgba(95, 219, 200, .15)
}
}
.table-striped tbody tr:nth-of-type(odd) {
background: #f9fefd
}
.car-filter-icon {
width: 30px;
margin-right: 12px;
opacity: .6
}
.selected-car {
box-shadow: 0 8px 20px rgba(39, 78, 94, .06);
border-radius: 2px;
padding: 40px 20px
}
.letter-spacing {
letter-spacing: 1px
}
.border-radius {
border-radius: 2px
}
.booking-detail__label {
font-weight: 600;
opacity: .5
}
.booking-detail__info {
opacity: .7
}
.booking__note {
opacity: .6;
font-size: 13px
}
.booking-heading--small {
font-weight: 600;
color: #274e5e;
font-size: 14px
}
.sbi_link:after {
position: absolute;
width: 100%;
height: 100%;
background: rgba(251, 109, 97, .8);
font-weight: 900;
content: "\f00e";
top: 0;
font-family: Font Awesome\ 5 Free;
left: 0;
display: flex;
justify-content: center;
align-items: center;
font-size: 40px
}
.input-addon {
top: 43px
}
.input-addon:hover {
cursor: pointer
}
a.glink.nturl.notranslate {
visibility: hidden;
display: none
}
#confirm_booking_form .app-input,
#confirm_booking_form .app-input--centered {
min-height: 47px
}
.car-types .car-slide__image {
height: 35px;
-o-object-fit: contain;
object-fit: contain
}
.before-d-none:before {
display: none !important
}
.what-we-offer .car-slide-image {
background-size: cover;
background-position: 50%;
background-repeat: no-repeat;
height: 120px;
width: 100%
}
.header-select-wrapper {
position: relative;
z-index: 1
}
.header-select-wrapper select {
padding: 10px 20px;
margin-right: 10px;
border: 0;
position: relative;
background: transparent !important
}
.header-select-wrapper select:hover {
cursor: pointer
}
.header-select-wrapper select:focus {
border: 0;
outline: 0;
box-shadow: none
}
.header-select-wrapper select option {
color: #274e5e !important
}
.header-select-wrapper:before {
font-weight: 900;
content: "\f57e";
left: 0
}
.header-select-wrapper:after,
.header-select-wrapper:before {
position: absolute;
font-family: Font awesome\ 5 Free;
top: 52%;
transform: translateY(-50%);
display: flex;
justify-content: center;
align-items: center;
font-size: 14px;
color: #274e5e;
z-index: -1
}
.header-select-wrapper:after {
font-weight: 600;
content: "\f0d7";
right: 12px
}
.modal-body {
position: relative
}
.modal-close-button {
background: hsla(0, 0%, 100%, .5);
border-radius: 5px;
padding: 10px 20px;
position: absolute;
top: 15px;
right: 15px;
font-size: 16px;
z-index: 5;
color: #fb6d61
}
.underline,
.underline:hover {
text-decoration: underline
}
.cp {
cursor: pointer
}
.dropdown-item:active,
.dropdown-item:focus {
background-color: #0F4C4C;
border: 0;
outline: 0
}
.multiline-check .pretty {
white-space: inherit
}
.multiline-check .pretty .state label {
text-indent: 0;
padding-left: 2rem
}
.multiline-check .pretty .state label:after,
.multiline-check .pretty .state label:before {
top: 0
}
div#payment_error_data {
background: #fb6d61;
color: #fff !important;
padding: 8px 0 2px 10px;
margin: 15px 0
}
div#payment_error_data p {
margin-bottom: .3rem;
font-size: .9rem
}
.payment_signin .signin-buttons {
justify-content: flex-start !important;
align-items: flex-start;
max-width: auto !important
}
.payment_signin .signin-buttons .app-button--facebook {
margin-right: 15px
}
@media (max-width:600px) {
.payment_signin .signin-buttons .app-button--facebook {
margin-right: 0
}
}
.panel {
background-color: #fff;
margin-bottom: 20px
}
.panel-label,
.panel-text {
font-size: 16px;
margin-bottom: 5px;
display: block
}
.panel-title {
display: block !important;
color: #274e5e;
padding: 10px !important;
font-weight: 600;
font-size: 18px;
width: 100%
}
.panel-label {
color: #366c82;
font-weight: 600
}
.panel-text {
color: rgba(39, 78, 94, .7)
}
.panel-detail {
color: #8b8c8e;
font-size: 13px;
margin: 15px 0
}
.panel-icon {
width: 30px;
height: 30px;
margin-right: 10px;
-o-object-fit: contain;
object-fit: contain
}
.panel-inner {
padding: 25px
}
table.bpt {
border-collapse: collapse;
width: 100%
}
table.bpt td {
vertical-align: top;
border: 0;
padding: 0;
white-space: normal !important;
word-wrap: break-word
}
table.bpt tr>td {
min-width: 180px;
padding: 0
}
table.bpt .my-4 {
margin-top: 1.5rem !important;
margin-bottom: 1.5rem !important
}
table.bpt .mx-auto {
margin-left: auto !important;
margin-right: auto !important
}
table.bpt .py-4 {
padding-top: 1.5rem !important;
padding-bottom: 1.5rem !important
}
.table-title {
font-size: 36px
}
.table-subtitle {
font-size: 24px
}
.content-td {
max-width: 200px
}
@media (max-width:600px) {
.bd-buttons {
flex-wrap: wrap
}
.bd-buttons a,
.bd-buttons button {
width: 100%;
margin-top: 10px
}
}
.booking-summary__item p {
text-align: right !important
}
.inside-p-0 td,
.inside-p-0 th {
padding: 5px 0 !important
}
.border-dashed {
padding: 15px 20px;
border-bottom: 1px dashed #274e5e
}
.hts-text {
-webkit-line-clamp: 3
}
.hts-text,
.pts-text {
display: -webkit-box;
-webkit-box-orient: vertical;
overflow: hidden
}
.pts-text {
-webkit-line-clamp: 10
}
#navbarSupportedContent>div>div.wpml-ls-sidebars-.wpml-ls.wpml-ls-legacy-dropdown.js-wpml-ls-legacy-dropdown {
display: flex;
justify-content: center;
align-items: center
}
#navbarSupportedContent>div>div.wpml-ls-sidebars-.wpml-ls.wpml-ls-legacy-dropdown.js-wpml-ls-legacy-dropdown>ul>li>a {
border: 0;
position: relative
}
#navbarSupportedContent>div>div.wpml-ls-sidebars-.wpml-ls.wpml-ls-legacy-dropdown.js-wpml-ls-legacy-dropdown>ul>li>a:after {
position: absolute;
font-family: Font awesome\5 Free;
top: 60%;
transform: translateY(-50%);
display: flex;
justify-content: center;
align-items: center;
font-size: 12px;
color: #274e5e;
z-index: 1
} .your-benefits a.benefit-slide {
position: relative;
}
.your-benefits a.benefit-slide .youtube-play-icon {
top: 15px;
position: absolute;
right: 20px;
}
.your-benefits a.benefit-slide .youtube-play-icon img {
animation: glowing 1300ms infinite;
border-radius: 100%;
}
.my-account-button {
background-color: #fb6d61 !important;
}
.my-account-button:hover {
background-color: #fb5f52 !important;
}
@keyframes glowing {
0% {
background-color: #fc6e62;
box-shadow: 0 0 5px #fc6e62;
}
50% {
background-color: #fc6e62;
box-shadow: 0 0 20px #fc6e62;
}
100% {
background-color: #fc6e62;
box-shadow: 0 0 5px #fc6e62;
}
}
@media (max-width: 991px) {
.honesty_section .left .box,
.honesty_section .right .box {
width: 100% !important;
}
.honesty_section .left .box {
min-height: 285px !important;
}
}
@media (max-width: 900px) {
.honesty_section .car-slider-arrow__left {
left: 20px !important;
}
.honesty_section .car-slider-arrow__right {
right: 20px !important;
}
}
@media (max-width: 767px) {
.your-benefits a.benefit-slide .youtube-play-icon {
top: 22px;
right: inherit;
left: 83%
}
.honesty_section .left .box {
min-height: 331px !important;
}
.your-benefits a.benefit-slide .youtube-play-icon img {
height: 32px;
width: 32px;
}
.honesty_section .mb-5 {
margin-bottom: 0rem !important;
}
.honesty_section .left .box,
.honesty_section .right .box {
width: 100% !important;
}
.pingouin_section {
background: unset !important;
padding-bottom: 0px !important;
padding-top: 0px !important;
}
.pingouin_section .pingouin_section_row {
margin-left: 0px !important;
margin-right: 0px !important;
}
.pengouin_bg_mob_wrap {
display: block !important;
padding-left: 0px !important;
padding-right: 0px !important;
}
.pingouin_section .wrap {
padding-bottom: 0px !important;
}
.pingouin_section .mb-5 {
margin-bottom: 1rem !important;
}
.pingouin_section .mt-5 {
margin-top: 0rem !important;
}
.pingouin_section .left h6 {
color: #274e5e !important;
}
}
@media (max-width: 524px) {
.honesty_section .left .box {
min-height: 355px !important;
}
}
@media (max-width: 473px) {
.honesty_section .left .box {
min-height: 379px !important;
}
}
@media (max-width: 436px) {
.honesty_section .left .box {
min-height: 425px !important;
}
}
@media (max-width: 400px) {
.service-car {
width: 100% !important;
}
}
@media (max-width: 387px) {
.honesty_section .left .box {
min-height: 455px !important;
}
}
@media (max-width: 375px) {
.honesty_section .left .box {
min-height: 503px !important;
}
}
@media (max-width: 347px) {
.honesty_section .left .box {
min-height: 505px !important;
}
}
@media (max-width: 328px) {
.honesty_section .left .box {
min-height: 550px !important;
}
}
@media (max-width: 320px) {
.your-benefits a.benefit-slide .youtube-play-icon img {
width: 25px;
height: 25px;
}
}
.pingouin_section {
background-image: url(//car-rental-fr.lrdevteam.com/wp-content/themes/fleet-master/images/pengouin_bg.jpg);
background-position: center;
background-size: cover;
background-repeat: no-repeat;
}
.mission_vision_section {
background: #fb6d61;
}
.pingouin_section .wrap {
padding-bottom: 50px;
padding-top: 15px;
}
.honesty_section .left .box {
background: #60dbc7;
padding: 45px;
width: 445px;
margin-left: auto;
margin-right: 60px;
}
.honesty_section .left .box h6 {
font-size: 23px;
margin-bottom: 13px;
}
.honesty_section .right img {
width: 60px;
}
.honesty_section .right h6 {
color: #60dbc7;
font-size: 44px;
font-weight: 500;
}
.honesty_section .right .box {
padding: 45px;
width: 516px;
margin-left: 0px;
margin-right: auto;
}
.pingouin_section .left h6 {
font-size: 20px;
margin-bottom: 17px;
}
.pingouin_section .left p {
font-size: 15px;
}
.join_us_btn {
margin-top: 22px;
display: inline-block;
}
.honesty_section .left .box {
min-height: 335px;
}
.pengouin_bg_mob_wrap {
display: none;
} .enquire-now-section {
background-image: url(//car-rental-fr.lrdevteam.com/wp-content/themes/fleet-master/images/enquire-banner.jpg);
background-position: center;
background-size: cover;
background-repeat: no-repeat;
}
.enquire-now-section .section-heading,
.enquire-now-section p {
max-width: 270px;
}
.enquire-now-section .app-button {
max-width: 165px;
}
@media (min-width: 1200px) {
.enquire-now-section .section-heading {
font-size: 40px !important;
}
.enquire-now-section p {
font-size: 18px;
}
}
@media (max-width: 768px) {
.enquire-now-section .enquire-disc-area {
margin-left: 0px;
}
}
@media (max-width: 575px) {
.enquire-now-section {
background-image: url(//car-rental-fr.lrdevteam.com/wp-content/themes/fleet-master/images/enquire-mobile.jpg) !important;
}
.enquire-now-section .enquire-disc-area {
margin-left: 0px;
margin: 0 auto;
background-color: rgba(255, 255, 255, 0.8);
backdrop-filter: blur(2px);
padding: 10px;
}
.enquire-now-section .section-heading,
.enquire-now-section p {
max-width: 100%;
text-align: center;
}
.enquire-now-section .app-button {
margin: 0 auto;
}
}  #longterm_search_vehicle #pickup-col .app-input,
#longterm_search_vehicle #drop_col .app-input {
padding-right: 25px;
}
#longterm_search_vehicle #pickup-col .input-addon,
#longterm_search_vehicle #drop_col .input-addon {
top: 33px !important;
right: -4px;
}
.py-7 {
padding: 5rem 0 !important;
}
.honesty_section .left .box {
min-height: 335px;
}
.pengouin_bg_mob_wrap {
display: none;
}
.type-of-car-select {
background-color: transparent;
height: 30px;
padding: 2px 5px;
font-size: 14px !important;
background-image: url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20256%20448%22%20enable-background%3D%22new%200%200%20256%20448%22%3E%3Cstyle%20type%3D%22text%2Fcss%22%3E.arrow%7Bfill%3A%23424242%3B%7D%3C%2Fstyle%3E%3Cpath%20class%3D%22arrow%22%20d%3D%22M255.9%20168c0-4.2-1.6-7.9-4.8-11.2-3.2-3.2-6.9-4.8-11.2-4.8H16c-4.2%200-7.9%201.6-11.2%204.8S0%20163.8%200%20168c0%204.4%201.6%208.2%204.8%2011.4l112%20112c3.1%203.1%206.8%204.6%2011.2%204.6%204.4%200%208.2-1.5%2011.4-4.6l112-112c3-3.2%204.5-7%204.5-11.4z%22%2F%3E%3C%2Fsvg%3E%0A);
background-position: right 10px center;
background-repeat: no-repeat;
background-size: auto 50%;
outline: none;
-moz-appearance: none;
-webkit-appearance: none;
appearance: none;
cursor: pointer;
}
.type-of-car-select option {
color: #000 !important;
}
span.franchise-form-description {
font-size: 22px;
}
@media (max-width: 460px) {
.home-youtube-player {
height: 230px !important;
}
}
.below-top-menu {
flex-direction: row !important;
gap: 8px;
}
.travel-together {
display: flex;
align-items: flex-start;
background-color: #0F4C4C73;
padding: 15px;
margin-bottom: 15px;
gap: 15px;
}
.travel-together img {
max-width: 35px;
height: auto;
}
.travel-together p strong {
display: block;
} ul.side-list.py-1 li {
list-style: none;
} .primary-border-color {
border-color: #309586 !important
}
.primary-dark-border-color {
border-color: #229886
}
.accent-border-color {
border-color: #fb6d61 !important
}
.dark-gray-bg {
background: var(--dark-gray-color) !important;
}
.pretty input:checked~.state.p-success-o label:before,
.pretty.p-toggle .state.p-success-o label:before {
border-color: var(--theme-green-color) !important;
}
.pretty.p-default:not(.p-fill) input:checked~.state.p-success-o label:after {
background-color: var(--theme-green-color) !important;
}:root {
--primary-font: 'Poppins', sans-serif;
--color-white: #ffffff;
--color-white-92: rgba(255, 255, 255, 0.92);
--color-white-10: rgba(255, 255, 255, 0.1);
--color-teal-400: #4fd1c5;
--color-primary-dark: #274e5e;
--color-primary-darker: #1e3a47;
--color-teal-500: #0C3E3E;
--color-slate-500: #64748b;
--color-coral: #fb6d61;
--theme-color: #0F4C4C;
--color-slate-blue: #4a6572;
--color-slate-800: #1e293b; --fleet-primary: var(--newdesign-accent);
--fleet-primary-light: rgba(46, 194, 162, 0.1);
--fleet-secondary: var(--newdesign-brand-primary);
--fleet-dark: var(--newdesign-text-primary);
--fleet-muted: var(--newdesign-text-secondary);
--fleet-light-muted: var(--newdesign-text-muted);
--fleet-border: var(--newdesign-neturals-border);
--fleet-bg-light: var(--newdesign-neturals-soft-bg);
--fleet-white: var(--color-white);
--fleet-shadow: rgba(0, 0, 0, 0.04); --newdesign-accent: #2FBF9F; --newdesign-brand-primary: #0F4C4C;
--newdesign-primary-dark: #0C3E3E;
--newdesign-accent: #2FBF9F; --newdesign-text-primary: #1C1C1E;
--newdesign-text-secondary: #6B7280;
--newdesign-text-muted: #9CA3AF;
--newdesign-text-white: #FFFFFF; --newdesign-neturals-background: #D9D9D9;
--newdesign-neturals-soft-bg: #F3F7F6;
--newdesign-neturals-muted-bg: #F9FAFB;
--newdesign-neturals-border: #E5E7EB; --newdesign-status-success: #2FBF9F;
--newdesign-status-warning: #F59E0B;
--newdesign-status-error: #EF4444;
--newdesign-status-info: #3B82F6; --font-weight-thin: 100;
--font-weight-extra-light: 200;
--font-weight-light: 300;
--font-weight-regular: 400;
--font-weight-medium: 500;
--font-weight-semi-bold: 600;
--font-weight-bold: 700;
--font-weight-extra-bold: 800;
--font-weight-black: 900;
} body,
p,
h1,
h2,
h3,
h4,
h5,
h6,
span,
a,
div,
li,
td,
th,
label,
input,
button,
textarea,
select {
font-family: var(--primary-font);
} .fa,
.fas,
.far,
.fal,
.fad,
.fab,
.fa-solid,
.fa-regular,
.fa-light,
.fa-duotone,
.fa-brands,
[class^="icon-"],
[class*=" icon-"],
.dashicons {
font-family: "Font Awesome 5 Free", dashicons !important;
}
body {
overflow-x: hidden;
}
.bg-light-gray {
background-color: #f9fafb;
} .fleet-header__user-block button {
white-space: nowrap;
padding: 12px 12px;
font-size: 12px !important;
}
.fleet-header__btn {
padding: 14px 20px !important;
font-size: 12px !important;
}
.fleet-header__menu-link {
font-size: 14px !important;
}
.fleet-header__menu {
gap: 30px !important;
} .theme-btn-outline,
.wpml-ls-legacy-dropdown a.wpml-ls-item-toggle {
background-color: transparent;
border: 1px solid #E5E7EB;
color: var(--theme-color) !important;
padding: 12px 28px;
border-radius: 8px;
text-decoration: none !important;
font-weight: 600;
font-size: 14px;
cursor: pointer;
transition: all 0.3s ease;
display: flex;
align-items: center;
gap: 8px; }
.wpml-ls-legacy-dropdown a.wpml-ls-item-toggle {
padding: 16px 10px;
}
.wpml-ls-legacy-dropdown .wpml-ls-item {
width: 55px;
}
.wpml-ls-legacy-dropdown a:hover {
background: transparent;
border-radius: 1px;
border-color: #E5E7EB;
}
.wpml-ls-legacy-dropdown:hover a.wpml-ls-item-toggle {
background-color: transparent !important;
}
.wpml-ls-sub-menu {
border: none !important;
background-color: var(--color-white) !important;
}
.wpml-ls-sub-menu .wpml-ls-legacy-dropdown a {
background: transparent !important;
border: none !important;
}
.admin-bar .fleet-header {
top: 30px;
}
.to-v5-stepper-header {
position: relative;
max-width: 400px;
margin: 0 auto 3rem;
}
.to-v5-stepper-progress {
position: absolute;
top: 20px;
left: 0;
width: 100%;
height: 4px;
background: #f1f5f9;
border-radius: 10px;
z-index: 1;
}
.to-v5-progress-bar {
height: 100%;
background: var(--newdesign-brand-primary);
width: 0%; border-radius: 10px;
transition: width 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}
.to-v5-stepper-nodes {
position: relative;
z-index: 2;
display: flex;
justify-content: space-between;
}
.to-v5-node {
display: flex;
flex-direction: column;
align-items: center;
gap: 8px;
}
.to-v5-node span {
width: 40px;
height: 40px;
background: #f1f5f9;
border: 2px solid #fff;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
font-weight: 600;
font-size: 14px;
color: #94a3b8;
transition: all 0.3s ease;
box-shadow: 0 0 0 4px #fff;
}
.to-v5-node label {
font-size: 12px;
font-weight: 600;
color: #94a3b8;
margin: 0;
transition: all 0.3s ease;
}
.to-v5-node.active span {
background: var(--newdesign-brand-primary);
color: #fff;
box-shadow: 0 0 0 4px rgba(15, 76, 76, 0.1);
}
.to-v5-node.active label {
color: var(--newdesign-brand-primary);
}
.to-v5-node.completed span {
background: #10b981;
color: #fff;
}
.to-v5-step-title {
font-size: 20px;
font-weight: 600;
color: var(--newdesign-text-primary);
letter-spacing: -0.02em;
}
.to-v5-step {
animation: to-step-fade 0.4s ease-out;
}
@keyframes to-step-fade {
from {
opacity: 0;
transform: translateX(10px);
}
to {
opacity: 1;
transform: translateX(0);
}
}
.gap-3 {
gap: 1rem;
} .contact-section-relative {
position: relative;
}
.contact-intro-text {
font-size: 1.05rem;
max-width: 550px;
}
.contact-social-icon {
width: 28px;
height: 28px;
object-fit: contain;
z-index: 2;
position: relative;
transition: transform 0.4s ease;
}
.contact-map-container {
padding: 20px;
}
.contact-map-wrapper {
width: 100%;
height: 600px;
border-radius: 20px;
overflow: hidden;
}
.contact-map-iframe {
border: 0;
border-radius: 20px;
}
.contact-bg-shape-1 {
top: -15%;
right: -10%;
width: 500px;
height: 500px;
background: rgba(39, 78, 94, 0.45);
}
.contact-bg-shape-2 {
bottom: -20%;
left: -10%;
width: 600px;
height: 600px;
background: var(--color-white-10);
}
.contact-hero-heading {
font-size: 3rem;
line-height: 1.2;
color: var(--color-white);
}
.contact-hero-subtext {
font-size: 1.15rem;
color: var(--color-white-92);
line-height: 1.6;
max-width: 90%;
}
.contact-info-title {
font-weight: 600;
font-family: var(--primary-font);
color: var(--color-white);
}
.contact-info-text {
color: var(--color-white-92);
}
.contact-form-subtext {
color: #64748b;
font-size: 0.95rem;
}
.contact-help-icon {
width: 32px;
height: 32px;
}
.contact-arrow-icon {
margin-left: 10px;
width: 20px;
height: 20px;
} .footer-modern {
background-color: var(--color-teal-500) !important;
padding: 80px 0 0 !important;
color: var(--color-white) !important;
display: none;
}
.footer-modern .footer-logo {
margin-bottom: 30px;
}
.footer-modern .footer-logo img {
filter: brightness(0) invert(1);
}
.footer-modern .footer-logo img {
filter: brightness(0) invert(1);
}
.footer-modern h5.accent-color {
color: var(--color-white) !important;
font-weight: 600;
font-size: 1.2rem;
margin-bottom: 2rem !important;
}
.footer-modern .footer-nav ul li a {
color: var(--color-white-92) !important;
text-decoration: none;
transition: all 0.3s ease;
display: flex;
align-items: center;
gap: 10px;
font-size: 15px;
font-weight: 400;
}
.footer-modern .footer-nav ul li a:hover {
color: var(--color-teal-400) !important;
transform: translateX(5px);
}
.footer-modern .footer-info-section,
.footer-modern .footer-open-time {
color: var(--color-white-92);
font-size: 15px;
line-height: 1.8;
}
.footer-modern .footer-info-section p {
color: var(--color-white-92) !important;
}
.footer-bottom {
background-color: #082d2d !important;
border-top: 1px solid rgba(255, 255, 255, 0.05);
padding: 25px 0;
margin-top: 60px;
}
.footer-bottom p {
margin-bottom: 0;
font-size: 14px;
color: var(--color-white-92) !important;
}
.footer-bottom-links a {
color: var(--color-white-92) !important;
font-size: 14px;
text-decoration: none;
}
.footer-bottom-links a:hover {
color: var(--color-teal-400) !important;
}
.footer-bottom-links span {
color: rgba(255, 255, 255, 0.3) !important;
} .footer-v2 {
background-color: #0C3E3E !important;
color: #ffffff !important;
padding: 40px 0 0;
font-family: 'Poppins', sans-serif;
}
.footer-v2-logo img {
filter: brightness(0) invert(1);
}
.footer-v2-tagline {
font-size: 14px;
line-height: 1.6;
opacity: 0.8;
max-width: 280px;
color: var(--color-white);
}
.footer-v2-title {
font-size: 14px;
font-weight: 600;
letter-spacing: 1px;
margin-bottom: 25px;
}
.footer-v2-links li a {
color: #ffffff;
text-decoration: none;
font-size: 14px;
transition: all 0.3s ease;
}
.footer-v2-links li a:hover {
padding-left: 2px;
color: var(--color-teal-400);
}
.footer-v2-socials .footer-icons img {
filter: brightness(0) invert(1);
}
.footer-v2-contact p,
.footer-v2-contact a {
color: #ffffff;
text-decoration: none;
font-size: 14px;
}
.footer-v2-socials .social-icon {
color: #ffffff;
font-size: 18px;
opacity: 0.8;
transition: all 0.3s ease;
}
.btn-chat-v2 {
background-color: rgba(0, 0, 0, 0.2);
border: 1px solid rgba(255, 255, 255, 0.1);
color: #ffffff;
padding: 12px 25px;
border-radius: 8px;
text-decoration: none;
font-size: 14px;
font-weight: 500;
transition: all 0.3s ease;
white-space: nowrap;
}
.btn-chat-v2:hover {
background-color: rgba(255, 255, 255, 0.1);
color: #ffffff;
}
.btn-chat-v2 svg {
height: 22px;
min-width: 22px;
}
.payment-icons {
opacity: 0.9;
}
.payment-icons i {
font-size: 28px;
}
.footer-v2-bottom p {
font-size: 13px;
letter-spacing: 0.5px;
}  .cta-v2 {
background-color: #f9fafb !important;
}
.container-cta {
background-color: #F3F7F7 !important;
max-width: 1000px;
margin: 0 auto;
padding: 20px 30px;
}
.cta-v2-wrapper {
background: transparent;
}
.cta-v2-title {
font-size: 24px;
font-weight: 600;
color: #0C3E3E;
margin-bottom: 5px;
}
.cta-v2-subtitle {
font-size: 16px;
color: #64748b;
font-weight: 400;
}
.btn-cta-v2 {
background-color: #0C3E3E;
color: #ffffff !important;
padding: 14px 18px;
border-radius: 8px;
text-decoration: none !important;
font-weight: 600;
font-size: 15px;
white-space: nowrap;
transition: all 0.3s ease;
box-shadow: 0 4px 12px rgba(12, 62, 62, 0.15);
}
.btn-cta-v2:hover {
background-color: #082d2d;
transform: translateY(-2px);
box-shadow: 0 6px 15px rgba(12, 62, 62, 0.2);
}
.cta-v2-icon img {
object-fit: contain;
}
.cta-v2-card {
background-color: #ffffff;
padding: 40px 60px;
border-radius: 8px;
border: 1px solid rgba(0, 0, 0, 0.05);
box-shadow: 0 10px 40px rgba(0, 0, 0, 0.03);
}
.cta-v2-title {
font-size: 28px;
font-weight: 600;
color: #0C3E3E;
margin-bottom: 8px;
}
.cta-v2-subtitle {
font-size: 16px;
color: #64748b;
font-weight: 400;
}
.btn-cta-v2 {
background-color: #0C3E3E;
color: #ffffff !important;
padding: 16px 40px;
border-radius: 8px;
text-decoration: none !important;
font-weight: 600;
font-size: 16px;
transition: all 0.3s ease;
}
.btn-cta-v2:hover {
background-color: #082d2d;
transform: translateY(-2px);
box-shadow: 0 4px 12px rgba(12, 62, 62, 0.2);
}
.cta-v2-card {
background-color: #ffffff;
padding: 40px 60px;
border-radius: 8px;
border: 1px solid #E5E7EB;
box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);
}
.cta-v2-title {
font-size: 28px;
font-weight: 600;
color: #1e293b;
margin-bottom: 8px;
}
.cta-v2-subtitle {
font-size: 16px;
color: #4b5563;
font-weight: 400;
}
.btn-cta-v2 {
background-color: #0C3E3E;
color: #ffffff !important;
padding: 16px 40px;
border-radius: 8px;
text-decoration: none !important;
font-weight: 600;
font-size: 16px;
transition: all 0.3s ease;
}
.btn-cta-v2:hover {
background-color: #082d2d;
transform: translateY(-2px);
box-shadow: 0 4px 12px rgba(12, 62, 62, 0.2);
}
.cta-v2-icon {
flex-shrink: 0;
}
.cta-v2-wrapper {
background: transparent;
}
.cta-v2-title {
font-size: 24px;
font-weight: 600;
color: #0C3E3E;
margin-bottom: 5px;
}
.cta-v2-subtitle {
font-size: 16px;
color: #64748b;
font-weight: 400;
}
.btn-cta-v2 {
background-color: #0C3E3E;
color: #ffffff !important;
padding: 14px 32px;
border-radius: 8px;
text-decoration: none !important;
font-weight: 600;
font-size: 15px;
transition: all 0.3s ease;
box-shadow: 0 4px 12px rgba(12, 62, 62, 0.15);
}
.btn-cta-v2:hover {
background-color: #082d2d;
transform: translateY(-2px);
box-shadow: 0 6px 15px rgba(12, 62, 62, 0.2);
}
.cta-v2-icon img {
object-fit: contain;
}
.license-acceptance-bar {
background-color: #fff;
border: 1px solid #E5E7EB;
border-radius: 50px;
width: max-content;
}
.license-acceptance-bar p {
font-size: 12px;
font-weight: 400;
color: #1C1C1E;
}
.license-acceptance-bar i {
width: 22px;
height: 22px;
color: var(--color-teal-400);
margin-bottom: 5px;
}
#booking-form {
margin-top: -210px;
z-index: 1;
background-color: #f9fafb;
}
.confirmation-icon {
width: 34px;
height: 34px;
display: flex;
align-items: center;
justify-content: center;
flex-shrink: 0;
}
.confirmation-content {
line-height: 1.1;
}
.confirmation-title {
font-size: 12px;
font-weight: 600;
color: #111;
margin-bottom: 4px;
text-align: left;
}
.confirmation-subtitle {
font-size: 12px;
color: #6B7280;
font-weight: 500;
text-align: left;
}
.floating-icon-wrap.pos-3,
.floating-icon-wrap.pos-4 {
border-radius: 8px !important;
}
.driver-age-label {
font-size: 13px;
color: #1C1C1E;
margin-bottom: 8px;
font-weight: 600;
}
.bf-container {
box-shadow: rgba(0, 0, 0, 0.05) 0px 20px 20px 0px;
border: 1px solid #edecec;
} .pingouin-contact-redesign {
overflow-x: hidden;
width: 100%;
}
.pingouin-contact-redesign .contact-header-section {
position: relative;
overflow: hidden;
padding-top: 30px !important;
padding-bottom: 80px !important;
}
.pingouin-contact-redesign .breadcrumb {
background: transparent;
padding: 0;
margin-bottom: 1.5rem !important;
}
.pingouin-contact-redesign .breadcrumb-item,
.pingouin-contact-redesign .breadcrumb-item a {
color: #1C1C1E;
text-decoration: none;
font-size: 14px;
font-weight: var(--font-weight-medium);
}
.pingouin-contact-redesign .breadcrumb-item.active {
color: var(--fleet-muted);
}
.pingouin-contact-redesign .breadcrumb-item+.breadcrumb-item::before {
content: ">";
color: #cbd5e1;
font-size: inherit;
padding: 0 10px;
}
.pingouin-contact-redesign .title-wrapper {
position: relative;
display: inline-block;
width: calc(100% - 110px);
}
.pingouin-contact-redesign .contact-main-title {
font-family: 'Poppins', sans-serif;
color: var(--fleet-dark) !important;
font-size: 60px;
letter-spacing: -1px;
font-weight: var(--font-weight-semi-bold) !important;
}
.pingouin-contact-redesign .title-underline {
width: 70px;
height: 5px;
background-color: var(--fleet-primary);
border-radius: 10px;
margin-top: 5px;
}
.pingouin-contact-redesign .contact-subtitle {
font-family: 'Inter', sans-serif;
color: var(--fleet-muted) !important;
max-width: 500px;
font-size: 18px !important;
}
.pingouin-contact-redesign .contact-feature-box {
transition: transform 0.3s ease;
}
.pingouin-contact-redesign .contact-feature-box:hover {
transform: translateY(-5px);
}
.pingouin-contact-redesign .contact-feature-icon {
width: 60px;
height: 60px;
background-color: var(--fleet-primary-light);
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
color: var(--fleet-primary);
flex-shrink: 0;
transition: all 0.3s ease;
}
.pingouin-contact-redesign .contact-feature-icon img {
width: 28px;
height: 28px;
object-fit: contain;
}
.pingouin-contact-redesign .contact-feature-text h6 {
text-align: left;
}
.pingouin-contact-redesign .contact-feature-text h6 {
font-family: 'Poppins', sans-serif;
color: var(--theme-color);
margin-bottom: 2px;
font-size: 16px;
font-weight: var(--font-weight-bold) !important;
}
.pingouin-contact-redesign .contact-feature-text p {
font-size: 14px;
font-weight: var(--font-weight-medium);
}
.pingouin-contact-redesign .contact-header-visual {
position: relative;
padding: 30px;
}
.pingouin-contact-redesign .visual-circle {
position: absolute;
border-radius: 50%;
filter: blur(80px);
z-index: 0;
opacity: 0.6;
}
.pingouin-contact-redesign .visual-circle-1 {
width: 350px;
height: 350px;
background: rgba(44, 194, 171, 0.15);
top: -20%;
right: -10%;
}
.pingouin-contact-redesign .visual-circle-2 {
width: 250px;
height: 250px;
background: rgba(39, 78, 94, 0.08);
bottom: -10%;
left: 10%;
}
.pingouin-contact-redesign .contact-header-visual img {
border: 8px solid var(--fleet-white);
box-shadow: 0 30px 60px rgba(0, 0, 0, 0.1);
transition: transform 0.5s ease;
}
.pingouin-contact-redesign .contact-header-visual:hover img {
transform: scale(1.02);
} .pingouin-contact-redesign .contact-cards-section {
padding-bottom: 80px;
background: var(--fleet-white);
}
.pingouin-contact-redesign .contact-info-card {
background: var(--fleet-white);
border-radius: 20px;
padding: 50px 30px;
text-align: center;
box-shadow: 0 10px 40px rgba(0, 0, 0, 0.05);
height: 100%;
transition: transform 0.3s ease, box-shadow 0.3s ease;
border: 1px solid rgba(0, 0, 0, 0.02);
}
.pingouin-contact-redesign .contact-info-card:hover {
transform: translateY(-10px);
box-shadow: 0 20px 50px rgba(0, 0, 0, 0.1);
}
.pingouin-contact-redesign .card-icon-wrapper {
width: 80px;
height: 80px;
background-color: var(--fleet-primary-light);
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
color: var(--fleet-primary);
margin: 0 auto 25px;
}
.pingouin-contact-redesign .card-icon-wrapper img {
width: 32px;
height: 32px;
object-fit: contain;
}
.pingouin-contact-redesign .card-title {
font-family: 'Poppins', sans-serif;
font-weight: var(--font-weight-bold);
font-size: 20px;
color: var(--fleet-dark);
margin-bottom: 10px;
}
.pingouin-contact-redesign .card-desc {
color: var(--newdesign-text-secondary);
font-size: 16px;
font-weight: var(--font-weight-medium);
margin-bottom: 20px;
}
.pingouin-contact-redesign .card-main-info {
color: var(--theme-color);
font-weight: var(--font-weight-semi-bold);
font-size: 22px;
margin-bottom: 15px;
display: block;
text-decoration: none !important;
}
.pingouin-contact-redesign .card-sub-info {
color: var(--newdesign-text-secondary);
font-size: 16px;
line-height: 1.6;
margin-bottom: 0;
font-weight: var(--font-weight-medium);
} .pingouin-contact-redesign .pingouin-redesign-map-section {
padding: 80px 0;
background: var(--newdesign-neturals-muted-bg);
}
.pingouin-contact-redesign .pingouin-redesign-map-container {
position: relative;
height: 550px;
border-radius: 30px;
overflow: visible;
}
.pingouin-contact-redesign .pingouin-redesign-map-iframe {
width: 100%;
height: 100%;
border: none;
border-radius: 30px;
box-shadow: 0 10px 40px rgba(0, 0, 0, 0.05);
}
.pingouin-contact-redesign .pingouin-redesign-map-card {
position: absolute;
top: 5%;
left: 30px;
transform: translateY(-50%);
background: var(--fleet-white);
padding: 35px 30px;
border-radius: 8px;
box-shadow: 0 20px 50px rgba(0, 0, 0, 0.15);
width: 100%;
max-width: 360px;
z-index: 10;
border: 1px solid rgba(0, 0, 0, 0.03);
}
.pingouin-contact-redesign .pingouin-redesign-map-title {
font-family: 'Poppins', sans-serif;
font-weight: var(--font-weight-bold);
font-size: 20px;
color: var(--theme-color);
margin-bottom: 15px;
}
.pingouin-contact-redesign .pingouin-redesign-map-details {
color: var(--newdesign-text-secondary);
font-size: 14px;
line-height: 1.6;
margin-bottom: 30px;
}
.pingouin-contact-redesign .pingouin-redesign-map-details p {
margin-bottom: 4px;
}
.pingouin-contact-redesign .pingouin-redesign-map-btn {
display: inline-flex;
align-items: center;
justify-content: center;
padding: 12px 25px;
background: transparent;
border: 1.5px solid var(--theme-color);
color: var(--theme-color);
font-weight: var(--font-weight-semi-bold);
font-family: 'Poppins', sans-serif;
border-radius: 10px;
text-decoration: none !important;
transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
gap: 10px;
font-size: 15px;
}
.pingouin-contact-redesign .pingouin-redesign-map-btn:hover {
background: var(--theme-color);
color: var(--fleet-white);
transform: translateY(-3px);
}
.pingouin-contact-redesign .pingouin-redesign-map-btn img {
width: 18px;
height: 18px;
object-fit: contain;
}
.pingouin-contact-redesign .pingouin-redesign-map-btn:hover img {
filter: brightness(0) invert(1);
} .pingouin-contact-redesign .pingouin-redesign-form-section {
padding: 100px 0;
}
.pingouin-contact-redesign .pingouin-redesign-form-card {
background: var(--fleet-white);
border-radius: 30px;
padding: 70px 80px;
box-shadow: 0 15px 60px rgba(0, 0, 0, 0.04);
max-width: 100%;
margin: 0 auto;
border: 1px solid rgba(0, 0, 0, 0.02);
}
.pingouin-contact-redesign .pingouin-redesign-form-title {
font-family: 'Poppins', sans-serif;
font-weight: var(--font-weight-bold);
font-size: 2.4rem;
color: var(--fleet-dark);
margin-bottom: 12px;
letter-spacing: -0.5px;
}
.pingouin-contact-redesign .pingouin-redesign-form-subtitle {
color: var(--newdesign-text-secondary);
font-size: 15px;
margin-bottom: 50px;
font-weight: var(--font-weight-regular);
}
.pingouin-contact-redesign .pingouin-redesign-form-label {
display: block;
font-size: 12px;
font-weight: 600;
text-transform: uppercase;
color: var(--theme-color);
margin-bottom: 12px;
letter-spacing: 0.5px;
text-align: left;
}
.pingouin-contact-redesign .required-star {
color: #EF4444;
margin-left: 2px;
}
.pingouin-contact-redesign .pingouin-redesign-form-input-wrap {
position: relative;
margin-bottom: 30px;
}
.pingouin-contact-redesign .pingouin-redesign-form-input,
.pingouin-contact-redesign .pingouin-redesign-form-textarea {
width: 100%;
padding: 18px 50px 18px 20px;
border: 1px solid var(--newdesign-neturals-border);
border-radius: 8px;
font-size: 14px;
font-weight: 400;
color: var(--newdesign-text-primary);
background: var(--fleet-white);
transition: all 0.3s ease;
box-sizing: border-box;
display: block;
}
.pingouin-contact-redesign .pingouin-redesign-form-input::placeholder,
.pingouin-contact-redesign .pingouin-redesign-form-textarea::placeholder {
color: var(--newdesign-text-secondary);
opacity: 0.8;
}
.pingouin-contact-redesign .pingouin-redesign-form-input:focus,
.pingouin-contact-redesign .pingouin-redesign-form-textarea:focus {
outline: none;
border-color: var(--theme-color);
box-shadow: 0 0 0 5px rgba(15, 76, 76, 0.05);
}
.pingouin-contact-redesign .pingouin-redesign-form-input.error,
.pingouin-contact-redesign .pingouin-redesign-form-textarea.error {
border-color: #EF4444 !important;
background-color: rgba(239, 68, 68, 0.02) !important;
}
.pingouin-contact-redesign .pingouin-redesign-form-icon {
position: absolute;
right: 20px;
top: 20px;
color: var(--newdesign-text-secondary);
width: 20px;
height: 20px;
pointer-events: none;
z-index: 2;
opacity: 0.7;
}
.pingouin-contact-redesign .pingouin-redesign-form-select-icon {
width: 24px;
height: 24px;
}
.pingouin-contact-redesign .pingouin-redesign-form-textarea {
min-height: 180px;
}
.pingouin-contact-redesign .pingouin-redesign-form-textarea-icon {
top: auto;
bottom: 25px;
transform: none;
right: 20px;
}
.pingouin-redesign-success-box {
justify-content: center;
text-align: center;
}
#contact_success_data .primary-bg {
background-color: var(--newdesign-status-success) !important;
border-radius: 8px;
padding: 20px !important;
}
#contact_error_data .accent-bg {
background-color: var(--newdesign-status-error) !important;
border-radius: 8px;
padding: 20px !important;
}
.pingouin-contact-redesign .pingouin-redesign-form-error {
display: block;
text-align: left;
margin-top: 8px;
color: #EF4444;
font-size: 13px;
font-weight: 500;
}
.pingouin-contact-redesign .pingouin-redesign-form-error label.error {
color: #EF4444;
margin-bottom: 0;
font-size: 13px;
font-weight: 500;
display: block;
}
.pingouin-contact-redesign .pingouin-redesign-form-submit-wrap {
text-align: center;
margin-top: 25px;
}
.pingouin-contact-redesign .pingouin-redesign-form-submit {
display: inline-flex;
align-items: center;
justify-content: center;
gap: 12px;
background: var(--theme-color);
color: #FFFFFF !important;
padding: 15px 45px;
border-radius: 8px;
font-weight: 600;
font-family: 'Poppins', sans-serif;
border: none;
transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
cursor: pointer;
font-size: 16px;
text-decoration: none !important;
}
.pingouin-contact-redesign .pingouin-redesign-form-submit:hover {
background: var(--color-teal-500);
transform: translateY(-4px);
box-shadow: 0 15px 30px rgba(15, 76, 76, 0.2);
}
.pingouin-contact-redesign .pingouin-redesign-form-btn-arrow {
width: 25px;
height: 25px;
filter: brightness(0) invert(1);
transition: transform 0.3s ease;
}
.pingouin-contact-redesign .pingouin-redesign-form-footer {
text-align: center;
margin-top: 35px;
display: flex;
align-items: center;
justify-content: center;
gap: 8px;
color: var(--newdesign-text-secondary);
font-size: 12px;
font-weight: 400;
}
.pingouin-contact-redesign .pingouin-redesign-form-footer-icon {
width: 22px;
height: 22px;
filter: invert(61%) sepia(50%) saturate(614%) hue-rotate(119deg) brightness(93%) contrast(88%);
flex-shrink: 0;
} .pingouin-contact-redesign .help-center-cta-section {
padding-bottom: 100px;
}
.pingouin-contact-redesign .help-banner {
background: #f1f5f9;
border-radius: 8px;
padding: 0px 25px;
display: flex;
align-items: center;
justify-content: space-between;
gap: 30px;
max-width: 1000px;
margin: 0 auto;
transition: all 0.3s ease;
height: 130px;
}
.pingouin-contact-redesign .help-banner {
background: var(--newdesign-neturals-soft-bg);
}
.pingouin-contact-redesign .help-banner:hover {
box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);
}
.pingouin-contact-redesign .help-content-wrap {
display: flex;
align-items: center;
gap: 25px;
}
.pingouin-contact-redesign .help-icon-circle {
width: 65px;
height: 65px;
background: var(--fleet-white);
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
color: var(--fleet-primary);
box-shadow: 0 5px 15px rgba(0, 0, 0, 0.03);
flex-shrink: 0;
}
.pingouin-contact-redesign .help-icon-circle img {
width: 48px;
height: 48px;
object-fit: contain;
}
.pingouin-contact-redesign .help-text h4 {
font-family: 'Poppins', sans-serif;
font-weight: var(--font-weight-bold);
font-size: 24px;
color: var(--newdesign-text-primary);
margin-bottom: 6px;
letter-spacing: -0.5px;
}
.pingouin-contact-redesign .help-text p {
color: var(--newdesign-text-secondary);
font-size: 18px;
margin-bottom: 0;
font-weight: var(--font-weight-regular);
}
.pingouin-contact-redesign .btn-help-center {
background: var(--theme-color);
color: var(--fleet-white) !important;
padding: 14px 30px;
border-radius: 8px;
font-weight: var(--font-weight-semi-bold);
font-family: 'Poppins', sans-serif;
display: inline-flex;
align-items: center;
gap: 12px;
text-decoration: none !important;
transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
white-space: nowrap;
font-size: 0.95rem;
}
.pingouin-contact-redesign .btn-help-center:hover {
background: var(--color-teal-500);
transform: translateY(-4px);
box-shadow: 0 15px 30px rgba(15, 76, 76, 0.2);
}
.pingouin-contact-redesign .btn-help-center .btn-icon-right {
width: 24px;
height: 24px;
filter: brightness(0) invert(1);
transition: transform 0.3s ease;
} .pingouin-contact-redesign .contact-header-icon-visual {
position: relative;
padding: 30px;
z-index: 1;
}
.pingouin-contact-redesign .contact-header-icon-visual {
position: relative;
display: inline-block;
}
.pingouin-contact-redesign .visual-circle-large {
width: 320px;
height: 320px;
background: hsl(180, 68%, 15%, 0.05);
border-radius: 50%;
margin: 0 auto;
display: flex;
align-items: center;
justify-content: center;
color: var(--theme-color);
box-shadow: 0 30px 60px rgba(44, 194, 171, 0.05);
position: relative;
z-index: 2;
}
.pingouin-contact-redesign .visual-dot {
position: absolute;
border-radius: 50%;
z-index: 1;
}
.pingouin-contact-redesign .visual-dot-1 {
width: 80px;
height: 80px;
background: rgba(15, 76, 76, 0.04);
bottom: 20px;
right: -20px;
}
.pingouin-contact-redesign .visual-dot-2 {
width: 45px;
height: 45px;
background: rgba(44, 194, 171, 0.06);
bottom: 90px;
right: -45px;
}
.pingouin-contact-redesign .contact-hero-img {
width: 180px;
height: auto;
object-fit: contain;
} .pingouin-contact-redesign .contact-header-section::before {
content: '';
position: absolute;
width: 600px;
height: 600px;
background: radial-gradient(circle, rgba(44, 194, 171, 0.04) 0%, transparent 70%);
top: -200px;
right: -100px;
z-index: 0;
pointer-events: none;
} .pingouin-about-redesign {
font-family: 'Poppins', sans-serif;
color: var(--newdesign-text-primary);
} .pingouin-about-redesign .about-header-section {
padding: 50px 0 70px;
background: var(--newdesign-neturals-muted-bg);
} .booking-flow-hero {
width: 100vw !important;
position: relative !important;
left: 50% !important;
right: 50% !important;
margin-left: -50vw !important;
margin-right: -50vw !important;
margin-top: -3rem !important;
margin-bottom: 2rem !important;
}
.booking-flow-hero .about-header-section {
background-color: #fff !important;
} .pingouin-global-breadcrumb {
background-color: transparent;
padding-bottom: 0px;
}
.pingouin-global-breadcrumb .breadcrumb {
background: transparent;
padding: 0;
margin-bottom: 0.5rem;
}
.pingouin-global-breadcrumb .breadcrumb-item,
.pingouin-global-breadcrumb .breadcrumb-item a {
color: var(--newdesign-text-primary);
text-decoration: none;
font-size: 15px;
font-weight: 500;
font-family: 'Poppins', sans-serif;
}
.pingouin-global-breadcrumb .breadcrumb-item+.breadcrumb-item,
.pingouin-global-breadcrumb .breadcrumb-item+.breadcrumb-item a {
color: var(--newdesign-text-secondary);
font-weight: 400;
}
.pingouin-global-breadcrumb .breadcrumb-item.active {
color: var(--newdesign-text-secondary);
font-weight: 400;
}
.pingouin-global-breadcrumb .breadcrumb-item+.breadcrumb-item::before {
content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='7' height='12' viewBox='0 0 7 12' fill='none'%3E%3Cpath d='M6.7075 5.65289L1.05375 11.3066L0 10.2529L4.6 5.65289L0 1.05289L1.05375 -0.000860214L6.7075 5.65289Z' fill='%230F4C4C'/%3E%3C/svg%3E");
vertical-align: middle;
}
.pingouin-global-breadcrumb .breadcrumb-item+.breadcrumb-item+.breadcrumb-item::before {
content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='7' height='12' viewBox='0 0 7 12' fill='none'%3E%3Cpath d='M6.7075 5.65289L1.05375 11.3066L0 10.2529L4.6 5.65289L0 1.05289L1.05375 -0.000860214L6.7075 5.65289Z' fill='%236B7280'/%3E%3C/svg%3E");
}
.pingouin-about-redesign .title-wrapper {
position: relative;
display: inline-block;
}
.pingouin-about-redesign .about-main-title {
font-family: 'Poppins', sans-serif;
color: var(--newdesign-text-primary);
font-size: 56px;
font-weight: 600;
margin-bottom: 0;
letter-spacing: -1px;
}
.pingouin-about-redesign .title-underline {
width: 65px;
height: 4px;
background-color: var(--newdesign-accent);
border-radius: 4px;
margin-top: 15px;
}
.pingouin-about-redesign .about-subtitle {
font-family: 'Poppins', sans-serif;
color: var(--newdesign-text-secondary);
max-width: 830px;
width: 100%;
font-size: 16px;
line-height: 1.6;
margin-top: 0px;
} .pingouin-about-redesign .about-features-row {
margin-top: 40px;
padding-top: 40px;
}
.pingouin-about-redesign .feature-col {
position: relative;
border-right: 1px solid rgba(0, 0, 0, 0.05);
}
.pingouin-about-redesign .feature-col:last-child,
.pingouin-about-redesign .feature-col.border-0 {
border-right: none;
}
.pingouin-about-redesign .about-feature-item {
text-align: center;
padding: 10px 20px;
display: flex;
flex-direction: column;
align-items: center;
}
.pingouin-about-redesign .afi-divider {
width: 30px;
height: 3px;
background-color: var(--newdesign-accent);
margin: 20px auto 25px;
border-radius: 2px;
}
.pingouin-about-redesign .afi-title {
font-weight: 600;
font-size: 15px;
color: var(--newdesign-text-primary);
line-height: 1.5;
margin: 0;
font-family: 'Poppins', sans-serif;
} .pingouin-about-redesign .discover-subtitle {
font-size: 16px;
color: var(--newdesign-text-secondary);
max-width: 500px;
font-weight: var(--font-weight-regular);
}
.pingouin-about-redesign .discover-subtitle span {
color: var(--newdesign-accent);
}
.pingouin-about-redesign .discover-card-link {
text-decoration: none !important;
display: block;
height: 100%;
}
.pingouin-about-redesign .discover-card {
background: var(--color-white);
border-radius: 8px;
overflow: hidden;
box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);
height: 100%;
display: flex;
flex-direction: column;
transition: transform 0.3s ease;
}
.pingouin-about-redesign .dc-img-wrap {
position: relative;
overflow: hidden;
}
.pingouin-about-redesign .dc-img-wrap img {
width: 100%;
height: 100%;
object-fit: cover;
transition: transform 0.5s ease;
}
.pingouin-about-redesign .discover-card-link:hover .dc-img-wrap .dc-icon-badge+img {
transform: scale(1.05);
}
.pingouin-about-redesign .dc-icon-badge {
position: absolute;
top: 20px;
left: 20px;
background: var(--color-white);
width: 48px;
height: 48px;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
color: var(--newdesign-accent);
z-index: 2;
box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
}
.pingouin-about-redesign .dc-icon-badge img {
width: 24px;
height: 24px;
object-fit: contain;
}
.pingouin-about-redesign .dc-content {
padding: 20px;
display: flex;
flex-direction: column;
flex-grow: 1;
}
.pingouin-about-redesign .dc-category {
color: var(--newdesign-accent);
font-size: 12px;
font-weight: 600;
margin-bottom: 10px;
}
.pingouin-about-redesign .dc-title {
font-size: 22px;
font-weight: 600;
color: var(--newdesign-text-primary);
margin-bottom: 10px;
}
.pingouin-about-redesign .dc-title-underline {
width: 40px;
height: 3px;
background-color: var(--newdesign-accent);
border-radius: 2px;
margin-bottom: 20px;
}
.pingouin-about-redesign .dc-desc {
color: var(--newdesign-text-secondary);
font-size: 14px;
line-height: 1.6;
margin-bottom: 25px;
flex-grow: 1;
}
.pingouin-about-redesign .dc-btn {
display: inline-flex;
align-items: center;
justify-content: center;
padding: 10px 20px;
border: 1px solid var(--theme-color);
border-radius: 8px;
color: var(--theme-color);
font-weight: 600;
font-size: 14px;
text-decoration: none;
transition: all 0.3s ease;
align-self: flex-start;
gap: 10px;
}
.pingouin-about-redesign .discover-card-link:hover .dc-btn,
.pingouin-about-redesign .dc-btn:hover {
background: var(--theme-color);
color: var(--color-white);
}
.pingouin-about-redesign .dc-btn i {
width: 16px;
height: 16px;
margin-left: 8px;
} .pingouin-about-redesign .values-section {
background-color: var(--newdesign-neturals-muted-bg);
padding-bottom: 80px;
}
.pingouin-about-redesign .values-subtitle {
font-size: 16px;
color: var(--newdesign-text-secondary);
max-width: 390px;
}
.pingouin-about-redesign .values-row {
margin-top: 40px;
}
.pingouin-about-redesign .value-col {
position: relative;
border-right: 1px solid var(--newdesign-neturals-border);
}
.pingouin-about-redesign .value-col:last-child,
.pingouin-about-redesign .value-col.border-0 {
border-right: none;
}
.pingouin-about-redesign .value-item {
background: transparent;
padding: 10px 15px;
}
.pingouin-about-redesign .vi-icon {
display: flex;
align-items: center;
justify-content: center;
margin-right: 15px;
flex-shrink: 0;
}
.pingouin-about-redesign .vi-icon img {
width: 70px;
}
.pingouin-about-redesign .vi-title {
font-weight: 600;
font-size: 15px;
color: var(--newdesign-text-primary);
margin-bottom: 4px;
}
.pingouin-about-redesign .vi-desc {
color: var(--newdesign-text-secondary);
font-size: 13px;
line-height: 1.5;
margin: 0;
}  .story-section {
padding: 60px 0 75px;
}
.story-label {
margin-bottom: 10px;
font-size: 13px;
font-weight: 600;
line-height: 1.4;
letter-spacing: 0.06em;
text-transform: uppercase;
color: #2FBF9F;
}
.story-title,
.journey-title {
margin: 0 0 18px;
color: #1C1C1E;
font-size: 32px;
font-weight: 600;
}
.story-intro,
.story-copy,
.story-outro {
color: #6B7280;
font-size: 18px;
font-weight: 500;
}
.story-intro {
display: inline-block;
max-width: 520px;
margin-bottom: 18px;
line-height: 1.65;
text-decoration: none;
}
.story-copy {
max-width: 540px;
margin-bottom: 0;
line-height: 1.55;
}
.story-copy p {
margin-bottom: 12px;
}
.story-copy p:last-child {
margin-bottom: 0;
}
.story-image-wrap {
height: 100%;
}
.story-image {
width: 100%;
height: auto;
min-height: 0;
object-fit: cover;
display: block;
}
.story-features {
margin: 40px 0;
max-width: 850px;
display: grid;
grid-template-columns: repeat(6, minmax(0, 1fr));
width: 100%;
justify-content: flex-start;
column-gap: 0;
align-items: start;
}
.story-feature-item {
min-width: 0;
padding: 14px 18px 12px;
text-align: center;
border-right: 1px solid #eceff3;
}
.story-feature-item:last-child {
border-right: 0;
}
.story-feature-icon {
width: 58px;
height: 58px;
margin-bottom: 8px;
object-fit: contain;
}
.story-feature-title {
margin: 0;
color: #1C1C1E;
font-size: 16px;
font-weight: 600;
line-height: 1.35;
}
.story-outro {
max-width: 760px !important;
margin: 0;
width: 100%;
line-height: 1.6;
}
.story-outro .highlight {
color: #2FBF9F;
} .journey-section {
padding: 75px 0;
}
.story-journey {
padding-bottom: 20px;
}
.journey-quote-icon {
width: 48px;
height: auto;
margin-bottom: 24px;
}
.journey-title {
margin-bottom: 24px;
}
.journey-description {
color: #6B7280;
font-size: 18px;
font-weight: 500;
line-height: 1.6;
margin-bottom: 30px;
}
.journey-link {
color: #2FBF9F;
font-size: 24px;
font-weight: 600;
text-decoration: none;
transition: opacity 0.3s ease;
}
.journey-link:hover {
opacity: 0.8;
} .history-section {
padding: 75px 0;
background-color: #ffffff;
}
.history-image-wrap {
max-width: 420px;
}
.timeline-wrapper {
padding-left: 30px;
}
.timeline-container {
position: relative;
padding-left: 60px;
}
.timeline-container::before {
content: '';
position: absolute;
left: 0;
top: 42px; bottom: 42px; width: 1px;
background-color: #eceff3;
}
.history-content .sec-description {
max-width: 388px !important;
width: 100%;
}
.timeline-item {
position: relative;
display: flex;
align-items: center;
margin-bottom: 140px;
}
.timeline-item:last-child {
margin-bottom: 0;
}
.timeline-item::before {
content: '';
position: absolute;
left: -65px;
top: 50%;
transform: translateY(-50%);
width: 12px;
height: 12px;
border-radius: 50px;
background-color: #2FBF9F;
} .pi-v5-modal .modal-content {
border: none !important;
border-radius: 8px !important;
overflow: hidden;
background: var(--color-white);
box-shadow: 0 25px 50px -12px rgba(15, 76, 76, 0.15) !important;
} .pi-v5-modal .row.g-0 {
display: flex;
min-height: 520px;
}
.pi-v5-side-panel {
background: var(--newdesign-brand-primary) !important; padding: 4rem 3rem !important;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
text-align: center;
position: relative;
overflow: hidden;
} .pi-v5-side-panel::before {
content: '';
position: absolute;
width: 200px;
height: 200px;
background: rgba(255, 255, 255, 0.05);
border-radius: 50%;
top: -50px;
right: -50px;
}
.pi-v5-logo {
height: auto;
margin-bottom: 2.5rem;
transition: transform 0.3s ease;
filter: brightness(0) invert(1); }
.pi-v5-illustration {
margin-bottom: 2rem;
position: relative;
z-index: 2;
}
.pi-v5-illustration img {
filter: drop-shadow(0 20px 30px rgba(0, 0, 0, 0.1));
}
.pi-v5-side-title {
color: var(--color-white) !important;
font-size: 28px;
font-weight: var(--font-weight-extra-bold);
line-height: 1.2;
margin-bottom: 1rem;
letter-spacing: -0.01em;
position: relative;
z-index: 2;
}
.pi-v5-side-text {
color: var(--color-white-92) !important;
font-size: 15px;
line-height: 1.6;
max-width: 260px;
position: relative;
z-index: 2;
}
.pi-v5-form-panel {
padding: 4rem 3.5rem !important;
background: var(--color-white);
display: flex;
flex-direction: column;
justify-content: center;
}
.pi-v5-form-icon-circle {
width: 60px;
height: 60px;
background: var(--newdesign-neturals-soft-bg);
border-radius: 8px;
display: flex;
align-items: center;
justify-content: center;
margin-bottom: 1.5rem;
color: var(--newdesign-brand-primary);
box-shadow: 0 4px 6px -1px rgba(15, 76, 76, 0.1);
}
.pi-v5-form-title {
color: var(--newdesign-text-primary);
font-weight: var(--font-weight-semi-bold);
font-size: 30px;
letter-spacing: -0.03em;
margin-bottom: 0.75rem;
}
.pi-v5-form-subtitle {
color: var(--newdesign-text-secondary);
font-size: 15px;
line-height: 1.5;
}
.pi-v5-input-group {
position: relative;
margin-bottom: 1.5rem;
}
.pi-v5-input-icon {
position: absolute;
left: 18px;
top: 50%;
transform: translateY(-50%);
color: var(--newdesign-text-muted);
pointer-events: none;
transition: all 0.3s ease;
}
.pi-v5-input {
width: 100% !important;
height: 60px !important;
padding-left: 54px !important;
border: 1.5px solid var(--newdesign-neturals-border) !important;
border-radius: 8px !important;
font-size: 16px !important;
font-weight: var(--font-weight-medium) !important;
color: var(--newdesign-text-primary) !important;
background: #fcfdfe !important;
transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
}
.pi-v5-input::placeholder {
color: var(--newdesign-text-muted);
font-weight: var(--font-weight-regular);
}
.pi-v5-input:focus {
background: var(--color-white) !important;
border-color: var(--newdesign-brand-primary) !important;
box-shadow: 0 0 0 4px rgba(15, 76, 76, 0.08) !important;
outline: none;
}
.pi-v5-input:focus+.pi-v5-input-icon {
color: var(--newdesign-brand-primary);
transform: translateY(-50%) scale(1.1);
}
.pi-v5-btn {
height: 60px;
background: var(--newdesign-brand-primary) !important;
border: none !important;
border-radius: 8px !important;
color: var(--color-white) !important;
font-weight: var(--font-weight-medium) !important;
font-size: 17px !important;
display: flex;
align-items: center;
justify-content: center;
gap: 12px;
width: 100%;
transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1) !important;
box-shadow: 0 10px 15px -3px rgba(15, 76, 76, 0.2) !important;
}
.pi-v5-btn:hover {
background: var(--newdesign-primary-dark) !important;
transform: translateY(-2px);
box-shadow: 0 20px 25px -5px rgba(15, 76, 76, 0.25) !important;
}
.pi-v5-btn:active {
transform: translateY(0);
}
.pi-v5-close-btn {
position: absolute;
top: 24px;
right: 24px;
width: 36px;
height: 36px;
background: var(--color-white);
border-radius: 8px;
display: flex;
align-items: center;
justify-content: center;
color: var(--newdesign-text-secondary);
cursor: pointer;
transition: all 0.3s ease;
z-index: 100;
border: 1px solid var(--newdesign-neturals-border);
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
}
.pi-v5-close-btn:hover {
background: #fee2e2;
color: var(--newdesign-status-error);
border-color: #fecaca;
transform: rotate(90deg);
}  #print_generalError {
margin-bottom: 0;
transition: all 0.3s ease;
} .v5-error-alert,
.pi-v5-error-alert,
.mb-v5-error-alert {
background: #fff5f5 !important;
border: 1px solid #feb2b2 !important;
color: #c53030 !important;
padding: 12px 16px !important;
border-radius: 8px !important;
font-size: 14px !important;
font-weight: 600 !important;
display: flex !important;
align-items: center !important;
gap: 10px !important;
text-align: left !important;
box-shadow: 0 4px 6px -1px rgba(197, 48, 48, 0.05) !important;
animation: v5-error-in 0.4s cubic-bezier(0.16, 1, 0.3, 1);
margin-bottom: 1.5rem;
}
.v5-error-alert svg,
.pi-v5-error-alert svg,
.mb-v5-error-alert svg {
flex-shrink: 0;
color: #e53e3e;
}
@keyframes v5-error-in {
from {
opacity: 0;
transform: translateY(-4px);
}
to {
opacity: 1;
transform: translateY(0);
}
} .pi-v5-input.error {
border-color: #ef4444 !important;
background-color: #fffafb !important;
box-shadow: 0 0 0 4px rgba(239, 68, 68, 0.08) !important;
} .pi-v5-input.error:focus {
border-color: #ef4444 !important;
box-shadow: 0 0 0 4px rgba(239, 68, 68, 0.15) !important;
} #print_bookingNumberError label.error {
color: #ef4444;
font-size: 13px;
font-weight: 500;
display: flex;
align-items: center;
gap: 6px;
width: 100%;
margin: 4px 0 0 0;
text-align: left;
background: transparent;
border: none;
padding: 0;
}
#print_bookingNumberError label.error:before {
content: '';
display: inline-block;
width: 14px;
height: 14px;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23ef4444' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cline x1='12' y1='8' x2='12' y2='12'%3E%3C/line%3E%3Cline x1='12' y1='16' x2='12.01' y2='16'%3E%3C/line%3E%3C/svg%3E");
background-size: contain;
background-repeat: no-repeat;
flex-shrink: 0;
}
@keyframes pi-error-in {
from {
opacity: 0;
transform: translateY(-12px);
}
to {
opacity: 1;
transform: translateY(0);
}
} .pl-v5-modal .modal-content {
border: none !important;
border-radius: 8px !important;
overflow: hidden;
background: var(--color-white);
box-shadow: 0 25px 50px -12px rgba(15, 76, 76, 0.15) !important;
}
.pl-v5-side-panel {
background: var(--newdesign-brand-primary) !important;
padding: 4rem 3rem !important;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
text-align: center;
position: relative;
overflow: hidden;
}
.pl-v5-side-panel::before {
content: '';
position: absolute;
top: -100px;
right: -100px;
width: 300px;
height: 300px;
background: rgba(255, 255, 255, 0.03);
border-radius: 50%;
z-index: 1;
}
.timeline-icon {
width: 84px;
height: 84px;
background: #ffffff;
border-radius: 50%;
box-shadow: 0 10px 40px rgba(0, 0, 0, 0.06);
display: flex;
align-items: center;
justify-content: center;
margin-right: 30px;
flex-shrink: 0;
z-index: 2;
}
.timeline-icon img {
width: 38px;
height: 38px;
object-fit: contain;
}
.timeline-year {
font-size: 13px;
font-weight: 600;
color: #2FBF9F;
margin-bottom: 6px;
letter-spacing: 0.02em;
}
.timeline-title {
font-size: 16px;
font-weight: 600;
color: #1C1C1E;
margin-bottom: 6px;
line-height: 1.3;
}
.timeline-desc {
font-size: 15px;
color: #6B7280;
margin: 0;
line-height: 1.5;
max-width: 320px;
} .who-we-are-section {
background-image: url(//car-rental-fr.lrdevteam.com/wp-content/themes/fleet-master/images/new/who-we-bg.jpg);
background-repeat: no-repeat;
background-size: cover;
background-position: center right 30%;
padding: 60px 0;
}
.who-we-are-section .sec-description {
max-width: 475px !important;
width: 100%;
margin-bottom: 24px;
}
.who-we-are-features {
padding: 80px 0;
background-color: #f9fafc;
}
.features-grid {
display: flex;
align-items: center;
justify-content: center;
max-width: 1200px;
margin: 0 auto;
}
.who-we-are-features .features-grid .feature-award-box {
display: flex;
flex-direction: row;
align-items: center;
flex: 1;
padding: 0 30px;
text-align: left;
}
.who-we-are-features .fi-icon-wrap {
align-items: center;
justify-content: center;
margin-right: 25px;
flex-shrink: 0;
}
.who-we-are-features .fi-icon-wrap img {
width: 80px;
height: 80px;
object-fit: contain; }
.who-we-are-features .fi-text {
font-size: 16px;
font-weight: 500;
color: #1C1C1E;
line-height: 1.35;
max-width: 260px;
margin: 0;
}
.feature-divider {
width: 1px;
height: 80px;
background-color: #ECECEF;
}
.who-we-are-vision-mission {
padding: 80px 0;
background-color: #fff;
}
.vm-grid {
display: flex;
align-items: flex-start;
justify-content: space-between;
gap: 50px;
}
.vm-item {
display: flex;
gap: 30px;
flex: 1;
}
.who-we-are-vision-mission .vm-icon-wrap {
width: 100px;
height: 100px;
display: flex;
align-items: center;
justify-content: center;
flex-shrink: 0;
}
.who-we-are-vision-mission .vm-icon-wrap img {
width: 88px;
height: 88px;
object-fit: contain;
}
.vm-label {
font-size: 14px;
font-weight: 600;
color: #2FBF9F;
letter-spacing: 0.05em;
margin-bottom: 8px;
text-transform: uppercase;
text-align: left;
}
.vm-title {
font-size: 26px;
font-weight: 600;
color: #1C1C1E;
margin-bottom: 12px;
text-align: left;
}
.vm-underline {
width: 100%;
max-width: 200px;
height: 4px;
background-color: #2FBF9F;
border-radius: 2px;
margin-bottom: 25px;
}
.vm-desc {
font-size: 16px;
color: #6B7280;
line-height: 1.6;
margin: 0;
text-align: left;
}
.vm-divider {
width: 1px;
height: 250px;
background-color: #ECECEF;
align-self: center;
} .who-we-are-values {
padding: 100px 0;
background-color: #f9fafc;
}
.values-header {
text-align: left;
margin-bottom: 60px;
}
.values-main-title {
font-size: 32px;
font-weight: 600;
color: #1C1C1E;
margin-top: 10px;
}
.values-nav-wrapper {
margin-bottom: 60px;
}
.values-nav-grid {
display: flex;
justify-content: space-between;
align-items: flex-start;
gap: 20px;
max-width: 100%;
margin: 0 auto;
}
.val-nav-item {
display: flex;
flex-direction: column;
align-items: center;
gap: 15px;
cursor: pointer;
transition: all 0.3s ease;
flex: 1;
}
.val-nav-icon {
width: 90px;
height: 90px;
background-color: #e5f4f1;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
transition: all 0.3s ease;
border: 2px solid transparent;
}
.val-nav-icon img {
width: 45px;
height: 45px;
object-fit: contain;
}
.val-nav-item span {
font-size: 15px;
font-weight: 600;
color: #1C1C1E;
}
.val-nav-item.active .val-nav-icon {
background-color: #fff;
border-color: #2FBF9F;
box-shadow: 0 10px 25px rgba(47, 191, 159, 0.15);
transform: translateY(-5px);
}
.val-nav-item:hover .val-nav-icon {
transform: translateY(-5px);
} .values-slider-container {
background-color: #fff;
border-radius: 4px;
padding: 40px;
}
.value-slide-inner {
display: flex;
align-items: center;
gap: 50px;
}
.values-slick-slider .slick-list {
padding-bottom: 10px !important;
}
.values-slick-slider {
margin-bottom: 0 !important;
}
.vs-left {
flex: 1;
display: flex;
align-items: center;
gap: 30px;
}
.vs-icon-wrap {
width: 100px;
height: 100px;
background-color: #e6f6f3;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
flex-shrink: 0;
}
.vs-icon-wrap img {
width: 55px;
height: 55px;
}
.vs-intro h4 {
font-size: 20px;
font-weight: 600;
color: #1C1C1E;
margin-bottom: 10px;
text-align: left;
}
.vs-intro p {
font-size: 16px;
color: #6B7280;
line-height: 1.5;
margin: 0;
text-align: left;
}
.vs-right {
flex: 1.2;
}
.vs-list {
list-style: none;
padding: 0;
margin: 0;
display: flex;
flex-direction: column;
gap: 15px;
}
.vs-list li {
position: relative;
padding-left: 40px;
font-size: 16px;
color: #1C1C1E;
font-weight: 500;
text-align: left;
line-height: 1.4;
}
.vs-list li::before {
content: '';
position: absolute;
left: 0;
top: 0;
width: 24px;
height: 24px;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Ccircle cx='12' cy='12' r='11' stroke='%232FBF9F' stroke-width='2'/%3E%3Cpath d='M8 12L11 15L16 9' stroke='%232FBF9F' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
background-repeat: no-repeat;
background-position: center;
} .values-slick-slider .slick-dots {
bottom: -80px;
}
.values-slick-slider .slick-dots li button:before {
font-size: 12px;
color: #D1D5DB;
opacity: 1;
}
.values-slick-slider .slick-dots li.slick-active button:before {
color: #2FBF9F;
}
.our-promise {
padding: 80px 0;
background-color: #f9fafc;
}
.promise-list {
display: flex;
flex-direction: column;
gap: 40px;
max-width: 800px;
}
.promise-item {
display: flex;
align-items: center;
gap: 30px;
}
.promise-icon {
width: 68px;
height: 68px;
background-color: #e5f4f1;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
flex-shrink: 0;
}
.promise-icon img {
width: 34px;
height: 34px;
object-fit: contain;
}
.promise-title {
font-size: 16px;
font-weight: 600;
color: #1C1C1E;
margin-bottom: 2px;
}
.promise-desc {
font-size: 14px;
color: #6B7280;
margin: 0;
line-height: 1.4;
} .our-commitment-hero {
background-image: url(//car-rental-fr.lrdevteam.com/wp-content/themes/fleet-master/images/new/commitment-web.jpg);
}
.commitment-award {
background-color: #f9fafc;
}
.award-card {
background: #ffffff;
padding: 50px 30px;
border-radius: 8px;
box-shadow: 0 10px 40px rgba(0, 0, 0, 0.05);
transition: transform 0.3s ease;
}
.recognition-box {
background: #ffffff;
padding: 50px 30px;
border-radius: 8px;
box-shadow: 0 3px 15px rgba(0, 0, 0, 0.01);
transition: transform 0.3s ease;
}
.recognition-content p {
color: #6B7280;
}
.award-card:hover {
transform: translateY(-5px);
}
.award-trophy {
width: 100%;
max-width: 240px;
height: auto;
}
.nonimi-text {
font-size: 22px;
font-weight: 600;
color: #2FBF9F;
}
.declared-text {
font-size: 18px;
color: #1C1C1E;
}
.award-year {
font-size: 22px;
font-weight: 600;
color: #2FBF9F;
}
.award-footer p {
margin-bottom: 2px;
line-height: 1.4;
}
.award-footer-secondary {
font-size: 20px;
font-weight: 600;
color: #6B7280;
}
.dedicate-text {
font-size: 18px;
font-weight: 600;
color: #2FBF9F;
}
.signature-line {
width: 60px;
height: 2px;
background-color: #2FBF9F;
} .commitment-action {
background-color: #f9fafc;
padding-bottom: 80px;
}
.action-mini-title {
font-size: 16px;
color: #6B7280;
font-weight: 500;
}
.action-main-title {
font-size: 32px;
font-weight: 600;
color: #1C1C1E;
}
.action-subtitle {
font-size: 18px;
color: #6B7280;
}
.action-grid-wrapper {
margin-top: 60px;
}
.action-row {
display: flex;
align-items: flex-start;
justify-content: center;
}
.top-row {
margin-bottom: 40px;
}
.bottom-row {
max-width: 800px;
margin: 0 auto;
}
.action-item {
flex: 1;
display: flex;
align-items: flex-start;
gap: 20px;
padding: 20px;
}
.ai-icon-wrap {
width: 70px;
height: 70px;
background-color: #e5f4f1;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
flex-shrink: 0;
}
.ai-icon-wrap img {
width: 35px;
height: 35px;
object-fit: contain;
}
.ai-content h4 {
font-size: 18px;
font-weight: 600;
color: #1C1C1E;
margin-bottom: 15px;
}
.ai-content p {
font-size: 16px;
color: #6B7280;
line-height: 1.5;
margin: 0;
}
.action-divider {
width: 1px;
height: 120px;
background-color: #E5E7EB;
align-self: center;
} .terms-hero {
background-color: #f0fbfa;
padding: 80px 0;
}
.terms-hero-content {
max-width: 800px;
margin: 0 auto;
}
.faq-hero-icon {
width: 64px;
height: 64px;
background-color: #e5f4f1;
border-radius: 50%;
display: inline-flex;
align-items: center;
justify-content: center;
margin: 0 auto 24px;
} .faq-still-help-section {
padding: 80px 0;
}
.faq-still-title {
font-size: 28px;
font-weight: 600;
color: #1c1c1e;
}
.faq-still-subtitle {
font-size: 16px;
color: #64748b;
}
.faq-support-card {
background: #ffffff;
border-radius: 8px;
padding: 30px 24px;
display: flex;
align-items: center;
gap: 20px;
box-shadow: 0 4px 20px rgba(0, 0, 0, 0.02);
transition: transform 0.2s, box-shadow 0.2s;
height: 100%;
}
.faq-support-card:hover {
transform: translateY(-2px);
box-shadow: 0 10px 30px rgba(15, 76, 76, 0.05);
}
.faq-support-icon {
width: 56px;
height: 56px;
background-color: #e5f4f1;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
flex-shrink: 0;
}
.faq-support-content {
flex: 1;
}
.faq-support-label {
font-size: 14px;
font-weight: 600;
color: #1c1c1e;
margin-bottom: 4px;
}
.faq-support-value {
font-size: 17px;
font-weight: 500;
margin-bottom: 4px;
color: #6B7280;
}
.faq-support-value a {
color: #6B7280 !important;
text-decoration: none !important;
font-weight: 500;
word-break: break-word;
}
.faq-support-value a:hover {
color: var(--theme-color) !important;
}
.faq-support-note {
font-size: 13px;
color: #6B7280;
}
.faq-section-title {
font-size: 28px;
font-weight: 600;
color: #1c1c1e;
}
.faq-topic-card {
background: #ffffff !important;
border: 1px solid #e2e8f0 !important;
border-radius: 8px !important;
padding: 30px 20px !important;
transition: all 0.3s ease !important;
display: flex !important;
flex-direction: column !important;
align-items: center !important;
justify-content: center !important;
height: 100% !important;
text-decoration: none !important;
box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02) !important;
}
.faq-topic-card:hover {
transform: translateY(-3px);
box-shadow: 0 10px 25px rgba(47, 191, 159, 0.08) !important;
border-color: #2fbf9f !important;
}
.faq-topic-card.active {
background: #f0fbfa !important;
border: 1.5px solid #2fbf9f !important;
}
.faq-nav-container {
max-width: 100% !important;
}
.faq-topic-icon-wrap {
width: 80px;
height: 80px;
display: flex;
align-items: center;
justify-content: center;
margin-bottom: 15px;
}
.faq-topic-icon {
max-width: 85px;
max-height: 85px;
object-fit: contain;
}
.faq-topic-name {
font-size: 16px !important;
font-weight: 600 !important;
color: #1c1c1e !important;
margin-top: 0 !important;
}
.faq-accordion-container {
background: #ffffff;
border-radius: 8px;
padding: 30px 24px;
box-shadow: 0 4px 20px rgba(0, 0, 0, 0.02);
}
.faq-accordion-header {
font-size: 20px;
font-weight: 600;
color: #1c1c1e;
margin-bottom: 24px;
}
.faq-accordion-item {
border: 1px solid transparent;
border-bottom: 1px solid #f1f5f9;
padding: 18px 20px !important;
transition: all 0.2s ease;
background: transparent;
}
.faq-accordion-item:last-child {
border-bottom: 1px solid #f1f5f9;
}
.faq-accordion-item.active {
border: 1px solid #2fbf9f !important;
background-color: #f0fbfa !important;
border-radius: 8px !important;
padding: 16px 20px !important;
margin: 12px 0;
}
.faq-accordion-btn {
display: flex;
align-items: center;
width: 100%;
text-align: left;
background: transparent !important;
border: none !important;
padding: 0 !important;
box-shadow: none !important;
gap: 16px;
color: #1c1c1e !important;
font-weight: 600 !important;
font-size: 16px !important;
cursor: pointer;
}
.faq-accordion-icon-wrap {
width: 24px;
height: 24px;
border-radius: 50%;
background-color: #6b7280;
color: #ffffff;
display: flex;
align-items: center;
justify-content: center;
flex-shrink: 0;
transition: all 0.2s ease;
} .faq-accordion-item .faq-icon-minus {
display: none;
}
.faq-accordion-item .faq-icon-plus {
display: block;
}
.faq-accordion-item.active .faq-accordion-icon-wrap {
background-color: #2fbf9f;
}
.faq-accordion-item.active .faq-icon-minus {
display: block;
}
.faq-accordion-item.active .faq-icon-plus {
display: none;
}
.faq-accordion-body {
padding: 0 0 0 20px;
color: #475569;
font-size: 15px;
line-height: 1.6;
margin-top: 10px;
}
.faq-accordion-body ol li {
margin-bottom: 10px;
}
.faq-accordion-body p {
margin-bottom: 0;
}
.terms-search-form {
max-width: 450px;
}
.ts-input-wrap .ts-icon {
left: 15px;
top: 50%;
transform: translateY(-50%);
color: #64748b;
}
.ts-input {
padding-left: 45px !important;
padding-right: 45px !important;
height: 48px !important;
border-radius: 8px !important;
border: 1px solid #e2e8f0 !important;
font-size: 15px !important;
color: #1e293b;
box-shadow: 0 2px 10px rgba(0, 0, 0, 0.02);
transition: border-color 0.2s, box-shadow 0.2s;
}
.ts-input:focus {
border-color: #31c3a6 !important;
box-shadow: 0 0 0 3px rgba(49, 195, 166, 0.15) !important;
outline: none !important;
}
.terms-buttons {
display: flex;
gap: 1rem;
}
.terms-btn-outline {
height: 48px;
padding: 0 20px;
border-radius: 8px;
background: #ffffff;
border: 1px solid #e2e8f0;
color: #1e293b;
font-weight: 500;
font-size: 15px;
transition: all 0.2s;
box-shadow: 0 2px 10px rgba(0, 0, 0, 0.02);
gap: 8px;
}
.terms-btn-outline:hover {
background: #f8fafc;
border-color: #cbd5e1;
color: #0c3e3e;
}
.ts-clear-btn {
right: 15px;
top: 50%;
transform: translateY(-50%);
color: #64748b;
cursor: pointer;
display: none;
align-items: center;
justify-content: center;
transition: color 0.2s;
z-index: 10;
}
.ts-clear-btn:hover {
color: #ef4444;
} .ts-results-box {
background: #ffffff;
border: 1px solid #e2e8f0;
border-radius: 8px;
box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05);
max-width: 800px;
margin: 20px auto 0;
overflow: hidden;
}
.ts-result-link {
display: flex;
justify-content: flex-start;
align-items: center;
position: relative;
padding: 16px 20px;
border-bottom: 1px solid #e2e8f0;
color: #0c3e3e !important;
text-decoration: none !important;
font-weight: 500;
font-size: 15px;
transition: all 0.2s;
}
.ts-result-link:last-child {
border-bottom: none;
}
.ts-result-link:hover {
background: #f8fafc;
color: #31c3a6 !important;
}
.ts-result-icon {
position: absolute;
right: 20px;
color: #64748b;
transition: transform 0.2s, color 0.2s;
}
.ts-result-link:hover .ts-result-icon {
transform: translateX(3px);
color: #31c3a6;
}
.ts-result-empty {
padding: 20px;
color: #64748b;
text-align: center;
font-size: 15px;
} .sticky-sidebar {
background: #ffffff !important;
border: 1px solid #e2e8f0 !important;
border-radius: 8px !important;
padding: 20px 20px !important;
box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02) !important;
position: sticky !important;
top: 100px !important;
}
.toc-title {
font-size: 18px !important;
font-weight: 600 !important;
color: #0c3e3e !important;
margin-bottom: 12px !important;
padding-left: 8px !important;
}
.sticky-sidebar .side-list {
list-style: none !important;
padding: 0 !important;
margin: 0 !important;
max-height: calc(100vh - 220px) !important;
overflow-y: auto !important;
background-color: transparent !important;
}
.sticky-sidebar .side-list li {
margin-bottom: 6px !important;
padding: 0 !important;
border: none !important;
}
.sticky-sidebar .side-list li a {
display: block !important;
padding: 10px 14px !important;
color: #475569 !important;
font-size: 14px !important;
font-weight: 500 !important;
border-radius: 8px !important;
border-left: 3px solid transparent !important;
text-decoration: none !important;
transition: all 0.2s ease !important;
}
.sticky-sidebar .side-list li.active a,
.sticky-sidebar .side-list li a:hover {
background-color: #eafaf5 !important;
color: #0c3e3e !important;
border-left: 3px solid #31c3a6 !important;
}
.terms-content * {
color: #6B7280;
}
.detail-title {
font-size: 22px !important;
font-weight: 600 !important;
color: #0c3e3e !important;
display: flex !important;
align-items: center !important;
gap: 16px !important;
margin-bottom: 20px !important;
}
.detail-title-num {
width: 48px;
height: 48px;
min-width: 48px;
background-color: #e5f4f1;
color: #31c3a6;
border-radius: 50%;
font-size: 18px;
font-weight: 600;
display: inline-flex;
align-items: center;
justify-content: center;
}
.detail-title-text {
color: #1e293b;
font-size: 22px;
font-weight: 600;
}
.terms-content p strong {
display: initial !important;
}
.terms-content p span b {
color: #6B7280 !important;
}
.terms-content h4,
.terms-content h5,
.terms-content p strong,
.terms-subheading,
.terms-subheading * {
display: block;
font-size: 16px !important;
font-weight: 600 !important;
color: #1e293b !important;
margin-top: 24px !important;
margin-bottom: 12px !important;
page-break-inside: avoid !important;
break-inside: avoid !important;
page-break-after: avoid !important;
break-after: avoid !important;
}
.terms-content ul,
.onlyPrintable ul {
background: #ffffff !important;
border: 1px solid #f0f3f6 !important;
border-radius: 8px !important;
box-shadow: 0 4px 20px rgba(0, 0, 0, 0.03) !important;
padding: 12px 12px !important;
margin: 16px 0 28px !important;
list-style-type: none !important;
page-break-inside: avoid !important;
break-inside: avoid !important;
}
.terms-content ul li,
.onlyPrintable ul li,
.terms-bullet-list li {
position: relative !important;
padding-left: 36px !important;
margin-bottom: 18px !important;
color: #6B7280 !important;
font-size: 15px !important;
line-height: 1.6 !important;
list-style-type: none !important;
}
.terms-content ul li:last-child,
.onlyPrintable ul li:last-child,
.terms-bullet-list li:last-child {
margin-bottom: 0 !important;
}
.terms-content ul li::before,
.onlyPrintable ul li::before,
.terms-bullet-list li::before {
content: "" !important;
position: absolute !important;
left: 0 !important;
top: 3px !important;
width: 22px !important;
height: 22px !important;
background-repeat: no-repeat !important;
background-size: contain !important;
}
.terms-content ul li::before,
.onlyPrintable ul li::before,
.terms-content ul li.term-li-check::before,
.onlyPrintable ul li.term-li-check::before,
.terms-bullet-list li.term-li-check::before {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%2331c3a6' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cpolyline points='8 12 11 15 16 9'%3E%3C/polyline%3E%3C/svg%3E") !important;
}
.terms-content ul li.term-li-cross::before,
.onlyPrintable ul li.term-li-cross::before,
.terms-bullet-list li.term-li-cross::before {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%23ef4444' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cline x1='15' y1='9' x2='9' y2='15'%3E%3C/line%3E%3Cline x1='9' y1='9' x2='15' y2='15'%3E%3C/line%3E%3C/svg%3E") !important;
}
.summary-table-data table {
background-color: #fff;
width: 100%;
}  .pl-v5-side-content {
position: relative;
z-index: 2;
width: 100%;
}
.pl-v5-logo {
height: auto;
margin-bottom: 2.5rem;
filter: brightness(0) invert(1);
}
.pl-v5-illustration {
margin-bottom: 2rem;
}
.pl-v5-illustration img {
filter: drop-shadow(0 20px 30px rgba(0, 0, 0, 0.1));
}
.pl-v5-side-title {
color: var(--color-white) !important;
font-size: 28px;
font-weight: var(--font-weight-extra-bold);
line-height: 1.2;
margin-bottom: 1rem;
letter-spacing: -0.01em;
}
.pl-v5-side-text {
color: var(--color-white-92) !important;
font-size: 15px;
line-height: 1.6;
max-width: 280px;
margin: 0 auto;
}
.pl-v5-form-panel {
padding: 4rem 3.5rem !important;
background: var(--color-white);
display: flex;
flex-direction: column;
justify-content: center;
}
.pl-v5-form-icon-circle {
width: 60px;
height: 60px;
background: var(--newdesign-neturals-soft-bg);
border-radius: 8px;
display: flex;
align-items: center;
justify-content: center;
margin: 0 auto 1.5rem;
color: var(--newdesign-brand-primary);
box-shadow: 0 4px 6px -1px rgba(15, 76, 76, 0.1);
}
.pl-v5-form-title {
color: var(--newdesign-text-primary);
font-weight: var(--font-weight-semi-bold);
font-size: 30px;
letter-spacing: -0.03em;
margin-bottom: 0.75rem;
}
.pl-v5-form-subtitle {
color: var(--newdesign-text-secondary);
font-size: 15px;
line-height: 1.5;
} .pl-v5-choice-grid {
display: flex;
flex-direction: column;
gap: 16px;
}
.pl-v5-choice-card {
background: #f8fafc !important;
border: 2px solid #e2e8f0;
border-radius: 8px;
padding: 12px;
display: flex;
align-items: center;
gap: 20px;
width: 100%;
text-align: left;
transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
cursor: pointer;
position: relative;
outline: none;
}
.pl-v5-choice-card:hover {
background: #fff;
border-color: var(--newdesign-brand-primary);
box-shadow: 0 10px 25px -5px rgba(15, 76, 76, 0.1);
}
.pl-v5-choice-icon {
width: 52px;
height: 52px;
background: var(--color-white) !important;
border-radius: 8px;
display: flex;
align-items: center;
justify-content: center;
color: var(--newdesign-brand-primary) !important;
box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.05);
transition: all 0.3s ease;
}
.pl-v5-choice-card:hover .pl-v5-choice-icon {
background: var(--newdesign-brand-primary) !important;
color: var(--color-white) !important;
}
.pl-v5-choice-info {
flex: 1;
}
.pl-v5-choice-label {
display: block;
font-size: 17px;
font-weight: 600;
color: var(--newdesign-text-primary);
margin-bottom: 2px;
}
.pl-v5-choice-desc {
display: block;
font-size: 14px;
color: var(--newdesign-text-secondary);
}
.pl-v5-choice-arrow {
color: #cbd5e1;
transition: all 0.3s ease;
}
.pl-v5-choice-card:hover .pl-v5-choice-arrow {
color: var(--newdesign-brand-primary);
transform: translateX(4px);
}
.pl-v5-close-btn {
position: absolute;
top: 24px;
right: 24px;
width: 36px;
height: 36px;
background: var(--color-white);
border-radius: 8px;
display: flex;
align-items: center;
justify-content: center;
color: var(--newdesign-text-secondary);
cursor: pointer;
transition: all 0.3s ease;
z-index: 100;
border: 1px solid var(--newdesign-neturals-border);
}
.pl-v5-close-btn:hover {
background: #fee2e2;
color: var(--newdesign-status-error);
border-color: #fecaca;
transform: rotate(90deg);
}  .sl-v5-modal .modal-content {
border: none !important;
border-radius: 8px !important;
overflow: hidden;
background: var(--color-white);
box-shadow: 0 25px 50px -12px rgba(15, 76, 76, 0.15) !important;
}
.sl-v5-side-panel {
background: var(--newdesign-brand-primary) !important;
padding: 4rem 3rem !important;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
text-align: center;
position: relative;
overflow: hidden;
}
.sl-v5-side-panel::before {
content: '';
position: absolute;
top: -100px;
right: -100px;
width: 300px;
height: 300px;
background: rgba(255, 255, 255, 0.03);
border-radius: 50%;
z-index: 1;
}
.sl-v5-side-content {
position: relative;
z-index: 2;
text-align: center;
}
.sl-v5-logo {
margin-bottom: 2.5rem;
filter: brightness(0) invert(1);
}
.sl-v5-illustration {
margin-bottom: 2rem;
}
.sl-v5-illustration img {
filter: drop-shadow(0 20px 30px rgba(0, 0, 0, 0.2));
}
.sl-v5-side-text {
color: var(--color-white-92) !important;
font-size: 15px;
line-height: 1.6;
max-width: 280px;
margin: 0 auto;
} .sl-v5-error-alert {
background: #fff5f5 !important;
border: 1px solid #feb2b2 !important;
color: #c53030 !important;
padding: 12px 16px !important;
border-radius: 8px !important;
font-size: 14px !important;
font-weight: 600 !important;
display: flex !important;
align-items: center !important;
gap: 10px !important;
text-align: left !important;
box-shadow: 0 4px 6px -1px rgba(197, 48, 48, 0.05) !important;
margin-bottom: 20px;
animation: sl-error-in 0.4s cubic-bezier(0.16, 1, 0.3, 1);
}
.sl-v5-error-alert svg {
flex-shrink: 0;
color: #e53e3e;
}
@keyframes sl-error-in {
from {
opacity: 0;
transform: translateY(-12px);
}
to {
opacity: 1;
transform: translateY(0);
}
}
.sl-v5-form-title {
color: var(--newdesign-text-primary);
font-weight: var(--font-weight-semi-bold);
font-size: 30px;
letter-spacing: -0.03em;
margin-bottom: 0.75rem;
}
.sl-v5-form-subtitle {
color: var(--newdesign-text-secondary);
font-size: 15px;
line-height: 1.5;
}
.sl-v5-form-group {
margin-bottom: 1.5rem;
position: relative;
} .sl-v5-input.error {
border-color: #ef4444 !important;
background-color: #fffafb !important;
box-shadow: 0 0 0 4px rgba(239, 68, 68, 0.08) !important;
}
.sl-v5-input.error:focus {
border-color: #ef4444 !important;
box-shadow: 0 0 0 4px rgba(239, 68, 68, 0.15) !important;
} .sl-v5-form-group label.error {
color: #ef4444;
font-size: 13px;
font-weight: 500;
display: flex;
align-items: center;
gap: 6px;
width: 100%;
margin: 4px 0 0 0;
text-align: left;
background: transparent;
border: none;
padding: 0;
}
.sl-v5-form-group label.error:before {
content: '';
display: inline-block;
width: 14px;
height: 14px;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23ef4444' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cline x1='12' y1='8' x2='12' y2='12'%3E%3C/line%3E%3Cline x1='12' y1='16' x2='12.01' y2='16'%3E%3C/line%3E%3C/svg%3E");
background-size: contain;
background-repeat: no-repeat;
flex-shrink: 0;
}
.sl-v5-form-panel {
padding: 4rem 3.5rem !important;
background: var(--color-white);
display: flex;
flex-direction: column;
justify-content: center;
position: relative;
}
.sl-v5-back-btn {
position: absolute;
top: 32px;
left: 40px;
background: transparent;
border: none;
display: flex;
align-items: center;
gap: 6px;
color: var(--newdesign-text-secondary);
font-weight: 600;
font-size: 14px;
padding: 0;
transition: all 0.3s ease;
cursor: pointer;
}
.sl-v5-back-btn:hover {
color: var(--newdesign-brand-primary);
transform: translateX(-4px);
}
.sl-v5-close-btn {
position: absolute;
top: 24px;
right: 24px;
width: 36px;
height: 36px;
background: #f8fafc;
border: 1px solid #e2e8f0;
border-radius: 8px;
display: flex;
align-items: center;
justify-content: center;
color: #64748b;
cursor: pointer;
transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
z-index: 100;
}
.sl-v5-close-btn:hover {
background: #fee2e2;
color: #ef4444;
border-color: #fecaca;
transform: rotate(90deg);
}
.sl-v5-form-icon-circle {
width: 64px;
height: 64px;
background: #f0fdfa;
border-radius: 8px;
display: flex;
align-items: center;
justify-content: center;
margin: 0 auto 1.5rem;
color: var(--newdesign-brand-primary);
box-shadow: 0 4px 12px rgba(15, 76, 76, 0.08);
}
.sl-v5-form-title {
color: #1e293b;
font-weight: 600;
font-size: 28px;
letter-spacing: -0.02em;
margin-bottom: 0.5rem;
}
.sl-v5-form-subtitle {
color: #64748b;
font-size: 15px;
}
.sl-v5-form-group {
margin-bottom: 1.5rem;
}
.sl-v5-label {
display: block;
font-size: 14px;
font-weight: 600;
color: #475569;
margin-bottom: 8px;
padding-left: 4px;
}
.sl-v5-input-wrapper {
position: relative;
display: flex;
align-items: center;
}
.sl-v5-input-icon {
position: absolute;
left: 16px;
color: #94a3b8;
transition: all 0.3s ease;
}
.sl-v5-input {
width: 100%;
height: 52px;
background: #f8fafc;
border: 2px solid #e2e8f0;
border-radius: 8px;
padding: 0 16px 0 48px;
font-size: 15px;
color: #1e293b;
transition: all 0.3s ease;
}
.sl-v5-input:focus {
background: #fff;
border-color: var(--newdesign-brand-primary);
box-shadow: 0 0 0 4px rgba(15, 76, 76, 0.05);
outline: none;
}
.sl-v5-input:focus+.sl-v5-input-icon,
.sl-v5-input-wrapper:focus-within .sl-v5-input-icon {
color: var(--newdesign-brand-primary);
}
.sl-v5-submit-btn {
width: 100%;
height: 60px;
background: var(--newdesign-brand-primary);
color: #fff;
border: none;
border-radius: 8px;
font-size: 17px;
font-weight: var(--font-weight-medium);
display: flex;
align-items: center;
justify-content: center;
gap: 12px;
cursor: pointer;
transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
box-shadow: 0 10px 15px -3px rgba(15, 76, 76, 0.2);
}
.sl-v5-submit-btn:hover {
background: #0d4242;
transform: translateY(-2px);
box-shadow: 0 20px 25px -5px rgba(15, 76, 76, 0.25);
}
.sl-v5-submit-btn:active {
transform: translateY(0);
}  .sl-v5-modal .modal-content {
border: none !important;
border-radius: 8px !important;
overflow: hidden;
background: var(--color-white);
box-shadow: 0 25px 50px -12px rgba(15, 76, 76, 0.15) !important;
}
.sl-v5-side-panel {
background: var(--newdesign-brand-primary) !important;
padding: 4rem 3rem !important;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
text-align: center;
position: relative;
overflow: hidden;
}
.sl-v5-side-panel::before {
content: '';
position: absolute;
top: -100px;
right: -100px;
width: 300px;
height: 300px;
background: rgba(255, 255, 255, 0.03);
border-radius: 50%;
z-index: 1;
}
.sl-v5-side-content {
position: relative;
z-index: 2;
width: 100%;
}
.sl-v5-logo {
height: auto;
margin-bottom: 2.5rem;
filter: brightness(0) invert(1);
}
.sl-v5-illustration {
margin-bottom: 2rem;
}
.sl-v5-illustration img {
filter: drop-shadow(0 20px 30px rgba(0, 0, 0, 0.1));
}
.sl-v5-side-text {
color: var(--color-white-92) !important;
font-size: 15px;
line-height: 1.6;
max-width: 280px;
margin: 0 auto;
}
.sl-v5-form-panel {
padding: 4rem 3.5rem !important;
background: var(--color-white);
display: flex;
flex-direction: column;
justify-content: center;
}
.sl-v5-form-icon-circle {
width: 60px;
height: 60px;
background: var(--newdesign-neturals-soft-bg);
border-radius: 8px;
display: flex;
align-items: center;
justify-content: center;
margin: 0 auto 1.5rem;
color: var(--newdesign-brand-primary);
box-shadow: 0 4px 6px -1px rgba(15, 76, 76, 0.1);
} .to-v5-modal .modal-content {
border: none !important;
border-radius: 8px !important;
overflow: hidden;
background: var(--color-white);
box-shadow: 0 25px 50px -12px rgba(15, 76, 76, 0.15) !important;
max-height: 90vh;
display: flex;
flex-direction: column;
}
.to-v5-modal .modal-body {
padding: 0 !important;
display: flex !important;
flex: 1 !important;
overflow: hidden !important;
}
.to-v5-modal .row.g-0 {
display: flex !important;
flex: 1 !important;
width: 100% !important;
margin: 0 !important;
}
.to-v5-side-panel {
background: var(--newdesign-brand-primary) !important;
padding: 4rem 3rem !important;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
text-align: center;
position: relative;
overflow: hidden !important; flex: 1;
height: 100%;
}
.to-v5-side-panel::before {
content: '';
position: absolute;
top: -100px;
right: -100px;
width: 300px;
height: 300px;
background: rgba(255, 255, 255, 0.03);
border-radius: 50%;
z-index: 1;
}
.to-v5-side-content {
position: relative;
z-index: 2;
text-align: center;
}
.to-v5-logo {
margin-bottom: 2.5rem;
filter: brightness(0) invert(1);
}
.to-v5-illustration {
margin-bottom: 2rem;
}
.to-v5-illustration img {
filter: drop-shadow(0 20px 30px rgba(0, 0, 0, 0.2));
}
.to-v5-side-title {
color: var(--color-white) !important;
font-size: 28px;
font-weight: var(--font-weight-extra-bold);
line-height: 1.2;
margin-bottom: 1rem;
letter-spacing: -0.01em;
}
.to-v5-side-text {
color: var(--color-white-92) !important;
font-size: 15px;
line-height: 1.6;
max-width: 280px;
margin: 0 auto;
}
.to-v5-form-panel {
padding: 4rem 3.5rem !important;
background: var(--color-white);
display: flex;
flex-direction: column;
justify-content: flex-start;
position: relative;
flex: 1.4;
height: 100%;
overflow-y: auto !important; scrollbar-width: thin;
scrollbar-color: var(--newdesign-brand-primary) #f1f5f9;
}
.to-v5-form-panel::-webkit-scrollbar {
width: 6px;
}
.to-v5-form-panel::-webkit-scrollbar-track {
background: #f1f5f9;
border-radius: 8px;
}
.to-v5-form-panel::-webkit-scrollbar-thumb {
background: var(--newdesign-brand-primary);
border-radius: 8px;
}
.to-v5-form-panel::-webkit-scrollbar-thumb:hover {
background: var(--newdesign-primary-dark);
}
.to-v5-close-btn {
position: absolute;
top: 24px;
right: 24px;
width: 36px;
height: 36px;
background: #f8fafc;
border: 1px solid #e2e8f0;
border-radius: 8px;
display: flex;
align-items: center;
justify-content: center;
color: #64748b;
cursor: pointer;
transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
z-index: 100;
}
.to-v5-close-btn:hover {
background: #fee2e2;
color: #ef4444;
border-color: #fecaca;
transform: rotate(90deg);
}
.to-v5-form-icon-circle {
width: 60px;
height: 60px;
background: var(--newdesign-neturals-soft-bg);
border-radius: 8px;
display: flex;
align-items: center;
justify-content: center;
margin: 0 auto 1.5rem;
color: var(--newdesign-brand-primary);
box-shadow: 0 4px 6px -1px rgba(15, 76, 76, 0.1);
}
.to-v5-form-title {
color: var(--newdesign-text-primary);
font-weight: var(--font-weight-semi-bold);
font-size: 28px;
letter-spacing: -0.03em;
margin-bottom: 0.5rem;
}
.to-v5-form-subtitle {
color: var(--newdesign-text-secondary);
font-size: 15px;
line-height: 1.5;
margin-bottom: 2rem;
}
.to-v5-form-group {
margin-bottom: 1.25rem;
position: relative;
}
.to-v5-label {
display: block;
font-size: 14px;
font-weight: 600;
color: var(--newdesign-text-primary);
margin-bottom: 8px;
padding-left: 4px;
}
.to-v5-input-wrapper {
position: relative;
}
.to-v5-input-icon {
position: absolute;
left: 18px;
top: 50%;
transform: translateY(-50%);
color: var(--newdesign-text-muted);
pointer-events: none;
transition: all 0.3s ease;
}
.to-v5-input {
width: 100% !important;
height: 54px !important;
padding-left: 50px !important;
padding-right: 20px !important;
border: 1.5px solid var(--newdesign-neturals-border) !important;
border-radius: 8px !important;
font-size: 15px !important;
font-weight: 500 !important;
color: var(--newdesign-text-primary) !important;
background: #fcfdfe !important;
transition: all 0.3s ease !important;
}
.to-v5-input:focus {
border-color: var(--newdesign-brand-primary) !important;
background: var(--color-white) !important;
box-shadow: 0 0 0 4px rgba(15, 76, 76, 0.08) !important;
outline: none !important;
} .to-v5-floating-group .to-v5-input-wrapper {
position: relative;
}
.to-v5-floating-group .to-v5-label {
position: absolute;
top: 27px;
left: 48px;
padding: 0 4px;
transform: translateY(-50%);
font-size: 15px;
font-weight: 500;
color: var(--newdesign-text-muted);
pointer-events: none;
transition: all 0.2s ease;
margin: 0 !important;
line-height: 1 !important;
background-color: transparent;
z-index: 10;
}
.to-v5-floating-group .to-v5-input:focus~.to-v5-label {
top: 0;
left: 16px;
font-size: 13px;
font-weight: 600;
color: var(--newdesign-brand-primary);
background-color: var(--color-white);
}
.to-v5-floating-group input.to-v5-input:not(:focus):not(:placeholder-shown)~.to-v5-label,
.to-v5-floating-group select.to-v5-input:not(:focus):valid~.to-v5-label {
top: 0;
left: 16px;
font-size: 13px;
font-weight: 600;
color: #64748b;
background-color: #fcfdfe;
}
.to-v5-floating-group.to-v5-always-float .to-v5-label {
top: 0 !important;
left: 16px !important;
font-size: 13px !important;
font-weight: 600 !important;
color: #64748b !important;
background-color: #fcfdfe !important;
}
.to-v5-floating-group.to-v5-always-float .to-v5-input:focus~.to-v5-label {
color: var(--newdesign-brand-primary) !important;
background-color: var(--color-white) !important;
} .to-v5-file-input-wrapper {
position: relative;
width: 100%;
}
.to-v5-input[type="file"] {
padding: 12px 12px 12px 50px !important;
line-height: 28px !important;
} .to-v5-error-alert {
background: #fff5f5 !important;
border: 1px solid #feb2b2 !important;
color: #c53030 !important;
padding: 12px 16px !important;
border-radius: 8px !important;
font-size: 14px !important;
font-weight: 600 !important;
display: flex !important;
align-items: center !important;
gap: 10px !important;
text-align: left !important;
box-shadow: 0 4px 6px -1px rgba(197, 48, 48, 0.05) !important;
margin-bottom: 20px;
animation: to-error-in 0.4s cubic-bezier(0.16, 1, 0.3, 1);
}
.to-v5-error-alert svg {
flex-shrink: 0;
color: #e53e3e;
}
@keyframes to-error-in {
from {
opacity: 0;
transform: translateY(-12px);
}
to {
opacity: 1;
transform: translateY(0);
}
} .to-v5-input.error {
border-color: #ef4444 !important;
background-color: #fffafb !important;
box-shadow: 0 0 0 4px rgba(239, 68, 68, 0.08) !important;
}
.to-v5-form-group label.error {
color: #ef4444;
font-size: 13px;
font-weight: 500;
display: flex;
align-items: center;
gap: 6px;
width: 100%;
margin: 4px 0 0 0;
text-align: left;
background: transparent;
border: none;
padding: 0;
}
.to-v5-form-group label.error:before {
content: '';
display: inline-block;
width: 14px;
height: 14px;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23ef4444' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cline x1='12' y1='8' x2='12' y2='12'%3E%3C/line%3E%3Cline x1='12' y1='16' x2='12.01' y2='16'%3E%3C/line%3E%3C/svg%3E");
background-size: contain;
background-repeat: no-repeat;
flex-shrink: 0;
}
.to-v5-submit-btn {
width: 100%;
height: 60px;
background: var(--newdesign-brand-primary);
color: #fff;
border: none;
border-radius: 8px;
font-size: 17px;
font-weight: var(--font-weight-medium);
display: flex;
align-items: center;
justify-content: center;
gap: 12px;
cursor: pointer;
transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
box-shadow: 0 10px 15px -3px rgba(15, 76, 76, 0.2);
}
.to-v5-submit-btn:hover {
background: var(--newdesign-primary-dark);
transform: translateY(-2px);
box-shadow: 0 20px 25px -5px rgba(15, 76, 76, 0.3);
}
.to-v5-login-prompt {
margin-top: 1.5rem;
text-align: center;
font-size: 14px;
color: var(--newdesign-text-secondary);
}
.to-v5-login-link {
color: var(--newdesign-brand-primary);
font-weight: 600;
text-decoration: none;
margin-left: 5px;
cursor: pointer;
}
.to-v5-login-link:hover {
text-decoration: underline;
}
.sl-v5-form-title {
color: var(--newdesign-text-primary);
font-weight: var(--font-weight-semi-bold);
font-size: 30px;
letter-spacing: -0.03em;
margin-bottom: 0.75rem;
}
.sl-v5-form-subtitle {
color: var(--newdesign-text-secondary);
font-size: 15px;
line-height: 1.5;
} .sl-v5-input-group {
width: 100%;
text-align: left;
}
.sl-v5-input-label {
display: block;
font-size: 14px;
font-weight: 600;
color: var(--newdesign-text-primary);
margin-bottom: 8px;
padding-left: 4px;
}
.sl-v5-input-wrapper {
position: relative;
width: 100%;
}
.sl-v5-input-icon {
position: absolute;
left: 18px;
top: 50%;
transform: translateY(-50%);
color: #94a3b8;
pointer-events: none;
transition: all 0.3s ease;
}
.sl-v5-input {
width: 100% !important;
height: 56px !important;
background: #f8fafc !important;
border: 2px solid #e2e8f0 !important;
border-radius: 8px !important;
padding: 0 20px 0 52px !important;
font-size: 16px !important;
color: var(--newdesign-text-primary) !important;
transition: all 0.3s ease !important;
}
.sl-v5-input:focus {
background: #fff !important;
border-color: var(--newdesign-brand-primary) !important;
box-shadow: 0 0 0 4px rgba(15, 76, 76, 0.08) !important;
outline: none !important;
}
.sl-v5-input:focus+.sl-v5-input-icon {
color: var(--newdesign-brand-primary);
} .sl-v5-submit-btn {
width: 100%;
height: 56px;
background: var(--newdesign-brand-primary);
color: var(--color-white);
border: none;
border-radius: 8px;
font-size: 17px;
font-weight: 600;
display: flex;
align-items: center;
justify-content: center;
gap: 12px;
cursor: pointer;
transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
box-shadow: 0 4px 6px -1px rgba(15, 76, 76, 0.2);
}
.sl-v5-submit-btn:hover {
background: #0c3d3d;
transform: translateY(-1px);
box-shadow: 0 10px 15px -3px rgba(15, 76, 76, 0.3);
}
.sl-v5-submit-btn:active {
transform: translateY(0);
}
.sl-v5-close-btn {
position: absolute;
top: 24px;
right: 24px;
width: 36px;
height: 36px;
background: var(--color-white);
border-radius: 8px;
display: flex;
align-items: center;
justify-content: center;
color: var(--newdesign-text-secondary);
cursor: pointer;
transition: all 0.3s ease;
z-index: 100;
border: 1px solid var(--newdesign-neturals-border);
}
.sl-v5-close-btn:hover {
background: #fee2e2;
color: var(--newdesign-status-error);
border-color: #fecaca;
transform: rotate(90deg);
}  .mb-v5-modal .modal-content {
border: none !important;
border-radius: 8px !important;
overflow: hidden;
background: var(--color-white);
box-shadow: 0 25px 50px -12px rgba(15, 76, 76, 0.15) !important;
}
.mb-v5-side-panel {
background: var(--newdesign-brand-primary) !important;
padding: 4rem 3rem !important;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
text-align: center;
position: relative;
overflow: hidden;
}
.mb-v5-side-panel::before {
content: '';
position: absolute;
top: -100px;
right: -100px;
width: 300px;
height: 300px;
background: rgba(255, 255, 255, 0.03);
border-radius: 50%;
z-index: 1;
}
.mb-v5-side-content {
position: relative;
z-index: 2;
width: 100%;
}
.mb-v5-logo {
margin-bottom: 2.5rem;
filter: brightness(0) invert(1);
}
.mb-v5-illustration {
margin-bottom: 2rem;
}
.mb-v5-illustration img {
filter: drop-shadow(0 20px 30px rgba(0, 0, 0, 0.2));
}
.mb-v5-side-title {
color: var(--color-white) !important;
font-size: 28px;
font-weight: 600;
line-height: 1.2;
margin-bottom: 1rem;
letter-spacing: -0.01em;
}
.mb-v5-side-text {
color: var(--color-white-92) !important;
font-size: 15px;
line-height: 1.6;
max-width: 280px;
margin: 0 auto;
}
.mb-v5-form-panel {
padding: 4rem 3.5rem !important;
background: var(--color-white);
display: flex;
flex-direction: column;
justify-content: center;
max-height: 90vh;
overflow-y: auto;
}
.mb-v5-form-panel::-webkit-scrollbar {
width: 6px;
}
.mb-v5-form-panel::-webkit-scrollbar-thumb {
background: #e2e8f0;
border-radius: 8px;
}
.mb-v5-form-icon-circle {
width: 64px;
height: 64px;
background: var(--newdesign-neturals-soft-bg);
border-radius: 8px;
display: flex;
align-items: center;
justify-content: center;
margin: 0 auto 1.5rem;
color: var(--newdesign-brand-primary);
box-shadow: 0 4px 6px -1px rgba(15, 76, 76, 0.1);
}
.mb-v5-form-title {
color: var(--newdesign-text-primary);
font-weight: 600;
font-size: 32px;
letter-spacing: -0.03em;
margin-bottom: 0.5rem;
}
.mb-v5-form-subtitle {
color: var(--newdesign-text-secondary);
font-size: 15px;
line-height: 1.5;
} .mb-v5-input-wrapper {
position: relative;
width: 100%;
}
.mb-v5-input-icon {
position: absolute;
left: 20px;
top: 50%;
transform: translateY(-50%);
color: #94a3b8;
pointer-events: none;
transition: all 0.3s ease;
}
.mb-v5-input {
width: 100% !important;
height: 60px !important;
background: #f8fafc !important;
border: 2.5px solid #e2e8f0 !important;
border-radius: 8px !important;
padding: 0 20px 0 56px !important;
font-size: 16px !important;
font-weight: 600 !important;
color: var(--newdesign-text-primary) !important;
transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
text-align: left !important;
}
.mb-v5-input:focus {
background: #fff !important;
border-color: var(--newdesign-brand-primary) !important;
box-shadow: 0 0 0 5px rgba(15, 76, 76, 0.08) !important;
outline: none !important;
}
.mb-v5-input:focus+.mb-v5-input-icon {
color: var(--newdesign-brand-primary);
}
.mb-v5-submit-btn {
width: 100%;
height: 56px;
background: var(--newdesign-brand-primary);
color: var(--color-white);
border: none;
border-radius: 8px;
font-size: 16px;
font-weight: 600;
cursor: pointer;
transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
box-shadow: 0 4px 12px rgba(15, 76, 76, 0.2);
display: flex;
align-items: center;
justify-content: center;
gap: 8px;
}
.mb-v5-submit-btn:hover {
background: #0c3d3d;
transform: translateY(-2px);
box-shadow: 0 10px 20px rgba(15, 76, 76, 0.3);
}
.mb-v5-secondary-btn {
width: 100%;
height: 56px;
background: #f1f5f9;
color: #475569;
border: none;
border-radius: 8px;
font-size: 16px;
font-weight: 600;
display: flex;
align-items: center;
justify-content: center;
transition: all 0.3s ease;
text-decoration: none !important;
gap: 8px;
}
.mb-v5-secondary-btn:hover {
background: #e2e8f0;
color: var(--newdesign-text-primary);
} .mb-v5-action-btns {
display: grid;
gap: 10px;
}
.mb-v5-action-btns.cols-2 {
grid-template-columns: 1fr 1fr;
}
.mb-v5-action-btns.cols-3 {
grid-template-columns: 1fr 1fr 1fr;
}
.mb-v5-outline-btn {
display: flex;
align-items: center;
justify-content: center;
gap: 8px;
height: 46px;
padding: 0 14px;
border: 1.5px solid var(--newdesign-neturals-border);
border-radius: 8px;
background: transparent;
color: var(--newdesign-text-secondary);
font-size: 14px;
font-weight: 600;
cursor: pointer;
transition: all 0.2s ease;
text-decoration: none !important;
white-space: nowrap;
}
.mb-v5-outline-btn:hover {
border-color: var(--newdesign-brand-primary);
color: var(--newdesign-brand-primary);
background: rgba(15, 76, 76, 0.04);
}
@media (max-width: 576px) {
.mb-v5-action-btns.cols-3 {
grid-template-columns: 1fr;
}
.mb-v5-action-btns.cols-2 {
grid-template-columns: 1fr;
}
} .mb-v5-divider {
display: flex;
align-items: center;
text-align: center;
color: #cbd5e1;
}
.mb-v5-divider::before,
.mb-v5-divider::after {
content: '';
flex: 1;
border-bottom: 1.5px solid #f1f5f9;
}
.mb-v5-divider span {
padding: 0 15px;
font-size: 12px;
font-weight: 600;
text-transform: uppercase;
letter-spacing: 0.1em;
} .mb-v5-action-card {
background: #fff;
border: 1.5px solid #f1f5f9;
border-radius: 8px;
padding: 1.5rem;
text-align: left;
transition: all 0.3s ease;
height: 100%;
display: flex;
flex-direction: column;
}
.mb-v5-action-card:hover {
border-color: #e2e8f0;
box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.05);
}
.mb-v5-action-card.accent-green {
background: #f0fdf4;
border-color: #dcfce7;
}
.mb-v5-action-card.accent-blue {
background: #f0f7ff;
border-color: #e1e9f4;
}
.mb-v5-card-header {
display: flex;
align-items: center;
gap: 12px;
margin-bottom: 0.75rem;
}
.mb-v5-card-icon {
width: 40px;
height: 40px;
background: #fff;
border-radius: 8px;
display: flex;
align-items: center;
justify-content: center;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
}
.accent-green .mb-v5-card-icon {
color: #10b981;
}
.accent-blue .mb-v5-card-icon {
color: #3b82f6;
}
.mb-v5-card-title {
font-size: 16px;
font-weight: 600;
color: var(--newdesign-text-primary);
margin: 0;
}
.mb-v5-card-desc {
font-size: 13px;
color: var(--newdesign-text-secondary);
line-height: 1.4;
margin-bottom: 1.25rem;
flex-grow: 1;
}
.mb-v5-card-btn {
width: 100%;
height: 40px;
background: var(--newdesign-brand-primary);
color: #fff;
border: none;
border-radius: 8px;
font-size: 13px;
font-weight: 600;
cursor: pointer;
transition: all 0.3s ease;
}
.mb-v5-card-btn.mini {
height: 36px;
padding: 0 16px;
width: auto;
text-decoration: none !important;
display: flex;
align-items: center;
justify-content: center;
}
.mb-v5-card-btn.outline {
background: transparent;
border: 1.5px solid #ef4444;
color: #ef4444;
}
.mb-v5-card-btn:hover {
background: #0c3d3d;
}
.mb-v5-card-btn.outline:hover {
background: #fef2f2;
border-color: #ef4444;
color: #ef4444;
} .mb-v5-tip-box {
background: #fff9eb;
border: 1.5px solid #fef3c7;
border-radius: 8px;
padding: 1.25rem;
display: flex;
gap: 15px;
align-items: center;
text-align: left;
}
.mb-v5-tip-icon {
width: 44px;
height: 44px;
background: #fff;
border-radius: 8px;
display: flex;
align-items: center;
justify-content: center;
color: #d97706;
flex-shrink: 0;
box-shadow: 0 4px 6px -1px rgba(217, 119, 6, 0.1);
}
.mb-v5-tip-title {
font-size: 15px;
font-weight: 600;
color: #92400e;
margin-bottom: 2px;
}
.mb-v5-tip-text {
font-size: 13px;
color: #b45309;
margin: 0;
line-height: 1.4;
} .mb-v5-close-btn {
position: absolute;
top: 24px;
right: 24px;
width: 36px;
height: 36px;
background: #fff;
border: 1.5px solid #f1f5f9;
border-radius: 8px;
display: flex;
align-items: center;
justify-content: center;
color: #64748b;
cursor: pointer;
transition: all 0.3s ease;
z-index: 100;
}
.mb-v5-close-btn:hover {
background: #fee2e2;
color: #ef4444;
border-color: #fecaca;
transform: rotate(90deg);
}
.mb-v5-footer-text {
font-size: 13px;
color: #94a3b8;
font-weight: 500;
}  .lg-v5-modal .modal-content {
border: none !important;
border-radius: 8px !important;
overflow: hidden;
background: var(--color-white);
box-shadow: 0 25px 50px -12px rgba(15, 76, 76, 0.15) !important;
}
.lg-v5-side-panel {
background: var(--newdesign-brand-primary) !important;
padding: 4rem 3rem !important;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
text-align: center;
position: relative;
overflow: hidden;
}
.lg-v5-side-panel::before {
content: '';
position: absolute;
top: -100px;
right: -100px;
width: 300px;
height: 300px;
background: rgba(255, 255, 255, 0.03);
border-radius: 50%;
z-index: 1;
}
.lg-v5-side-content {
position: relative;
z-index: 2;
width: 100%;
}
.lg-v5-side-panel .lg-v5-logo,
.pl-v5-side-panel .pl-v5-logo,
.sl-v5-side-panel .sl-v5-logo,
.to-v5-side-panel .to-v5-logo {
filter: brightness(0) invert(1);
}
.lg-v5-logo,
.pl-v5-logo,
.sl-v5-logo,
.to-v5-logo {
margin-bottom: 2rem;
}
.lg-v5-illustration {
margin-bottom: 2rem;
}
.lg-v5-illustration img {
filter: drop-shadow(0 20px 30px rgba(0, 0, 0, 0.2));
}
.lg-v5-side-title {
color: var(--color-white) !important;
font-size: 28px;
font-weight: var(--font-weight-extra-bold);
line-height: 1.2;
margin-bottom: 1rem;
letter-spacing: -0.01em;
position: relative;
z-index: 2;
}
.lg-v5-side-text {
color: var(--color-white-92) !important;
font-size: 15px;
line-height: 1.6;
max-width: 280px;
margin: 0 auto;
}
.lg-v5-form-panel {
padding: 4rem 3.5rem !important;
background: var(--color-white);
display: flex;
flex-direction: column;
justify-content: center;
position: relative;
}
.lg-v5-close-btn {
position: absolute;
top: 24px;
right: 24px;
width: 36px;
height: 36px;
background: #f8fafc;
border: 1px solid #e2e8f0;
border-radius: 8px;
display: flex;
align-items: center;
justify-content: center;
color: #64748b;
cursor: pointer;
transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
z-index: 100;
}
.lg-v5-close-btn:hover {
background: #fee2e2;
color: #ef4444;
border-color: #fecaca;
transform: rotate(90deg);
}
.lg-v5-form-icon-circle {
width: 64px;
height: 64px;
background: var(--newdesign-neturals-soft-bg);
border-radius: 8px;
display: flex;
align-items: center;
justify-content: center;
margin: 0 auto 1.5rem;
color: var(--newdesign-brand-primary);
box-shadow: 0 4px 6px -1px rgba(15, 76, 76, 0.1);
}
.lg-v5-form-title {
color: var(--newdesign-text-primary);
font-weight: var(--font-weight-semi-bold);
font-size: 30px;
letter-spacing: -0.03em;
margin-bottom: 0.75rem;
}
.lg-v5-form-subtitle {
color: var(--newdesign-text-secondary);
font-size: 15px;
line-height: 1.5;
margin-bottom: 2rem;
}
.lg-v5-form-group {
margin-bottom: 1.5rem;
text-align: left;
}
.lg-v5-label {
display: block;
font-size: 14px;
font-weight: var(--font-weight-semi-bold);
color: var(--newdesign-text-primary);
margin-bottom: 8px;
padding-left: 4px;
}
.lg-v5-label .required {
color: #ef4444;
margin-left: 2px;
font-weight: bold;
}
.lg-v5-input-wrapper {
position: relative;
width: 100%;
}
.lg-v5-input-icon {
position: absolute;
left: 20px;
top: 50%;
transform: translateY(-50%);
color: #94a3b8;
pointer-events: none;
transition: all 0.3s ease;
}
.lg-v5-input {
width: 100% !important;
height: 60px !important;
background: #fcfdfe !important;
border: 1.5px solid var(--newdesign-neturals-border) !important;
border-radius: 8px !important;
padding: 0 20px 0 54px !important;
font-size: 16px !important;
font-weight: var(--font-weight-medium) !important;
color: var(--newdesign-text-primary) !important;
transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
}
.lg-v5-input:focus {
background: var(--color-white) !important;
border-color: var(--newdesign-brand-primary) !important;
box-shadow: 0 0 0 4px rgba(15, 76, 76, 0.08) !important;
outline: none !important;
} .lg-v5-floating-group {
position: relative;
}
.lg-v5-floating-group .lg-v5-label {
position: absolute;
top: 25px;
left: 16px;
padding: 0 4px;
transform: translateY(-50%);
font-size: 15px;
font-weight: 500;
color: #64748b;
pointer-events: none;
transition: all 0.2s ease;
margin: 0 !important;
line-height: 1 !important;
background-color: transparent;
z-index: 10;
}
.lg-v5-floating-group .lg-v5-input {
padding-left: 20px !important;
}
.lg-v5-floating-group .lg-v5-input:focus~.lg-v5-label,
.lg-v5-floating-group .lg-v5-input:not(:placeholder-shown)~.lg-v5-label {
top: 0;
font-size: 13px;
font-weight: 600;
color: var(--newdesign-brand-primary);
background-color: #fcfdfe;
}
.lg-v5-floating-group .lg-v5-input:not(:focus):not(:placeholder-shown)~.lg-v5-label {
color: #64748b;
}
.lg-v5-input.error {
border-color: #ef4444 !important;
background-color: #fffafb !important;
box-shadow: 0 0 0 4px rgba(239, 68, 68, 0.08) !important;
}
.lg-v5-input.error:focus {
border-color: #ef4444 !important;
box-shadow: 0 0 0 4px rgba(239, 68, 68, 0.15) !important;
}
.lg-v5-input:focus+.lg-v5-input-icon {
color: var(--newdesign-brand-primary);
}
.lg-v5-submit-btn {
width: 100%;
height: 60px;
background: var(--newdesign-brand-primary) !important;
color: var(--color-white) !important;
border: none !important;
border-radius: 8px !important;
font-size: 17px !important;
font-weight: var(--font-weight-medium) !important;
cursor: pointer;
transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1) !important;
box-shadow: 0 10px 15px -3px rgba(15, 76, 76, 0.2) !important;
display: flex;
align-items: center;
justify-content: center;
gap: 12px;
}
.lg-v5-submit-btn:hover {
background: var(--newdesign-primary-dark) !important;
transform: translateY(-2px);
box-shadow: 0 20px 25px -5px rgba(15, 76, 76, 0.25) !important;
}
.lg-v5-submit-btn:active {
transform: translateY(0);
}
.lg-v5-helper-links {
margin-top: 1.5rem;
display: flex;
justify-content: space-between;
align-items: center;
font-size: 14px;
}
.lg-v5-link {
color: var(--newdesign-brand-primary);
font-weight: 600;
text-decoration: none;
cursor: pointer;
transition: all 0.2s ease;
}
.lg-v5-link:hover {
color: var(--newdesign-primary-dark);
text-decoration: underline;
}
.lg-v5-register-prompt {
margin-top: 2rem;
padding-top: 1.5rem;
border-top: 1px solid #f1f5f9;
font-size: 14px;
color: var(--newdesign-text-secondary);
} .lg-v5-alert {
padding: 12px 16px !important;
border-radius: 8px !important;
margin-bottom: 1.5rem !important;
font-size: 14px !important;
font-weight: var(--font-weight-semi-bold) !important;
display: flex !important;
align-items: center !important;
gap: 10px !important;
text-align: left !important;
animation: lg-v5-slide-down 0.4s cubic-bezier(0.16, 1, 0.3, 1);
}
.lg-v5-alert-success {
background: #f0fdf4 !important;
color: #166534 !important;
border: 1px solid #bbf7d0 !important;
box-shadow: 0 4px 6px -1px rgba(22, 101, 52, 0.05) !important;
}
.lg-v5-alert-error {
background: #fff5f5 !important;
color: #c53030 !important;
border: 1px solid #feb2b2 !important;
box-shadow: 0 4px 6px -1px rgba(197, 48, 48, 0.05) !important;
}
@keyframes lg-v5-slide-down {
from {
opacity: 0;
transform: translateY(-10px);
}
to {
opacity: 1;
transform: translateY(0);
}
} .lg-v5-field-error {
color: #ef4444;
font-size: 13px;
font-weight: 500;
display: flex;
align-items: center;
gap: 6px;
width: 100%;
margin: 6px 0 0 0;
animation: lg-v5-slide-down 0.3s ease;
}
.lg-v5-field-error::before {
content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%23ef4444' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cline x1='12' y1='8' x2='12' y2='12'%3E%3C/line%3E%3Cline x1='12' y1='16' x2='12.01' y2='16'%3E%3C/line%3E%3C/svg%3E");
display: inline-block;
vertical-align: middle;
}
.lg-v5-field-error label.error {
margin: 0 !important;
}
.app-input.error,
.select2-container.error .select2-selection,
.pingouin-my-account-redesign-modal .app-input.error,
.pingouin-my-account-redesign-modal input.app-input.error,
.pingouin-my-account-redesign-modal select.app-input.error,
.pingouin-my-account-redesign-modal .select2-container.error .select2-selection {
border-color: #ef4444 !important;
}
.sr-v5-modal .modal-content {
border: none !important;
border-radius: 8px !important;
overflow: hidden;
background: var(--color-white);
box-shadow: 0 25px 50px -12px rgba(15, 76, 76, 0.15) !important;
}
.sr-v5-side-panel {
background: var(--newdesign-brand-primary) !important;
padding: 3rem 2.5rem !important;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
text-align: center;
position: relative;
overflow: hidden;
}
.sr-v5-side-panel::after {
content: '';
position: absolute;
bottom: -50px;
left: -50px;
width: 200px;
height: 200px;
background: rgba(255, 255, 255, 0.04);
border-radius: 50%;
}
.sr-v5-side-title {
color: var(--color-white) !important;
font-size: 26px;
font-weight: var(--font-weight-extra-bold);
line-height: 1.3;
margin-bottom: 1.25rem;
letter-spacing: -0.02em;
}
.sr-v5-side-text {
color: var(--color-white-92) !important;
font-size: 14px;
line-height: 1.6;
margin-bottom: 2rem;
}
.sr-v5-form-panel {
padding: 3rem 3rem !important;
background: var(--color-white);
max-height: 90vh;
overflow-y: auto;
}
.sr-v5-logo {
display: block;
margin-left: auto;
margin-right: auto;
}
.sr-v5-close-btn {
position: absolute;
top: 20px;
right: 20px;
width: 32px;
height: 32px;
background: #f8fafc;
border: 1px solid #e2e8f0;
border-radius: 8px;
display: flex;
align-items: center;
justify-content: center;
color: #64748b;
cursor: pointer;
transition: all 0.3s ease;
z-index: 10;
}
.sr-v5-close-btn:hover {
background: #fee2e2;
color: #ef4444;
border-color: #fecaca;
transform: scale(1.1);
}
.sr-v5-form-title {
color: var(--newdesign-text-primary);
font-weight: var(--font-weight-bold);
font-size: 36px;
letter-spacing: -0.02em;
margin-bottom: 0.75rem;
}
.sr-v5-form-subtitle {
color: var(--newdesign-text-secondary);
font-size: 18px;
line-height: 1.5;
}
.sr-v5-form-group {
margin-bottom: 1.25rem;
}
.sr-v5-label {
display: block;
font-size: 14px;
font-weight: var(--font-weight-semi-bold);
color: var(--newdesign-text-primary);
margin-bottom: 8px;
padding-left: 4px;
}
.sr-v5-input-wrapper {
position: relative;
}
.sr-v5-input-icon {
position: absolute;
left: 16px;
top: 50%;
transform: translateY(-50%);
color: #94a3b8;
pointer-events: none;
transition: color 0.3s ease;
}
.sr-v5-input-icon svg {
width: 20px;
height: 20px;
}
.sr-v5-input {
width: 100% !important;
height: 60px !important;
background: #f8fafc !important;
border: 1.5px solid #e2e8f0 !important;
border-radius: 8px !important;
padding: 0 16px 0 52px !important;
font-size: 15px !important;
font-weight: var(--font-weight-medium) !important;
color: var(--newdesign-text-primary) !important;
transition: all 0.3s ease !important;
}
.sr-v5-input:focus {
background: var(--color-white) !important;
border-color: var(--newdesign-brand-primary) !important;
box-shadow: 0 0 0 4px rgba(15, 76, 76, 0.06) !important;
outline: none !important;
}
.sr-v5-input:focus+.sr-v5-input-icon {
color: var(--newdesign-brand-primary);
}
.sr-v5-submit-btn {
width: 100%;
height: 64px;
background: var(--newdesign-brand-primary) !important;
color: var(--color-white) !important;
border: none !important;
border-radius: 8px !important;
font-size: 18px !important;
font-weight: var(--font-weight-bold) !important;
cursor: pointer;
transition: all 0.3s ease !important;
box-shadow: 0 10px 15px -3px rgba(15, 76, 76, 0.15) !important;
display: flex;
align-items: center;
justify-content: center;
gap: 10px;
}
.sr-v5-submit-btn:hover {
background: var(--newdesign-primary-dark) !important;
transform: translateY(-2px);
box-shadow: 0 15px 25px -5px rgba(15, 76, 76, 0.2) !important;
}
.sr-v5-age-options {
display: flex;
gap: 12px;
margin-top: 4px;
}
.sr-v5-age-option {
flex: 1;
position: relative;
}
.sr-v5-age-option input {
position: absolute;
opacity: 0;
cursor: pointer;
}
.sr-v5-age-label {
display: flex;
align-items: center;
justify-content: center;
height: 52px;
background: #f1f5f9;
border: 1.5px solid #e2e8f0;
border-radius: 8px;
font-size: 15px;
font-weight: var(--font-weight-semi-bold);
color: var(--newdesign-text-secondary);
cursor: pointer;
transition: all 0.2s ease;
}
.sr-v5-age-option input:checked+.sr-v5-age-label {
background: #f0fdfa;
border-color: var(--newdesign-brand-primary);
color: var(--newdesign-brand-primary);
}
.required {
color: #ff0000 !important;
margin-left: 4px !important;
font-weight: bold;
}
.lg-v5-input.error,
.mb-v5-input.error,
.pi-v5-input.error,
.to-v5-input.error,
.sl-v5-input.error,
.pl-v5-input.error,
.sr-v5-input.error {
border-color: #ff0000 !important;
background-color: #fff5f5 !important;
box-shadow: 0 0 0 4px rgba(239, 68, 68, 0.1) !important;
}
label.error {
color: #ff0000 !important;
font-size: 12px !important;
font-weight: 500 !important;
margin-top: 5px !important;
display: block;
}
.lg-v5-side-panel .lg-v5-logo,
.pl-v5-side-panel .pl-v5-logo,
.sl-v5-side-panel .sl-v5-logo,
.to-v5-side-panel .to-v5-logo,
.pi-v5-side-panel .pi-v5-logo,
.mb-v5-side-panel .mb-v5-logo,
.sr-v5-side-panel .sr-v5-logo {
filter: brightness(0) invert(1) !important;
}
.lg-v5-logo,
.pl-v5-logo,
.sl-v5-logo,
.to-v5-logo,
.pi-v5-logo,
.mb-v5-logo,
.sr-v5-logo {
margin-bottom: 2rem;
filter: none;
}
.lg-v5-input-icon svg,
.pl-v5-input-icon svg,
.sl-v5-input-icon svg,
.to-v5-input-icon svg {
color: #94a3b8;
}
.sr-v5-date-group {
display: grid;
grid-template-columns: 1fr 110px;
gap: 10px;
}
.sr-v5-info-badge {
display: inline-flex;
align-items: center;
gap: 8px;
background: #f0fdfa;
padding: 8px 16px;
border-radius: 100px;
color: var(--newdesign-brand-primary);
font-size: 13px;
font-weight: 600;
margin-top: 4px;
}
.sr-v5-checkbox-wrapper .custom-control-input:checked~.custom-control-label::before {
background-color: var(--newdesign-brand-primary) !important;
border-color: var(--newdesign-brand-primary) !important;
}
.sr-v5-checkbox-wrapper .custom-control-label::before {
border-radius: 6px !important;
width: 20px !important;
height: 20px !important;
border: 1.5px solid #cbd5e1 !important;
background-color: #f8fafc !important;
top: 2px !important;
}
.sr-v5-checkbox-wrapper .custom-control-label::after {
width: 20px !important;
height: 20px !important;
top: 2px !important;
}
.sr-v5-age-options {
display: flex;
gap: 10px;
}
.sr-v5-payment-methods p {
letter-spacing: 0.5px;
text-transform: uppercase;
}
.sr-v5-payment-methods svg {
transition: transform 0.2s;
} .sr-v5-payment-methods svg:hover {
transform: translateY(-2px);
} .fleet-page-wrapper {
background-color: #f9fafb;
padding: 80px 0;
background-image: url(//car-rental-fr.lrdevteam.com/wp-content/themes/fleet-master/images/new/fleet-bg.jpg);
background-repeat: no-repeat;
background-size: cover;
background-position: center right;
}
.fleet-hero-header {
padding-bottom: 0;
}
.fleet-hero-title {
font-family: 'Poppins', sans-serif;
font-size: 36px;
font-weight: 600;
color: #1e293b;
margin-bottom: 10px;
}
.fleet-hero-underline {
margin: 0;
width: 60px;
height: 3px;
background-color: #2cc2ab;
}
.fleet-hero-subtitle {
margin-top: 20px;
font-size: 1.1rem;
color: #6b7280;
}
.fleet-hero-features-row {
margin-top: 30px;
display: flex;
flex-wrap: wrap;
gap: 65px;
}
.fleet-hero-feature-col {
flex: 0 0 auto;
border: none;
padding-left: 0;
}
.fleet-hero-feature-item {
display: flex;
flex-direction: row;
align-items: center;
text-align: left;
gap: 15px;
padding: 0;
background: transparent;
}
.fleet-hero-icon {
background: #e5f4f1;
width: 65px;
height: 65px;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
margin-bottom: 0;
flex-shrink: 0;
}
.fleet-hero-icon img {
width: 28px;
}
.fleet-hero-text {
margin: 0;
font-size: 16px;
font-weight: 600;
color: var(--theme-color);
line-height: 1.3;
}
.fleet-hero-content-section {
padding-top: 20px !important;
}  .bg-light-gray {
background-color: #f9fafb;
}
body>main>section.fleet-hero-content-section {
background-color: #f9fafb;
padding: unset !important;
} .fleet-rental-switch-section {
padding: 100px 0 0 0;
background-color: #f9fafb;
}
.fleet-rental-switch-title {
font-family: 'Poppins', sans-serif;
font-size: 28px;
font-weight: 600;
color: #1e293b;
margin-bottom: 24px;
}
.fleet-rental-type-switch {
display: flex;
justify-content: center;
gap: 20px;
margin-bottom: 16px;
flex-wrap: wrap;
}
.fleet-rental-col {
display: flex;
flex-direction: column;
width: 100%;
max-width: 380px;
}
.fleet-rental-switch-btn {
display: flex;
align-items: center;
gap: 16px;
padding: 16px 24px;
border-radius: 8px;
text-decoration: none !important;
background-color: #ffffff;
border: 1.5px solid #e2e8f0;
width: 100%;
transition: all 0.3s ease;
}
.fleet-rental-switch-btn:hover {
border-color: #cbd5e1;
}
.fleet-rental-switch-btn.active {
background-color: #eaf8f4;
border-color: #2cc2ab;
}
.fleet-rental-radio {
width: 22px;
height: 22px;
border-radius: 50%;
border: 1.5px solid #94a3b8;
display: flex;
align-items: center;
justify-content: center;
flex-shrink: 0;
background-color: #ffffff;
}
.fleet-rental-switch-btn.active .fleet-rental-radio {
border-color: #2cc2ab;
}
.fleet-rental-radio-inner {
width: 10px;
height: 10px;
border-radius: 50%;
background-color: transparent;
}
.fleet-rental-switch-btn.active .fleet-rental-radio-inner {
background-color: #2cc2ab;
}
.fleet-rental-switch-content {
display: flex;
flex-direction: column;
text-align: left;
}
.fleet-rental-switch-btn-title {
font-size: 16px;
font-weight: 600;
color: #0f2b38;
margin-bottom: 4px;
}
.fleet-rental-switch-btn-desc {
font-size: 14px;
color: #64748b;
}
.fleet-rental-switch-subtitle {
font-size: 14px;
color: #10b981;
font-weight: 600;
margin-top: 8px;
text-align: left;
padding-left: 16px;
}
.cd-main-content {
background-color: #f9fafb;
}
.car-filter-icon {
opacity: 1;
} .our-fleet-filters.cd-filters {
display: flex;
flex-wrap: wrap;
gap: 20px;
justify-content: center;
padding: 0 0 24px 0 !important;
max-width: 940px;
width: 100%;
margin: 15px auto !important;
}
.our-fleet-filters.cd-filters li.filter {
list-style: none;
margin: 0;
background: transparent !important;
min-width: auto !important;
}
.our-fleet-filters.cd-filters li.filter a {
display: inline-flex !important;
align-items: center;
gap: 8px;
padding: 10px 16px;
background-color: #f3f7f6;
border: 1px solid #e2e8f0;
border-radius: 8px;
color: #334155 !important;
font-size: 14px;
font-weight: 500;
text-decoration: none;
transition: all 0.2s ease;
}
.our-fleet-filters.cd-filters li.filter a:hover {
background-color: #f1f5f9;
border-color: #cbd5e1;
}
.our-fleet-filters.cd-filters li.filter a.selected {
background-color: #104c4c !important;
border-color: #104c4c !important;
color: #ffffff !important;
}
.our-fleet-filters.cd-filters li.filter a .fleet-filter-grid-icon {
width: 16px;
height: 16px;
stroke: currentColor;
}
.our-fleet-filters.cd-filters li.filter a.selected .fleet-filter-grid-icon {
stroke: #ffffff;
}
.our-fleet-filters.cd-filters li.filter a .car-filter-icon {
height: 15px;
width: auto;
object-fit: contain;
margin: 0;
opacity: 1;
}
.our-fleet-filters.cd-filters li.filter a.selected .car-filter-icon {
filter: brightness(0) invert(1);
} .cd-gallery .the-car-slider--fleet .car-slide {
background: transparent !important;
box-shadow: none !important;
text-align: center;
padding-bottom: 5px; }
.cd-gallery .the-car-slider--fleet .car-slide .mfc-inner-card {
height: 100%;
display: flex;
flex-direction: column;
}
.car-slide.active .car-slide__inner {
border-color: var(--theme-color) !important;
} .mfc-card {
background: transparent;
border-radius: 0;
margin: 10px 8px;
box-shadow: none;
border: none;
text-align: center;
display: flex;
flex-direction: column;
justify-content: flex-start;
height: 100%;
}
.mfc-card:hover {
transform: none;
box-shadow: none;
border-color: transparent;
}
.mfc-inner-card {
background: #ffffff;
border-radius: 8px !important;
padding: 20px 10px;
box-shadow: 0px 2px 10px 0 rgba(0, 0, 0, 0.05);
transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
display: flex;
flex-direction: column;
flex: 1;
text-align: center;
position: relative;
overflow: hidden;
}
.mfc-card:hover .mfc-inner-card {
transform: translateY(-10px);
}
.mfc-header {
margin-bottom: 20px;
}
.mfc-title {
font-family: 'Poppins', sans-serif;
font-size: 24px;
font-weight: 600 !important;
color: #1c1c1e !important;
margin-bottom: 6px;
}
.mfc-meta {
font-family: 'Inter', sans-serif;
font-size: 0.9rem;
color: #6b7280;
display: flex;
align-items: center;
justify-content: center;
gap: 10px;
font-weight: 500;
}
.mfc-dot {
color: #2cc2ab;
font-size: 1.5rem;
line-height: 1;
}
.mfc-image-container {
width: 100%;
height: 170px;
margin-bottom: 20px;
}
.mfc-image {
width: 100%;
height: 100%;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
transition: transform 0.4s ease;
}
.mfc-card:hover .mfc-image {
transform: scale(1.05);
}
.mfc-price-block {
text-align: center;
margin-bottom: 20px;
}
.mfc-price-from {
display: block;
font-size: 14px;
color: #6b7280;
text-transform: uppercase;
font-weight: 500;
letter-spacing: 0.05em;
margin-bottom: 8px;
}
.mfc-price-main {
color: #2cc2ab;
display: flex;
align-items: center;
justify-content: center;
font-weight: 600;
font-size: 24px;
}
.mfc-price-currency {
margin-right: 8px;
}
.mfc-price-amount {
line-height: 1;
}
.mfc-footer {
margin-top: auto;
}
.mfc-btn-book {
width: 100%;
max-width: 200px;
height: 56px;
background: #0e453e;
color: #ffffff;
border: none;
border-radius: 8px;
font-size: 16px;
font-weight: 600;
cursor: pointer;
transition: all 0.3s ease;
margin-bottom: 10px;
box-shadow: none;
}
.mfc-btn-book:hover {
background: #0a3530;
transform: translateY(-3px);
box-shadow: 0 10px 20px rgba(14, 69, 62, 0.2);
}
.mfc-btn-book:active {
transform: scale(0.98);
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}
.mfc-info-divider {
margin-bottom: 15px;
position: relative;
}
.mfc-info-divider span {
font-size: 0.8rem;
text-transform: uppercase;
color: #94a3b8;
font-weight: 600;
letter-spacing: 0.1em;
}
.mfc-features {
display: flex;
justify-content: center;
align-items: center;
gap: 12px;
padding-top: 20px;
flex-wrap: wrap;
}
.mfc-feature {
position: relative;
display: inline-flex;
align-items: center;
justify-content: center;
width: 45px;
height: 45px;
}
.mfc-feature img {
width: 100%;
height: 100%;
object-fit: contain;
}
.mfc-feature span {
position: absolute;
bottom: 6px;
right: 0px;
color: #ffffff;
font-size: 10px;
font-weight: 600;
min-width: 18px;
height: 18px;
padding: 0 2px;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
border: 1.5px solid #ffffff;
line-height: 1;
font-family: 'Inter', sans-serif;
z-index: 2;
}  .testimonial-hero {
background-color: #f9fafb;
padding: 60px 0 60px;
}
.th-breadcrumb {
font-size: 14px;
color: #64748b;
margin-bottom: 24px;
display: flex;
align-items: center;
gap: 8px;
font-weight: 500;
}
.th-breadcrumb a {
color: #475569;
text-decoration: none;
transition: color 0.2s;
}
.th-breadcrumb a:hover {
color: #0F4C4C;
}
.th-breadcrumb-sep {
color: #94a3b8;
display: flex;
align-items: center;
}
.th-breadcrumb-current {
color: #94a3b8;
}
.th-title {
font-size: 60px;
font-weight: 600;
color: #1e293b;
margin-bottom: 16px;
line-height: 1.1;
font-family: 'Poppins', sans-serif;
letter-spacing: -1px;
}
.th-underline {
width: 60px;
height: 4px;
background-color: #31c3a6;
margin-bottom: 24px;
border-radius: 2px;
}
.th-subtitle {
font-size: 18px;
color: #64748b;
margin-bottom: 40px;
line-height: 1.6;
}
.th-stats-row {
display: flex;
align-items: center;
gap: 40px;
flex-wrap: wrap;
}
.th-stat-item {
display: flex;
align-items: center;
gap: 16px;
}
.th-stat-icon {
width: 52px;
height: 52px;
background-color: #eaf8f5;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
color: #31c3a6;
}
.th-stat-text {
display: flex;
flex-direction: column;
}
.th-stat-text strong {
font-size: 18px;
font-weight: 600;
color: #1C1C1E;
line-height: 1.2;
}
.th-stat-text span {
font-size: 14px;
color: #64748b;
font-weight: 500;
}
.th-quote-graphic {
max-width: 100%;
width: 320px;
height: auto;
} .share-review-banner {
background-color: #f3f7f6;
border-radius: 8px;
padding: 20px 24px;
margin-bottom: 2rem;
}
.srb-icon-wrap {
width: 60px;
height: 60px;
background-color: #ffffff;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.04);
flex-shrink: 0;
}
.srb-icon-wrap svg {
height: 40px;
width: 40px;
}
.srb-text h3 {
font-size: 22px !important;
color: #1C1C1E !important;
font-weight: 600 !important;
}
.srb-text p {
color: #6B7280 !important;
font-size: 16px !important;
margin-top: 10px;
}
.share-icon-text {
gap: 40px;
}
.srb-btn {
background-color: var(--theme-color);
color: #ffffff !important;
font-weight: 600;
padding: 10px 20px;
border-radius: 6px;
min-width: 200px;
font-size: 15px;
transition: all 0.2s ease;
}
.srb-btn:hover {
background-color: #0C3E3E;
color: #ffffff;
}
.testimonial-filter-bar {
background-color: transparent;
border-radius: 0;
padding: 0;
box-shadow: none;
border: none;
}
.tf-star-btn {
background-color: #ffffff;
border: 1px solid #e2e8f0;
color: #1C1C1E;
border-radius: 30px;
padding: 10px 16px;
font-size: 16px;
font-weight: 500;
transition: all 0.2s ease;
outline: none !important;
}
.tf-star-btn i {
margin-right: 4px;
}
.tf-star-btn:hover {
background-color: #f8fafc;
color: #1e293b;
border-color: #cbd5e1;
}
.tf-star-btn.active {
background-color: var(--theme-color);
color: #ffffff;
border-color: var(--theme-color);
}
.tf-sort {
gap: 10px;
}
.w-mobile-50 {
width: calc(50% - 8px);
} .tr-v5-modal .modal-content {
border: none !important;
border-radius: 8px !important;
overflow: hidden;
background: var(--color-white);
box-shadow: 0 25px 50px -12px rgba(15, 76, 76, 0.15) !important;
}
.tr-v5-modal .row.g-0 {
display: flex;
min-height: 520px;
}
.tr-v5-side-panel {
background: var(--newdesign-brand-primary) !important;
padding: 4rem 3rem !important;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
text-align: center;
position: relative;
overflow: hidden;
}
.tr-v5-side-panel::before {
content: '';
position: absolute;
top: -100px;
left: -100px;
width: 300px;
height: 300px;
background: rgba(255, 255, 255, 0.03);
border-radius: 50%;
z-index: 1;
}
.tr-v5-side-icon-circle {
width: 80px;
height: 80px;
background: rgba(255, 255, 255, 0.1);
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
margin-bottom: 2rem;
font-size: 32px;
color: var(--color-white);
position: relative;
z-index: 2;
}
.tr-v5-side-title {
color: var(--color-white) !important;
font-size: 28px;
font-weight: var(--font-weight-extra-bold);
line-height: 1.2;
margin-bottom: 1rem;
position: relative;
z-index: 2;
}
.tr-v5-side-text {
color: var(--color-white-92) !important;
font-size: 15px;
line-height: 1.6;
max-width: 260px;
position: relative;
z-index: 2;
}
.tr-v5-form-panel {
padding: 3rem !important;
background: var(--color-white);
display: flex;
flex-direction: column;
justify-content: center;
position: relative;
}
.tr-v5-form-icon-circle {
width: 60px;
height: 60px;
background: var(--newdesign-neturals-soft-bg);
border-radius: 12px;
display: flex;
align-items: center;
justify-content: center;
margin-bottom: 1.5rem;
color: var(--newdesign-brand-primary);
box-shadow: 0 4px 6px -1px rgba(15, 76, 76, 0.1);
}
.tr-v5-form-title {
color: var(--newdesign-text-primary);
font-weight: var(--font-weight-semi-bold);
font-size: 26px;
letter-spacing: -0.03em;
margin-bottom: 0.5rem;
}
.tr-v5-form-subtitle {
color: var(--newdesign-text-secondary);
font-size: 15px;
line-height: 1.5;
}
.tr-v5-close-btn {
position: absolute;
top: 15px;
right: 15px;
width: 32px;
height: 32px;
background: #f1f5f9;
color: #475569;
border: none;
border-radius: 8px;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
transition: all 0.3s ease;
z-index: 10;
}
.tr-v5-close-btn:hover {
background: #fee2e2;
color: #ef4444;
transform: rotate(90deg);
}
.tr-v5-mobile-header .tr-v5-title {
color: var(--newdesign-text-primary);
font-size: 24px;
font-weight: var(--font-weight-bold);
margin-bottom: 0.5rem;
}
.tr-v5-mobile-header .tr-v5-subtitle {
color: var(--newdesign-text-secondary);
font-size: 14px;
}
.tr-v5-input-group {
margin-bottom: 1.5rem;
position: relative;
}
.tr-v5-input-group label {
display: block;
font-size: 14px;
font-weight: 500;
color: #475569;
margin-bottom: 0.5rem;
text-align: left;
} .tr-v5-floating-group label {
position: absolute;
top: 24px;
left: 12px;
padding: 0 4px;
transform: translateY(-50%);
font-size: 15px;
color: #64748b;
pointer-events: none;
transition: all 0.2s ease;
margin-bottom: 0;
background-color: transparent;
}
.tr-v5-input {
width: 100%;
padding: 12px 16px;
border: 1.5px solid #e2e8f0;
border-radius: 8px;
font-size: 15px;
color: #1e293b;
background-color: #ffffff; transition: all 0.2s ease;
}
.tr-v5-floating-group .tr-v5-input {
padding: 12px 16px; }
.tr-v5-input:focus {
border-color: var(--newdesign-brand-primary);
box-shadow: 0 0 0 4px rgba(15, 76, 76, 0.1);
outline: none;
}
.tr-v5-floating-group .tr-v5-input:focus~label,
.tr-v5-floating-group .tr-v5-input:not(:placeholder-shown)~label {
top: 0;
transform: translateY(-50%);
font-size: 12px;
font-weight: 600;
color: var(--newdesign-brand-primary);
background-color: #ffffff; }
.tr-v5-floating-group .tr-v5-input:not(:focus):not(:placeholder-shown)~label {
color: #64748b;
}
.tr-v5-textarea {
resize: vertical;
min-height: 120px;
}
.tr-v5-file-upload {
position: relative;
display: flex;
align-items: center;
justify-content: center;
width: 100%;
padding: 1.5rem;
border: 2px dashed #cbd5e1;
border-radius: 8px;
background-color: #f8fafc;
cursor: pointer;
transition: all 0.2s ease;
}
.tr-v5-file-upload:hover {
border-color: var(--newdesign-brand-primary);
background-color: #f1f5f9;
}
.tr-v5-file-upload input[type="file"] {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
opacity: 0;
cursor: pointer;
}
.tr-v5-file-label {
display: flex;
flex-direction: column;
align-items: center;
gap: 8px;
color: #64748b;
font-size: 14px;
font-weight: 500;
}
.tr-v5-file-label i {
font-size: 24px;
color: var(--newdesign-brand-primary);
}
.tr-v5-star-container {
display: flex;
justify-content: center;
gap: 12px;
margin-bottom: 1.5rem;
}
.tr-v5-star-container i {
font-size: 32px;
color: #cbd5e1;
cursor: pointer;
transition: all 0.2s ease;
}
.tr-v5-star-container i.fas,
.tr-v5-star-container i:hover,
.tr-v5-star-container i.active {
color: #fbbf24;
transform: scale(1.1);
}
.tr-v5-submit-btn {
width: 100%;
padding: 14px;
border-radius: 8px;
background: var(--newdesign-brand-primary);
color: white;
font-weight: 600;
font-size: 16px;
border: none;
transition: all 0.3s ease;
}
.tr-v5-submit-btn:hover {
background: #092e2e;
transform: translateY(-2px);
box-shadow: 0 10px 20px -10px rgba(15, 76, 76, 0.4);
}
.no-ellips {
-webkit-line-clamp: none !important;
}
.tf-sort-label {
font-size: 14px;
color: #1C1C1E;
white-space: nowrap;
}
.tf-select-wrapper .tf-select {
border-radius: 30px;
height: 42px;
padding: 0 20px;
font-size: 14px;
border: 1px solid #e2e8f0 !important;
background-color: #ffffff;
min-width: 160px;
cursor: pointer;
background-image: url('data:image/svg+xml;utf8,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M6 9L12 15L18 9" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" stroke="currentColor"/></svg>');
background-repeat: no-repeat;
background-position: right 10px center;
background-size: 20px;
}
.gap-2 {
gap: 0.5rem !important;
}
.gap-3 {
gap: 1rem !important;
} .featured-review-wrap {
background-color: #f3f7f6;
border-radius: 8px;
padding: 32px 40px;
transition: all 0.2s ease;
border: 1px solid transparent;
}
.most-review-outer {
gap: 30px;
}
.ft-label {
font-size: 18px;
font-weight: 600;
color: #31c3a6;
letter-spacing: 0.5px;
margin-bottom: 24px;
}
.ft-avatar {
width: 80px;
height: 80px;
border-radius: 50%;
overflow: hidden;
flex-shrink: 0;
}
.ft-avatar img {
width: 100%;
height: 100%;
object-fit: cover;
}
.ft-text {
font-size: 16px;
color: #1e293b;
line-height: 1.6;
font-weight: 400;
margin-bottom: 0;
max-width: 85%;
margin-left: 20px;
}
.ft-name {
font-size: 15px;
font-weight: 600;
color: #0c3e3e;
margin-bottom: 2px;
}
.ft-country {
font-size: 12px;
color: #64748b;
font-weight: 500;
}
.ft-stars i,
.nr-stars i {
color: #0c3e3e;
font-size: 14px;
letter-spacing: 2px;
}
.ft-author.mt-4 {
margin-left: 20px;
} .normal-review-card {
background-color: #ffffff;
border: 1px solid #e2e8f0;
border-radius: 8px;
padding: 30px;
transition: all 0.2s ease;
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.02);
}
.normal-review-card:hover {
box-shadow: 0 8px 24px rgba(0, 0, 0, 0.06);
}
* {
outline: none !important;
}
.nr-title {
font-size: 18px;
font-weight: 600;
color: #31c3a6;
margin-bottom: 16px;
}
.nr-text {
font-size: 15px;
color: #64748b;
line-height: 1.6;
margin-bottom: 24px;
display: -webkit-box;
-webkit-line-clamp: 4;
-webkit-box-orient: vertical;
overflow: hidden;
}
.nr-avatar {
width: 40px;
height: 40px;
border-radius: 50%;
overflow: hidden;
flex-shrink: 0;
}
.nr-avatar img {
width: 100%;
height: 100%;
object-fit: cover;
}
.nr-name {
font-size: 14px;
font-weight: 600;
color: #0c3e3e;
margin-bottom: 2px;
}
.nr-country {
font-size: 12px;
color: #64748b;
font-weight: 500;
} .testi-cta-banner {
background-color: #f3f7f6;
border-radius: 8px;
padding: 30px 40px;
}
.testi-cta-text h3 {
font-size: 22px !important;
color: #1C1C1E !important;
font-weight: 600 !important;
}
.testi-cta-text p {
color: #6B7280 !important;
font-size: 16px !important;
margin-top: 10px;
margin-bottom: 0;
}
.testi-btn-white {
background-color: #ffffff;
color: var(--theme-color) !important;
font-weight: 600;
padding: 10px 20px;
border-radius: 6px;
min-width: 160px;
font-size: 15px;
transition: all 0.2s ease;
border: none;
}
.testi-btn-white:hover {
background-color: #f8fafc;
color: var(--color-primary-dark) !important;
}  .fleet-cta-wrapper {
background-color: #f4f8f7;
border-radius: 8px;
padding: 40px;
box-shadow: 0 4px 6px rgba(0, 0, 0, 0.02);
}
.fleet-cta-wrapper .fleet-cta-title {
color: #212529;
font-size: 24px;
font-weight: 600;
}
.fleet-cta-wrapper .fleet-cta-desc {
color: #6b7280;
font-size: 16px;
}
.fleet-cta-wrapper .fleet-cta-buttons {
gap: 16px;
}
.fleet-cta-wrapper .btn-whatsapp {
background-color: #12544e;
color: #ffffff;
border-radius: 8px;
padding: 10px 24px;
font-weight: 600;
text-decoration: none;
gap: 8px;
font-size: 15px;
outline: none !important;
}
.fleet-cta-wrapper .btn-whatsapp:hover {
background-color: #0f4540;
color: #ffffff;
}
.fleet-cta-wrapper .whatsapp-icon-wrapper {
display: flex;
align-items: center;
justify-content: center;
width: 22px;
height: 22px;
background-color: white;
border-radius: 50%;
color: #12544e;
}
.fleet-cta-wrapper .btn-call {
background-color: #ffffff;
color: #12544e;
border: 1px solid #e5e7eb;
border-radius: 8px;
padding: 10px 24px;
font-weight: 600;
text-decoration: none;
gap: 8px;
font-size: 15px;
outline: none !important;
}
.fleet-cta-wrapper .btn-call:hover {
background-color: #f9fafb;
color: #12544e;
}
.fleet-cta-wrapper .fleet-cta-icon-container {
background-color: #ebf1f0;
width: 100px;
height: 100px;
border-radius: 50%;
display: flex;
justify-content: center;
align-items: center;
} .booking-stepper-container {
width: 100%;
}
.booking-stepper-card {
background: #ffffff;
border-radius: 8px;
padding: 30px 40px;
box-shadow: 0 10px 30px rgba(0, 0, 0, 0.02);
border: 1px solid rgba(0, 0, 0, 0.04);
margin-top: 30px;
}
.stepper-steps-wrapper {
display: flex;
align-items: center;
justify-content: space-between;
width: 100%;
}
.stepper-step {
flex: 0 0 auto;
text-align: center;
}
.stepper-link {
text-decoration: none !important;
display: flex;
flex-direction: column;
align-items: center;
cursor: pointer;
} .stepper-step .stepper-icon-circle {
width: 64px;
height: 64px;
border-radius: 50%;
background-color: #f0f4f4;
color: #4b5563;
display: flex;
align-items: center;
justify-content: center;
font-size: 22px;
margin-bottom: 12px;
transition: all 0.3s ease;
}
.stepper-step .stepper-icon-circle svg {
height: 36px;
}
.stepper-step .stepper-number {
display: block;
font-family: 'Poppins', sans-serif;
font-size: 14px;
font-weight: 600;
color: #9ca3af;
margin-bottom: 4px;
transition: all 0.3s ease;
}
.stepper-step .stepper-title {
display: block;
font-family: 'Poppins', sans-serif;
font-size: 15px;
font-weight: 500;
color: #6b7280;
transition: all 0.3s ease;
} .stepper-step.active .stepper-icon-circle {
background-color: #0F4C4C;
}
.stepper-step.active .stepper-icon-circle svg path {
fill: #fff;
}
.stepper-step.active .stepper-number {
color: #1c1c1c;
}
.stepper-step.active .stepper-title {
color: var(--newdesign-text-primary, #1c1c1c);
font-weight: 600;
} .stepper-step.completed .stepper-icon-circle {
background-color: #e2ecec;
color: #0F4C4C;
}
.stepper-step.completed .stepper-number {
color: #0F4C4C;
}
.stepper-step.completed .stepper-icon-circle svg path {
fill: var(--theme-color);
}
.stepper-step.completed .stepper-title {
color: #0F4C4C;
font-weight: 500;
} .stepper-connector {
flex-grow: 1;
height: 1px;
border-top: 1px dashed #d1d5db;
margin-left: 20px;
margin-right: 20px;
margin-top: -35px; } .vehicle-results-header-row {
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 25px;
margin-top: 15px;
font-family: 'Poppins', sans-serif;
width: 100%;
}
.vehicle-results-title {
font-size: 18px;
font-weight: 500;
color: #4b5563;
margin: 0;
}
.vehicle-results-title .vehicles-count {
color: #0F4C4C;
font-weight: 600;
}
.vehicle-results-currency-wrapper {
display: flex;
align-items: center;
}
.vehicle-results-currency-wrapper .cur-dropdown {
display: flex;
align-items: center;
margin: 0;
}
.vehicle-results-currency-wrapper .currency-label {
font-size: 14px;
color: #9ca3af;
margin-right: 12px;
font-weight: 500;
}
.vehicle-results-currency-wrapper #currency-switcher {
background-color: #ffffff !important;
border: 1px solid #e5e7eb !important;
border-radius: 8px !important;
padding: 8px 16px !important;
font-size: 14px !important;
font-weight: 600 !important;
color: #1c1c1c !important;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05) !important;
cursor: pointer;
display: flex !important;
align-items: center;
gap: 8px;
text-transform: uppercase;
}
.vehicle-results-currency-wrapper #currency-switcher::after {
display: inline-block;
margin-left: .255em;
vertical-align: .255em;
content: "";
border-top: .3em solid;
border-right: .3em solid transparent;
border-bottom: 0;
border-left: .3em solid transparent;
} .car-slider-container {
margin-bottom: 30px;
}
.car-slide {
padding: 12px;
outline: none !important;
}
.car-slide__inner {
background: #f3f7f6 !important;
border-radius: 8px !important;
border: 1px solid #E5E7EB !important;
box-shadow: 0 4px 20px rgba(0, 0, 0, 0.02) !important;
padding: 24px 20px !important;
margin-right: 0 !important;
transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
display: flex;
flex-direction: column;
align-items: center;
text-align: center;
position: relative !important;
overflow: hidden;
}
.car-slide:hover .car-slide__inner {
box-shadow: 0 8px 20px rgba(0, 0, 0, 0.06) !important;
transform: translateY(-2px);
border-color: rgba(15, 76, 76, 0.15) !important;
}
.car-slide.active .car-slide__inner {
background-color: #fff !important;
border-color: #0F4C4C !important;
border-width: 2px !important;
} .car-slide__check-badge {
display: none;
position: absolute;
top: 3px;
right: 3px;
width: 24px;
height: 24px;
background: #0F4C4C;
border-radius: 100px;
align-items: center;
justify-content: center;
z-index: 5;
}
.car-slide__check-badge svg {
display: block;
}
.car-slide.active .car-slide__check-badge {
display: flex;
}
.car-slide__title {
font-family: 'Poppins', sans-serif !important;
font-size: 17px !important;
font-weight: 600 !important;
color: #1c1c1c !important;
margin-top: 0 !important;
margin-bottom: 16px !important;
text-transform: capitalize;
}
.car-slide__image {
max-height: 70px !important;
width: auto !important;
object-fit: contain !important;
margin: 0 auto 20px auto !important;
}
.car-slide__details {
display: flex !important;
justify-content: center !important;
gap: 16px !important;
margin-bottom: 20px !important;
width: 100% !important;
margin-top: 0 !important;
}
.car-slide__details span {
font-size: 14px !important;
font-weight: 500 !important;
color: #4b5563 !important;
display: flex !important;
align-items: center !important;
gap: 6px !important;
margin-right: 0 !important;
}
.car-slide__details i {
color: #0F4C4C !important;
font-size: 15px !important;
opacity: 1 !important;
}
.car-slide__price {
background: transparent !important;
padding: 0 !important;
margin-top: auto !important;
width: 100%;
}
.car-slide__price h6 {
font-family: 'Poppins', sans-serif !important;
font-size: 14px !important;
font-weight: 500 !important;
color: #6b7280 !important;
margin: 0 !important;
text-transform: capitalize;
}
.car-slide__price h6 .price-value {
color: var(--theme-color) !important;
font-size: 17px !important;
font-weight: 600 !important;
margin-left: 4px !important;
}
.car-slide__close {
display: none !important;
} .car-slider__arrow {
top: calc(50% - 10px);
width: 36px !important;
height: 36px !important;
background: #ffffff !important;
border: 1px solid #e5e7eb !important;
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05) !important;
color: #0F4C4C !important;
border-radius: 50% !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
transition: all 0.3s ease !important;
z-index: 10;
}
.car-slider__arrow:hover {
background: #0F4C4C !important;
color: #ffffff !important;
border-color: #0F4C4C !important;
cursor: pointer;
}
.car-slider__arrow.slick-disabled {
display: none !important;
}
.car-slider__arrow i {
color: inherit !important;
font-size: 14px !important;
}
.car-slider__arrow.arrow-left {
left: -18px !important;
}
.car-slider__arrow.arrow-right {
right: -18px !important;
}
.filter-badge {
background: #eaf8f5;
color: #2FBF9F;
border: 1px solid #c1ede5;
border-radius: 20px;
display: inline-flex;
align-items: center;
gap: 6px;
padding: 4px 10px 4px 12px;
font-size: 13px;
font-weight: 600;
margin: 3px;
line-height: 1;
}
.filter-badge-remove {
display: inline-flex;
align-items: center;
justify-content: center;
width: 16px;
height: 16px;
background: rgba(47, 191, 159, 0.15);
border-radius: 50%;
cursor: pointer;
flex-shrink: 0;
transition: background 0.2s ease, color 0.2s ease;
border: none;
padding: 0;
color: #2FBF9F;
font-size: 11px;
font-weight: 700;
line-height: 1;
}
.filter-badge-remove:hover {
background: #2FBF9F;
color: #ffffff;
}  .search-result-container {
background: transparent !important;
border: none !important;
box-shadow: none !important;
padding: 0 !important;
margin-bottom: 30px !important;
overflow: visible !important;
}
.new-vehicle-card-inner {
background: #ffffff;
border-radius: 8px;
padding: 22px 18px;
box-shadow: 0 4px 20px rgba(0, 0, 0, 0.02);
transition: transform 0.3s ease, box-shadow 0.3s ease;
font-family: var(--primary-font);
}
.new-vehicle-card-inner:hover {
transform: translateY(-2px);
box-shadow: 0 10px 30px rgba(0, 0, 0, 0.02);
} .nvc-header {
display: flex;
justify-content: space-between;
align-items: flex-start;
padding-bottom: 16px;
border-bottom: 1px solid #F3F4F6;
margin-bottom: 20px;
}
.nvc-header-left {
display: flex;
flex-direction: column;
gap: 6px;
}
.nvc-title {
font-size: 22px;
font-weight: 600;
color: #1c1c1c;
margin: 0;
line-height: 1.2;
display: flex;
align-items: baseline;
flex-wrap: wrap;
}
.nvc-subtitle {
font-size: 13px;
font-weight: 400;
color: #9CA3AF;
margin-left: 8px;
text-transform: capitalize;
}
.nvc-badges {
display: flex;
gap: 8px;
flex-wrap: wrap;
align-items: center;
}
.nvc-badge {
font-size: 11px;
font-weight: 600;
padding: 4px 10px;
border-radius: 6px;
text-transform: uppercase;
letter-spacing: 0.5px;
}
.nvc-badge--count {
background-color: #eaf8f5;
color: #2FBF9F
}
.nvc-badge--pre {
background-color: #E0F2FE;
color: #0284C7;
}
.nvc-header-right {
display: flex;
align-items: center;
}
.nvc-deposit {
display: inline-flex;
align-items: center;
gap: 6px;
padding: 6px 14px;
border-radius: 8px;
font-size: 12px;
font-weight: 600;
text-transform: capitalize;
}
.nvc-deposit--none {
background-color: #eaf8f5;
color: #2FBF9F
}
.nvc-deposit--none svg {
color: #059669;
}
.nvc-deposit--needed {
background-color: #FEF2F2;
color: #DC2626;
} .nvc-body {
display: flex;
flex-wrap: wrap;
margin-left: -12px;
margin-right: -12px;
} .nvc-info-scroll-wrapper {
display: contents;
}
.nvc-col-image {
flex: 0 0 30%;
max-width: 30%;
padding-left: 12px;
padding-right: 12px;
display: flex;
flex-direction: column;
align-items: center;
}
.nvc-col-specs {
flex: 0 0 24%;
max-width: 24%;
padding-left: 12px;
padding-right: 12px;
display: flex;
flex-direction: column;
gap: 15px;
}
.nvc-col-included {
flex: 0 0 24%;
max-width: 24%;
padding-left: 16px;
padding-right: 12px;
border-left: 1px solid #F3F4F6;
}
.nvc-col-price {
flex: 0 0 22%;
max-width: 22%;
padding-left: 20px;
padding-right: 12px;
display: flex;
flex-direction: column;
border-left: 1px solid #F3F4F6;
} .nvc-image-wrapper {
width: 100%;
height: 150px;
display: flex;
align-items: center;
justify-content: center;
margin-bottom: 16px;
}
.nvc-car-image {
max-width: 100%;
max-height: 100%;
object-fit: contain;
}
.nvc-features-row {
display: flex;
gap: 15px;
justify-content: center;
flex-wrap: wrap;
}
.nvc-feature-badge {
width: 38px;
height: 38px;
display: flex;
align-items: center;
justify-content: center;
position: relative;
cursor: pointer;
transition: all 0.2s ease;
}
.nvc-feature-badge:hover {
background-color: #F3F4F6;
border-color: #D1D5DB;
}
.nvc-feature-badge img { height: 38px;
object-fit: contain;
}
.nvc-feature-count {
position: absolute;
bottom: 4px;
right: -1px;
background-color: #0F4C4C;
color: #ffffff;
font-size: 11px;
font-weight: 500;
width: 15px;
height: 15px;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
} .nvc-spec-item {
display: flex;
align-items: center;
gap: 12px;
}
.nvc-spec-icon {
width: 36px;
height: 36px;
border-radius: 8px;
background-color: #F3F7F6;
color: #0F4C4C;
display: flex;
align-items: center;
justify-content: center;
flex-shrink: 0;
}
.nvc-spec-icon svg {
color: #0f4c4c;
}
.nvc-spec-text {
display: flex;
flex-direction: column;
}
.nvc-spec-text span {
font-size: 13px;
font-weight: 500;
line-height: 1.2;
}
.spec-value-text {
color: #6B7280;
}
.spec-label-text {
color: #1C1C1E;
}
.nvc-spec-label {
font-size: 10px;
font-weight: 500;
color: #9CA3AF;
text-transform: uppercase;
margin-bottom: 2px;
letter-spacing: 0.5px;
} .nvc-included-title {
font-size: 13px;
font-weight: 600;
color: #059669;
margin: 0 0 12px 0;
text-transform: uppercase;
letter-spacing: 0.5px;
}
.nvc-included-list {
list-style: none;
padding: 0;
margin: 0;
display: flex;
flex-direction: column;
gap: 10px;
}
.nvc-included-list li {
display: flex;
align-items: flex-start;
gap: 8px;
font-size: 13px;
color: #4B5563;
line-height: 1.3;
}
.nvc-check-icon {
color: #059669;
flex-shrink: 0;
margin-top: 2px;
}
.fmcic__info-trigger {
color: #9CA3AF !important;
margin-left: 4px;
font-size: 12px;
transition: color 0.2s ease;
}
.fmcic__info-trigger:hover {
color: #0F4C4C !important;
} .nvc-price-info {
text-align: right;
display: flex;
flex-direction: column;
gap: 4px;
margin-bottom: 16px;
}
.nvc-price-days {
font-size: 11px;
color: #9CA3AF;
text-transform: uppercase;
font-weight: 600;
letter-spacing: 0.5px;
}
.nvc-price-amount {
font-size: 26px;
font-weight: 600;
color: #1c1c1c;
margin: 0;
line-height: 1;
}
.nvc-price-amount .strike {
font-size: 15px;
font-weight: 500;
color: #9CA3AF;
text-decoration: line-through;
margin-right: 6px;
}
.nvc-curr-sym {
font-weight: 600;
vertical-align: top;
margin-right: 2px;
}
.nvc-price-vat {
font-size: 11px;
color: #6B7280;
font-weight: 500;
}
.nvc-actions {
display: flex;
flex-direction: column;
gap: 8px;
margin-top: auto;
}
.nvc-btn {
display: inline-flex;
align-items: center;
justify-content: center;
height: 42px;
border-radius: 8px;
font-weight: 600;
font-size: 12px;
transition: all 0.3s ease;
text-decoration: none !important;
cursor: pointer;
border: none;
width: 100%;
text-transform: capitalize;
letter-spacing: 0.5px;
}
.nvc-btn--select {
background-color: var(--theme-color);
color: #ffffff !important;
border: 1px solid var(--theme-color);
}
.nvc-btn--select:hover {
background-color: #0C3E3E;
border-color: #0C3E3E;
transform: translateY(-1px);
}
.nvc-btn--quote {
background-color: transparent;
color: #0F4C4C !important;
border: 1px solid #0F4C4C;
min-width: fit-content;
}
.nvc-btn--quote:hover {
background-color: transparent;
color: #0F4C4C !important;
transform: translateY(-1px);
}  #filter-sidebar {
padding-right: 15px;
padding-left: 0px;
}
#filter-sidebar .filter-box {
background: #ffffff !important;
border: 1px solid #E5E7EB !important;
border-radius: 8px !important;
box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.05), 0 2px 4px -1px rgba(0, 0, 0, 0.02) !important;
padding: 14px !important;
margin-bottom: 24px !important;
}
#filter-sidebar .filter-box__inner {
padding: 0 !important;
border: none !important;
} .trip-details-box {
position: relative;
}
.trip-details-header {
border-bottom: none !important;
padding-bottom: 0 !important;
margin-bottom: 20px !important;
}
.trip-details-title {
font-family: 'Poppins', sans-serif !important;
font-size: 16px !important;
font-weight: 600 !important;
color: #1F2937 !important;
}
.trip-details-edit {
font-family: 'Poppins', sans-serif !important;
font-size: 14px !important;
font-weight: 600 !important;
color: var(--newdesign-accent) !important;
display: flex;
align-items: center;
text-decoration: none !important;
transition: color 0.2s ease;
}
.trip-details-edit:hover {
color: #1D4ED8 !important;
}
.trip-details-edit svg {
margin-right: 4px;
} .trip-timeline {
position: relative;
padding-left: 0;
margin-bottom: 20px;
}
.trip-timeline-item {
display: flex;
align-items: flex-start;
position: relative;
margin-bottom: 20px;
}
.trip-timeline-item:last-child {
margin-bottom: 0;
}
.trip-timeline-icon {
flex-shrink: 0;
width: 24px;
height: 24px;
display: flex;
align-items: center;
justify-content: center;
background: #ffffff;
z-index: 2;
margin-right: 12px;
}
.trip-timeline-content {
display: flex;
flex-direction: column;
}
.trip-timeline-label {
font-family: 'Poppins', sans-serif !important;
font-size: 11px !important;
font-weight: 600 !important;
color: #9CA3AF !important;
text-transform: uppercase;
letter-spacing: 0.5px;
line-height: 1 !important;
margin-bottom: 4px;
}
.trip-timeline-value {
font-family: 'Poppins', sans-serif !important;
font-size: 14px !important;
font-weight: 500 !important;
color: #1F2937 !important;
line-height: 1.3 !important;
}
.trip-timeline-connector {
position: absolute;
left: 11px;
top: 20px;
bottom: 20px;
width: 2px;
background-color: #E5E7EB;
z-index: 1;
} .trip-datetime-box {
background-color: #F3F4F6 !important;
border-radius: 8px !important;
padding: 12px 16px !important;
gap: 10px;
}
.trip-datetime-icon {
flex-shrink: 0;
color: #4B5563;
}
.trip-datetime-details {
display: flex;
flex-direction: column;
}
.trip-date-range {
font-family: 'Poppins', sans-serif !important;
font-size: 14px !important;
font-weight: 600 !important;
color: #1F2937 !important;
line-height: 1.2;
}
.trip-time-range {
font-family: 'Poppins', sans-serif !important;
font-size: 12px !important;
color: #6B7280 !important;
margin-top: 2px;
} .route-map {
overflow: hidden;
padding: 0 !important;
}
.route-map iframe {
border-radius: 8px !important;
display: block;
height: 180px;
} #filter-sidebar .filter-box__label {
font-family: 'Poppins', sans-serif !important;
font-size: 14px !important;
font-weight: 600 !important;
color: #1F2937 !important;
text-transform: none !important;
letter-spacing: normal !important;
margin-bottom: 0;
} .custom-filter-checkbox {
display: flex;
align-items: center;
margin-bottom: 12px;
cursor: pointer;
}
.custom-filter-checkbox input[type="checkbox"] {
width: 20px;
height: 20px;
border: 1.5px solid #D1D5DB;
border-radius: 4px;
margin-right: 12px;
cursor: pointer;
appearance: none;
-webkit-appearance: none;
outline: none;
position: relative;
transition: all 0.2s ease;
background-color: #fff;
flex-shrink: 0;
}
.custom-filter-checkbox input[type="checkbox"]:checked {
background-color: var(--theme-color);
border-color: var(--theme-color);
}
.custom-filter-checkbox input[type="checkbox"]:checked::after {
content: "";
position: absolute;
left: 6px;
top: 2px;
width: 6px;
height: 11px;
border: solid white;
border-width: 0 2px 2px 0;
transform: rotate(45deg);
}
.custom-filter-checkbox label {
font-family: 'Poppins', sans-serif !important;
font-size: 13px !important;
font-weight: 500 !important;
color: #4B5563 !important;
cursor: pointer;
user-select: none;
margin-bottom: 0;
display: inline-block;
} #filter-sidebar hr {
border-top: 1px solid #a3a3a3 !important;
margin: 20px 0 !important;
} .slider.slider-horizontal {
width: 100% !important;
height: 20px !important;
}
.slider-track {
background: #E5E7EB !important;
height: 6px !important;
margin-top: -3px !important;
border-radius: 3px !important;
box-shadow: none !important;
}
.slider-selection {
background: #0f4c4c !important;
box-shadow: none !important;
border-radius: 3px !important;
}
.slider.slider-horizontal .slider-selection,
.slider.slider-horizontal .slider-track-high,
.slider.slider-horizontal .slider-track-low {
height: 4px !important;
top: 1px;
}
.slider-handle {
background: #ffffff !important;
border: 2px solid #0f4c4c !important;
width: 18px !important;
height: 18px !important;
margin-top: 0px !important;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1) !important;
opacity: 1 !important;
}
.price-selection {
color: #0f4c4c;
}
.slider-handle:hover,
.slider-handle:focus,
.slider-handle:active {
background: #0f4c4c !important;
border-color: #0f4c4c !important;
} .filter-buttons {
display: flex;
gap: 10px;
}
.filter-buttons .passenger-button {
flex: 1;
text-align: center;
background: #FFFFFF !important;
border: 1px solid #D1D5DB !important;
box-sizing: border-box;
border-radius: 6px !important;
padding: 8px 12px !important;
font-family: 'Poppins', sans-serif !important;
font-weight: 500 !important;
font-size: 13px !important;
color: #4B5563 !important;
transition: all 0.2s ease !important;
}
.filter-buttons .passenger-button:hover {
border-color: var(--theme-color) !important;
color: var(--theme-color) !important;
}
.filter-buttons .passenger-button.active {
background: var(--theme-color) !important;
border-color: var(--theme-color) !important;
color: #ffffff !important;
} .booking-safe-banner {
background-color: #f3f7f6 !important;
border: 1px solid #e3edea !important;
border-radius: 8px;
padding: 24px;
margin-bottom: 30px;
font-family: 'Poppins', sans-serif;
gap: 30px;
}
.safe-icon-circle {
width: 56px;
height: 56px;
min-width: 56px;
background-color: #ffffff;
border-radius: 50%;
box-shadow: 0 4px 12px rgba(0, 162, 136, 0.06);
display: flex;
align-items: center;
justify-content: center;
}
.safe-title {
color: #1c1c1c;
font-size: 20px;
font-weight: 600;
margin-bottom: 20px !important;
}
.safe-items-grid {
display: flex;
justify-content: space-between;
width: 100%;
}
.safe-item {
flex: 1;
position: relative;
padding-right: 20px;
padding-left: 20px;
}
.safe-item:first-child {
padding-left: 0;
}
.safe-item:not(:last-child)::after {
content: "";
position: absolute;
right: 0;
top: 15%;
height: 70%;
width: 1px;
background-color: #dbe7e4;
}
.safe-item-title {
font-size: 15px;
font-weight: 600;
color: #1f2937;
margin-bottom: 2px;
}
.safe-item-desc {
font-size: 13px;
color: #6b7280;
font-weight: 400;
}
.app-button--primary {
background-color: var(--theme-color) !important;
border-color: var(--theme-color) !important;
color: #ffffff !important;
}
.refundpolicymodal__header,
.fmcic__header {
background: #fff !important;
}
.refundpolicymodal__header,
.fmcic__header {
padding: 15px 20px;
}
.refundpolicymodal__body,
.fmcic__body {
padding: 20px 20px;
}
.refundpolicymodal__header h3,
.fmcic__header h3,
.refundpolicymodal__subtitle,
.fmcic__subtitle {
color: var(--theme-color) !important;
}
.refundpolicymodal__btn-ok,
.fmcic__btn-ok {
background-color: var(--theme-color) !important;
} .booking-summary-unified {
background: #ffffff !important;
border-radius: 8px !important;
padding: 20px !important;
margin-bottom: 24px !important;
font-family: 'Poppins', sans-serif !important;
}
.summary-main-title {
font-size: 20px !important;
font-weight: 600 !important;
color: #1c1c1c !important;
margin-top: 0 !important;
margin-bottom: 20px !important;
text-align: left !important;
}
.summary-card-section {
border-bottom: 1px solid #F3F4F6;
padding-bottom: 20px;
margin-bottom: 20px;
}
.summary-card-section:last-child {
border-bottom: none;
padding-bottom: 0;
margin-bottom: 0;
} .summary-car-image {
max-height: 120px;
object-fit: contain;
margin-bottom: 12px;
}
.summary-car-title {
font-size: 18px !important;
font-weight: 600 !important;
color: #1c1c1c !important;
margin-bottom: 12px !important;
}
.summary-car-badges {
display: flex;
justify-content: center;
gap: 8px;
}
.summary-badge-class,
.summary-badge-days {
background-color: #F3F4F6 !important;
color: #4B5563 !important;
font-weight: 500 !important;
font-size: 12px !important;
padding: 6px 12px !important;
border-radius: 100px !important;
text-transform: capitalize !important;
} .summary-timeline {
position: relative;
padding-left: 20px;
}
.summary-timeline-connector {
position: absolute;
left: 4px;
top: 10px;
bottom: 10px;
width: 2px;
border-left: 2px dashed #E5E7EB;
}
.summary-timeline-item {
position: relative;
padding-left: 15px;
margin-bottom: 20px;
}
.summary-timeline-item:last-child {
margin-bottom: 0;
}
.summary-timeline-dot {
position: absolute;
left: -20px;
top: 4px;
width: 10px;
height: 10px;
border-radius: 50%;
}
.summary-timeline-dot.green {
background-color: #10B981;
box-shadow: 0 0 0 4px #D1FAE5;
}
.summary-timeline-dot.coral {
background-color: #EF4444;
box-shadow: 0 0 0 4px #FEE2E2;
}
.summary-timeline-content {
display: flex;
flex-direction: column;
}
.summary-timeline-label {
font-size: 11px !important;
font-weight: 600 !important;
color: #9CA3AF !important;
text-transform: uppercase;
letter-spacing: 0.5px;
margin-bottom: 2px;
}
.summary-timeline-value {
font-size: 14px !important;
font-weight: 600 !important;
color: #1c1c1c !important;
}
.summary-timeline-date {
font-size: 12px !important;
color: #6B7280 !important;
} .summary-section-title {
font-size: 15px !important;
font-weight: 600 !important;
color: #1c1c1c !important;
margin-top: 0 !important;
margin-bottom: 15px !important;
letter-spacing: 0.5px;
} #pricing-table .booking-summary__item {
display: flex !important;
justify-content: space-between !important;
align-items: center !important;
padding: 8px 0 !important;
border: none !important;
background: none !important;
margin: 0 !important;
}
#pricing-table .booking-summary__item p {
margin: 0 !important;
font-size: 13px !important;
}
#pricing-table .booking-summary__item p:first-child {
color: #6B7280 !important;
font-weight: 400 !important;
}
#pricing-table .booking-summary__item p:last-child {
color: #1c1c1c !important;
font-weight: 600 !important;
} #pricing-table .booking-summary__item#total_amount {
margin-top: 12px !important;
padding-top: 16px !important;
border-top: 1px solid #F3F4F6 !important;
}
#pricing-table .booking-summary__item#total_amount p:first-child {
color: #1c1c1c !important;
font-weight: 600 !important;
font-size: 15px !important;
text-transform: capitalize;
}
#pricing-table .booking-summary__item#total_amount p:last-child {
color: var(--newdesign-accent) !important;
font-weight: 600 !important;
font-size: 20px !important;
}
#pricing-table .small.text--light p {
font-size: 14px;
} #pricing-table hr {
display: none !important;
} .refundable-box {
margin-top: 0 !important;
margin-bottom: 20px !important;
background: none !important;
border: none !important;
padding: 0 !important;
}
.coverage-card {
background-color: #f3f7f6 !important;
border: 1px solid #D1FAe5 !important;
border-radius: 8px !important;
padding: 16px !important;
display: flex !important;
align-items: flex-start !important;
gap: 12px !important;
}
.coverage-icon-wrap {
flex-shrink: 0;
margin-top: 2px;
}
.coverage-icon {
width: 24px;
height: 24px;
}
.coverage-info {
flex-grow: 1;
}
.coverage-title {
font-size: 14px !important;
font-weight: 600 !important;
color: var(--newdesign-accent);
margin: 0 0 4px 0 !important;
}
.coverage-desc {
font-size: 12px !important;
color: #414645 !important;
margin: 0 !important;
line-height: 1.4 !important;
}
.coverage-price-wrap {
flex-shrink: 0;
text-align: right;
display: flex;
flex-direction: column;
}
.coverage-price-value {
font-size: 14px !important;
font-weight: 600 !important;
color: var(--newdesign-accent);
}
.coverage-price-lbl {
font-size: 10px !important;
color: var(--newdesign-accent);
font-weight: 500 !important;
text-transform: capitalize;
} .summary-features-bar {
display: flex;
justify-content: space-between;
gap: 8px;
padding-top: 4px;
}
.feature-badge-item {
flex: 1;
text-align: center;
}
.feature-badge-icon {
display: inline-flex;
align-items: center;
justify-content: center;
width: 36px;
height: 36px;
background-color: #ECFDF5;
border-radius: 50%;
margin-bottom: 8px;
}
.feature-badge-icon img {
height: 18px !important;
width: 18px !important;
object-fit: contain;
}
.feature-badge-icon i {
font-size: 16px;
color: #10B981;
}
.feature-badge-item h6 {
font-size: 11px !important;
font-weight: 600 !important;
color: #1c1c1c !important;
margin: 0 0 2px 0 !important;
}
.feature-badge-item p {
font-size: 9px !important;
color: #6B7280 !important;
margin: 0 !important;
} .extras-main-title {
font-size: 20px !important;
font-weight: 600 !important;
color: #1c1c1c !important;
margin-bottom: 24px !important;
font-family: 'Poppins', sans-serif !important;
margin-top: 30px;
}
.extras-list-container {
display: flex;
flex-direction: column;
gap: 16px;
margin-bottom: 30px;
font-family: 'Poppins', sans-serif !important;
}
.extra-item-card {
background: #ffffff !important;
border-radius: 8px !important;
padding: 20px !important;
margin-bottom: 16px !important;
margin-left: 0 !important;
margin-right: 0 !important;
transition: all 0.2s ease-in-out !important;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05) !important;
}
.extra-item-card:hover {
box-shadow: 0 4px 6px rgba(0, 0, 0, 0.05) !important;
}
.highlight-word {
padding: 0 5px;
border-radius: 3px;
} .extra-item-card.featured-card {
background-color: #f3f7f6 !important;
border: 1.5px solid #2eceb6 !important;
}
.extra-item-card-inner {
display: flex;
align-items: center;
width: 100%;
position: relative;
padding: 0;
}
.badge-recommended {
display: inline-block !important;
background-color: #D1FAE5 !important;
color: #0F4C4C !important;
font-size: 11px !important;
font-weight: 600 !important;
padding: 4px 12px !important;
border-radius: 100px !important;
text-transform: capitalize !important;
letter-spacing: normal !important;
box-shadow: none !important;
margin-bottom: 8px !important;
border: none !important;
}
.extra-card-icon-wrap {
flex-shrink: 0;
width: 72px;
height: 72px;
background-color: transparent !important;
border-radius: 0 !important;
display: flex;
align-items: center;
justify-content: center;
margin-right: 24px;
}
.extra-item-card.featured-card .extra-card-icon-wrap {
background-color: transparent !important;
}
.extra-card-icon,
.extra-card-icon-wrap img,
.extra-card-icon-wrap svg {
width: 72px !important;
height: 72px !important;
max-width: 72px !important;
max-height: 72px !important;
object-fit: contain !important;
}
.extra-card-text-wrap {
flex-grow: 1;
padding-right: 20px;
}
.extra-card-title {
font-size: 16px !important;
font-weight: 600 !important;
color: #1c1c1c !important;
margin: 0 0 6px 0 !important;
}
.extra-card-desc {
font-size: 12px !important;
color: #4B5563 !important;
margin: 0 !important;
line-height: 1.5 !important;
}
.extra-card-desc a.refundpolicymodal__info-trigger {
color: #10B981 !important;
margin-left: 4px;
font-size: 14px;
}
.extra-card-tags {
display: flex;
gap: 12px;
margin-top: 10px;
}
.extra-card-tags .tag-item {
font-size: 12px !important;
font-weight: 500 !important;
display: inline-flex;
align-items: center;
gap: 4px;
}
.extra-card-tags .tag-item i {
font-size: 12px !important;
color: #047857 !important;
}
.extra-card-price-wrap {
flex-shrink: 0;
text-align: right;
padding: 0 20px;
display: flex;
flex-direction: column;
min-width: 110px;
}
.extra-card-price-amount {
font-size: 18px !important;
font-weight: 600 !important;
color: #1c1c1c !important;
}
.extra-card-price-period {
font-size: 14px !important;
color: #6B7280 !important;
text-transform: capitalize;
}
.extra-card-first-free {
font-size: 10px !important;
color: #10B981 !important;
font-weight: 600 !important;
text-transform: uppercase;
margin-top: 2px;
}
.extra-card-control-wrap {
flex-shrink: 0;
display: flex;
align-items: center;
gap: 12px;
}
.extra-card-control-wrap .extras-buttons {
display: flex !important;
align-items: center !important;
justify-content: space-between !important;
background: #FFFFFF !important;
border: 1px solid #E5E7EB !important;
border-radius: 8px !important;
padding: 0 !important;
width: 120px !important;
height: 40px !important;
overflow: hidden !important;
}
.extra-card-control-wrap .extras-buttons.is-selected {
background: #0F4C4C !important;
border-color: #0F4C4C !important;
}
.extra-item-card.featured-card .extra-card-control-wrap .extras-buttons {
background: #FFFFFF !important;
border: 1px solid #E5E7EB !important;
}
.extra-item-card.featured-card .extra-card-control-wrap .extras-buttons.is-selected {
background: #0F4C4C !important;
border-color: #0F4C4C !important;
}
.extra-card-control-wrap .button-plus {
width: 38px !important;
height: 100% !important;
border-radius: 0 !important;
border: none !important;
background: transparent !important;
color: #4B5563 !important;
font-size: 18px !important;
font-weight: 600 !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
cursor: pointer !important;
box-shadow: none !important;
transition: all 0.2s !important;
}
.extra-card-control-wrap .button-plus:hover {
background: rgba(0, 0, 0, 0.05) !important;
}
.extra-card-control-wrap .extras-buttons.is-selected .button-plus {
color: #FFFFFF !important;
}
.extra-card-control-wrap .extras-buttons.is-selected .button-plus:hover {
background: rgba(255, 255, 255, 0.1) !important;
}
.extra-card-control-wrap .count.extra_select {
width: 44px !important;
font-size: 16px !important;
font-weight: 600 !important;
color: #1c1c1c !important;
text-align: center !important;
border: none !important;
background: transparent !important;
margin: 0 !important;
padding: 0 !important;
}
.extra-card-control-wrap .extras-buttons.is-selected .count.extra_select {
color: #FFFFFF !important;
}
.option-added-indicator {
display: none !important;
} .extras-navigation-buttons {
display: flex;
justify-content: flex-end;
gap: 16px;
margin-top: 32px;
}
.btn-extras-back {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
height: 44px !important;
padding: 0 32px !important;
background: #FFFFFF !important;
color: #0F4C4C !important;
border: 1px solid #E5E7EB !important;
border-radius: 8px !important;
font-weight: 600 !important;
font-size: 14px !important;
cursor: pointer !important;
text-decoration: none !important;
transition: all 0.2s ease-in-out !important;
min-width: 130px;
}
.btn-extras-back:hover {
background: #F9FAFB !important;
border-color: #D1D5DB !important;
color: #0F4C4C !important;
}
.btn-extras-continue {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
height: 44px !important;
padding: 0 32px !important;
background: #0F4C4C !important;
color: #ffffff !important;
border: none !important;
border-radius: 8px !important;
font-weight: 600 !important;
font-size: 14px !important;
cursor: pointer !important;
text-decoration: none !important;
transition: all 0.2s ease-in-out !important;
}
.btn-extras-continue:hover {
background: #0B3838 !important;
color: #ffffff !important;
}
.travel-together {
background-color: #fff;
border-radius: 8px;
}
.extras-container {
max-width: 100%;
}
.travel-together p {
font-size: 13px;
}
.travel-together p strong {
font-size: 15px;
}
.refundpolicymodal__close-x,
.fmcic__close-x {
width: 32px;
height: 32px;
background: #f8fafc;
border: 1px solid #e2e8f0;
border-radius: 8px;
display: flex;
align-items: center;
justify-content: center;
color: #64748b;
}   #emailQuoteModal .modal-content {
border: none !important;
border-radius: 8px !important;
overflow: hidden !important;
background: var(--color-white, #ffffff) !important;
box-shadow: 0 25px 50px -12px rgba(15, 76, 76, 0.15) !important;
}
#emailQuoteModal .modal-dialog { margin: 1.75rem auto !important;
} #emailQuoteModal .modal-body {
padding: 0 !important;
background: #ffffff;
}
#emailQuoteModal .modal-inner {
padding: 2.5rem 2.5rem 2rem !important;
background: #ffffff;
position: relative;
} #emailQuoteModal .modal-close-button {
position: absolute !important;
top: 18px !important;
right: 18px !important;
width: 32px !important;
height: 32px !important;
background: #f8fafc !important;
border: 1px solid #e2e8f0 !important;
border-radius: 8px !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
color: #64748b !important;
cursor: pointer !important;
transition: all 0.25s ease !important;
z-index: 10 !important;
text-decoration: none !important;
}
#emailQuoteModal .modal-close-button:hover {
background: #fee2e2 !important;
color: #ef4444 !important;
border-color: #fecaca !important;
transform: scale(1.1) !important;
}
#emailQuoteModal .modal-close-button i {
font-size: 14px !important;
line-height: 1 !important;
} #emailQuoteModal h2.accent-color {
font-family: 'Poppins', sans-serif !important;
font-size: 24px !important;
font-weight: 700 !important;
color: #0F4C4C !important;
margin-bottom: 6px !important;
text-align: center !important;
letter-spacing: -0.02em !important;
}
#emailQuoteModal p.lightest-color {
font-size: 14px !important;
color: #64748b !important;
text-align: center !important;
margin-bottom: 1.5rem !important;
line-height: 1.6 !important;
} #emailQuoteModal .modal-inner::before {
content: '';
display: block;
height: 4px;
background: linear-gradient(90deg, #0F4C4C 0%, #2eceb6 100%);
border-radius: 4px 4px 0 0;
margin: -2.5rem -2.5rem 2rem;
width: calc(100% + 5rem);
} #emailQuoteModal .form-group {
margin-bottom: 1.1rem !important;
position: relative !important;
}
#emailQuoteModal .form-group label {
display: block !important;
font-size: 13px !important;
font-weight: 600 !important;
color: #374151 !important;
margin-bottom: 6px !important;
font-family: 'Poppins', sans-serif !important;
}
#emailQuoteModal .form-group label.error {
color: #ff0000 !important;
font-weight: 400 !important;
} #emailQuoteModal .app-input,
#emailQuoteModal input.app-input,
#emailQuoteModal input[type="text"],
#emailQuoteModal input[type="email"] {
width: 100% !important;
height: 50px !important;
padding: 0 16px !important;
background: #f8fafc !important;
border: 1.5px solid #e2e8f0 !important;
border-radius: 8px !important;
font-size: 14px !important;
font-weight: 500 !important;
color: #1e293b !important;
font-family: 'Poppins', sans-serif !important;
transition: border-color 0.2s ease, box-shadow 0.2s ease !important;
outline: none !important;
box-shadow: none !important;
}
#emailQuoteModal .app-input:focus,
#emailQuoteModal input[type="text"]:focus,
#emailQuoteModal input[type="email"]:focus {
border-color: #0F4C4C !important;
background: #ffffff !important;
box-shadow: 0 0 0 3px rgba(15, 76, 76, 0.08) !important;
}
#emailQuoteModal .app-input::placeholder,
#emailQuoteModal input::placeholder {
color: #94a3b8 !important;
font-weight: 400 !important;
} #emailQuoteModal .app-button--primary,
#emailQuoteModal button#share-btn {
display: flex !important;
align-items: center !important;
justify-content: center !important;
gap: 8px !important;
width: 100% !important;
height: 52px !important;
background: #0F4C4C !important;
color: #ffffff !important;
border: none !important;
border-radius: 8px !important;
font-size: 15px !important;
font-weight: 600 !important;
font-family: 'Poppins', sans-serif !important;
cursor: pointer !important;
transition: all 0.25s ease !important;
letter-spacing: 0.01em !important;
text-decoration: none !important;
margin-bottom: 0 !important;
}
#emailQuoteModal .app-button--primary:hover,
#emailQuoteModal button#share-btn:hover {
background: #0B3838 !important;
transform: translateY(-1px) !important;
box-shadow: 0 6px 20px rgba(15, 76, 76, 0.25) !important;
}
#emailQuoteModal .text-center {
margin-top: 1.25rem !important;
} #emailQuoteModal #image_vehicle_info {
margin-bottom: 1rem;
}
#emailQuoteModal #image_vehicle_info img {
max-width: 100%;
border-radius: 8px;
display: block;
margin: 0 auto;
} #emailQuoteModal #error_data,
#emailQuoteModal #success_data {
border-radius: 8px !important;
font-size: 13px !important;
font-family: 'Poppins', sans-serif !important;
margin-bottom: 1rem !important;
}   .payment-section-card {
background: #ffffff;
border-radius: 8px;
padding: 24px;
margin-bottom: 24px;
}
.payment-section-header {
display: flex;
align-items: center;
gap: 12px;
margin-bottom: 24px;
padding-bottom: 12px;
border-bottom: 1px solid #f1f5f9;
}
.payment-section-header i,
.payment-section-header svg {
font-size: 20px;
color: #0c3e3e;
}
.payment-section-header h3 {
font-size: 16px !important;
font-weight: 600 !important;
color: #1c1c1c !important;
margin: 0 !important;
text-transform: capitalize;
} .payment-field-group {
margin-bottom: 18px;
}
.payment-field-group label {
display: block;
font-size: 14px;
font-weight: 500;
color: #6B7280;
margin-bottom: 6px;
}
.payment-control {
width: 100% !important;
height: 48px !important;
padding: 10px 16px !important;
background: #ffffff !important;
border: 1px solid #e2e8f0 !important;
border-radius: 8px !important;
font-family: 'Poppins', sans-serif !important;
font-size: 14px !important;
font-weight: 500 !important;
color: #1f2937 !important;
transition: all 0.25s ease !important;
outline: none !important;
}
.payment-control:focus {
border-color: #2eceb6 !important;
box-shadow: 0 0 0 3px rgba(46, 206, 182, 0.1) !important;
}
.payment-control.error {
border-color: #dc3545 !important;
}
.select2-container.select2-error .select2-selection {
border-color: #dc3545 !important;
}
label.error {
color: #dc3545 !important;
font-size: 12px !important;
font-weight: 500 !important;
margin-top: 4px !important;
display: block !important;
}
label.error::before {
content: "\f06a" !important;
font-family: "FontAwesome", "Font Awesome 5 Free" !important;
font-weight: 900 !important;
margin-right: 4px !important;
} .select2-container--default .select2-results__option--highlighted[aria-selected],
.select2-container--default .select2-results__option--highlighted[aria-selected]:hover {
background-color: #0F4C4C !important;
color: white !important;
} .select2-container .select2-selection--single {
height: 48px !important;
padding: 8px 16px !important;
border: 1px solid #e2e8f0 !important;
border-radius: 8px !important;
background-color: #ffffff !important;
transition: all 0.25s ease !important;
}
.select2-container--open .select2-selection--single {
border-color: #0F4C4C !important;
box-shadow: 0 0 0 3px rgba(15, 76, 76, 0.1) !important;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
line-height: 28px !important;
padding: 0 !important;
color: #1f2937 !important;
font-family: 'Poppins', sans-serif !important;
font-size: 14px !important;
font-weight: 500 !important;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
height: 46px !important;
right: 8px !important;
} select.payment-control {
appearance: none !important;
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%234b5563' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E") !important;
background-repeat: no-repeat !important;
background-position: right 16px center !important;
background-size: 16px !important;
padding-right: 40px !important;
} .payment-age-pills {
display: flex;
gap: 12px;
flex-wrap: wrap;
margin-top: 6px;
}
.payment-age-pill {
position: relative;
cursor: pointer;
flex: 1;
min-width: 90px;
text-align: center;
}
.payment-age-pill input {
position: absolute;
left: -9999px;
}
.payment-age-pill-label {
display: block;
background: #ffffff;
border: 1px solid #e2e8f0;
border-radius: 20px;
padding: 10px 16px;
font-family: 'Poppins', sans-serif !important;
font-size: 13px !important;
font-weight: 600 !important;
color: #4b5563 !important;
transition: all 0.25s ease;
user-select: none;
margin: 0 !important;
}
.payment-age-pill input:checked+.payment-age-pill-label {
border-color: #2eceb6;
color: #0c3e3e;
background: rgba(46, 206, 182, 0.05);
}
.payment-age-pill:hover .payment-age-pill-label {
border-color: #cbd5e1;
} .payment-accordion-card {
background: #ffffff;
border-radius: 8px;
margin-bottom: 16px;
overflow: hidden;
}
.payment-accordion-header {
display: flex;
align-items: center;
justify-content: space-between;
padding: 18px 24px;
background: #ffffff;
cursor: pointer;
user-select: none;
transition: background 0.2s ease;
}
.pretty input:checked~.state.p-success label:after,
.pretty.p-toggle .state.p-success label:after {
background-color: var(--theme-color) !important;
top: 2px;
}
.payment-accordion-title-wrap {
display: flex;
align-items: center;
gap: 12px;
}
.payment-accordion-title-wrap i {
font-size: 18px;
color: #6b7280;
}
.payment-accordion-title-wrap h4 {
font-size: 16px !important;
font-weight: 500 !important;
color: #1C1C1E !important;
margin: 0 !important;
}
.payment-accordion-chevron {
font-size: 14px;
color: #6b7280;
transition: transform 0.2s ease;
}
.payment-accordion-header[aria-expanded="true"] .payment-accordion-chevron {
transform: rotate(180deg);
}
.payment-accordion-body {
padding: 24px;
border-top: 1px solid #f1f5f9;
} .payment-method-row {
display: flex;
gap: 16px;
margin-bottom: 24px;
flex-wrap: wrap;
}
.payment-method-card {
position: relative;
flex: 1;
min-width: 200px;
cursor: pointer;
}
.payment-method-card input {
position: absolute;
left: -9999px;
}
input:checked+label i {
color: #10b981;
}
input:checked+.payment-method-label .payment-method-info .payment-method-icon-box {
background-color: #fff !important;
}
.payment-method-label {
display: flex;
align-items: center;
justify-content: space-between;
background: #ffffff;
border: 1px solid #e2e8f0;
border-radius: 8px;
padding: 16px 20px;
transition: all 0.25s ease;
height: 100%;
margin: 0 !important;
cursor: pointer;
}
.payment-method-info {
display: flex;
align-items: center;
gap: 12px;
}
.payment-method-icon-box {
width: 40px;
height: 40px;
background: #f8fafc;
border-radius: 8px;
display: flex;
align-items: center;
justify-content: center;
color: #4b5563;
font-size: 18px;
flex-shrink: 0;
}
.payment-method-texts h6 {
font-family: 'Poppins', sans-serif !important;
font-size: 14px !important;
font-weight: 700 !important;
color: #0c3e3e !important;
margin: 0 0 2px 0 !important;
}
.payment-method-texts span {
font-family: 'Poppins', sans-serif !important;
font-size: 12px !important;
color: #6b7280 !important;
display: block;
}
.payment-method-radio-dot {
width: 18px;
height: 18px;
border: 1.5px solid #cbd5e1;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
transition: all 0.25s ease;
flex-shrink: 0;
}
.payment-method-radio-dot::after {
content: '';
width: 8px;
height: 8px;
background: var(--theme-color);
border-radius: 50%;
opacity: 0;
transform: scale(0);
transition: all 0.2s ease;
}
.payment-method-card input:checked+.payment-method-label {
border-color: var(--theme-color);
background: #f3f7f6;
}
.payment-method-card input:checked+.payment-method-label .payment-method-radio-dot {
border-color: var(--theme-color);
}
.payment-method-card input:checked+.payment-method-label .payment-method-radio-dot::after {
opacity: 1;
transform: scale(1);
} .payment-promo-wrapper {
display: flex;
gap: 12px;
margin-bottom: 24px;
align-items: center;
}
.payment-promo-input-box {
flex-grow: 1;
}
.payment-promo-btn {
height: 48px;
padding: 0 24px;
background: #f3f7f6;
border: 1px solid #2eceb6;
color: #0c3e3e;
font-size: 14px !important;
font-weight: 600 !important;
border-radius: 8px;
cursor: pointer;
transition: all 0.25s ease;
white-space: nowrap;
}
.payment-promo-btn:hover {
background: rgba(46, 206, 182, 0.05);
} .payment-footer-actions {
display: flex;
justify-content: flex-end;
gap: 16px;
margin-top: 24px;
margin-bottom: 24px;
}
.btn-payment-back {
height: 48px !important;
padding: 0 28px !important;
background: #f8fafc !important;
border: 1px solid #e2e8f0 !important;
color: #6b7280 !important;
font-family: 'Poppins', sans-serif !important;
font-size: 14px !important;
font-weight: 700 !important;
border-radius: 8px !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
cursor: pointer !important;
transition: all 0.25s ease !important;
text-decoration: none !important;
margin: 0 !important;
width: auto !important;
}
.btn-payment-back:hover {
background: #f1f5f9 !important;
color: #4b5563 !important;
}
.btn-payment-continue {
height: 48px !important;
padding: 0 28px !important;
background: #0c3e3e !important;
border: none !important;
color: #ffffff !important;
font-family: 'Poppins', sans-serif !important;
font-size: 14px !important;
font-weight: 700 !important;
border-radius: 8px !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
cursor: pointer !important;
transition: all 0.25s ease !important;
text-decoration: none !important;
margin: 0 !important;
width: auto !important;
}
.btn-payment-continue:hover {
background: #072525 !important;
box-shadow: 0 4px 12px rgba(12, 62, 62, 0.2) !important;
}
.payment-trust-badge {
display: flex;
align-items: center;
justify-content: center;
gap: 8px;
color: #4b5563;
font-size: 13px;
font-weight: 600;
margin-bottom: 24px;
}
.payment-trust-badge img {
width: 14px;
} .pretty.filter-checkbox {
margin-top: 16px !important;
white-space: normal !important;
display: flex !important;
align-items: flex-start !important;
}
.pretty.filter-checkbox .state label:before {
border-color: #cbd5e1 !important;
border-radius: 4px !important;
width: 20px !important;
height: 20px !important;
top: 2px !important;
}
.pretty.filter-checkbox input:checked~.state label:before {
background-color: #0F4C4C !important;
border-color: #0F4C4C !important;
}
.pretty.filter-checkbox .state .icon {
width: 20px !important;
height: 20px !important;
font-size: 11px !important;
color: #ffffff !important;
top: 2px !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
}
.pretty.filter-checkbox .state label {
padding-left: 32px !important;
text-indent: 0 !important;
font-family: 'Poppins', sans-serif !important;
font-size: 13px !important;
color: #4b5563 !important;
line-height: 1.6 !important;
}
.pretty.filter-checkbox .state label a {
color: #2eceb6 !important;
text-decoration: underline !important;
font-weight: 500 !important;
}
.payment-promo-input-box {
position: relative;
flex-grow: 1;
}
.payment-promo-icon {
position: absolute;
left: 16px;
top: 50%;
transform: translateY(-50%);
color: #9ca3af;
font-size: 16px;
pointer-events: none;
}
.payment-promo-input-box .payment-control {
padding-left: 44px !important;
} .voucher-status-heading {
font-family: 'Poppins', sans-serif !important;
font-size: 32px !important;
font-weight: 600 !important;
margin-top: 2rem !important;
margin-bottom: 0.5rem !important;
}
.voucher-status-heading .status-label {
color: #1e293b !important;
}
.voucher-status-heading .status-value {
color: #2eceb6 !important;
}
.voucher-thank-you {
font-family: 'Poppins', sans-serif !important;
font-size: 14px !important;
color: #64748b !important;
margin-bottom: 1.5rem !important;
}
.voucher-number-heading {
font-family: 'Poppins', sans-serif !important;
font-size: 28px !important;
font-weight: 600 !important;
margin-bottom: 2rem !important;
}
.voucher-number-heading .voucher-label {
color: #1e293b !important;
}
.voucher-number-heading .voucher-value {
color: #2eceb6 !important;
} .voucher-buttons {
gap: 12px !important;
}
.voucher-buttons .app-button,
.voucher-buttons .app-button--primary {
font-family: 'Poppins', sans-serif !important;
font-size: 14px !important;
font-weight: 600 !important;
padding: 10px 24px !important;
border-radius: 8px !important;
margin: 0 !important;
transition: all 0.25s ease !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
text-decoration: none !important;
cursor: pointer !important;
box-shadow: none !important;
height: 48px !important;
} .voucher-buttons .app-button {
background-color: #ffffff !important;
color: #0c3e3e !important;
border: 1px solid #cbd5e1 !important;
}
.voucher-buttons .app-button:hover {
background-color: #f8fafc !important;
border-color: #94a3b8 !important;
} .voucher-buttons .app-button--primary {
background-color: #0c3e3e !important;
color: #ffffff !important;
border: none !important;
}
.voucher-buttons .app-button--primary:hover {
background-color: #082d2d !important;
}   #printable .panel {
background: #ffffff;
border: 1px solid #eef2f5;
border-radius: 8px;
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.02);
height: 100%;
overflow: hidden;
}
#printable .panel-title {
background: #ffffff !important;
color: #1c1c1e !important;
font-family: 'Poppins', sans-serif;
font-size: 16px;
font-weight: 600;
padding: 16px 20px !important;
border-bottom: 1px solid #eef2f5;
display: flex;
align-items: center;
}
#printable .panel-title i {
color: #2eceb6 !important;
margin-right: 8px;
font-size: 16px;
}
#printable .panel-inner i,
#printable .panel-inner .fa,
#printable h4 i,
#printable h4 .fa {
margin-right: 12px !important;
}
#printable .panel-inner {
padding: 20px !important;
background: #ffffff;
}
#printable .panel-label {
font-family: 'Poppins', sans-serif;
font-size: 14px;
font-weight: 600;
color: #1a1a1a;
margin-bottom: 8px;
display: inline-block;
}
#printable .panel-text {
font-family: 'Poppins', sans-serif;
font-size: 14px;
font-weight: 400;
color: #666666;
margin-bottom: 8px;
display: inline-block;
}
#printable .panel-inner .row .col-sm-7+.col-sm-5 {
text-align: right !important;
}
#printable .panel-inner .row .col-sm-7+.col-sm-5 .panel-text,
#printable .panel-inner .row .col-sm-7+.col-sm-5 .panel-label {
text-align: right !important;
display: block;
}
#printable .panel-icon {
width: 20px;
height: 20px;
object-fit: contain;
margin-right: 10px;
vertical-align: middle;
}
#printable .panel-detail {
font-family: 'Poppins', sans-serif;
font-size: 14px;
line-height: 1.6;
color: #555555;
margin-bottom: 20px;
}
#printable ul.panel-detail,
#printable ol.panel-detail {
padding-left: 20px;
margin-bottom: 20px;
}
#printable ul.panel-detail li,
#printable ol.panel-detail li {
margin-bottom: 6px;
font-size: 14px;
color: #555555;
}
#printable .no-gutters {
margin-right: 0;
margin-left: 0;
}
#printable .no-gutters>[class*="col-"] {
padding-right: 0;
padding-left: 0;
} .fleet-view-more-container {
text-align: center;
margin-top: 2rem;
margin-bottom: 3rem;
}
.fleet-btn-view-more {
background-color: transparent;
border: 1px solid #0F4C4C;
color: #0F4C4C;
padding: 10px 32px;
border-radius: 6px;
font-weight: 600;
font-size: 14px;
cursor: pointer;
display: inline-flex;
align-items: center;
justify-content: center;
gap: 8px;
transition: all 0.3s ease;
}
.fleet-btn-view-more:hover {
background-color: #0F4C4C !important;
color: #ffffff !important;
}
.hidden-by-view-more {
display: none !important;
} .pingouin-my-account-redesign .nav-tabs.user-profile-navtabs {
border-bottom: none !important;
border: 1px solid #d5d5d5 !important;
display: flex;
justify-content: center;
gap: 15px;
margin-bottom: 30px;
background-color: #fff;
padding: 8px;
border-radius: 8px;
max-width: 500px;
margin-left: auto;
margin-right: auto;
}
.pingouin-my-account-redesign .user-profile-navtabs .nav-link {
border: none !important;
border-radius: 8px !important;
padding: 12px 24px !important;
font-size: 16px !important;
font-weight: 600 !important;
color: var(--newdesign-text-secondary) !important;
background-color: transparent !important;
transition: all 0.3s ease !important;
text-align: center;
cursor: pointer;
flex: 1;
}
.pingouin-my-account-redesign .user-profile-navtabs .nav-link.active {
color: var(--newdesign-text-white) !important;
background-color: var(--newdesign-brand-primary) !important;
box-shadow: 0 4px 12px rgba(15, 76, 76, 0.15) !important;
}
.pingouin-my-account-redesign .user-profile-navtabs .nav-link:hover:not(.active) {
color: var(--newdesign-brand-primary) !important;
background-color: rgba(15, 76, 76, 0.05) !important;
} .pingouin-my-account-redesign .table-responsive {
border-radius: 12px;
box-shadow: 0 4px 20px rgba(0, 0, 0, 0.05);
background-color: var(--newdesign-text-white);
border: 1px solid var(--newdesign-neturals-border);
overflow-x: auto;
margin-bottom: 30px;
}
.pingouin-my-account-redesign .table {
margin-bottom: 0 !important;
border-collapse: collapse;
width: 100%;
}
.pingouin-my-account-redesign .table th:empty {
display: none;
}
.pingouin-my-account-redesign .table th {
background-color: var(--newdesign-neturals-soft-bg) !important;
color: var(--newdesign-brand-primary) !important;
font-weight: 600 !important;
font-size: 14px !important;
text-transform: uppercase;
letter-spacing: 0.5px;
padding: 12px 12px !important;
border-bottom: 2px solid var(--newdesign-neturals-border) !important;
border-top: none !important;
white-space: nowrap;
}
.pingouin-my-account-redesign .table td {
padding: 12px 12px !important;
font-size: 15px !important;
color: var(--newdesign-text-primary) !important;
border-bottom: 1px solid var(--newdesign-neturals-border) !important;
border-top: none !important;
vertical-align: middle !important;
white-space: nowrap;
}
.pingouin-my-account-redesign .table-striped tbody tr:nth-of-type(odd) {
background-color: rgba(243, 247, 246, 0.3) !important;
}
.pingouin-my-account-redesign .table-striped tbody tr:hover {
background-color: rgba(243, 247, 246, 0.7) !important;
} .pingouin-my-account-redesign .status-badge {
display: inline-flex;
align-items: center;
justify-content: center;
padding: 6px 12px;
font-size: 12px;
font-weight: 600;
border-radius: 9999px;
text-transform: capitalize;
line-height: 1;
}
.pingouin-my-account-redesign .status-badge.status-confirmed,
.pingouin-my-account-redesign .status-badge.status-paid {
background-color: #DEF7EC;
color: #03543F;
}
.pingouin-my-account-redesign .status-badge.status-cancelled,
.pingouin-my-account-redesign .status-badge.status-unpaid {
background-color: #FDE8E8;
color: #9B1C1C;
}
.pingouin-my-account-redesign .status-badge.status-not-confirmed {
background-color: #FEF08A;
color: #713F12;
}
.pingouin-my-account-redesign .status-badge.status-close {
background-color: #E5E7EB;
color: #374151;
} .pingouin-my-account-redesign .my-account-btn {
display: inline-flex;
align-items: center;
justify-content: center;
padding: 8px 16px;
font-size: 13px;
font-weight: 600;
border-radius: 6px;
border: none;
cursor: pointer;
transition: all 0.3s ease;
text-decoration: none !important;
line-height: 1.2;
}
.pingouin-my-account-redesign .btn-pay-now {
background-color: var(--newdesign-accent);
color: var(--newdesign-text-white) !important;
}
.pingouin-my-account-redesign .btn-pay-now:hover {
background-color: #26a388;
box-shadow: 0 4px 10px rgba(47, 191, 159, 0.2);
}
.pingouin-my-account-redesign .btn-checklist {
background-color: var(--newdesign-brand-primary);
color: var(--newdesign-text-white) !important;
}
.pingouin-my-account-redesign .btn-checklist:hover {
background-color: var(--newdesign-primary-dark);
box-shadow: 0 4px 10px rgba(15, 76, 76, 0.2);
}
.pingouin-my-account-redesign .btn-view-details {
display: inline-flex;
align-items: center;
justify-content: center;
width: 36px;
height: 36px;
border-radius: 50%;
background-color: var(--newdesign-neturals-soft-bg);
color: var(--newdesign-brand-primary) !important;
transition: all 0.3s ease;
}
.pingouin-my-account-redesign .btn-view-details:hover {
background-color: var(--newdesign-brand-primary);
color: var(--newdesign-text-white) !important;
} .pingouin-my-account-redesign .user-profile-buttons {
display: flex;
justify-content: flex-end;
gap: 12px;
margin-top: 15px;
margin-bottom: 25px;
flex-wrap: wrap;
}
.pingouin-my-account-redesign .user-profile-buttons button {
display: inline-flex;
align-items: center;
justify-content: center;
padding: 10px 20px;
font-size: 14px;
font-weight: 600;
border-radius: 8px;
border: none;
transition: all 0.3s ease;
cursor: pointer;
line-height: 1.2;
}
.pingouin-my-account-redesign .user-profile-buttons button i {
margin-right: 8px;
}
.pingouin-my-account-redesign .user-profile-buttons button[data-target="#CPModal"] {
background-color: var(--newdesign-neturals-soft-bg);
color: var(--newdesign-brand-primary);
border: 1px solid var(--newdesign-brand-primary);
}
.pingouin-my-account-redesign .user-profile-buttons button[data-target="#CPModal"]:hover {
background-color: var(--newdesign-brand-primary);
color: var(--newdesign-text-white);
}
.pingouin-my-account-redesign .user-profile-buttons button[data-target="#editModal"] {
background-color: var(--newdesign-brand-primary);
color: var(--newdesign-text-white);
}
.pingouin-my-account-redesign .user-profile-buttons button[data-target="#editModal"]:hover {
background-color: var(--newdesign-primary-dark);
}
.pingouin-my-account-redesign .user-profile-buttons button.logout {
background-color: #ffffff !important;
color: #DC2626 !important;
border: 1.5px solid #FCA5A5 !important;
font-weight: 600 !important;
transition: all 0.25s ease !important;
}
.pingouin-my-account-redesign .user-profile-buttons button.logout:hover {
background-color: #FEF2F2 !important;
color: #B91C1C !important;
border-color: #EF4444 !important;
box-shadow: 0 4px 12px rgba(220, 38, 38, 0.1) !important;
} .pingouin-my-account-redesign .user-profile-table {
width: 100%;
margin-bottom: 0 !important;
}
.pingouin-my-account-redesign .user-profile-table th {
width: 25% !important;
background-color: var(--newdesign-neturals-soft-bg) !important;
color: var(--newdesign-brand-primary) !important;
font-weight: 600 !important;
border-bottom: 1px solid var(--newdesign-neturals-border) !important;
}
.pingouin-my-account-redesign .user-profile-table td {
color: var(--newdesign-text-primary) !important;
border-bottom: 1px solid var(--newdesign-neturals-border) !important;
} .pingouin-my-account-redesign-modal .modal-content {
border: none !important;
border-radius: 8px !important;
overflow: hidden !important;
background: #ffffff !important;
box-shadow: 0 25px 50px -12px rgba(15, 76, 76, 0.15) !important;
}
.pingouin-my-account-redesign-modal .modal-body {
padding: 0 !important;
background: #ffffff !important;
}
.pingouin-my-account-redesign-modal .modal-inner {
padding: 2.5rem 2.5rem 2rem !important;
background: #ffffff !important;
position: relative !important;
} .pingouin-my-account-redesign-modal .modal-close-button {
position: absolute !important;
top: 18px !important;
right: 18px !important;
width: 32px !important;
height: 32px !important;
background: #f8fafc !important;
border: 1px solid #e2e8f0 !important;
border-radius: 8px !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
color: #64748b !important;
cursor: pointer !important;
transition: all 0.25s ease !important;
z-index: 10 !important;
text-decoration: none !important;
}
.pingouin-my-account-redesign-modal .modal-close-button:hover {
background: #fee2e2 !important;
color: #ef4444 !important;
border-color: #fecaca !important;
transform: scale(1.1) !important;
}
.pingouin-my-account-redesign-modal .modal-close-button i {
font-size: 14px !important;
line-height: 1 !important;
} .pingouin-my-account-redesign-modal h2.accent-color {
font-family: 'Poppins', sans-serif !important;
font-size: 24px !important;
font-weight: 700 !important;
color: #0F4C4C !important;
margin-bottom: 6px !important;
text-align: center !important;
letter-spacing: -0.02em !important;
}
.pingouin-my-account-redesign-modal p.lightest-color {
font-size: 14px !important;
color: #64748b !important;
text-align: center !important;
margin-bottom: 1.5rem !important;
line-height: 1.6 !important;
} .pingouin-my-account-redesign-modal .form-group {
margin-bottom: 1.1rem !important;
position: relative !important;
}
.pingouin-my-account-redesign-modal .form-group label {
display: block !important;
font-size: 13px !important;
font-weight: 600 !important;
color: #374151 !important;
margin-bottom: 6px !important;
font-family: 'Poppins', sans-serif !important;
text-align: left !important;
} .pingouin-my-account-redesign-modal .app-input,
.pingouin-my-account-redesign-modal select.app-input,
.pingouin-my-account-redesign-modal input.app-input,
.pingouin-my-account-redesign-modal input[type="text"],
.pingouin-my-account-redesign-modal input[type="password"],
.pingouin-my-account-redesign-modal input[type="email"] {
width: 100% !important;
height: 50px !important;
padding: 0 16px !important;
background: #f8fafc !important;
border: 1.5px solid #e2e8f0 !important;
border-radius: 8px !important;
font-size: 14px !important;
font-weight: 500 !important;
color: #1e293b !important;
font-family: 'Poppins', sans-serif !important;
transition: border-color 0.2s ease, box-shadow 0.2s ease !important;
outline: none !important;
box-shadow: none !important;
}
.pingouin-my-account-redesign-modal .app-input:focus,
.pingouin-my-account-redesign-modal select.app-input:focus,
.pingouin-my-account-redesign-modal input[type="text"]:focus,
.pingouin-my-account-redesign-modal input[type="password"]:focus,
.pingouin-my-account-redesign-modal input[type="email"]:focus {
border-color: #0F4C4C !important;
background: #ffffff !important;
box-shadow: 0 0 0 3px rgba(15, 76, 76, 0.08) !important;
}
.pingouin-my-account-redesign-modal select.app-input {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3E%3C/svg%3E") !important;
background-repeat: no-repeat !important;
background-position: right 16px center !important;
background-size: 16px 12px !important;
padding-right: 40px !important;
appearance: none !important;
-webkit-appearance: none !important;
-moz-appearance: none !important;
}
.pingouin-my-account-redesign-modal .select2-container .select2-selection--single {
display: flex !important;
align-items: center !important;
height: 50px !important;
padding: 0 !important;
border: 1.5px solid #e2e8f0 !important;
border-radius: 8px !important;
background-color: #f8fafc !important;
outline: none !important;
}
.pingouin-my-account-redesign-modal .select2-container--default .select2-selection--single .select2-selection__rendered {
line-height: normal !important;
font-size: 14px !important;
font-weight: 500 !important;
color: #1e293b !important;
font-family: 'Poppins', sans-serif !important;
padding-left: 16px !important;
padding-right: 40px !important;
margin: 0 !important;
}
.pingouin-my-account-redesign-modal .select2-container--default .select2-selection--single .select2-selection__placeholder {
color: #94a3b8 !important;
font-weight: 400 !important;
}
.pingouin-my-account-redesign-modal .select2-container--default .select2-selection--single .select2-selection__arrow {
height: 48px !important;
right: 12px !important;
} .pingouin-my-account-redesign-modal .app-button {
display: flex !important;
align-items: center !important;
justify-content: center !important;
gap: 8px !important;
width: 100% !important;
height: 52px !important;
background: #0F4C4C !important;
color: #ffffff !important;
border: none !important;
border-radius: 8px !important;
font-size: 15px !important;
font-weight: 600 !important;
font-family: 'Poppins', sans-serif !important;
cursor: pointer !important;
transition: all 0.25s ease !important;
letter-spacing: 0.01em !important;
text-decoration: none !important;
margin-bottom: 0 !important;
}
.pingouin-my-account-redesign-modal .app-button:hover {
background: #0B3838 !important;
transform: translateY(-1px) !important;
box-shadow: 0 6px 20px rgba(15, 76, 76, 0.25) !important;
}
.pingouin-my-account-redesign-modal .modal-dialog {
max-width: 520px !important;
margin: 1.75rem auto !important;
}
.pingouin-my-account-redesign-modal#editModal .modal-dialog {
max-width: 800px !important;
} .logout-v5-icon-circle {
width: 60px !important;
height: 60px !important;
background: var(--newdesign-neturals-soft-bg) !important;
border-radius: 8px !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
margin: 0 auto !important;
color: var(--newdesign-brand-primary) !important;
box-shadow: 0 4px 6px -1px rgba(15, 76, 76, 0.1) !important;
transition: all 0.25s ease !important;
}
.logout-v5-icon-circle svg {
width: 24px !important;
height: 24px !important;
} .pingouin-profile-card {
background: #ffffff !important;
border: 1px solid #e2e8f0 !important;
border-radius: 12px !important;
box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.05), 0 2px 4px -1px rgba(0, 0, 0, 0.03) !important;
padding: 30px 24px !important;
}
.pingouin-avatar-circle {
width: 120px !important;
height: 120px !important;
background: #e6f4f1 !important;
color: #0F4C4C !important;
font-size: 38px !important;
font-weight: 600 !important;
border-radius: 50% !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
margin: 0 auto 1.5rem !important;
}
.pingouin-profile-name {
color: #0F4C4C !important;
font-family: 'Poppins', sans-serif !important;
font-size: 22px !important;
font-weight: 600 !important;
}
.pingouin-profile-email {
color: #64748b !important;
font-size: 14px !important;
}
.pingouin-profile-divider {
border-top: 1px solid #f1f5f9 !important;
margin: 1.5rem 0 !important;
}
.pingouin-info-header {
gap: 12px;
} .pingouin-profile-actions button {
display: flex !important;
align-items: center !important;
justify-content: center !important;
height: 48px !important;
font-size: 15px !important;
font-weight: 600 !important;
border-radius: 8px !important;
transition: all 0.2s ease !important;
width: 100% !important;
box-shadow: none !important;
margin-bottom: 7px !important;
gap: 12px;
}
.pingouin-profile-actions button.app-button--primary {
background: #0F4C4C !important;
color: #ffffff !important;
border: none !important;
}
.pingouin-profile-actions button.app-button--primary:hover {
background: #0d4343 !important;
}
.pingouin-profile-actions button.app-button-secondary {
background: #ffffff !important;
color: #0F4C4C !important;
border: 1px solid #0F4C4C !important;
}
.pingouin-profile-actions button.app-button-secondary:hover {
background: #e6f4f1 !important;
}
.pingouin-profile-actions button.logout {
background: #ffffff !important;
color: #DC2626 !important;
border: 1px solid #FCA5A5 !important;
}
.pingouin-profile-actions button.logout:hover {
background: #FEF2F2 !important;
border-color: #EF4444 !important;
} .pingouin-info-card {
background: #ffffff !important;
border: 1px solid #e2e8f0 !important;
border-radius: 12px !important;
box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.05), 0 2px 4px -1px rgba(0, 0, 0, 0.03) !important;
padding: 30px !important;
}
.pingouin-info-icon-circle {
width: 40px !important;
height: 40px !important;
background: #e6f4f1 !important;
color: #0F4C4C !important;
border-radius: 50% !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
}
.pingouin-info-title {
color: #0F4C4C !important;
font-family: 'Poppins', sans-serif !important;
font-size: 18px !important;
font-weight: 600 !important;
}
.pingouin-info-grid .info-row {
margin: 0 !important;
}
.pingouin-info-grid .info-row:last-child {
border-bottom: none !important;
}
.pingouin-info-grid .info-col {
padding: 10px 5px !important;
}
.pingouin-info-grid .info-label {
color: #94a3b8 !important;
font-size: 11px !important;
font-weight: 600 !important;
text-transform: uppercase !important;
letter-spacing: 0.5px !important;
margin-bottom: 4px !important;
}
.pingouin-info-grid .info-value {
color: #1e293b !important;
font-size: 15px !important;
font-weight: 500 !important;
} .pbc-cards-grid {
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 20px;
}
.pbc-card {
flex: 0 0 calc(33.333% - 14px);
max-width: calc(33.333% - 14px);
min-width: 260px;
} .pbc-card {
background: #ffffff;
border: 1px solid #e8edf2;
border-radius: 8px;
padding: 20px;
display: flex;
flex-direction: column;
gap: 14px;
box-shadow: 0 2px 12px rgba(15, 76, 76, 0.06);
transition: box-shadow 0.2s ease, transform 0.2s ease;
}
.pbc-card:hover {
box-shadow: 0 6px 24px rgba(15, 76, 76, 0.12);
transform: translateY(-2px);
} .pbc-card-header {
display: flex;
justify-content: space-between;
align-items: flex-start;
}
.pbc-label {
display: block;
font-size: 10px;
font-weight: 600;
letter-spacing: 0.8px;
text-transform: uppercase;
color: #94a3b8;
margin-bottom: 4px;
}
.pbc-booking-num {
font-size: 17px;
font-weight: 600;
color: var(--newdesign-accent) !important;
text-decoration: none !important;
line-height: 1.2;
}
.pbc-booking-num:hover {
color: var(--theme-color) !important;
}
.pbc-eye-btn {
display: flex;
align-items: center;
justify-content: center;
width: 34px;
height: 34px;
border-radius: 50%;
background: #c6e9df !important;
color: #0F4C4C !important;
font-size: 15px;
flex-shrink: 0;
transition: background 0.2s ease;
text-decoration: none !important;
}
.pbc-eye-btn:hover {
background: #d4eeea;
color: #0F4C4C !important;
} .pbc-vehicle-name {
display: flex;
flex-direction: column;
}
.pbc-vehicle-value {
font-size: 16px;
font-weight: 600;
color: #1e293b;
line-height: 1.3;
} .pbc-times {
display: flex;
flex-direction: column;
gap: 10px;
}
.pbc-time-row {
display: flex;
align-items: center;
gap: 12px;
}
.pbc-time-icon {
display: inline-flex;
align-items: center;
justify-content: center;
width: 30px;
height: 30px;
border-radius: 50%;
flex-shrink: 0;
}
.pbc-time-icon--pickup {
background: #e8f4ff;
color: #3b82f6;
}
.pbc-time-icon--dropoff {
background: #fff0f0;
color: #ef4444;
}
.pbc-time-label {
display: block;
font-size: 10px;
font-weight: 600;
letter-spacing: 0.6px;
text-transform: uppercase;
color: #94a3b8;
margin-bottom: 2px;
}
.pbc-time-value {
font-size: 14px;
font-weight: 600;
color: #334155;
} .pbc-divider {
border-top: 1px solid #f1f5f9;
margin: 0;
} .pbc-footer {
display: flex;
justify-content: space-between;
align-items: flex-end;
gap: 12px;
flex-wrap: wrap;
}
.pbc-footer-status {
display: flex;
gap: 16px;
align-items: flex-end;
flex-wrap: wrap;
}
.pbc-footer-label {
display: block;
font-size: 10px;
font-weight: 600;
letter-spacing: 0.6px;
text-transform: uppercase;
color: #94a3b8;
margin-bottom: 5px;
}
.pbc-footer-total {
display: flex;
flex-direction: column;
align-items: flex-end;
}
.pbc-total-amount {
font-size: 20px;
font-weight: 600;
color: #1e293b;
line-height: 1;
}
.pbc-commission {
font-size: 13px;
color: #64748b;
font-weight: 500;
}
.pbc-checklist-btn {
font-size: 12px !important;
padding: 4px 10px !important;
} #app-loader {
background: rgba(255, 255, 255, 0.85) !important;
display: none;
}
.loader-car-wrapper {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.loader-car {
overflow: visible;
zoom: 1.2;
} .loader-car__body {
animation: shake 0.2s ease-in-out infinite alternate;
} .car__line {
transform-origin: center right;
stroke-dasharray: 22;
animation: line 0.8s ease-in-out infinite;
animation-fill-mode: both;
} .car__line--top {
animation-delay: 0s;
}
.car__line--middle {
animation-delay: 0.2s;
}
.car__line--bottom {
animation-delay: 0.4s;
} @keyframes shake {
0% {
transform: translateY(-1%);
}
100% {
transform: translateY(3%);
}
} @keyframes line {
0% {
stroke-dashoffset: 22;
}
25% {
stroke-dashoffset: 22;
}
50% {
stroke-dashoffset: 0;
}
51% {
stroke-dashoffset: 0;
}
80% {
stroke-dashoffset: -22;
}
100% {
stroke-dashoffset: -22;
}
}
.longterm-hero-header {
padding: 80px 0;
}
.longterm-hero-header .fleet-hero-subtitle p {
max-width: 930px;
} .longterm-benefits-section {
background-color: #ffffff;
padding: 80px 0;
}
.longterm-benefits-subtitle {
color: #2cc2ab;
font-weight: 600;
font-size: 15px;
letter-spacing: 1.5px;
text-transform: uppercase;
margin-bottom: 8px;
}
.longterm-benefits-title {
color: #1c1c1e;
font-size: 36px;
font-weight: 600;
margin-bottom: 40px;
}
.longterm-benefit-item {
text-align: center;
position: relative;
}
.longterm-benefit-icon-wrapper {
width: 90px;
height: 90px;
background-color: #eaf8f5;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
margin: 0 auto 20px;
transition: transform 0.3s ease;
}
.longterm-benefit-icon-wrapper:hover {
transform: scale(1.05);
}
.longterm-benefit-icon {
width: 44px;
height: auto;
}
.longterm-benefit-text {
font-family: 'Poppins', sans-serif;
color: #1e293b;
font-size: 15px;
font-weight: 500;
line-height: 1.5;
margin: 0;
}  .longterm-benefit-item::after {
content: '';
position: absolute;
right: 0;
top: 15%;
height: 70%;
width: 1px;
background-color: #eceff3;
}
.longterm-benefit-item.col-lg-3:nth-child(4n)::after {
display: none;
} .long-term-booking-form .bf-container {
background: #ffffff !important;
border-radius: 8px !important;
padding: 30px !important;
box-shadow: 0 10px 40px rgba(0, 0, 0, 0.05) !important;
border: 1px solid #f0f0f0 !important;
} .long-term-car-rental-monthly-car-hire .long-term-booking-form form {
box-shadow: none !important;
padding: 0 !important;
background: transparent !important;
} #longterm_drop_form .form-group .label {
font-family: 'Poppins', sans-serif !important;
font-size: 14px !important;
font-weight: 600 !important;
color: #1e3a47 !important;
margin-bottom: 8px !important;
display: flex !important;
align-items: center !important;
text-transform: none !important;
letter-spacing: normal !important;
}
#longterm_drop_form .form-group .label i.accent-color {
color: #2cc2ab !important;
font-size: 15px !important;
} #longterm_drop_form .app-input {
border: 1px solid #dddddd !important;
border-radius: 8px !important;
padding: 12px 16px !important;
height: 52px !important;
font-family: 'Inter', sans-serif !important;
font-size: 14px !important;
font-weight: 500 !important;
color: #1a1a1a !important;
background-color: #ffffff !important;
box-shadow: none !important;
transition: all 0.25s ease !important;
width: 100% !important;
}
#longterm_drop_form .app-input:focus {
border-color: #0F4C4C !important;
box-shadow: 0 0 0 3px rgba(15, 76, 76, 0.08) !important;
outline: none !important;
} #longterm_drop_form .input-group-side {
display: flex !important;
gap: 12px !important;
}
#longterm_drop_form .input-group-side .div {
flex: 1 !important;
}
#longterm_drop_form .input-group-side .div:first-child {
flex: 1.6 !important;
} #longterm_drop_form .form-group {
position: relative !important;
margin-bottom: 20px !important;
}
#longterm_drop_form .input-addon {
position: absolute !important;
right: 14px !important;
bottom: 15px !important;
top: auto !important;
z-index: 10 !important;
margin: 0 !important;
padding: 0 !important;
cursor: pointer !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
} #longterm_drop_form .input-addon.d-none,
#longterm_drop_form .clear-input.d-none {
display: none !important;
}
#longterm_drop_form .input-addon i,
#longterm_drop_form .input-addon svg {
width: 16px !important;
height: 16px !important;
color: #ef4444 !important;
} .age-col-modern {
margin-top: 15px !important;
}
.age-col-modern label.mb-1 {
font-family: 'Poppins', sans-serif !important;
font-size: 14px !important;
font-weight: 600 !important;
color: #1e3a47 !important;
margin-right: 15px !important;
margin-bottom: 0 !important;
} #longterm_drop_form .pretty .state label::before,
#longterm_drop_form .pretty .state label::after {
display: none !important;
}
#longterm_drop_form .pretty {
margin-right: 10px !important;
margin-left: 0 !important;
float: none !important;
display: inline-block !important;
}
#longterm_drop_form .pretty .state label {
text-indent: 0 !important;
padding-left: 0 !important;
margin: 0 !important;
cursor: pointer !important;
border: 1px solid #e2e8f0 !important;
border-radius: 8px !important;
background: #ffffff !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
padding: 10px 24px !important;
font-size: 14px !important;
font-weight: 600 !important;
color: #64748b !important;
height: 44px !important;
min-width: 90px !important;
transition: all 0.25s ease !important;
font-family: 'Inter', sans-serif !important;
} #longterm_drop_form .pretty input[type="radio"]:checked~.state label {
background: #0F4C4C !important;
color: #ffffff !important;
border-color: #0F4C4C !important;
box-shadow: 0 4px 12px rgba(15, 76, 76, 0.15) !important;
} #driverAge {
border: 1px solid #e2e8f0 !important;
border-radius: 8px !important;
padding: 8px 12px !important;
height: 44px !important;
width: 90px;
font-size: 14px !important;
font-weight: 600 !important;
text-align: center !important;
font-family: 'Inter', sans-serif !important;
color: #1e3a47 !important;
} .btn-col-modern {
margin-top: 15px !important;
}
#longterm_drop_form .search-now-button {
background-color: #0F4C4C !important;
color: #ffffff !important;
border: none !important;
border-radius: 8px !important;
padding: 12px 36px !important;
font-family: 'Poppins', sans-serif !important;
font-size: 16px !important;
font-weight: 700 !important;
height: 52px !important;
width: 100% !important;
max-width: 240px !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) !important;
box-shadow: 0 4px 10px rgba(15, 76, 76, 0.1) !important;
cursor: pointer !important;
}
#longterm_drop_form .search-now-button:hover {
background-color: #0c3d3d !important;
transform: translateY(-2px) !important;
box-shadow: 0 8px 20px rgba(15, 76, 76, 0.25) !important;
}
#longterm_drop_form .search-now-button:active {
transform: scale(0.98) !important;
} .search-long-term {
padding: 60px 0 !important;
}
.search-long-term .secondary-color {
font-family: 'Poppins', sans-serif !important;
font-weight: 600 !important;
font-size: 28px !important;
color: #1c1c1e !important;
margin-bottom: 40px !important;
} ul.long-term-search-result {
display: flex !important;
flex-wrap: wrap !important;
justify-content: center !important;
gap: 30px !important;
list-style: none !important;
padding: 0 !important;
margin: 0 !important;
} ul.long-term-search-result li.car-slide {
display: flex !important;
flex-direction: column !important;
align-items: center !important;
background: #ffffff !important;
border-radius: 8px !important;
padding: 30px 24px !important;
box-shadow: 1px 3px 25px 0 rgba(0, 0, 0, 0.03) !important;
border: 1px solid #f3f4f6 !important;
transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) !important;
position: relative !important;
text-align: center !important;
flex: 0 1 360px !important;
max-width: 360px !important;
min-width: 280px !important;
width: 100% !important;
height: auto !important;
box-sizing: border-box !important;
margin: 0 !important;
}
.page-template-page-longterm .the-car-slider--fleet .car-slide {
padding: 26px 16px !important;
}
ul.long-term-search-result li.car-slide:hover {
transform: translateY(-10px) !important;
box-shadow: 0 20px 40px rgba(39, 78, 94, 0.08) !important;
border-color: #e5e7eb !important;
} ul.long-term-search-result li.car-slide>h4.accent-color {
font-family: 'Poppins', sans-serif !important;
font-size: 26px !important;
font-weight: 600 !important;
color: #1c1c1e !important;
margin: 0 0 8px 0 !important;
} ul.long-term-search-result li.car-slide .car-meta-info {
display: flex !important;
align-items: center !important;
justify-content: center !important;
gap: 8px !important;
margin-bottom: 20px !important;
}
ul.long-term-search-result li.car-slide .car-meta-info span.extra-text {
font-family: 'Inter', sans-serif !important;
font-size: 14px !important;
color: #6b7280 !important;
font-weight: 500 !important;
margin: 0 !important;
display: inline-block !important;
}
ul.long-term-search-result li.car-slide .car-meta-info .meta-separator {
color: #2cc2ab !important;
font-size: 14px !important;
font-weight: bold !important;
}
ul.long-term-search-result li.car-slide .car-meta-info h6 {
font-family: 'Inter', sans-serif !important;
font-size: 14px !important;
color: #6b7280 !important;
font-weight: 500 !important;
margin: 0 !important;
} ul.long-term-search-result li.car-slide .car-slide-image {
width: 100% !important;
height: 160px !important;
background-size: contain !important;
background-position: center !important;
background-repeat: no-repeat !important;
margin-bottom: 24px !important;
border-radius: 0 !important;
position: relative !important;
} ul.long-term-search-result li.car-slide .car-price-block {
display: flex !important;
flex-direction: column !important;
align-items: center !important;
margin-bottom: 16px !important;
width: 100% !important;
}
ul.long-term-search-result li.car-slide .car-price-block .price-from-label {
font-family: 'Inter', sans-serif !important;
font-size: 12px !important;
font-weight: 700 !important;
color: #94a3b8 !important;
letter-spacing: 0.05em !important;
margin-bottom: 4px !important;
text-transform: uppercase !important;
display: inline-block !important;
}
ul.long-term-search-result li.car-slide .car-price-block .car-slide__offer {
margin: 0 0 6px 0 !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
gap: 4px !important;
position: static !important;
background: transparent !important;
backdrop-filter: none !important;
border-radius: 0 !important;
padding: 0 !important;
box-shadow: none !important;
width: 100% !important;
height: 70px !important;
flex-direction: row;
}
ul.long-term-search-result li.car-slide .car-price-block .car-slide__offer span.price {
font-family: 'Poppins', sans-serif !important;
font-weight: 600 !important;
font-size: 24px !important;
color: #2cc2ab !important;
display: inline-block !important;
}
ul.long-term-search-result li.car-slide .car-price-block .car-slide__offer span.per-month {
font-family: 'Inter', sans-serif !important;
font-size: 15px !important;
color: #2cc2ab !important;
font-weight: 600 !important;
display: inline-block !important;
text-transform: none !important;
}
ul.long-term-search-result li.car-slide .car-price-block h6.search-result__detail-label {
font-family: 'Inter', sans-serif !important;
font-size: 13px !important;
font-weight: 600 !important;
color: #ef4444 !important;
margin: 0 !important;
display: inline-block !important;
} ul.long-term-search-result li.car-slide form.book_car_form {
width: 100% !important;
margin-bottom: 12px !important;
display: flex !important;
justify-content: center !important;
}
ul.long-term-search-result li.car-slide form.book_car_form button.app-button {
width: 100% !important;
max-width: 280px !important;
height: 50px !important;
background: #0e453e !important;
color: #ffffff !important;
border: none !important;
border-radius: 8px !important;
font-family: 'Poppins', sans-serif !important;
font-size: 16px !important;
font-weight: 700 !important;
cursor: pointer !important;
transition: all 0.3s ease !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
box-shadow: none !important;
gap: 0 !important;
margin: 0 !important;
}
ul.long-term-search-result li.car-slide form.book_car_form button.app-button:hover {
background: #0a3530 !important;
transform: translateY(-2px) !important;
box-shadow: 0 8px 16px rgba(14, 69, 62, 0.15) !important;
} ul.long-term-search-result li.car-slide h6.my-4 {
width: 100% !important;
font-family: 'Inter', sans-serif !important;
font-size: 11px !important;
text-transform: uppercase !important;
color: #94a3b8 !important;
font-weight: 700 !important;
letter-spacing: 0.1em !important;
margin: 12px 0 !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
}
ul.long-term-search-result li.car-slide h6.my-4::before,
ul.long-term-search-result li.car-slide h6.my-4::after {
content: '' !important;
flex: 1 !important;
border-bottom: 1px solid #e2e8f0 !important;
}
ul.long-term-search-result li.car-slide h6.my-4:not(:empty)::before {
margin-right: .8em !important;
}
ul.long-term-search-result li.car-slide h6.my-4:not(:empty)::after {
margin-left: .8em !important;
} ul.long-term-search-result li.car-slide .car-slide-features {
display: flex !important;
justify-content: center !important;
align-items: center !important;
width: 100% !important;
padding-top: 0 !important;
margin: 0 !important;
border: none !important;
}
ul.long-term-search-result li.car-slide .car-slide-feature {
position: relative !important;
margin-right: 5px !important;
transition: all 0.2s ease !important;
border: none !important;
border-radius: 0 !important;
background: transparent !important;
display: inline-block !important;
width: auto !important;
height: auto !important;
}
ul.long-term-search-result li.car-slide .car-slide-feature__image {
width: 42px !important;
height: auto !important;
object-fit: unset !important;
display: block !important;
}
ul.long-term-search-result li.car-slide .car-slide-feature__count {
position: absolute !important;
bottom: 4px !important;
right: 3px !important;
left: auto !important;
color: #ffffff !important;
background: transparent !important;
font-size: 11px !important;
font-weight: 600 !important;
min-width: auto !important;
height: auto !important;
border-radius: 0 !important;
display: inline !important;
border: none !important;
font-family: 'Inter', sans-serif !important;
z-index: 2 !important;
line-height: 1 !important;
padding: 0 !important;
} ul.long-term-search-result li.car-slide>.text--light {
grid-column: 1 / span 2 !important;
grid-row: 8 !important;
font-family: 'Inter', sans-serif !important;
font-size: 11px !important;
color: #94a3b8 !important;
margin-top: 10px !important;
}   .booking-form-header {
margin-bottom: 30px !important;
}
.booking-form-header .sub-title-modern {
font-size: 14px !important;
font-weight: 600 !important;
color: #2FBF9F !important;
letter-spacing: 0.1em !important;
display: inline-block !important;
}
.booking-form-header .title-modern {
font-size: 26px !important;
font-weight: 600 !important;
color: #1c1c1e !important;
margin-top: 5px !important;
} #longterm_drop_form label i.fa {
display: none !important;
} #longterm_drop_form .input-icon-wrap {
position: relative !important;
display: block !important;
width: 100% !important;
}
#longterm_drop_form .input-icon-wrap .input-icon-svg {
position: absolute !important;
left: 16px !important;
top: 50% !important;
transform: translateY(-50%) !important;
z-index: 5 !important;
pointer-events: none !important;
display: inline-block !important;
width: 20px !important;
height: 20px !important;
}
#longterm_drop_form .input-icon-wrap .app-input {
padding-left: 48px !important;
position: relative !important;
}
#longterm_search_vehicle #pickup-col .input-addon,
#longterm_search_vehicle #drop_col .input-addon {
top: 12px !important;
right: -4px !important;
}
#longterm_search_vehicle #pickup-col .app-input,
#longterm_search_vehicle #drop_col .app-input {
padding-right: 35px !important;
text-overflow: ellipsis;
} #longterm_drop_form .input-icon-wrap .clear-input svg {
width: 22px !important;
height: 22px !important;
} #longterm_drop_form .age-col-modern {
display: block !important;
}
#longterm_drop_form .age-col-modern .form-group {
display: block !important;
margin-bottom: 0 !important;
}
#longterm_drop_form .age-col-modern .row.w-100 {
display: flex !important;
flex-wrap: wrap !important;
margin: 0 !important;
}
#longterm_drop_form .age-col-modern .row.w-100>div:first-child {
flex: 0 0 100% !important;
max-width: 100% !important;
width: 100% !important;
display: block !important;
margin-bottom: 8px !important;
padding: 0 !important;
}
#longterm_drop_form .age-col-modern .row.w-100>div:first-child label {
font-family: 'Poppins', sans-serif !important;
font-size: 14px !important;
font-weight: 600 !important;
color: #1e293b !important;
margin: 0 !important;
}
#longterm_drop_form .age-col-modern .row.w-100>div:nth-child(2) {
flex: 0 0 auto !important;
max-width: none !important;
display: flex !important;
align-items: center !important;
margin: 0 !important;
padding: 0 !important;
}
#longterm_drop_form .age-col-modern .row.w-100>div:nth-child(3) {
flex: 0 0 auto !important;
max-width: none !important;
margin-left: 15px !important;
padding: 0 !important;
} @media (min-width: 992px) {
.testimonial-filter-bar {
background-color: #ffffff;
border-radius: 8px;
padding: 16px 24px;
box-shadow: 0 2px 10px rgba(0, 0, 0, 0.02);
border: 1px solid #f1f5f9;
}
.w-mobile-50 {
width: auto;
}
div.sr-v5-modal .modal-dialog,
div.sr-v5-modal .modal-dialog.modal-lg,
div.sr-v5-modal .modal-dialog.modal-xl {
max-width: 850px !important;
width: 100% !important;
margin: 1.75rem auto !important;
}
div.sr-v5-modal .modal-dialog,
div.sr-v5-modal .modal-dialog.modal-lg,
div.sr-v5-modal .modal-dialog.modal-xl {
max-width: 850px !important;
width: 100% !important;
margin: 1.75rem auto !important;
}
}
@media (min-width:768px) {
.stepper-step .stepper-title br {
display: none;
}
}
@media (max-width: 1200px) {
ul.long-term-search-result {
grid-template-columns: repeat(2, 1fr) !important;
}
.container,
.container-lg,
.container-md,
.container-sm {
max-width: 95%;
}
.pingouin-about-redesign .dc-title {
font-size: 18px;
}
.story-title,
.journey-title {
font-size: 32px;
}
.story-feature-item {
padding-left: 16px;
padding-right: 16px;
}
.timeline-icon {
width: 76px;
height: 76px;
margin-right: 24px;
}
.th-stats-row {
gap: 14px;
}
.nvc-col-price {
padding-left: 12px;
}
}
@media (max-width: 1024px) {
#hero .hero-img-card img {
margin-top: 15px;
}
}
@media (min-width: 900px) and (max-width: 991.98px) {
.story-features {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
.story-feature-item:nth-child(-n + 3) {
border-bottom: 1px solid #e5e7eb;
}
.story-feature-item:nth-child(2n) {
border-right: 1px solid #eceff3;
}
}
@media (max-width: 991px) {
#filter-sidebar {
padding-left: 0px !important;
padding-right: 0px !important;
}
.tf-sort {
gap: 0;
}
.footer-v2 {
padding: 20px 0 0 !important;
}
.footer-v2 .row>div {
margin-bottom: 40px;
}
.footer-v2-tagline {
max-width: 100%;
}
.footer-v2 .col-lg-2.col-md-6.mb-5.mb-lg-0 {
margin-bottom: 10px !important;
}
.cta-v2-card {
padding: 30px 40px;
}
.cta-v2-title {
font-size: 24px;
}
.cta-v2-card {
padding: 30px 40px;
}
.btn-chat-v2 svg {
height: 22px;
}
.pingouin-contact-redesign .contact-header-section {
padding-top: 20px !important;
padding-bottom: 40px !important;
overflow: visible;
}
.pingouin-contact-redesign .breadcrumb {
justify-content: flex-start;
font-size: 13px;
margin-bottom: 1rem !important;
}
.pingouin-contact-redesign .contact-main-title {
font-size: 34px !important;
font-weight: 600 !important;
color: var(--newdesign-text-primary) !important;
text-align: left;
line-height: 1.2;
}
.pingouin-contact-redesign .contact-subtitle {
text-align: left;
font-size: 14px !important;
font-weight: 400 !important;
color: var(--newdesign-text-secondary) !important;
max-width: 90%;
margin-bottom: 35px !important;
line-height: 1.5;
}
.pingouin-contact-redesign .contact-header-section .container {
position: relative;
}
.pingouin-contact-redesign .contact-header-icon-visual {
position: absolute !important;
top: 25px !important;
right: 15px !important;
padding: 0 !important;
z-index: 2 !important;
display: block !important;
}
.pingouin-contact-redesign .visual-circle-large {
width: 110px !important;
height: 110px !important;
background: var(--newdesign-neturals-soft-bg) !important;
}
.pingouin-contact-redesign .contact-hero-img {
width: 60px !important;
height: auto !important;
}
.pingouin-contact-redesign .visual-dot-1 {
width: 30px !important;
height: 30px !important;
bottom: 15px !important;
right: -5px !important;
background: rgba(15, 76, 76, 0.06) !important;
position: absolute !important;
border-radius: 50% !important;
}
.pingouin-contact-redesign .visual-dot-2 {
width: 18px !important;
height: 18px !important;
bottom: 45px !important;
right: -22px !important;
background: rgba(44, 194, 171, 0.08) !important;
position: absolute !important;
border-radius: 50% !important;
}
.pingouin-contact-redesign .contact-feature-box {
padding: 0;
margin-bottom: 15px;
display: flex;
align-items: center;
gap: 18px; }
.pingouin-contact-redesign .contact-feature-icon {
width: 48px;
height: 48px;
background: var(--newdesign-neturals-soft-bg);
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
margin-right: 0 !important;
flex-shrink: 0;
}
.pingouin-contact-redesign .contact-feature-icon img {
width: 22px;
height: 22px;
}
.pingouin-contact-redesign .contact-feature-text h6 {
font-size: 14px !important;
font-weight: 600 !important;
color: var(--theme-color) !important;
margin-bottom: 2px;
}
.pingouin-contact-redesign .contact-feature-text p {
font-size: 14px !important;
font-weight: 400 !important;
color: var(--newdesign-text-secondary) !important;
line-height: 1.4;
}
.pingouin-contact-redesign .contact-cards-section {
padding-bottom: 40px;
}
.pingouin-contact-redesign .contact-info-card {
padding: 40px 25px;
}
.pingouin-contact-redesign .card-icon-wrapper {
width: 60px !important;
height: 60px !important;
margin: 0 auto 20px !important;
border-radius: 50% !important;
}
.pingouin-contact-redesign .card-title {
font-size: 18px !important;
font-weight: 600 !important;
margin-bottom: 8px !important;
}
.pingouin-contact-redesign .card-desc {
font-size: 14px !important;
font-weight: 400 !important;
color: var(--newdesign-text-secondary) !important;
margin-bottom: 15px !important;
}
.pingouin-contact-redesign .card-main-info {
font-size: 20px !important;
font-weight: 600 !important;
color: var(--theme-color) !important;
display: block !important;
margin-bottom: 5px !important;
}
.pingouin-contact-redesign .card-sub-info {
font-size: 14px !important;
font-weight: 400 !important;
color: var(--newdesign-text-secondary) !important;
}
.pingouin-contact-redesign .pingouin-redesign-map-section {
padding: 40px 0 60px;
}
.pingouin-contact-redesign .pingouin-redesign-map-container {
height: auto;
display: flex;
flex-direction: column;
gap: 25px;
border-radius: 0;
border: none;
overflow: visible;
}
.pingouin-contact-redesign .pingouin-redesign-map-iframe {
height: 230px;
border-radius: 8x;
order: 1;
box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);
width: 100%;
}
.pingouin-contact-redesign .pingouin-redesign-map-card {
position: static;
transform: none;
width: 100%;
max-width: unset;
min-height: 225px;
padding: 20px;
border-radius: 8px;
box-shadow: 0 15px 35px rgba(0, 0, 0, 0.04);
background: var(--fleet-white);
border: 1px solid rgba(0, 0, 0, 0.03);
margin: 0;
order: 2;
display: flex;
flex-direction: column;
justify-content: center;
}
.pingouin-contact-redesign .pingouin-redesign-map-title {
font-size: 18px !important;
font-weight: 600 !important;
color: var(--theme-color) !important;
margin-bottom: 12px;
text-align: left;
}
.pingouin-contact-redesign .pingouin-redesign-map-details {
font-size: 12px !important;
font-weight: 400 !important;
color: var(--newdesign-text-secondary) !important;
margin-bottom: 25px;
text-align: left;
}
.pingouin-contact-redesign .pingouin-redesign-map-btn {
align-self: flex-start;
font-size: 16px !important;
font-weight: 600 !important;
padding: 12px 25px !important;
}
.pingouin-redesign-success-box {
justify-content: flex-start !important;
text-align: left !important;
}
.pingouin-contact-redesign .pingouin-redesign-form-section {
padding: 60px 0;
}
.pingouin-contact-redesign .pingouin-redesign-form-card {
padding: 30px 15px;
border-radius: 8px;
max-width: 100%;
}
.pingouin-contact-redesign .pingouin-redesign-form-title {
font-size: 24px;
margin-bottom: 30px;
}
.pingouin-contact-redesign .pingouin-redesign-form-footer {
flex-direction: column;
gap: 10px;
text-align: center;
}
.pingouin-contact-redesign .pingouin-redesign-form-footer span {
max-width: 250px;
line-height: 1.5;
}
.pingouin-contact-redesign .pingouin-redesign-form-submit-wrap {
margin-top: unset;
}
.pingouin-contact-redesign .help-banner {
flex-direction: column;
text-align: center;
padding: 25px;
gap: 30px;
height: auto;
}
.pingouin-contact-redesign .help-content-wrap {
flex-direction: column;
gap: 20px;
}
.pingouin-contact-redesign .help-icon-circle {
width: 85px;
height: 85px;
}
.pingouin-contact-redesign .help-icon-circle img {
width: 55px;
height: 55px;
}
.pingouin-contact-redesign .help-text h4 {
font-size: 24px !important; margin-bottom: 10px;
}
.pingouin-contact-redesign .help-text p {
font-size: 16px !important; line-height: 1.6;
}
.pingouin-contact-redesign .btn-help-center {
width: 100%;
justify-content: center;
padding: 16px 30px;
font-size: 16px;
border-radius: 8px;
}
.pingouin-about-redesign .feature-col {
border-right: none;
border-bottom: 1px solid rgba(0, 0, 0, 0.05);
padding-bottom: 30px;
margin-bottom: 30px !important;
}
.pingouin-about-redesign .feature-col:last-child {
border-bottom: none;
padding-bottom: 0;
margin-bottom: 0 !important;
}
.pi-v5-modal .modal-dialog {
max-width: 95% !important;
margin: 1rem auto !important;
}
.who-we-are-section {
background-image: none !important;
padding: 40px 0;
}
.who-we-mobile-img {
width: 100%;
margin: 20px 0 30px 0;
}
.who-we-mobile-img img {
width: 100%;
height: auto;
display: block;
border-radius: 8px;
}
.action-row {
flex-direction: column;
align-items: center;
}
.action-divider {
display: none;
}
.action-item {
width: 100%;
max-width: 500px;
text-align: left;
}
.top-row {
margin-bottom: 0;
}
.pl-v5-modal .modal-dialog {
max-width: 95% !important;
}
.sl-v5-side-panel {
padding: 3rem 2rem !important;
}
.sl-v5-form-panel {
padding: 3rem 2.5rem !important;
}
.to-v5-form-panel {
padding: 3rem 2rem !important;
}
.sl-v5-modal .modal-dialog {
max-width: 95% !important;
}
.mb-v5-modal .modal-dialog {
max-width: 95% !important;
}
.mb-v5-form-panel {
padding: 3rem 2.5rem !important;
}
.sr-v5-side-panel {
display: none !important;
}
.sr-v5-form-panel {
padding: 2.5rem 1.5rem !important;
} .sticky-sidebar {
position: static !important;
margin-bottom: 30px !important;
padding: 16px !important;
}
.toc-title {
font-size: 16px !important;
margin-bottom: 12px !important;
}
.sticky-sidebar .side-list {
display: flex !important;
overflow-x: auto !important;
white-space: nowrap !important;
gap: 8px !important;
max-height: none !important;
height: auto !important;
padding-bottom: 8px !important;
scrollbar-width: none !important;
}
.sticky-sidebar .side-list::-webkit-scrollbar {
display: none !important;
}
.sticky-sidebar .side-list li {
margin-bottom: 0 !important;
flex: 0 0 auto !important;
}
.sticky-sidebar .side-list li a {
padding: 8px 12px !important;
border-left: none !important;
border-bottom: 3px solid transparent !important;
border-radius: 6px !important;
}
.sticky-sidebar .side-list li.active a,
.sticky-sidebar .side-list li a:hover {
border-left: none !important;
border-bottom: 3px solid #31c3a6 !important;
}
.testi-cta-buttons {
margin: 0 auto;
}
.testi-cta-text {
text-align: center;
}
.share-review-banner {
flex-direction: column !important;
gap: 30px;
}
.srb-btn {
margin: 0 auto;
display: block;
}
.srb-text.ml-3 {
text-align: center;
}
.share-icon-text {
gap: 30px;
flex-direction: column;
}
.footer-v2 {
padding: 20px 0 0;
}
.footer-v2 .row>div {
margin-bottom: 40px;
}
.footer-v2-tagline {
max-width: 100%;
}
.cta-v2-card {
padding: 30px 40px;
}
.cta-v2-title {
font-size: 24px;
}
.cta-v2-card {
padding: 30px 40px;
}
.pingouin-contact-redesign .contact-header-section {
padding-top: 20px !important;
padding-bottom: 40px !important;
overflow: visible;
}
.pingouin-contact-redesign .breadcrumb {
justify-content: flex-start;
font-size: 13px;
margin-bottom: 1rem !important;
}
.pingouin-contact-redesign .contact-main-title {
font-size: 34px !important;
font-weight: 600 !important;
color: var(--newdesign-text-primary) !important;
text-align: left;
line-height: 1.2;
}
.pingouin-contact-redesign .contact-subtitle {
text-align: left;
font-size: 14px !important;
font-weight: 400 !important;
color: var(--newdesign-text-secondary) !important;
max-width: 90%;
margin-bottom: 35px !important;
line-height: 1.5;
}
.pingouin-contact-redesign .contact-header-section .container {
position: relative;
}
.pingouin-contact-redesign .contact-header-icon-visual {
position: absolute !important;
top: 25px !important;
right: 15px !important;
padding: 0 !important;
z-index: 2 !important;
display: block !important;
}
.pingouin-contact-redesign .visual-circle-large {
width: 110px !important;
height: 110px !important;
background: var(--newdesign-neturals-soft-bg) !important;
}
.pingouin-contact-redesign .contact-hero-img {
width: 60px !important;
height: auto !important;
}
.pingouin-contact-redesign .visual-dot-1 {
width: 30px !important;
height: 30px !important;
bottom: 15px !important;
right: -5px !important;
background: rgba(15, 76, 76, 0.06) !important;
position: absolute !important;
border-radius: 50% !important;
}
.pingouin-contact-redesign .visual-dot-2 {
width: 18px !important;
height: 18px !important;
bottom: 45px !important;
right: -22px !important;
background: rgba(44, 194, 171, 0.08) !important;
position: absolute !important;
border-radius: 50% !important;
}
.pingouin-contact-redesign .contact-feature-box {
padding: 0;
margin-bottom: 15px;
display: flex;
align-items: center;
gap: 18px; }
.pingouin-contact-redesign .contact-feature-icon {
width: 48px;
height: 48px;
background: var(--newdesign-neturals-soft-bg);
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
margin-right: 0 !important;
flex-shrink: 0;
}
.pingouin-contact-redesign .contact-feature-icon img {
width: 22px;
height: 22px;
}
.pingouin-contact-redesign .contact-feature-text h6 {
font-size: 14px !important;
font-weight: 600 !important;
color: var(--theme-color) !important;
margin-bottom: 2px;
}
.pingouin-contact-redesign .contact-feature-text p {
font-size: 14px !important;
font-weight: 400 !important;
color: var(--newdesign-text-secondary) !important;
line-height: 1.4;
}
.pingouin-contact-redesign .contact-cards-section {
padding-bottom: 40px;
}
.pingouin-contact-redesign .contact-info-card {
padding: 40px 25px;
}
.pingouin-contact-redesign .card-icon-wrapper {
width: 60px !important;
height: 60px !important;
margin: 0 auto 20px !important;
border-radius: 50% !important;
}
.pingouin-contact-redesign .card-title {
font-size: 18px !important;
font-weight: 600 !important;
margin-bottom: 8px !important;
}
.pingouin-contact-redesign .card-desc {
font-size: 14px !important;
font-weight: 400 !important;
color: var(--newdesign-text-secondary) !important;
margin-bottom: 15px !important;
}
.pingouin-contact-redesign .card-main-info {
font-size: 20px !important;
font-weight: 600 !important;
color: var(--theme-color) !important;
display: block !important;
margin-bottom: 5px !important;
}
.pingouin-contact-redesign .card-sub-info {
font-size: 14px !important;
font-weight: 400 !important;
color: var(--newdesign-text-secondary) !important;
}
.pingouin-contact-redesign .pingouin-redesign-map-section {
padding: 40px 0 60px;
}
.pingouin-contact-redesign .pingouin-redesign-map-container {
height: auto;
display: flex;
flex-direction: column;
gap: 25px;
border-radius: 0;
border: none;
overflow: visible;
}
.pingouin-contact-redesign .pingouin-redesign-map-iframe {
height: 230px;
border-radius: 8px;
order: 1;
box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);
width: 100%;
}
.pingouin-contact-redesign .pingouin-redesign-map-card {
position: static;
transform: none;
width: 100%;
max-width: unset;
min-height: 225px;
padding: 20px;
border-radius: 8px;
box-shadow: 0 15px 35px rgba(0, 0, 0, 0.04);
background: var(--fleet-white);
border: 1px solid rgba(0, 0, 0, 0.03);
margin: 0;
order: 2;
display: flex;
flex-direction: column;
justify-content: center;
}
.pingouin-contact-redesign .pingouin-redesign-map-title {
font-size: 18px !important;
font-weight: 600 !important;
color: var(--theme-color) !important;
margin-bottom: 12px;
text-align: left;
}
.pingouin-contact-redesign .pingouin-redesign-map-details {
font-size: 12px !important;
font-weight: 400 !important;
color: var(--newdesign-text-secondary) !important;
margin-bottom: 25px;
text-align: left;
}
.pingouin-contact-redesign .pingouin-redesign-map-btn {
align-self: flex-start;
font-size: 16px !important;
font-weight: 600 !important;
padding: 12px 25px !important;
}
.pingouin-redesign-success-box {
justify-content: flex-start !important;
text-align: left !important;
}
.pingouin-contact-redesign .pingouin-redesign-form-section {
padding: 60px 0;
}
.pingouin-contact-redesign .pingouin-redesign-form-card {
padding: 30px 15px;
border-radius: 8px;
max-width: 100%;
}
.pingouin-contact-redesign .pingouin-redesign-form-title {
font-size: 24px;
margin-bottom: 30px;
}
.pingouin-contact-redesign .pingouin-redesign-form-footer {
flex-direction: column;
gap: 10px;
text-align: center;
}
.pingouin-contact-redesign .pingouin-redesign-form-footer span {
max-width: 250px;
line-height: 1.5;
}
.pingouin-contact-redesign .pingouin-redesign-form-submit-wrap {
margin-top: unset;
}
.pingouin-contact-redesign .help-banner {
flex-direction: column;
text-align: center;
padding: 25px;
gap: 30px;
height: auto;
}
.pingouin-contact-redesign .help-content-wrap {
flex-direction: column;
gap: 20px;
}
.pingouin-contact-redesign .help-icon-circle {
width: 85px;
height: 85px;
}
.pingouin-contact-redesign .help-icon-circle img {
width: 55px;
height: 55px;
}
.pingouin-contact-redesign .help-text h4 {
font-size: 24px !important; margin-bottom: 10px;
}
.pingouin-contact-redesign .help-text p {
font-size: 16px !important; line-height: 1.6;
}
.pingouin-contact-redesign .btn-help-center {
width: 100%;
justify-content: center;
padding: 16px 30px;
font-size: 16px;
border-radius: 8px;
}
.pingouin-about-redesign .feature-col {
border-right: none;
border-bottom: 1px solid rgba(0, 0, 0, 0.05);
padding-bottom: 30px;
margin-bottom: 30px !important;
}
.pingouin-about-redesign .feature-col:last-child {
border-bottom: none;
padding-bottom: 0;
margin-bottom: 0 !important;
}
.pi-v5-modal .modal-dialog {
max-width: 95% !important;
margin: 1rem auto !important;
}
.who-we-are-section {
background-image: none !important;
padding: 40px 0;
}
.who-we-mobile-img {
width: 100%;
margin: 20px 0 30px 0;
}
.who-we-mobile-img img {
width: 100%;
height: auto;
display: block;
border-radius: 8px;
}
.action-row {
flex-direction: column;
align-items: center;
}
.action-divider {
display: none;
}
.action-item {
width: 100%;
max-width: 500px;
text-align: left;
}
.top-row {
margin-bottom: 0;
}
.license-acceptance-bar {
margin: 0 auto;
}
.pingouin-about-redesign .about-main-title {
font-size: 32px;
}
.pingouin-about-redesign .discover-title {
font-size: 28px;
}
.pingouin-about-redesign .values-title {
font-size: 26px;
}
.pingouin-about-redesign .value-col {
border-right: none;
border-bottom: 1px solid var(--newdesign-neturals-border);
padding-bottom: 20px;
margin-bottom: 20px !important;
}
.pingouin-about-redesign .value-col:last-child {
border-bottom: none;
padding-bottom: 0;
margin-bottom: 0 !important;
}
.story-section {
padding: 32px 0px 24px;
}
.journey-section {
padding: 20px 0 30px;
}
.story-title,
.journey-title {
font-size: 32px;
}
.story-image-wrap {
margin-top: 10px;
}
.story-intro,
.story-copy {
max-width: 100%;
}
.history-image-wrap {
max-width: 300px;
margin-left: auto;
margin-right: auto;
}
.story-features {
margin: 24px auto;
border: 1px solid #eceff3;
}
.history-section {
padding: 30px 0;
}
.timeline-wrapper {
padding-left: 0;
margin-top: 40px;
}
.timeline-container {
padding-left: 50px;
}
.timeline-item {
margin-bottom: 60px;
}
.timeline-item:last-child {
margin-bottom: 0;
}
.timeline-container::before {
top: 35px;
bottom: 35px;
}
.timeline-item::before {
left: -54.5px;
}
.timeline-icon {
width: 70px;
height: 70px;
margin-right: 20px;
}
.story-feature-title {
font-size: 14px;
}
.who-we-are-features .features-grid {
flex-direction: column;
gap: 30px;
align-items: flex-start;
}
.who-we-are-features .features-grid .feature-award-box {
padding: 0;
justify-content: flex-start;
}
.feature-divider {
display: none;
}
.who-we-are-features {
padding: 50px 0;
}
.who-we-are-features .fi-icon-wrap img {
width: 60px;
height: 60px;
}
.who-we-are-vision-mission {
padding: 40px 0;
}
.vm-grid {
flex-direction: column;
gap: 40px;
}
.vm-item {
flex-direction: column;
gap: 20px;
}
.vm-divider {
display: none;
}
.who-we-are-vision-mission .vm-icon-wrap {
width: 80px;
height: 80px;
}
.who-we-are-vision-mission .vm-icon-wrap img {
width: 60px;
height: 60px;
}
.vm-title {
font-size: 22px;
}
.who-we-are-values {
padding: 60px 0;
}
.values-nav-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 30px 15px;
}
.val-nav-icon {
width: 70px;
height: 70px;
}
.val-nav-icon img {
width: 35px;
height: 35px;
}
.val-nav-item span {
font-size: 13px;
}
.values-slider-container {
padding: 40px 20px;
margin-top: 40px;
}
.value-slide-inner {
flex-direction: column;
gap: 30px;
}
.vs-left {
width: 100%;
gap: 20px;
}
.vs-icon-wrap {
width: 80px;
height: 80px;
}
.vs-icon-wrap img {
width: 40px;
height: 40px;
}
.vs-right {
width: 100%;
}
.vs-list li {
font-size: 14px;
padding-left: 35px;
}
.pl-v5-modal .modal-dialog {
max-width: 95% !important;
}
.sl-v5-side-panel {
padding: 3rem 2rem !important;
}
.to-v5-form-panel {
padding: 3rem 2rem !important;
}
.sl-v5-modal .modal-dialog {
max-width: 95% !important;
}
.mb-v5-modal .modal-dialog {
max-width: 95% !important;
}
.mb-v5-form-panel {
padding: 3rem 2.5rem !important;
}
.sr-v5-side-panel {
display: none !important;
}
.sr-v5-form-panel {
padding: 2.5rem 1.5rem !important;
}
.testimonial-hero {
padding: 40px 0 30px;
}
.th-title {
font-size: 42px;
}
.th-stats-row {
gap: 24px;
flex-direction: column;
align-items: flex-start;
}
.nvc-col-image,
.nvc-col-specs,
.nvc-col-included {
flex: 0 0 33.333%;
max-width: 33.333%;
margin-bottom: 20px;
}
.nvc-col-price {
flex: 0 0 100%;
max-width: 100%;
border-left: none;
border-top: 1px solid #F3F4F6;
padding-top: 20px;
padding-left: 12px;
flex-direction: row;
align-items: center;
justify-content: space-between;
}
.nvc-price-info {
text-align: left;
margin-bottom: 0;
}
.nvc-actions {
flex-direction: row;
margin-top: 0;
width: auto;
gap: 12px;
}
.nvc-btn {
width: auto;
padding: 0 24px;
}
.booking-safe-banner {
flex-direction: column !important;
align-items: center !important;
gap: 10px;
text-align: center;
}
.safe-icon-circle {
margin-bottom: 15px;
} .extra-card-text-wrap {
padding-right: 10px;
}
.extra-card-price-wrap {
min-width: 90px;
padding: 0 10px;
} .longterm-benefit-item.col-md-6::after {
content: '';
position: absolute;
right: 0;
top: 15%;
height: 70%;
width: 1px;
background-color: #eceff3;
}
.longterm-benefit-item.col-md-6:nth-child(2n)::after {
display: none;
}
}
@media (max-width: 991px) and (min-width: 576px) {
.pbc-card {
flex: 0 0 calc(50% - 10px);
max-width: calc(50% - 10px);
}
}
@media (max-width: 899.98px) {
.story-features {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.story-feature-item {
border-bottom: 1px solid #e5e7eb;
padding: 14px 14px 12px;
}
.story-feature-item:nth-child(2n) {
border-right: 0;
}
.story-feature-item:nth-last-child(-n + 2) {
border-bottom: 1px solid #e5e7eb;
}
.story-features {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.story-feature-item {
border-bottom: 1px solid #e5e7eb;
padding: 14px 14px 12px;
}
.story-feature-item:nth-child(2n) {
border-right: 0;
}
.story-feature-item:nth-last-child(-n + 2) {
border-bottom: 1px solid #e5e7eb;
}
}
@media (max-width: 800px) {
.pingouin-my-account-redesign-modal#editModal .modal-dialog {
max-width: 95% !important;
margin: 1rem auto !important;
}
}
@media (max-width: 780px) {
.bottom-fixed-buttons button {
background-color: #eaf8f5;
color: #3d6b7b;
border: 1px solid #3d6b7b;
border-radius: 6px;
font-size: 12px;
}
.bottom-fixed-buttons {
gap: 10px;
background-color: #eaf8f5;
padding: 5px;
}
#filterModal .modal-header {
justify-content: space-between;
}
#filterModal .modal-dialog {
margin: 16px !important;
height: auto !important;
max-width: calc(100% - 32px) !important;
}
#filterModal .modal-content {
border-radius: 12px;
border: none;
overflow: hidden;
}
#filterModal .close {
width: 32px;
height: 32px;
background: #f8fafc;
border: 1px solid #e2e8f0;
border-radius: 8px;
display: flex;
align-items: center;
justify-content: center;
color: #64748b;
font-size: 20px;
}
#filterModal .custom-filter-checkbox {
display: inline-block;
margin-bottom: 8px;
margin-right: 8px;
}
#filterModal .custom-filter-checkbox input[type="checkbox"] {
display: none !important;
}
#filterModal .custom-filter-checkbox label {
display: inline-flex;
align-items: center;
padding: 6px 14px;
border: 1px solid #e0e0e0;
border-radius: 20px;
background-color: #fcfcfc;
margin: 0;
color: #555 !important;
font-weight: 500 !important;
font-size: 12px !important;
cursor: pointer;
transition: all 0.2s ease;
}
#filterModal .custom-filter-checkbox input[type="checkbox"]:checked+label {
background-color: var(--theme-color, #0f4c4c);
border-color: var(--theme-color, #0f4c4c);
color: #fff !important;
}
#filterModal .custom-filter-checkbox input[type="checkbox"]:checked+label::after {
content: "\f00c";
font-family: "Font Awesome 5 Free";
font-weight: 900;
margin-left: 6px;
font-size: 11px;
}
.filter-box {
margin-bottom: 45px;
}
.tidio-rn7oac {
display: none;
}
}
@media (max-width: 768px) {
.pingouin-my-account-redesign .user-profile-buttons {
justify-content: center;
width: 100%;
}
.pingouin-my-account-redesign .user-profile-table th {
width: 40% !important;
}
}
@media (max-width: 767px) {
ul.long-term-search-result {
grid-template-columns: 1fr !important;
grid-gap: 20px !important;
}
.long-term-booking-form .bf-container {
padding: 20px 15px !important;
}
#longterm_drop_form .pretty .state label {
padding: 10px 16px !important;
font-size: 13px !important;
min-width: 75px !important;
}
.btn-col-modern {
justify-content: center !important;
}
#longterm_drop_form .search-now-button {
max-width: 100% !important;
}
.voucher-split-col {
border-right: none !important;
border-bottom: 1px solid #eef2f5;
padding-bottom: 24px !important;
margin-bottom: 24px !important;
padding-right: 0 !important;
}
.stepper-icon-circle i.fa {
line-height: 0;
}
.pi-v5-modal .modal-content {
border-radius: 8px !important;
}
.pi-v5-modal .row.g-0 {
flex-direction: column;
min-height: auto;
}
.pi-v5-side-panel {
padding: 3rem 1.5rem !important;
padding-bottom: unset !important;
border-right: none;
}
.pi-v5-logo {
max-width: 160px !important;
margin-bottom: 2rem;
}
.pi-v5-illustration {
margin-bottom: 1.5rem;
}
.pi-v5-illustration img {
max-width: 280px !important; }
.pi-v5-side-title {
font-size: 24px !important;
margin-bottom: 0.5rem;
}
.pi-v5-side-text,
.pi-v5-form-icon-circle {
display: none !important; }
.pi-v5-form-panel {
padding: 2.5rem 1.5rem !important;
}
.pi-v5-form-title {
font-size: 24px !important;
}
.pi-v5-form-subtitle {
font-size: 14px;
}
.pi-v5-input {
height: 54px !important;
font-size: 15px !important;
}
.pi-v5-btn {
height: 54px !important;
font-size: 16px !important;
}
.pi-v5-close-btn {
top: 15px;
right: 15px;
width: 32px;
height: 32px;
}
.pl-v5-modal .row.g-0 {
flex-direction: column;
}
.pl-v5-side-panel {
padding: 3rem 1.5rem !important;
}
.pl-v5-illustration img {
max-width: 260px !important;
}
.pl-v5-form-panel {
padding: 2.5rem 1.5rem !important;
}
.pl-v5-choice-card {
padding: 18px;
gap: 15px;
}
.pl-v5-choice-icon {
width: 44px;
height: 44px;
}
.pl-v5-choice-label {
font-size: 16px;
}
.to-v5-side-panel {
display: none !important;
}
.to-v5-form-panel {
padding: 2.5rem 1.5rem !important;
}
.sl-v5-modal .row.g-0 {
flex-direction: column;
}
.sl-v5-side-panel {
padding: 3rem 1.5rem !important;
}
.sl-v5-illustration img {
max-width: 260px !important;
}
.sl-v5-form-panel {
padding: 2.5rem 1.5rem !important;
}
.sl-v5-input {
height: 52px !important;
}
.mb-v5-side-panel {
display: none;
}
.mb-v5-form-panel {
padding: 4rem 1.5rem 3rem !important;
max-height: 85vh;
}
.mb-v5-form-title {
font-size: 26px;
}
.mb-v5-input {
height: 52px !important;
}
.lg-v5-side-panel {
display: none !important;
}
.lg-v5-form-panel {
padding: 3rem 1.5rem !important;
}
.fleet-hero-features-row {
flex-direction: column;
gap: 20px;
}
.pi-v5-modal .modal-content {
border-radius: 8px !important;
}
.pi-v5-modal .row.g-0 {
flex-direction: column;
min-height: auto;
}
.pi-v5-side-panel {
padding: 3rem 1.5rem !important;
padding-bottom: unset !important;
border-right: none;
}
.pi-v5-logo {
max-width: 160px !important;
margin-bottom: 2rem;
}
.pi-v5-illustration {
margin-bottom: 1.5rem;
}
.pi-v5-illustration img {
max-width: 280px !important; }
.pi-v5-side-title {
font-size: 24px !important;
margin-bottom: 0.5rem;
}
.pi-v5-side-text,
.pi-v5-form-icon-circle {
display: none !important; }
.pi-v5-form-panel {
padding: 2.5rem 1.5rem !important;
}
.pi-v5-form-title {
font-size: 24px !important;
}
.pi-v5-form-subtitle {
font-size: 14px;
}
.pi-v5-input {
height: 54px !important;
font-size: 15px !important;
}
.pi-v5-btn {
height: 54px !important;
font-size: 16px !important;
}
.pi-v5-close-btn {
top: 15px;
right: 15px;
width: 32px;
height: 32px;
}
.pl-v5-modal .row.g-0 {
flex-direction: column;
}
.pl-v5-side-panel {
padding: 3rem 1.5rem !important;
}
.pl-v5-illustration img {
max-width: 260px !important;
}
.pl-v5-form-panel {
padding: 2.5rem 1.5rem !important;
}
.pl-v5-choice-card {
padding: 18px;
gap: 15px;
}
.pl-v5-choice-icon {
width: 44px;
height: 44px;
}
.pl-v5-choice-label {
font-size: 16px;
}
.to-v5-side-panel {
display: none !important;
}
.to-v5-form-panel {
padding: 2.5rem 1.5rem !important;
}
.sl-v5-modal .row.g-0 {
flex-direction: column;
}
.sl-v5-side-panel {
padding: 3rem 1.5rem !important;
}
.sl-v5-illustration img {
max-width: 260px !important;
}
.sl-v5-form-panel {
padding: 2.5rem 1.5rem !important;
}
.sl-v5-input {
height: 52px !important;
}
.mb-v5-side-panel {
display: none;
}
.mb-v5-form-panel {
padding: 4rem 1.5rem 3rem !important;
max-height: 85vh;
}
.mb-v5-form-title {
font-size: 26px;
}
.mb-v5-input {
height: 52px !important;
}
.lg-v5-side-panel {
display: none !important;
}
.lg-v5-form-panel {
padding: 3rem 1.5rem !important;
}
.story-title,
.journey-title {
font-size: 28px;
}
.story-intro,
.story-copy,
.story-outro {
font-size: 17px;
line-height: 1.7;
}
.history-image-wrap {
max-width: 260px;
}
.story-features {
margin-bottom: 32px;
}
.journey-description {
font-size: 16px;
}
.journey-link {
font-size: 20px;
}
.timeline-container {
padding-left: 40px;
}
.timeline-item {
margin-bottom: 40px;
}
.timeline-item::before {
left: -44.5px;
}
.timeline-icon {
width: 60px;
height: 60px;
margin-right: 15px;
}
.timeline-icon img {
width: 28px;
height: 28px;
}
.timeline-title {
font-size: 16px;
}
.cta-v2 {
padding: 40px 0;
text-align: center;
}
.cta-v2-left {
flex-direction: column;
text-align: center;
gap: 15px !important;
}
.cta-v2-wrapper {
gap: 30px !important;
}
.cta-v2-title {
font-size: 20px;
}
.cta-v2-subtitle {
font-size: 14px;
}
.cta-v2-section {
padding: 40px 0;
}
.cta-v2-card {
padding: 30px 20px;
text-align: center;
gap: 25px;
}
.cta-v2-left {
flex-direction: column;
gap: 15px !important;
}
.cta-v2-title {
font-size: 22px;
}
.cta-v2-subtitle {
font-size: 14px;
}
.cta-v2-section {
padding: 50px 0;
}
.cta-v2-card {
padding: 30px 20px;
text-align: center;
gap: 25px;
}
.cta-v2-left {
flex-direction: column;
gap: 15px !important;
}
.cta-v2-title {
font-size: 22px;
}
.cta-v2-subtitle {
font-size: 14px;
}
.cta-v2 {
padding: 40px 0;
text-align: center;
}
.cta-v2-left {
flex-direction: column;
text-align: center;
gap: 15px !important;
}
.cta-v2-wrapper {
gap: 30px !important;
}
.cta-v2-title {
font-size: 20px;
}
.cta-v2-subtitle {
font-size: 14px;
}
.sl-v5-modal .row.g-0 {
flex-direction: column;
}
.sl-v5-side-panel {
display: none; }
.sl-v5-form-panel {
padding: 4rem 1.5rem 3rem !important;
}
.sl-v5-back-btn {
top: 24px;
left: 20px;
}
.sl-v5-form-title {
font-size: 24px;
}
.tr-v5-modal .row.g-0 {
flex-direction: column;
min-height: auto;
}
.tr-v5-form-panel {
padding: 1.5rem 1.25rem !important;
}
.tr-v5-form-title {
font-size: 20px;
}
.tr-v5-form-subtitle {
font-size: 13px;
}
.tr-v5-input-group {
margin-bottom: 1rem;
}
.tr-v5-input,
.tr-v5-floating-group .tr-v5-input {
padding: 10px 14px;
font-size: 14px;
}
.tr-v5-floating-group label {
font-size: 13px;
top: 20px;
}
.tr-v5-floating-group .tr-v5-input:focus~label,
.tr-v5-floating-group .tr-v5-input:not(:placeholder-shown)~label {
font-size: 10px;
}
.tr-v5-submit-btn {
padding: 12px 18px;
font-size: 14px;
}
.lg-v5-modal .modal-dialog,
.pl-v5-modal .modal-dialog,
.sl-v5-modal .modal-dialog,
.to-v5-modal .modal-dialog,
.pi-v5-modal .modal-dialog,
.mb-v5-modal .modal-dialog,
.tr-v5-modal .modal-dialog {
margin: 12px !important;
max-width: calc(100% - 24px) !important;
}
.lg-v5-side-panel,
.pl-v5-side-panel,
.sl-v5-side-panel,
.to-v5-side-panel,
.pi-v5-side-panel,
.mb-v5-side-panel,
.tr-v5-side-panel {
display: none !important;
}
.lg-v5-form-panel,
.pl-v5-form-panel,
.sl-v5-form-panel,
.to-v5-form-panel,
.pi-v5-form-panel,
.mb-v5-form-panel {
padding: 1.5rem 1rem !important;
justify-content: flex-start !important;
max-height: none !important;
}
.lg-v5-form-title,
.pl-v5-form-title,
.sl-v5-form-title,
.to-v5-step-title,
.pi-v5-form-title,
.mb-v5-form-title {
font-size: 20px !important;
margin-bottom: 0.5rem !important;
}
.lg-v5-form-subtitle,
.pl-v5-form-subtitle,
.sl-v5-form-subtitle,
.pi-v5-form-subtitle,
.mb-v5-form-subtitle {
font-size: 13px !important;
margin-bottom: 1rem !important;
}
.lg-v5-form-icon-circle,
.pl-v5-form-icon-circle,
.sl-v5-form-icon-circle,
.pi-v5-form-icon-circle,
.mb-v5-form-icon-circle {
width: 50px !important;
height: 50px !important;
margin-bottom: 0.75rem !important;
}
.lg-v5-form-icon-circle svg,
.pl-v5-form-icon-circle svg,
.sl-v5-form-icon-circle svg,
.pi-v5-form-icon-circle svg,
.mb-v5-form-icon-circle svg {
width: 20px !important;
height: 20px !important;
}
.lg-v5-form-group,
.pl-v5-form-group,
.sl-v5-form-group,
.to-v5-form-group,
.pi-v5-input-group,
.mb-v5-form-group {
margin-bottom: 0.75rem !important;
}
.lg-v5-label,
.pl-v5-label,
.sl-v5-label,
.to-v5-label {
font-size: 11px !important;
margin-bottom: 3px !important;
}
.lg-v5-input,
.pl-v5-input,
.sl-v5-input,
.to-v5-input,
.pi-v5-input,
.mb-v5-input {
height: 42px !important;
font-size: 13px !important;
border-radius: 8px !important;
padding-left: 38px !important;
}
.lg-v5-input-icon,
.sl-v5-input-icon,
.to-v5-input-icon,
.pi-v5-input-icon,
.mb-v5-input-icon {
width: 38px !important;
}
.lg-v5-input-icon svg,
.sl-v5-input-icon svg,
.to-v5-input-icon svg,
.pi-v5-input-icon svg,
.mb-v5-input-icon svg {
width: 16px !important;
height: 16px !important;
}
.lg-v5-submit-btn,
.sl-v5-submit-btn,
.to-v5-submit-btn,
.pi-v5-btn,
.mb-v5-submit-btn,
.mb-v5-secondary-btn {
height: 46px !important;
font-size: 14px !important;
margin-top: 1rem !important;
}
.mb-v5-secondary-btn {
margin-top: 0.5rem !important;
}
.mb-v5-divider {
margin: 1.5rem 0 !important;
}
.mb-v5-action-card {
padding: 1rem !important;
}
.mb-v5-card-header {
margin-bottom: 0.5rem !important;
}
.mb-v5-card-desc {
display: none !important;
}
.mb-v5-card-btn {
height: 36px !important;
font-size: 12px !important;
margin-top: 0 !important;
}
.mb-v5-tip-box {
padding: 0.75rem !important;
gap: 10px !important;
}
.mb-v5-tip-icon {
width: 32px !important;
height: 32px !important;
}
.mb-v5-tip-title {
font-size: 13px !important;
margin-bottom: 2px !important;
}
.mb-v5-tip-text {
font-size: 11px !important;
line-height: 1.3 !important;
}
.mb-v5-footer-text {
font-size: 11px !important;
}
.mb-v5-card-icon {
width: 32px !important;
height: 32px !important;
}
.mb-v5-card-icon svg {
width: 16px !important;
height: 16px !important;
}
.mb-v5-card-icon {
width: 36px !important;
height: 36px !important;
}
.mb-v5-card-label {
font-size: 14px !important;
}
.mb-v5-card-text {
font-size: 11px !important;
}
.to-v5-stepper-header {
margin-bottom: 1.25rem !important;
padding: 0 10px !important;
}
.to-v5-stepper-progress {
top: 13px !important;
height: 3px !important;
background: #e2e8f0 !important;
}
.to-v5-progress-bar {
height: 100% !important;
}
.to-v5-stepper-nodes {
gap: 0 !important;
justify-content: space-between !important;
}
.to-v5-node span {
width: 26px !important;
height: 26px !important;
font-size: 12px !important;
}
.to-v5-node label {
font-size: 11px !important;
}
.pl-v5-choice-card {
padding: 12px !important;
}
.pl-v5-choice-icon {
width: 40px !important;
height: 40px !important;
}
.pl-v5-choice-label {
font-size: 14px !important;
}
.pl-v5-choice-desc {
font-size: 12px !important;
}
.sr-v5-modal .modal-dialog {
margin: 12px !important;
max-width: calc(100% - 24px) !important;
}
.sr-v5-form-panel {
padding: 1.5rem 1rem !important;
}
.sr-v5-logo {
max-width: 140px !important;
margin-bottom: 1rem !important;
}
.sr-v5-form-title {
font-size: 20px !important;
margin-bottom: 0.25rem !important;
}
.sr-v5-form-subtitle {
font-size: 13px !important;
margin-bottom: 0.5rem !important;
}
.sr-v5-info-badge {
padding: 4px 10px !important;
font-size: 11px !important;
margin-top: 2px !important;
}
.mb-md-5,
.mb-5,
.mt-5 {
margin-bottom: 1rem !important;
margin-top: 1rem !important;
}
.to-v5-login-prompt.mt-5 {
margin-top: 1.5rem !important;
}
.sr-v5-form-group {
margin-bottom: 0.75rem !important;
}
.sr-v5-label {
font-size: 11px !important;
margin-bottom: 2px !important;
}
.sr-v5-input {
width: 100% !important;
height: 44px !important;
font-size: 14px !important;
border-radius: 8px !important;
padding-left: 42px !important;
}
.sr-v5-input-icon {
width: 42px !important;
height: 100% !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
left: 0 !important;
}
.sr-v5-input-icon svg {
width: 18px !important;
height: 18px !important;
margin: 0 !important;
}
.sr-v5-date-group {
display: grid !important;
grid-template-columns: 1.2fr 1fr !important;
gap: 8px !important;
}
.sr-v5-age-row {
padding: 8px !important;
gap: 8px !important;
}
.sr-v5-age-label {
height: 34px !important;
font-size: 12px !important;
border-radius: 8px !important;
}
.sr-v5-submit-btn {
height: 46px !important;
font-size: 14px !important;
border-radius: 8px !important;
margin-top: 0.5rem !important;
}
.sr-v5-payment-methods {
margin-top: 1rem !important;
}
.sr-v5-payment-methods p {
font-size: 11px !important;
margin-bottom: 0.5rem !important;
}
.sr-v5-payment-methods svg {
height: 16px !important;
width: auto !important;
}
.sr-v5-age-row {
flex-direction: column !important;
align-items: stretch !important;
}
.sr-v5-exact-age-wrap {
width: 100% !important;
}
.detail-title {
font-size: 18px !important;
gap: 12px !important;
}
.detail-title-num {
width: 36px !important;
height: 36px !important;
min-width: 36px !important;
font-size: 14px !important;
}
.detail-title-text {
font-size: 18px !important;
}
.ft-stars {
margin-left: 55px;
}
.cta-v2 {
padding: 40px 0;
text-align: center;
}
.cta-v2-left {
flex-direction: column;
text-align: center;
gap: 15px !important;
}
.cta-v2-wrapper {
gap: 30px !important;
}
.cta-v2-title {
font-size: 20px;
}
.cta-v2-subtitle {
font-size: 14px;
}
.cta-v2-section {
padding: 40px 0;
}
.cta-v2-card {
padding: 30px 20px;
text-align: center;
gap: 25px;
}
.cta-v2-left {
flex-direction: column;
gap: 15px !important;
}
.cta-v2-title {
font-size: 22px;
}
.cta-v2-subtitle {
font-size: 14px;
}
.cta-v2-section {
padding: 50px 0;
}
.cta-v2-card {
padding: 30px 20px;
text-align: center;
gap: 25px;
}
.cta-v2-left {
flex-direction: column;
gap: 15px !important;
}
.cta-v2-title {
font-size: 22px;
}
.cta-v2-subtitle {
font-size: 14px;
}
.cta-v2 {
padding: 40px 0;
text-align: center;
}
.cta-v2-left {
flex-direction: column;
text-align: center;
gap: 15px !important;
}
.cta-v2-wrapper {
gap: 30px !important;
}
.cta-v2-title {
font-size: 20px;
}
.cta-v2-subtitle {
font-size: 14px;
}
.license-acceptance-bar {
width: 100%;
}
.license-acceptance-bar p {
font-size: 12px;
text-align: left;
margin-right: 8px;
}
.license-acceptance-bar i {
width: 16px;
height: 16px;
margin-bottom: 0;
order: -1;
}
.sl-v5-modal .row.g-0 {
flex-direction: column;
}
.sl-v5-side-panel {
display: none; }
.sl-v5-form-panel {
padding: 4rem 1.5rem 3rem !important;
}
.sl-v5-back-btn {
top: 24px;
left: 20px;
}
.sl-v5-form-title {
font-size: 24px;
}
.lg-v5-modal .modal-dialog,
.pl-v5-modal .modal-dialog,
.sl-v5-modal .modal-dialog,
.to-v5-modal .modal-dialog,
.pi-v5-modal .modal-dialog,
.mb-v5-modal .modal-dialog {
margin: 12px !important;
max-width: calc(100% - 24px) !important;
}
.lg-v5-side-panel,
.pl-v5-side-panel,
.sl-v5-side-panel,
.to-v5-side-panel,
.pi-v5-side-panel,
.mb-v5-side-panel {
display: none !important;
}
.lg-v5-form-panel,
.pl-v5-form-panel,
.sl-v5-form-panel,
.to-v5-form-panel,
.pi-v5-form-panel,
.mb-v5-form-panel {
padding: 1.5rem 1rem !important;
justify-content: flex-start !important;
max-height: none !important;
}
.lg-v5-form-title,
.pl-v5-form-title,
.sl-v5-form-title,
.to-v5-step-title,
.pi-v5-form-title,
.mb-v5-form-title {
font-size: 20px !important;
margin-bottom: 0.5rem !important;
}
.lg-v5-form-subtitle,
.pl-v5-form-subtitle,
.sl-v5-form-subtitle,
.pi-v5-form-subtitle,
.mb-v5-form-subtitle {
font-size: 13px !important;
margin-bottom: 1rem !important;
}
.lg-v5-form-icon-circle,
.pl-v5-form-icon-circle,
.sl-v5-form-icon-circle,
.pi-v5-form-icon-circle,
.mb-v5-form-icon-circle {
width: 50px !important;
height: 50px !important;
margin-bottom: 0.75rem !important;
}
.lg-v5-form-icon-circle svg,
.pl-v5-form-icon-circle svg,
.sl-v5-form-icon-circle svg,
.pi-v5-form-icon-circle svg,
.mb-v5-form-icon-circle svg {
width: 20px !important;
height: 20px !important;
}
.lg-v5-form-group,
.pl-v5-form-group,
.sl-v5-form-group,
.to-v5-form-group,
.pi-v5-input-group,
.mb-v5-form-group {
margin-bottom: 0.75rem !important;
}
.lg-v5-label,
.pl-v5-label,
.sl-v5-label,
.to-v5-label {
font-size: 11px !important;
margin-bottom: 3px !important;
}
.lg-v5-input,
.pl-v5-input,
.sl-v5-input,
.to-v5-input,
.pi-v5-input,
.mb-v5-input {
height: 42px !important;
font-size: 13px !important;
border-radius: 8px !important;
padding-left: 38px !important;
}
.lg-v5-input-icon,
.sl-v5-input-icon,
.to-v5-input-icon,
.pi-v5-input-icon,
.mb-v5-input-icon {
width: 38px !important;
}
.lg-v5-input-icon svg,
.sl-v5-input-icon svg,
.to-v5-input-icon svg,
.pi-v5-input-icon svg,
.mb-v5-input-icon svg {
width: 16px !important;
height: 16px !important;
}
.lg-v5-submit-btn,
.sl-v5-submit-btn,
.to-v5-submit-btn,
.pi-v5-btn,
.mb-v5-submit-btn,
.mb-v5-secondary-btn {
height: 46px !important;
font-size: 14px !important;
margin-top: 1rem !important;
}
.mb-v5-secondary-btn {
margin-top: 0.5rem !important;
}
.mb-v5-divider {
margin: 1.5rem 0 !important;
}
.mb-v5-action-card {
padding: 1rem !important;
}
.mb-v5-card-header {
margin-bottom: 0.5rem !important;
}
.mb-v5-card-desc {
display: none !important;
}
.mb-v5-card-btn {
height: 36px !important;
font-size: 12px !important;
margin-top: 0 !important;
}
.mb-v5-tip-box {
padding: 0.75rem !important;
gap: 10px !important;
}
.mb-v5-tip-icon {
width: 32px !important;
height: 32px !important;
}
.mb-v5-tip-title {
font-size: 13px !important;
margin-bottom: 2px !important;
}
.mb-v5-tip-text {
font-size: 11px !important;
line-height: 1.3 !important;
}
.mb-v5-footer-text {
font-size: 11px !important;
}
.mb-v5-card-icon {
width: 32px !important;
height: 32px !important;
}
.mb-v5-card-icon svg {
width: 16px !important;
height: 16px !important;
}
.mb-v5-card-icon {
width: 36px !important;
height: 36px !important;
}
.mb-v5-card-label {
font-size: 14px !important;
}
.mb-v5-card-text {
font-size: 11px !important;
}
.to-v5-stepper-header {
margin-bottom: 1.25rem !important;
padding: 0 10px !important;
}
.to-v5-stepper-progress {
top: 13px !important;
height: 3px !important;
background: #e2e8f0 !important;
}
.to-v5-progress-bar {
height: 100% !important;
}
.to-v5-stepper-nodes {
gap: 0 !important;
justify-content: space-between !important;
}
.to-v5-node span {
width: 26px !important;
height: 26px !important;
font-size: 12px !important;
}
.to-v5-node label {
font-size: 11px !important;
}
.pl-v5-choice-card {
padding: 12px !important;
}
.pl-v5-choice-icon {
width: 40px !important;
height: 40px !important;
}
.pl-v5-choice-label {
font-size: 14px !important;
}
.pl-v5-choice-desc {
font-size: 12px !important;
}
.sr-v5-modal .modal-dialog {
margin: 12px !important;
max-width: calc(100% - 24px) !important;
}
.sr-v5-form-panel {
padding: 1.5rem 1rem !important;
}
.sr-v5-logo {
max-width: 140px !important;
margin-bottom: 1rem !important;
}
.sr-v5-form-title {
font-size: 20px !important;
margin-bottom: 0.25rem !important;
}
.sr-v5-form-subtitle {
font-size: 13px !important;
margin-bottom: 0.5rem !important;
}
.sr-v5-info-badge {
padding: 4px 10px !important;
font-size: 11px !important;
margin-top: 2px !important;
}
.mb-md-5,
.mb-5,
.mt-5 {
margin-bottom: 1rem !important;
margin-top: 1rem !important;
}
.to-v5-login-prompt.mt-5 {
margin-top: 1.5rem !important;
}
.sr-v5-form-group {
margin-bottom: 0.75rem !important;
}
.sr-v5-label {
font-size: 11px !important;
margin-bottom: 2px !important;
}
.sr-v5-input {
width: 100% !important;
height: 44px !important;
font-size: 14px !important;
border-radius: 8px !important;
padding-left: 42px !important;
}
.sr-v5-input-icon {
width: 42px !important;
height: 100% !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
left: 0 !important;
}
.sr-v5-input-icon svg {
width: 18px !important;
height: 18px !important;
margin: 0 !important;
}
.sr-v5-date-group {
display: grid !important;
grid-template-columns: 1.2fr 1fr !important;
gap: 8px !important;
}
.sr-v5-age-row {
padding: 8px !important;
gap: 8px !important;
}
.sr-v5-age-label {
height: 34px !important;
font-size: 12px !important;
border-radius: 8px !important;
}
.sr-v5-submit-btn {
height: 46px !important;
font-size: 14px !important;
border-radius: 8px !important;
margin-top: 0.5rem !important;
}
.sr-v5-payment-methods {
margin-top: 1rem !important;
}
.sr-v5-payment-methods p {
font-size: 11px !important;
margin-bottom: 0.5rem !important;
}
.sr-v5-payment-methods svg {
height: 16px !important;
width: auto !important;
}
.sr-v5-age-row {
flex-direction: column !important;
align-items: stretch !important;
}
.sr-v5-exact-age-wrap {
width: 100% !important;
}
.th-title {
font-size: 36px;
}
.th-stats-row {
flex-direction: column;
align-items: flex-start;
gap: 20px;
}
.th-subtitle {
font-size: 16px;
margin-bottom: 30px;
}
.featured-review-wrap {
padding: 24px 20px;
}
.normal-review-card {
padding: 24px 20px;
}
.testi-cta-banner {
padding: 24px 20px;
}
.terms-search-form {
max-width: 100%;
margin-bottom: 10px !important;
}
.faq-hero-icon {
width: 54px;
height: 54px;
margin-bottom: 16px;
}
.faq-still-help-section {
padding: 40px 0;
}
.faq-still-title {
font-size: 24px;
}
.faq-still-subtitle {
font-size: 15px;
}
.faq-support-card {
padding: 20px 16px;
gap: 15px;
}
.faq-support-icon {
width: 48px;
height: 48px;
}
.faq-section-title {
font-size: 24px;
}
.faq-topic-card {
padding: 12px 6px !important;
border-radius: 6px !important;
}
.faq-topic-icon-wrap {
width: 48px;
height: 48px;
margin-bottom: 4px;
}
.faq-topic-icon {
max-width: 32px;
max-height: 32px;
}
.faq-topic-name {
font-size: 11px !important;
margin-top: 4px !important;
}
.faq-accordion-container {
padding: 20px 15px;
}
.faq-accordion-header {
font-size: 18px;
margin-bottom: 16px;
}
.faq-accordion-item {
padding: 12px 15px !important;
}
.faq-accordion-item.active {
padding: 12px 15px !important;
}
.faq-accordion-body {
padding-left: 40px;
margin-top: 8px;
}
.terms-buttons {
width: 100%;
flex-direction: column;
}
.terms-btn-outline {
width: 100%;
}
.license-acceptance-bar {
width: 100%;
}
.license-acceptance-bar p {
font-size: 12px;
text-align: left;
margin-right: 8px;
}
.license-acceptance-bar i {
width: 16px;
height: 16px;
margin-bottom: 0;
order: -1;
}
.booking-stepper-card {
padding: 20px 15px;
overflow-x: auto;
-webkit-overflow-scrolling: touch;
}
.stepper-steps-wrapper {
min-width: 100%; padding-bottom: 10px; gap: 5px;
}
.stepper-step .stepper-icon-circle {
width: 40px;
height: 40px;
}
.stepper-step .stepper-icon-circle svg {
height: 22px;
}
.stepper-step .stepper-title {
font-size: 12px;
}
.vehicle-results-header-row {
flex-direction: column;
align-items: flex-start;
gap: 16px;
}
.vehicle-results-currency-wrapper {
width: 100%;
justify-content: space-between;
}
.vehicle-results-currency-wrapper .cur-dropdown {
width: 100%;
display: flex !important;
justify-content: space-between;
align-items: center;
margin: 0;
}
.extended-vehicle-header {
padding: 12px 15px !important;
}
.extended-vehicle-header h6 {
font-size: 13px !important;
line-height: 1.3 !important;
}
.extended-vehicle-header p {
font-size: 11px !important;
margin-top: 2px !important;
}
.extended-vehicle-header i.fa-check-circle {
font-size: 20px !important;
}
.nvc-header {
flex-direction: column;
gap: 12px;
align-items: stretch;
}
.nvc-header-right {
align-self: flex-start;
}
.nvc-col-image,
.nvc-col-specs,
.nvc-col-included {
flex: 0 0 100%;
max-width: 100%;
margin-bottom: 24px;
} .nvc-info-scroll-wrapper {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
overflow-x: auto;
padding-bottom: 12px;
-webkit-overflow-scrolling: touch;
gap: 16px;
padding-left: 12px;
} .nvc-col-specs,
.nvc-col-included {
flex: 0 0 280px; max-width: 200px;
margin-bottom: 0;
border: 1px solid #e5e5e5;
border-radius: 12px;
padding: 16px;
} .nvc-col-specs {
display: flex;
flex-direction: column;
gap: 12px;
}
.nvc-col-included {
border-left: 1px solid #e5e5e5; } .nvc-info-scroll-wrapper::-webkit-scrollbar {
height: 4px;
}
.nvc-info-scroll-wrapper::-webkit-scrollbar-thumb {
background-color: #cbd5e1;
border-radius: 4px;
}
.nvc-col-image {
align-items: center;
}
.nvc-col-price {
flex-direction: column;
align-items: stretch;
gap: 16px;
border-top: 1px solid #F3F4F6;
padding-top: 20px;
}
.nvc-price-info {
text-align: center;
}
.nvc-actions {
flex-direction: column;
width: 100%;
gap: 8px;
}
.nvc-btn {
width: 100%;
}
.safe-items-grid {
flex-wrap: wrap;
}
.safe-item {
flex: 0 0 50%;
max-width: 50%;
padding: 10px !important;
}
.safe-item::after {
display: none !important;
}
.safe-item:nth-child(odd) {
border-right: 1px solid #dbe7e4;
}
.safe-item:nth-child(1),
.safe-item:nth-child(2) {
border-bottom: 1px solid #dbe7e4;
} .extra-item-card-inner {
flex-wrap: wrap;
}
.extra-card-text-wrap {
width: calc(100% - 80px);
padding-right: 0;
}
.extra-card-price-wrap {
width: 50%;
text-align: left;
padding: 16px 0 0 80px;
min-width: 0;
align-items: flex-start;
}
.extra-card-control-wrap {
width: 50%;
justify-content: flex-end;
padding-top: 16px;
}
.badge-recommended {
top: -10px;
}
.payment-section-card {
padding: 16px;
}
.payment-method-row {
flex-direction: column;
gap: 12px;
}
.payment-method-card {
width: 100%;
}
.payment-promo-wrapper {
flex-direction: column;
align-items: stretch;
}
.payment-promo-btn {
width: 100%;
}
.payment-footer-actions {
flex-direction: column;
gap: 12px;
}
.btn-payment-back,
.btn-payment-continue {
width: 100% !important;
} .voucher-status-heading {
font-size: 24px !important;
margin-top: 1.5rem !important;
}
.voucher-number-heading {
font-size: 20px !important;
margin-bottom: 1.5rem !important;
}
.voucher-buttons {
flex-direction: column !important;
align-items: stretch !important;
width: 100% !important;
gap: 8px !important;
}
.voucher-buttons .app-button,
.voucher-buttons .app-button--primary {
width: 100% !important;
margin: 0 !important;
}
.fleet-cta-wrapper {
padding: 24px !important;
}
.fleet-cta-wrapper .fleet-cta-title,
.fleet-cta-wrapper .fleet-cta-desc {
text-align: center !important;
}
.fleet-cta-wrapper .fleet-cta-buttons {
flex-direction: column;
width: 100%;
}
.fleet-cta-wrapper .btn-whatsapp,
.fleet-cta-wrapper .btn-call {
width: 100%;
justify-content: center;
}
.pingouin-info-grid .info-col {
border-bottom: 1px solid #f1f5f9 !important;
}
.pingouin-info-grid .info-row {
border-bottom: none !important;
}
.pingouin-info-grid .info-row:last-child .info-col:last-child {
border-bottom: none !important;
} .pbc-cards-grid {
gap: 16px !important;
}
.pbc-card {
width: 100% !important;
max-width: 100% !important;
}
.pbc-footer {
flex-direction: column !important;
align-items: flex-start !important;
gap: 12px !important;
}
.pbc-footer-total {
align-items: flex-start !important;
}
.pbc-footer-status {
flex-wrap: wrap !important;
gap: 10px !important;
}
.pbc-total-amount {
font-size: 18px !important;
} .longterm-benefit-item::after {
display: none !important;
}
}
@media (max-width: 600px) {
.pbc-card {
min-width: 100% !important;
}
}
@media (max-width: 576px) {
.pingouin-my-account-redesign-modal .modal-dialog {
max-width: calc(100% - 1rem) !important;
margin: 0.5rem auto !important;
}
.pingouin-my-account-redesign-modal .modal-inner {
padding: 1.5rem 1rem !important;
}
.pingouin-my-account-redesign-modal .app-input {
height: 42px !important;
font-size: 14px !important;
padding: 8px 12px !important;
}
.pingouin-my-account-redesign-modal .form-group {
margin-bottom: 0.75rem !important;
}
.pingouin-my-account-redesign-modal label {
font-size: 13px !important;
margin-bottom: 0.25rem !important;
}
.pingouin-my-account-redesign-modal .select2-container .select2-selection--single {
height: 42px !important;
}
.pingouin-my-account-redesign-modal .select2-container--default .select2-selection--single .select2-selection__rendered {
line-height: normal !important;
font-size: 14px !important;
padding-left: 12px !important;
}
.pingouin-my-account-redesign-modal .select2-container--default .select2-selection--single .select2-selection__arrow {
height: 40px !important;
}
}
@media (max-width: 575px) {
.search-long-term {
padding: 40px 0 !important;
}
.page-template-page-longterm .search-long-term p.secondary-color {
padding-top: 0 !important;
}
#longterm_drop_form .form-group {
margin-bottom: 0px !important;
}
.age-driver-div {
margin-top: 10px;
width: 100%;
}
#longterm_drop_form .age-col-modern .row.w-100>div:nth-child(2) {
flex-wrap: wrap;
}
.faq-still-help-section {
padding-bottom: 0 !important;
}
.faq-support-label {
font-size: 12px;
}
.faq-support-value {
font-size: 14px;
}
.faq-accordion-container {
padding: 15px 10px;
}
.faq-accordion-item.active {
padding: 12px 8px !important;
}
.faq-accordion-body p {
font-size: 14px;
}
.faq-accordion-btn {
gap: 12px;
font-weight: 600 !important;
font-size: 14px !important;
}
.faq-accordion-item {
padding: 8px 8px !important;
}
.faq-nav-list li {
padding: 0 4px;
align-self: normal;
margin-bottom: 0px !important;
}
.faq-section-title {
font-size: 20px;
}
.terms-hero {
padding: 40px 0;
}
.pingouin-info-card {
padding: 10px !important;
}
.pingouin-info-grid .info-col {
padding: 10px 0 !important;
}
#printable .panel-inner .row .col-sm-7+.col-sm-5 {
text-align: left !important;
}
#printable .panel-inner .row .col-sm-7+.col-sm-5 .panel-text,
#printable .panel-inner .row .col-sm-7+.col-sm-5 .panel-label {
text-align: left !important;
}
.awesome-iframe .widgetLabel {
display: none;
}
.summary-table-data {
margin-bottom: 20px;
}
.testi-footer {
flex-direction: column-reverse !important;
justify-content: flex-start !important;
align-items: flex-start !important;
gap: 20px;
}
.ft-avatar {
width: 60px;
height: 60px;
}
.ft-quote img {
max-width: 20px;
}
.ft-stars {
margin-left: 40px;
}
.share-review-banner {
gap: 5px;
}
.fleet-header__user-block .theme-btn-outline {
padding: 8px 12px;
}
.pingouin-about-redesign .about-features-row {
padding-top: 0;
}
.about-feature-item .afi-icon img {
width: 70px;
}
.story-title,
.journey-title {
font-size: 26px;
}
.story-feature-item:last-child {
border-bottom: 0;
}
.who-we-are-section {
padding-bottom: 0;
}
.who-we-are-features .fi-text {
font-size: 14px;
}
.promise-list {
gap: 25px;
}
.promise-item {
gap: 20px;
}
.promise-icon {
width: 50px;
height: 50px;
}
.promise-icon img {
width: 25px;
height: 25px;
}
.promise-title {
font-size: 14px;
}
.promise-desc {
font-size: 13px;
}
.vs-icon-wrap {
width: 50px;
height: 50px;
}
.vs-icon-wrap img {
width: 30px;
height: 30px;
}
.vs-intro p {
font-size: 14px;
line-height: normal;
}
.nonimi-text {
font-size: 18px;
}
.declared-text,
.award-footer-secondary {
font-size: 14px;
}
.action-mini-title {
font-size: 14px;
margin-bottom: 20px !important;
}
.action-subtitle {
font-size: 14px;
margin-top: 20px;
}
.action-grid-wrapper {
margin-top: 0;
}
.action-item {
padding: 20px 0;
}
.ai-icon-wrap {
width: 60px;
height: 60px;
}
.ai-icon-wrap img {
width: 25px;
height: 25px;
}
.fleet-rental-switch-section {
padding-top: 60px;
padding-left: 15px !important;
padding-right: 15px !important;
}
.cd-gallery .the-car-slider--fleet .car-slide {
padding: 0;
}
.our-fleet-filters.cd-filters {
gap: 15px;
display: flex;
flex-wrap: nowrap;
overflow-x: auto;
-webkit-overflow-scrolling: touch;
padding-bottom: 5px !important;
scrollbar-width: none;
justify-content: flex-start !important;
}
.our-fleet-filters.cd-filters::-webkit-scrollbar {
display: none;
}
.our-fleet-filters.cd-filters li.filter {
flex: 0 0 auto;
white-space: nowrap;
}
.fleet-rental-switch-title {
font-size: 22px;
}
.stepper-step .stepper-icon-circle svg {
height: 20px;
}
.stepper-step .stepper-icon-circle {
width: 44px;
height: 44px;
}
.stepper-steps-wrapper {
gap: 5px;
}
.stepper-connector {
height: 25px;
}
.nvc-title {
font-size: 18px;
}
.car-slide__inner {
padding: 20px 15px !important;
}
.car-slide__title {
font-size: 15px !important;
margin-bottom: 12px !important;
}
.car-slide__image {
max-height: 60px !important;
margin-bottom: 16px !important;
}
.booking-summary-unified {
padding: 16px !important;
}
.stepper-connector {
margin-left: 5px;
margin-right: 5px;
margin-top: 20px;
}
.summary-features-bar {
gap: 4px;
}
.feature-badge-icon {
width: 32px;
height: 32px;
margin-bottom: 6px;
}
.feature-badge-item h6 {
font-size: 10px !important;
}
.feature-badge-item p {
font-size: 8px !important;
}
.extra-item-card {
padding: 16px !important;
}
.extra-card-icon-wrap {
width: 48px !important;
height: 48px !important;
margin-right: 12px !important;
}
.extra-card-icon,
.extra-card-icon-wrap img,
.extra-card-icon-wrap svg {
width: 48px !important;
height: 48px !important;
max-width: 48px !important;
max-height: 48px !important;
}
.extra-card-text-wrap {
width: calc(100% - 60px);
}
.extra-card-title {
font-size: 14px !important;
}
.extra-card-price-wrap {
padding-left: 60px;
}
.extra-card-price-amount {
font-size: 16px !important;
}
.extra-card-tags {
flex-direction: column;
gap: 4px;
}
.extras-navigation-buttons {
flex-direction: column;
width: 100%;
gap: 12px;
}
.btn-extras-back,
.btn-extras-continue {
width: 100% !important;
}
.pretty .state label:after,
.pretty .state label:before {
left: 2px !important;
}
#emailQuoteModal .modal-dialog {
margin: 0.5rem !important;
max-width: calc(100vw - 1rem) !important;
}
#emailQuoteModal .modal-inner {
padding: 2rem 1.25rem 1.5rem !important;
}
#emailQuoteModal .modal-inner::before {
margin: -2rem -1.25rem 1.5rem;
width: calc(100% + 2.5rem);
}
#emailQuoteModal h2.accent-color {
font-size: 20px !important;
}
#emailQuoteModal .app-input,
#emailQuoteModal input[type="text"],
#emailQuoteModal input[type="email"] {
height: 46px !important;
font-size: 13px !important;
}
#emailQuoteModal .app-button--primary,
#emailQuoteModal button#share-btn {
height: 48px !important;
font-size: 14px !important;
}
.pingouin-about-redesign .about-header-section {
padding-bottom: 50px;
}
.pingouin-my-account-redesign .nav-tabs.user-profile-navtabs {
gap: 8px;
max-width: 100%;
}
.pingouin-my-account-redesign .user-profile-navtabs .nav-link {
padding: 10px 16px !important;
font-size: 13px !important;
margin-bottom: 0 !important;
}
.pingouin-my-account-redesign .user-profile-buttons button {
width: 100%;
margin-right: 0 !important;
margin-bottom: 10px;
}
.pingouin-my-account-redesign .user-profile-buttons button:last-child {
margin-bottom: 0;
}
.page-template-page-longterm .the-car-slider--fleet .car-slide {
min-width: 100% !important;
}
}
@media (max-width: 480px) {
.pi-v5-side-panel {
padding: 2.5rem 1rem !important;
padding-bottom: unset !important;
}
.pi-v5-form-panel {
padding: 2rem 1rem !important;
}
.pi-v5-error-alert {
font-size: 13px !important;
padding: 10px 12px !important;
}
.pi-v5-side-panel {
padding: 2.5rem 1rem !important;
padding-bottom: unset !important;
}
.pi-v5-form-panel {
padding: 2rem 1rem !important;
}
.pi-v5-error-alert {
font-size: 13px !important;
padding: 10px 12px !important;
}
.safe-item {
flex: 0 0 100%;
max-width: 100%;
border-right: none !important;
border-bottom: 1px solid #dbe7e4 !important;
}
.safe-item:last-child {
border-bottom: none !important;
}
.stepper-step .stepper-title {
font-size: 10px;
}
.input-group-side input:nth-child(2) {
margin-top: 0px !important;
}
#longterm_drop_form .input-icon-wrap .app-input {
padding-left: 40px !important;
} .car-slide {
padding: 6px !important;
}
.car-slide__inner {
padding: 12px 8px !important;
}
.car-slide__title {
font-size: 13px !important;
margin-bottom: 8px !important;
}
.car-slide__image {
max-height: 45px !important;
height: 30px !important;
margin: 12px 0px !important;
}
.car-slide__details {
gap: 8px !important;
margin-bottom: 8px !important;
}
.car-slide__details span {
font-size: 11px !important;
gap: 4px !important;
}
.car-slide__details i {
font-size: 11px !important;
}
.car-slide__price h6 {
font-size: 11px !important;
}
.car-slide__price h6 .price-value {
font-size: 13px !important;
}
}
@media (max-width: 380px) {
.fleet-header__user-block .theme-btn-outline span {
display: none;
}
.stepper-step {
width: 20%;
}
#longterm_drop_form .input-icon-wrap .input-icon-svg {
width: 16px !important;
height: 16px !important;
}
}
@media (max-width: 360px) {
.license-acceptance-bar p {
font-size: 11px;
}
.stepper-connector {
display: none;
}
.stepper-step {
width: 24%;
}
.long-term-booking-form .bf-container {
padding: 20px 0px !important;
}
} .mb-v5-floating-group .mb-v5-input-wrapper {
position: relative;
}
.mb-v5-floating-group .mb-v5-label {
position: absolute;
top: 25px;
left: 48px;
padding: 0 4px;
transform: translateY(-50%);
font-size: 15px;
font-weight: 500;
color: var(--newdesign-text-muted);
pointer-events: none;
transition: all 0.2s ease;
margin: 0 !important;
line-height: 1 !important;
background-color: transparent;
z-index: 10;
}
.mb-v5-floating-group .mb-v5-input:focus~.mb-v5-label {
top: 0;
left: 16px;
font-size: 13px;
font-weight: 600;
color: var(--newdesign-brand-primary);
background-color: var(--color-white);
}
.mb-v5-floating-group input.mb-v5-input:not(:focus):not(:placeholder-shown)~.mb-v5-label {
top: 0;
left: 16px;
font-size: 13px;
font-weight: 600;
color: #64748b;
background-color: var(--color-white);
} @media (min-width: 992px) {
.vehilce-selection-section {
padding-right: 0px !important;
}
}
@media (max-width: 991px) {
.vehilce-selection-section {
padding-left: 0px !important;
padding-right: 0px !important;
}
} #no-vehicle-for-filters.no-data {
background: transparent !important;
border: none !important;
padding: 0 !important;
box-shadow: none !important;
}
.no-vehicles-found-container {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
padding: 60px 20px;
text-align: center;
background: transparent;
border-radius: 0;
box-shadow: none;
margin: 0;
width: 100%;
}
.no-vehicles-svg {
max-width: 280px;
height: auto;
margin-bottom: 12px;
opacity: 0.75;
}
.no-vehicles-title {
font-size: 24px;
font-weight: 600;
color: #0f4c4c;
margin-bottom: 16px;
line-height: 1.2;
}
.no-vehicles-found-container .clear-filters-btn {
margin-top: 8px;
}
.clear-filters-link {
color: var(--theme-color, #0f4c4c);
text-decoration: underline;
font-weight: 600;
cursor: pointer;
}
.clear-filters-link:hover {
color: #0C3E3E;
text-decoration: underline;
} .ext-accordion {
width: 100%;
margin: 15px 0 0 0;
border: 1px solid #e5e5e5;
border-radius: 8px;
overflow: hidden;
background-color: #fff;
font-family: inherit;
}
.ext-accordion__header {
display: flex;
align-items: center;
padding: 10px 20px;
background-color: #fff;
color: var(--theme-color, #0f4c4c);
cursor: pointer;
transition: background-color 0.3s ease;
}
.ext-accordion__header:hover {
background-color: #f7fafa;
}
.ext-accordion__icon {
display: flex;
align-items: center;
justify-content: center;
margin-right: 12px;
color: inherit;
}
.ext-accordion__title {
flex-grow: 1;
font-size: 16px;
font-weight: 600;
margin: 0;
}
.ext-accordion__chevron {
display: flex;
align-items: center;
justify-content: center;
transition: transform 0.3s ease;
color: inherit;
}
.ext-accordion__header[aria-expanded="true"] .ext-accordion__chevron {
transform: rotate(180deg);
}
.ext-accordion__body {
background-color: #fff;
padding: 20px;
}
.ext-accordion__hint {
display: flex;
align-items: center;
font-size: 13px;
color: #666;
margin-top: 0;
margin-bottom: 15px;
}
.ext-accordion__hint svg {
margin-right: 8px;
color: var(--theme-color, #0f4c4c);
}
.ext-options {
display: flex;
flex-direction: column;
gap: 12px;
}
@media (min-width: 768px) {
.ext-options {
flex-direction: row;
flex-wrap: wrap;
}
.ext-option-link {
flex: 1 1 calc(33.333% - 12px);
min-width: 250px;
}
}
.ext-option-link {
display: flex;
justify-content: space-between;
align-items: center;
padding: 12px 15px;
border: 1px solid #e0e0e0;
border-radius: 6px;
background-color: #fcfcfc;
text-decoration: none !important;
transition: all 0.2s ease;
position: relative;
}
.ext-option-link:hover {
border-color: var(--theme-color, #0f4c4c);
background-color: #f7fafa;
box-shadow: 0 2px 8px rgba(15, 76, 76, 0.08);
}
.ext-option--current {
background-color: #f0f9f8;
border-color: #bce3dc;
}
.ext-option--current:hover {
background-color: #e5f5f3;
border-color: #2eceb6;
}
.ext-option__left {
display: flex;
flex-direction: column;
gap: 4px;
}
.ext-option__badge-row {
display: flex;
align-items: center;
gap: 10px;
flex-wrap: wrap;
}
.ext-option__days-badge {
font-size: 14px;
font-weight: 600;
color: var(--theme-color, #0f4c4c);
}
.ext-option__days-badge--current {
color: #555;
}
.ext-badge {
position: absolute;
top: -10px;
right: 15px;
font-size: 11px;
font-weight: 700;
padding: 3px 10px;
border-radius: 12px;
text-transform: uppercase;
letter-spacing: 0.5px;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
border: 1px solid #fff;
z-index: 2;
}
.ext-badge--recommended {
background-color: rgba(15, 76, 76, 0.1);
color: var(--theme-color, #0f4c4c);
}
.ext-badge--best {
background-color: rgba(46, 206, 182, 0.15);
color: #209f8c; }
.ext-option__dates {
font-size: 12px;
color: #777;
}
.ext-option__right {
text-align: right;
display: flex;
flex-direction: column;
justify-content: center;
}
.ext-option__rate {
font-size: 16px;
font-weight: 700;
color: var(--theme-color, #0f4c4c);
}
.ext-option__per-day {
font-size: 12px;
font-weight: 500;
color: #888;
margin-left: 2px;
}
.ext-option__total {
font-size: 13px;
font-weight: 600;
color: #555;
margin-top: 2px;
} .booking-flow-hero-graphic {
max-width: 100%;
width: 292px;
height: auto;
}
.booking-flow-hero-graphic svg {
width: 100%;
height: auto;
display: block;
} .driver-info-hero {
background-color: #f0fbfa !important;
padding: 80px 0 !important;
border-bottom: 1px solid #e5f4f1 !important;
}
.driver-info-hero h1 {
font-family: 'Poppins', sans-serif !important;
font-size: 40px !important;
font-weight: 700 !important;
color: #0F4C4C !important;
margin-bottom: 12px !important;
}
.driver-info-hero .info-discription {
font-family: 'Poppins', sans-serif !important;
color: #4b5563 !important;
font-size: 16px !important;
line-height: 1.6 !important;
max-width: 700px !important;
margin: 0 auto 24px auto !important;
}
.driver-info-hero .hero-btn-orange {
background-color: #0F4C4C !important;
color: #ffffff !important;
border: none !important;
border-radius: 8px !important;
padding: 12px 32px !important;
font-size: 14px !important;
font-weight: 600 !important;
font-family: 'Poppins', sans-serif !important;
transition: all 0.3s ease !important;
box-shadow: 0 4px 14px rgba(15, 76, 76, 0.25) !important;
}
.driver-info-hero .hero-btn-orange:hover {
background-color: #0c3e3e !important;
transform: translateY(-1px) !important;
box-shadow: 0 6px 20px rgba(15, 76, 76, 0.35) !important;
} .driver-info-requirements .cards-wraper {
margin-top: -40px !important;
position: relative !important;
z-index: 10 !important;
}
.driver-info-requirements .cards-content {
background: #ffffff !important;
border-radius: 12px !important;
padding: 24px 20px !important;
border: 1px solid #e5e7eb !important;
box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.03), 0 8px 10px -6px rgba(0, 0, 0, 0.03) !important;
display: flex !important;
align-items: flex-start !important;
gap: 16px !important;
transition: all 0.3s ease !important;
}
.driver-info-requirements .cards-content:hover {
transform: translateY(-2px) !important;
box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.05), 0 10px 10px -5px rgba(0, 0, 0, 0.05) !important;
}
.driver-info-requirements .cards-content .card-img {
width: 36px !important;
height: 36px !important;
flex-shrink: 0 !important;
margin-top: 2px !important;
object-fit: contain !important;
}
.driver-info-requirements .cards-content .card-headings {
font-family: 'Poppins', sans-serif !important;
font-size: 15px !important;
font-weight: 700 !important;
color: #1e293b !important;
margin-bottom: 4px !important;
line-height: 1.4 !important;
}
.driver-info-requirements .cards-content p.text-muted {
font-family: 'Poppins', sans-serif !important;
font-size: 13px !important;
color: #64748b !important;
line-height: 1.5 !important;
}
.driver-info-requirements .heading-text {
font-family: 'Poppins', sans-serif !important;
font-size: 28px !important;
font-weight: 700 !important;
color: #0F4C4C !important;
margin: 48px 0 24px 0 !important;
} .driver-info-requirements .requirements-box {
background: #ffffff !important;
border-radius: 12px !important;
border: 1px solid #e5e7eb !important;
box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.03), 0 8px 10px -6px rgba(0, 0, 0, 0.03) !important;
overflow: hidden !important;
margin-bottom: 32px !important;
}
.driver-info-requirements .sub-heading {
font-family: 'Poppins', sans-serif !important;
font-size: 18px !important;
font-weight: 600 !important;
color: #ffffff !important;
background-color: #0F4C4C !important;
padding: 18px 24px !important;
margin: 0 !important;
border-top-left-radius: 12px !important;
border-top-right-radius: 12px !important;
}
.driver-info-requirements .sub-heading+div.p-4 {
padding: 32px !important;
}
.driver-info-requirements .requirement-list {
margin-bottom: 24px !important;
}
.driver-info-requirements .requirement-list li {
font-family: 'Poppins', sans-serif !important;
font-size: 15px !important;
font-weight: 500 !important;
color: #4b5563 !important;
margin-bottom: 14px !important;
line-height: 1.6 !important;
padding-left: 28px !important;
position: relative !important;
}
.driver-info-requirements .requirement-list li::before {
content: '' !important;
position: absolute !important;
left: 0 !important;
top: 4px !important;
width: 18px !important;
height: 18px !important;
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%232eceb6' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'/%3E%3C/svg%3E") !important;
background-repeat: no-repeat !important;
background-size: contain !important;
}
.driver-info-requirements .right-img {
position: static !important;
display: flex !important;
justify-content: flex-end !important;
}
.driver-info-requirements .right-img img {
border-radius: 12px !important;
width: 100% !important;
max-width: 260px !important;
height: auto !important;
object-fit: contain !important;
}
.driver-info-requirements .important-note {
background-color: #fef2f2 !important;
border: 1px solid #fecaca !important;
color: #991b1b !important;
padding: 16px 20px !important;
border-radius: 8px !important;
font-family: 'Poppins', sans-serif !important;
font-size: 14px !important;
font-weight: 500 !important;
margin-bottom: 24px !important;
display: flex !important;
align-items: center !important;
gap: 12px !important;
}
.driver-info-requirements .important-note p {
color: #991b1b !important;
margin: 0 !important;
font-size: 14px !important;
}
.driver-info-requirements .important-note .card-img {
width: 18px !important;
height: 18px !important;
flex-shrink: 0 !important;
filter: none !important;
} #driverAccordion {
margin-top: 48px !important;
margin-bottom: 48px !important;
}
#driverAccordion .border-0.custom-shadow {
background: #ffffff !important;
border: 1px solid #e2e8f0 !important;
border-radius: 8px !important;
box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.03), 0 2px 4px -1px rgba(0, 0, 0, 0.03) !important;
margin-bottom: 16px !important;
padding: 0 !important;
overflow: hidden !important;
}
#driverAccordion .accordion-toggle {
display: flex !important;
align-items: center !important;
justify-content: space-between !important;
padding: 20px 24px !important;
background: #ffffff !important;
transition: background-color 0.2s ease !important;
margin: 0 !important;
width: 100% !important;
}
#driverAccordion .accordion-toggle:hover {
background-color: #f8fafc !important;
}
#driverAccordion .driver-accordion-header {
font-family: 'Poppins', sans-serif !important;
font-size: 16px !important;
font-weight: 600 !important;
color: #1e293b !important;
margin: 0 !important;
line-height: 1.4 !important;
text-align: left !important;
}
#driverAccordion .accordion-toggle .down-arrow {
width: 14px !important;
height: 14px !important;
transition: all 0.3s ease !important;
flex-shrink: 0 !important;
margin-left: 16px !important; padding: 6px !important;
box-sizing: content-box !important;
background-color: #e9ecef !important;
border-radius: 50% !important;
opacity: 0.8 !important;
}
#driverAccordion .accordion-toggle[aria-expanded="true"] .down-arrow {
transform: rotate(180deg) !important;
background-color: rgba(47, 191, 159, 0.18) !important;
opacity: 1 !important;
}
#driverAccordion .collapse {
margin-left: 0 !important;
}
#driverAccordion p {
font-family: 'Poppins', sans-serif !important;
font-size: 14px !important;
color: #4b5563 !important;
line-height: 1.6 !important;
} @media (max-width: 767px) {
.driver-info-hero {
padding: 48px 0 !important;
}
.driver-info-hero h1 {
font-size: 28px !important;
}
.driver-info-hero .info-discription {
font-size: 14px !important;
}
.driver-info-requirements .cards-wraper {
margin-top: -24px !important;
}
.driver-info-requirements .heading-text {
font-size: 22px !important;
margin: 32px 0 16px 0 !important;
}
.driver-info-requirements .sub-heading {
font-size: 16px !important;
padding: 14px 18px !important;
}
.driver-info-requirements .sub-heading+div.p-4 {
padding: 20px !important;
}
.driver-info-requirements .right-img {
justify-content: center !important;
margin-top: 24px !important;
}
.driver-info-requirements .right-img img {
max-width: 220px !important;
}
#driverAccordion .accordion-toggle {
padding: 16px 18px !important;
}
#driverAccordion .driver-accordion-header {
font-size: 14px !important;
}
#driverAccordion .px-4.py-2 {
padding: 16px 18px !important;
}
#driverAccordion p {
font-size: 13px !important;
}
} .hiw-play-btn {
box-shadow: 0 10px 30px rgba(47, 191, 159, 0.4) !important;
}
.hiw-play-btn::after {
border-left: 15px solid #0f4c4c !important;
}
.hiw-video-facade:hover .hiw-play-btn {
background: #0F4C4C !important;
box-shadow: 0 10px 30px rgba(15, 76, 76, 0.4) !important;
transform: translate(-50%, -50%) scale(1.1) !important;
}
.hiw-video-facade:hover .hiw-play-btn:after {
border-left-color: #ffffff !important;
} .err-v5-section {
min-height: 70vh;
padding: 3rem 0;
}
.err-v5-img-wrapper {
margin-bottom: 0rem;
}
.err-v5-img {
max-width: 500px;
width: 100%;
}
.err-v5-title {
color: var(--newdesign-text-primary, #0f2b38);
font-size: 2.5rem;
font-weight: 700;
margin-bottom: 1rem;
line-height: 1.2;
}
.err-v5-highlight {
color: var(--newdesign-brand-primary, #2cc2ab);
}
.err-v5-message {
color: var(--newdesign-text-secondary, #64748b);
font-size: 1.1rem;
max-width: 600px;
margin: 0 auto 3rem auto;
line-height: 1.6;
}
.err-v5-home-btn {
display: inline-flex;
align-items: center;
justify-content: center;
padding: 12px 32px;
background: var(--newdesign-brand-primary, #2cc2ab);
color: #ffffff !important;
text-decoration: none !important;
border-radius: 8px;
font-size: 16px;
font-weight: 600;
transition: all 0.3s ease;
box-shadow: 0 4px 6px -1px rgba(44, 194, 171, 0.2);
margin: 0 auto;
}
.err-v5-home-btn:hover {
background: var(--newdesign-primary-dark, #104c4c);
transform: translateY(-2px);
box-shadow: 0 10px 15px -3px rgba(16, 76, 76, 0.2);
}
.err-v5-icon {
margin-right: 8px;
}
@media (max-width: 768px) {
.err-v5-section {
padding: 2rem 1rem;
}
.err-v5-title {
font-size: 1.8rem;
}
.err-v5-message {
font-size: 1rem;
margin-bottom: 2rem;
}
}
@media (max-width: 480px) {
.err-v5-title {
font-size: 1.5rem;
}
.err-v5-message {
font-size: 0.95rem;
}
}