@import url("https:/fonts.googleapis.com/css2?family=Roboto+Slab:wght@100..900&family=Zilla+Slab:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&display=swap");
body { color:#4d4d4d; font-size:16px; margin:0; padding:0; font-family:"Zilla Slab", serif; background:#fff }

:root { --primary-color:#121271; --secondary-color:#de1f26; --text-color:#626262; --bg-color:#555658; --highlight:#83b21e }
p { line-height:20px; color:var(--text-color); font-size:16px }

h1, h2, h3, h4, h5, h6, p { clear:both; margin:0; padding:0 }
h1 { font-size:50px; font-weight:400; margin-bottom:8px; line-height:normal; line-height:60px; color:var(--secondary-color) }
h2 { font-size:32px; font-weight:300; line-height:normal; line-height:34px }
h4 { font-weight:600; font-size:24px; color:var(--primary-color) }

a { color:var(--light-black); text-decoration:none; font-size:var(--font-16) }
a:hover { color:var(--light-green) }

.container { max-width:1210px; padding:0 15px; margin:0 auto }



/* --- Header --- */

/* Search */
.top-search { background:#555658; padding:10px 0px; color:#fff; margin-bottom:10px; position:relative; z-index:1 }
.home-page .top-search::after { content:""; height:8px; width:100%; background:#de1f26; display:block; position:absolute; bottom:-18px }
.top-head-wrapper { display:flex; align-items:center; gap:30px; justify-content:center }
.mobile-quick-search { display:none }
.desktop-quick-search { display:block !important }
.quick-text { font-weight:700; font-size:26px; display:flex; gap:10px }
.quick-text span { display:none }
.quick-text img { filter:brightness(0) invert(1) }
.search-form form { display:flex; gap:30px }
.top-search select { padding:0 20px; border-radius:5px; border:none; width:170px; height:30px; font-size:19px; background:#fff url(../../graphics-new/dropdown-icon.svg) no-repeat calc(100% - 10px) center; -webkit-appearance:none; appearance:none; background-size:18px; color:#5d5d5d }
/*.search-btn { background:none; border:none; display:flex; gap:6px; font-size:21px; color:#fff; font-weight:700; align-items:center }
.search-btn img { filter:brightness(0) invert(1) }*/
.search-btn { color:#fff; background:none; border:none; cursor:pointer }
.search-btn:hover { color:#de1f26 }
.home-page .logo, .home-page .header-van, .home-page .header-main-wrapper::before, .home-page .header-main-wrapper::after { display:none }

/* Contact */
.contact-bar { position:relative }
.contact-inner { justify-content:center; gap:60px; padding:15px 0 }

.menu-icon { position:absolute; left:40px; top:24px }
.header-number { margin-top:25px }
.header-number a:hover { color:#de1f26 }
.contact-info-header { line-height:initial; text-align:right }
.contact-info-header { line-height:initial; text-align:right }
.contact-info-header span { margin-right:8px; color:#626262; font-size:22px }
.contact-info-header strong { color:#0a0a6d; font-size:30px; font-family:"Roboto Slab", serif; font-weight:700 }
.home-page .contact-info-header span { font-size:24px }
.home-page .contact-info-header strong { font-size:34px }
.home-page .header-number { margin-top:10px; display:flex; justify-content:center; width:100%; gap:80px }

.header-main { position:relative }
.header-main::after { content:""; position:absolute; right:0; top:0; width:100px; height:63px; background:url(../../graphics-new/header/union-flag.svg) no-repeat right center; z-index:1 }
.header-main::before { right:0; content:""; position:absolute; top:-28px; left:0; width:auto; height:107px; background:#eaeaea; border-bottom-left-radius:50% 100%; border-bottom-right-radius:50% 100%; z-index:0 }
.home-page .header-main::before { right:0; left:0; width:100%; height:80px; margin:auto; max-width:1100px }
.header-main-wrapper { display:flex; justify-content:space-between; padding:0 100px; position:relative }
.header-main-wrapper::before { height:9px; width:100px; content:""; position:absolute; left:0; top:0; background:#de1f26; border-radius:0 15px 15px 0 }
.header-main-wrapper::after { height:9px; width:420px; content:""; position:absolute; right:0; top:0; background:#de1f26; border-radius:15px 0px 0 15px }

.logo { width:300px; margin-left:13px }
.logo img { width:100% }

.header-van { margin:-43px 0 0 0 }
.inner-menu-v img { width:110px; height:auto; filter: drop-shadow(0 2px 5px rgba(0, 0, 0, 0.4)) }



/* --- Homepage --- */

/* Main Banner */
.section { padding:70px 0 }
.hero-section { background-image:url("../../graphics-new/hero-bg.svg"); background-repeat:no-repeat; background-position:center 194px; padding:230px 0 60px 0 }
.hero-section .text-box { display:flex; justify-content:end; margin-top:12px; align-items:start }
.hero-section .text-box p { font-size:22px; font-weight:400; color:#828282; text-align:right; padding-right:10px; margin-top:16px }
.hero-section .text-box h2 { font-size:90px; font-weight:500; color:#30479e; font-family:"Roboto Slab", serif; display:flex; align-items:start; gap:5px; line-height:115px }
span.currency { font-size:60px; font-weight:300; vertical-align:super; margin-top:6px; line-height:normal }
.hero-section .img-box { position:relative }
.hero-section .img-box img { filter:drop-shadow(0 15px 25px rgba(0, 0, 0, 0.25)) }
.hero-section .vehicle-box { position:relative; width:300px }
.hero-section .vehicle-box img { width:100% }

.hero-section .tag-shape { position:absolute; top:-65px; min-width:154px; height:245px; color:white; font-size:48px; font-weight:bold; display:flex; align-items:start; border-radius:40px 40px 0 0; right:12px; z-index:0; justify-content:center; background:linear-gradient(180deg, #30479e 0%, rgba(0, 0, 0, 0) 100%); padding:0 20px }
.single-hero-car { cursor:pointer }
.single-hero-car-red .text-box h2 { color:#de1f26 }
.single-hero-car-red .tag-shape { background:linear-gradient(180deg, #df444a 50%, rgba(0, 0, 0, 0) 100%) }
.single-hero-car-dark .text-box h2 { color:#5d5d5d }
.single-hero-car-dark .tag-shape { background:linear-gradient(180deg, #6e6767 40%, rgba(0, 0, 0, 0) 100%); font-weight:400; font-size:38px }
.single-hero-car-red { margin-top:-90px }
.single-hero-car-dark { margin-top:10px }
.single-hero-car:hover h2, .single-hero-car:hover p { color:var(--highlight); transition:color 0.5s }
.single-hero-car:hover .tag-shape { top:-85px; background:linear-gradient(180deg, var(--highlight) 0%, rgba(0, 0, 0, 0) 100%); transition:top 0.5s, background 1s }

/* Homepage Content */
.self-text-box h2 { font-size:50px; font-weight:400; color:var(--secondary-color); margin-bottom:18px; line-height:50px }
.self-text-box h3 { color:#4d4d4d; font-size:32px; font-weight:300 }
.self-text-box h3 strong { font-weight:600 }
.self-text-box p a { text-decoration:underline }
.self-text-box p a:hover { color:#de1f26 }
.self-drive-section p { font-size:22px; font-weight:400; line-height:27px; color:#626262; margin-bottom:16px }
.self-drive-section .img-box img { max-width:470px; margin-bottom:20px; filter:inherit }
.self-drive-section { padding-top:20px }
.self-drive-section .self-text-box p:last-child { margin-bottom:0 }

.video-container { position:relative; width:100%; padding-bottom:56.25%; /* 16:9 ratio */ height:0 }
.video-container iframe { position:absolute; width:100%; height:100%; border:0; top:0; left:0 }



/* --- Recently Viewed Vehicles --- */
.single-view-car h4 { margin-top:10px; max-width:96% }
.single-view-car:hover h4 { color:#de1f26 }
.your-recently-title { position:relative; text-align:center }
.your-recently-title h3 { color:var(--secondary-color); font-size:32px; text-align:center; font-weight:600; margin-bottom:25px; background:#fff; display:inline-block; padding:0 15px }
.your-recently-title::after { width:100%; height:6px; content:""; position:absolute; background:var(--secondary-color); left:0; top:30%; z-index:-1 }
.your-recently-section { background-image:url("../../graphics-new/bg-recently-viewed.svg"); background-repeat:no-repeat; background-size:auto; background-size:1920px; background-position:center 100px; padding-top:0 }

.single-view-car .img-box img { width:100% }



/* --- Generic / News Article --- */

.article-first-content h1 { color:var(--secondary-color) }
.article-first-content h2 { color:#4d4d4d; margin-bottom:40px }
.article-first-content p { font-weight:300; color:#4d4d4d; font-size:22px; line-height:26px }
.article-first-content .img-box p { font-size:20px; margin-top:7px; text-align:right }

.aritical-heading-middle { margin-top:43px }
.aritical-heading-middle p { padding-bottom:12px }
.article-first-content strong { font-weight:600 }

.comn-top-border { padding-top:50px; border-top:3px solid #cccccc }
.comnbottom-padding { padding-bottom:36px }

.article-video-content .text-box p { text-align:left }
.article-video-content ul { padding-top:34px; margin-left:10px }
.article-video-content ul li { font-size:20px; line-height:24px; font-weight:300; padding-bottom:14px }
.article-video-content ul li::before { content:""; width:8px; height:8px; border-radius:50%; background-color:#0a0a6d; display:inline-block; margin-right:10px; color:#191975; margin-bottom:3px }
.article-single-para p { padding-bottom:12px }
.article-grid-box .img-box p { text-align:left }
.article-first-content { padding-bottom:57px }
.aritical-image-content .text-box p { padding-bottom:12px }
.article-first-content a { color:#191975; font-weight:300; font-size:22px; text-decoration:underline }
.article-first-content a:hover { color:var(--secondary-color) }



/* --- Vehicles Index --- */

.vans-text-box { text-align:center }
.vans-text-box h1, .vans-text-box h2 { margin-bottom:14px }
.vans-text-box h2:last-child { font-weight:500; margin-bottom:12px }
.vans-rantal-section { padding:45px 0 }

.vansgrid-items-box .vehicle-card { margin-top:45px; cursor:pointer }
.vansgrid-items-box .vehicle-card:hover h4 a { color:var(--secondary-color) }

.popular-grid-item { background:#191975; border-radius:0 0px 15px 15px; padding:16px 15px 10px; position:relative; z-index:-1; margin-top:-9px }
.popular-grid-item h5 { font-size:22px; font-weight:500; color:#fff; line-height:26px }
.vansgrid-items-box .vehicle-card:hover .popular-grid-item { background:var(--secondary-color) }

.vansgrid-items-box .vehicle-img img { width:100%; max-width:270px }

.vansgrid-items-box .vehicle-content { background:linear-gradient(to top, #dbdbdb, #fdfdfd); padding:70px 15px 10px; border-radius:15px; margin-top:-60px; text-align:left }
.vansgrid-items-box .vehicle-content p { font-size:19px; font-weight:300 }

.vansgrid-items-box .price-row { display:flex; justify-content:space-between; margin-top:8px }
.vansgrid-items-box .price-row .vans-week-day { display:block; font-weight:500; font-size:22px; line-height:26px }
.vansgrid-items-box .price-row .vans-car-price { color:var(--secondary-color); font-size:24px; font-weight:500; font-family:"Roboto Slab", serif; line-height:28px }
.vansgrid-items-box .price-row .vans-car-price span { font-weight:300; padding-right:2px }

.vansgrid-items-box .vehicle-buttons { margin-top:10px; text-align:left }
.vansgrid-items-box .btn { padding:6px 10px; border-radius:22px; text-decoration:none; color:#fff; font-weight:bold; margin-right:10px; font-size:20px; line-height:24px }

.vansgrid-items-box .quote { background:var(--primary-color) }
.vansgrid-items-box .book { background:var(--secondary-color) }
.vansgrid-items-box .quote:hover, .rental-detailprice-box .quote:hover, .vansgrid-items-box .book:hover, .rental-detailprice-box .book:hover { background:var(--highlight); color:#fff; transition:background 0.2s }



/* --- News Index --- */

.news-index-section { padding-top:57px }
.news-index-single-item { border-radius:0 0 15px 15px; overflow:hidden; margin-top:50px; cursor:pointer }
.news-index-single-item .news-index-item-date { font-size:19px; font-weight:300 }
.news-index-single-content { background:linear-gradient(to top, #e7e7e7, #ffffff); border-radius:15px; padding:12px 18px 20px }
.news-index-single-content h4 { font-weight:500 }
.news-index-single-item:hover h4 a { color:var(--secondary-color) }

.pagination { display:flex; align-items:center; gap:10px; justify-content:center; margin-top:50px }
.pagination .page, .pagination .nav-btn { width:40px; height:40px; display:flex; align-items:center; justify-content:center; border-radius:50%; text-decoration:none; font-weight:400; font-family:"Roboto Slab", serif; font-size:24px }
.pagination .page { background:#b2b2b2; color:#fff }
.pagination .page:hover { background:var(--highlight); transition:background 0.2s }
.pagination .page.active { background:var(--secondary-color) }

.pagination .nav-btn { background:var(--primary-color); color:#fff }
.pagination .nav-btn img { width:12px }
.pagination .nav-btn:first-child { margin-right:10px; padding-right:2px }
.pagination .nav-btn:last-child { margin-left:10px; padding-left:3px }
.pagination .nav-btn:hover { background:var(--highlight); transition:background 0.2s }



/* --- Vehicle Details --- */

.vehical-detail-section { padding-top:33px }
.vehical-detail-section h1 { font-weight:500; line-height:50px }
.vehical-detail-text-box h2 { margin-bottom:38px }
.vehical-detail-text-box p { padding-top:12px; font-weight:300; font-size:22px; line-height:26px }

.vehicle-slider { margin-top:48px; z-index:0 }
.vehicle-slider .vehicle-slider .item img { width:100%; height:320px; object-fit:cover }

.vehicle-slider .owl-nav { position:absolute; top:auto; width:100%; bottom:6% }
.vehicle-slider .owl-nav button { position:absolute; width:16px; height:30px; border-radius:50% }
.vehicle-slider .owl-nav .owl-prev span, .vehicle-slider .owl-nav .owl-next span { display:none }
.vehicle-slider .owl-nav .owl-prev, .vehicle-slider .owl-nav .owl-next { left:45.3%; background-image:url("../../graphics-new/left-arrow.svg") !important; background-repeat:no-repeat !important; background-size:13px !important; background-position:50% 50% !important; filter:grayscale(100%) brightness(0.8) }
.vehicle-slider .owl-nav .owl-next { right:45.3%; background-image:url("../../graphics-new/right-arrow.svg") !important; left:auto }
.vehicle-slider .owl-nav .owl-prev:hover, .vehicle-slider .owl-nav .owl-next:hover { filter:grayscale(100%) brightness(0.5) }

.vehicle-slider .owl-dots { text-align:center; margin-top:15px; gap:10px; display:flex; justify-content:center }
.vehicle-slider .owl-dot span { width:20px; height:20px; background:#ccc; display:block; border-radius:50% }
.vehicle-slider .owl-dot:hover span { background:var(--highlight); transition:background 0.2s }
.vehicle-slider .owl-dot.active span { background:var(--secondary-color) }

.rental-detailprice-box .title { color:var(--secondary-color); margin-bottom:8px; font-weight:600 }

.rental-detailprice-box .price-card { background:white; border-radius:20px; border:5px solid #ececec; overflow:hidden }
.rental-detailprice-box .price-top { display:flex; background:#ececec; padding:17px 20px; border-radius:15px 15px 6px 6px; gap:60px }
.rental-detailprice-box .price-item { text-align:center }
.rental-detailprice-box .price-item span { display:block; font-size:26px; color:#4d4d4d; font-weight:500 }
.rental-detailprice-box .price-item h3 { color:var(--secondary-color); font-size:36px; margin:0; font-weight:600; font-family:"Roboto Slab", serif }
.rental-detailprice-box .price-item h3 span { font-weight:300; display:inline-block; color:var(--secondary-color); font-size:inherit }
.rental-detailprice-box .price-bottom { display:flex; justify-content:space-between; padding:20px }
.rental-detailprice-box .price-text p { font-size:14px; color:#666666; padding-bottom:10px; font-weight:400 }
.rental-detailprice-box .price-buttons { display:flex; flex-direction:column; gap:10px; align-items:self-end }

.rental-detailprice-box .btn { text-decoration:none; padding:12px 25px; border-radius:14px; color:white; font-weight:600; text-align:center }

.rental-detailprice-box .quote, .rental-detailprice-box .book, .request-btn-area .request-btn:hover { background:var(--primary-color); font-weight:700; font-size:22px; white-space:nowrap; border-radius:15px; padding:8px 15px; border:0 }
.rental-detailprice-box .book { background:var(--secondary-color) }

.custom-accordion .accordion-item { border:none }
.custom-accordion .accordion-item h2 { border-bottom:4px solid #4d4d4d }
.custom-accordion .accordion-button::after { background-image:url("../../graphics-new/accordian-arrow.svg") }
.custom-accordion .accordion-button { background:#fff; font-size:26px; font-weight:600; color:#4d4d4d; box-shadow:none; padding:10px; background:linear-gradient(to top, #e1e0e0ad, #fff) }
.custom-accordion .accordion-item h2:hover .accordion-button { color:var(--secondary-color) }
.custom-accordion .accordion-button::after { transform:rotate(270deg); transition:0.3s; margin-top:14px; transform-origin:center center; background-position:center }
.custom-accordion .accordion-button:not(.collapsed)::after { transform:rotate(360deg) }

.custom-accordion .spec-row { display:flex; justify-content:space-between; padding:15px 0; border-bottom:1px solid #ddd }
.custom-accordion .spec-left, .custom-accordion .spec-right { color:#4d4d4d; font-size:18px; font-weight:400 }
.custom-accordion .spec-right { font-weight:300; width:170px }
.rental-detailprice-box { padding-top:40px }
.rental-price-box .incd-wrapper { margin-top:56px }
.rental-price-box .incd-title { color:var(--primary-color); font-size:26px; margin-bottom:10px; font-weight:600 }
.rental-price-box .incd-box { border:5px solid #ececec; border-radius:12px; padding:20px 18px; display:grid; grid-template-columns:1fr 1fr; gap:25px 40px }
.rental-price-box .incd-item { display:flex; align-items:center; gap:13px }
.rental-price-box .incd-icon { min-width:33px }
.rental-price-box .incd-heading { font-size:20px; color:var(--primary-color); font-weight:500 }
.rental-price-box .incd-desc { font-size:20px; color:#4d4d4d; font-weight:300 }

.quote-reqesta-accordian .quote-box { border:4px solid var(--primary-color); border-radius:12px; overflow:hidden }
.quote-reqesta-accordian .quote-header { background:var(--primary-color); color:#fff; padding:3px 20px; font-size:32px; font-weight:600; cursor:pointer; display:flex; justify-content:space-between; align-items:center }

.quote-reqesta-accordian .form-area { padding:15px; background:#ffff; padding-top:0 }
.quote-reqesta-accordian .form-area .arrow { transition:0.3s }
.quote-reqesta-accordian .form-area .arrow.rotate { transform:rotate(180deg) }
.quote-reqesta-accordian .sub-heading { padding:20px 15px; background:#ffff; color:#4f4f4d; font-size:20px; font-family:"Zilla Slab", serif }

.single-input-field { display:flex; gap:54px; margin-bottom:5px }
.single-input-field label { font-size:18px; font-weight:400; color:var(--primary-color); width:130px; font-family:"Zilla Slab", serif }
.single-input-field .form-control, .flatpickr-input[readonly] { background-color:#f9f9f9; border:2px solid #e6e6e6; border-radius:8px }
.single-input-field .form-check-box { display:flex; justify-content:space-between; margin-top:6px; width:100%; gap:20px; justify-content:start }
.single-input-field .form-check-input { width:25px; height:25px; border:2px solid #e6e6e6; margin:0; margin-right:3px; box-shadow:none; background-color:#f9f9f9 }
.single-input-field .form-check-input:checked[type="radio"] { /* background:var(--primary-color); */ box-shadow:none; border-color:#121271; border-width:5px }
.single-input-field .form-check { padding:0 }
.single-input-field .form-check-label { font-size:18px; font-weight:300; color:#4f4f4f; font-family:"Zilla Slab", serif; width:inherit }
.form-check-yes .form-check { display:flex }
.form-check-yes .form-check .form-check-input { margin-right:3px }

.request-btn-area .request-btn { background:var(--primary-color); color:#fff; border-radius:15px; padding:8px 15px; font-weight:700; font-size:22px; border:0 }

.quote-header .arrow { transition:0.3s; transform:rotate(360deg) }

.quote-header .arrow.rotate { transform:rotate(270deg) }
.quote-reqesta-accordian-red .quote-header .arrow { transform:rotate(270deg) }
.quote-reqesta-accordian-red .quote-header .arrow.rotate { transform:rotate(360deg) }
.quote-header img { width:22px; filter:brightness(0) invert(1) }
.date-and-time-field .custom-input { height:41px }

/* .icon { position:absolute; right:15px; top:38px; font-size:18px; pointer-events:none } */

.date-time-field { display:flex; justify-content:space-between; gap:20px; width:100% }
.date-and-time-field { display:flex; gap:54px; align-items:center; margin-bottom:5px }

.date-time-label label { font-size:18px; font-weight:400; color:var(--primary-color); font-family:"Zilla Slab", serif; width:130px }
.date-time-field { display:flex; gap:20px }
input::placeholder { font-size:18px; font-weight:400; font-family:"Zilla Slab", serif }
.request-btn-area { text-align:right; margin-top:20px }
.quote-reqesta-accordian { padding-top:60px }
.other-sub-heading .sub-heading { display:flex; align-items:center; justify-content:space-between; gap:15px }
.other-sub-heading .sub-heading .request-btn-area { margin-top:0 }
.other-sub-heading .sub-heading p { font-size:20px; font-weight:400; line-height:24px }
.quote-reqesta-accordian-red .quote-header, .quote-reqesta-accordian-red .request-btn-area .request-btn { background-color:var(--secondary-color) }
.quote-reqesta-accordian-red .quote-box { color:var(--secondary-color); border-color:var(--secondary-color) }
.quote-reqesta-accordian-red { padding-top:40px }
.mobile-detail-img { display:none }
input:focus, textarea:focus { box-shadow:none !important }
.mobile-detail-icon-accordina .incd-title { pointer-events:none }

.request-btn-area .request-btn:hover { background-color:var(--highlight); transition:background-color 0.2s }

.vehicle-slider .owl-stage { margin-right:-200px }



/* --- Footer --- */

.upper-footer h5 { font-size:30px; font-weight:700; color:#0a0a6d }
.upper-footer h4 { font-size:27px; font-weight:500; color:var(--secondary-color) }
.upper-footer h4 .scedule-time { color:var(--primary-color); font-size:25px; margin-left:5px; font-family:"Roboto Slab", serif }
.upper-footer { background:linear-gradient(to bottom, #dbdbdb, #fdfdfd); padding:15px 0 }
ul { margin:0; padding:0; list-style:none }
footer h6.product-click { font-size:18px; color:#0a0a6d; font-weight:600; margin-bottom:5px }
footer ul li a { font-size:15px; font-weight:300; color:#626262 }
footer ul li a:hover { color:var(--secondary-color) }
.footer-logo-content img { max-width:170px; margin-bottom:8px }
.footer-middle-content { background:linear-gradient(to bottom, #dbdbdb, #fdfdfd); padding:17px 0 }
.footer-middle-content .location-header { display:flex; align-items:end; gap:15px; margin-bottom:5px }
.footer-middle-content .location-header h6 { color:var(--secondary-color); font-size:18px; font-weight:500; font-family:"Roboto Slab", serif }
.footer-middle-content .line { flex:1; height:1.5px; background:#bfbfbf; margin-bottom:5px }
.footer-middle-content .phone { color:var(--secondary-color); font-size:20px; font-weight:500; font-family:"Roboto Slab", serif }
.footer-middle-content .phone a:hover { color:var(--primary-color) }
.footer-middle-content .location-body { display:flex; align-items:flex-start; gap:15px }
.footer-middle-content .icon img { width:auto; height:35px }
.upper-footer h4 .scedule-time-close { color:#939393 }
.footer-middle-content .location-item { margin-bottom:5px }

.bottom-footer-bar { background:linear-gradient(to bottom, #dbdbdb, #fdfdfd); padding:5px 0 15px 0 }
.bottom-footer-content { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap }
.bottom-footer-bar .footer-left img { width:100%; height:29px }
.bottom-footer-bar .footer-left { display:flex; gap:8px }
.bottom-footer-bar .footer-center { text-align:center; font-size:16px; color:#626262; font-weight:300 }
.bottom-footer-bar .footer-center span { font-size:14px; color:#595959; display:block }
.bottom-footer-bar .footer-right a svg { height:30px; width:auto; fill:var(--secondary-color) }
.bottom-footer-bar .footer-right a:hover svg { fill:var(--highlight) }
.bottom-footer-bar .footer-right { display:flex; gap:20px }
.bottom-footer-bar .footer-right .share-arrow { margin-left:18px }
.bottom-footer-bar .footer-right .share-arrow svg { fill:var(--primary-color) }
.mobile-footer-time { display:block }
.mobile-footer-toggle { display:none }
.mobile-open-full-text { display:none }
.bottom-footer-bar .footer-left .footer-center, .bottom-footer-bar .footer-right .footer-center { display:none }

.footermenu-active .mobile-footer-toggle img { filter:brightness(0) saturate(100%) invert(22%) sepia(96%) saturate(3465%) hue-rotate(345deg) brightness(92%) contrast(95%) }