.popup-overlay {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.35);
display: none;
z-index: 1000;
z-index: 10000; } .popup-content {
position: fixed;
background: white;
padding: 20px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
max-height: 100%;
overflow-y: auto;
transition: all 0.5s ease; } .close-btn {
position: absolute;
top: 23px;
left: 30px;
cursor: pointer;
font-size: 40px; } .popup-image, .popup-image2, .pupup-content img {
max-width: 100%;
height: auto; }
.popup-label {
font-size: 24px;
margin-top: 10px; }
.popup-text {
font-size: 16px;
margin-top: 10px; } .popup-content {
right: -100%;
width: 600px;
min-width: 600px;
max-width: 100%;
height: 100%;
max-height: 100%;
top: 0;
top: var(--wp-admin--admin-bar--height);
bottom: 0;
padding: 80px 60px; }
.popup-label {
margin-bottom: 30px; } @media (max-width: 679px) {
.popup-content {
width: 100%;
min-width: unset;
height: 90%;
bottom: -100%;
right: 0;
top: auto;
padding: 80px 30px; } } :root {
--pp-list-blog-gutter: 2%;
--pp-list-blog-inner-gutter: 2%;
--pp-desktop-list-blog-item-w: 33.333333%; }
.fleet-list.aamheadingh1 h1 {
font-family: Poppins !important;
text-transform: none !important;
letter-spacing: 0px !important;
font-size: 55px !important;
line-height: 60px !important;
font-weight: 700 !important; }
.fleet-list.aamheadingh2 h2 {
font-family: Poppins;
text-transform: none;
letter-spacing: 0px;
font-size: 24px;
line-height: 35px;
font-weight: 600; }
.fleet-list > .col {
margin-left: calc(var(--pp-list-blog-gutter)* -1);
margin-right: calc(var(--pp-list-blog-gutter)* -1);
display: flex;
justify-content: center;
flex-wrap: wrap; }
.fleet-list > .col > * {
display: block;
padding-left: var(--pp-list-blog-gutter);
padding-right: var(--pp-list-blog-gutter);
padding-top: 1%;
padding-bottom: 1%;
flex-basis: 33.333333%;
flex-basis: var(--pp-desktop-list-blog-item-w); }
.fleet-list .item {
cursor: pointer;
margin-bottom: 5%; }
.fleet-list .item .vc_column-inner {
height: 100%;
padding: 5% 5% !important; }
.fleet-list .item .wpb_wrapper {
display: flex;
align-items: center;
flex-direction: column;
justify-content: space-between;
height: 100%; }
.fleet-list .item img {
max-width: 244px;
margin-left: auto;
margin-right: auto;
-moz-transform: scaleX(-1);
-o-transform: scaleX(-1);
-webkit-transform: scaleX(-1);
transform: scaleX(-1);
filter: FlipH;
-ms-filter: "FlipH"; }
.wpb_row.fleet-list > .span_12 > .column_container.item:last-child {
margin-bottom: 5% !important; }
@media (max-width: 1199px) {
:root {
--pp-desktop-list-blog-item-w: 50%; } }
@media (max-width: 999px) {
.fleet-list .item .vc_column-inner {
padding: 40px 5% !important; } }
@media (max-width: 689px) {
:root {
--pp-desktop-list-blog-item-w: 100%; } }