.list{
list-style-image: url(https://coachhire4u.com/wp-content/uploads/2020/03/icons8-checkmark-14.png);
float: left;
margin-left: 21px;
}
.list-details{
font-weight:lighter;
font-size: 10px;
}
.enforce-color{
color: white
}
.custom-popup {
z-index: 1999999999;
position: absolute;
top: 191px;
left: 720px;
overflow: visible;
padding: 30px;
border-radius: 80px;
border: 14px solid #28a745;
width: 30%;
margin-left: -15%;
animation: showBlock 0s 2s forwards;
visibility: hidden;
min-width: 0%;
max-width: 100%;
height: auto;
text-align: center;
display: block;
transition: 2s ease-in-out;
box-shadow: 0px 0px 0px 0px rgb(2 2 2 / 0%);
background-color: rgba( 255, 255, 255, 1.00 );
}
@keyframes showBlock {
to { visibility: visible; }
}
.custom-popup-close {
position: absolute;
height: auto;
width: auto;
left: auto;
right: -30px;
bottom: auto;
cursor: pointer;
min-width: 1em;
z-index: 2;
text-decoration: none;
top: -30px;
padding: 0px;
color: #2d2d2d;
font-family: Times New Roman;
font-weight: 100;
font-size: 32px;
line-height: 28px;
border: 1px none #ffffff;
border-radius: 28px;
box-shadow: 0px 0px 0px 0px rgb(2 2 2 / 23%);
text-shadow: 0px 0px 0px rgb(0 0 0 / 23%);
background-color: rgba( 255, 255, 255, 1.00 );
}
.custom-popup-close:hover{
background-color: #a9a9a9;
}
.custom-popup-content {
color: #2d2d2d;
font-family: inherit;
font-weight: 100;
}
.custom-popup-content p {
margin: 0 0 0px;
}
.custom-background {
opacity: 1;
display: none;
animation: showBack 0s 2s forwards;
visibility: hidden;
z-index: 1999999999;
overflow-y: scroll;
background-color: rgba( 0, 0, 0, 0.75 );
box-sizing: border-box;
height: 100%;
width: 100%;
top: 0;
left: 0;
right: 0;
bottom: 0;
position: fixed;
transition: 2s ease-in-out;
}
@keyframes showBack {
to { visibility: visible; }
}
#gifsection{
position: relative;
}
#gifsection #pwrdby-section img{
position: absolute;
bottom: 0;
right: 10px;
top: unset;
}
#gifsection .explainer_video{
position: absolute;
left: 0;
top: 0;
width: 366px;
height: 206px;
}
#gifsection .explainer_video iframe{
width:100%;
height:206px;
}
@media only screen and (max-width: 575px){
#main > .container2{
background : none !important;
flex-direction : column;
}
#main #gifsection{
background: none;
display: flex;
flex-direction : column-reverse;
}
#gifsection #pwrdby-section{
width: 150px;
margin-left: auto;
margin-right: 10px
}
#gifsection #pwrdby-section img{
position : unset;
width: 100%;
}
#main #gifsection .explainer_video{
position: unset;
width: 95%;
margin: 30px auto;
height: auto;
}
#main #gifsection .explainer_video iframe{
height: 192px;
}
}
.vehicle-selection-wrapper {
overflow-y: auto;
height: 457px;
display: flex;
flex-direction: column;
}
.arrow {
text-align: center;
margin-top: 7%;
}
.bounce {
-moz-animation: bounce 2s infinite;
-webkit-animation: bounce 2s infinite;
animation: bounce 2s infinite;
}
@keyframes bounce {
0%, 10%, 20%, 30%, 50% {
transform: translateY(0);
}
20% {
transform: translateY(-10px);
}
30% {
transform: translateY(-10px);
}
}
.vehicle-order {
order: 1;
}
.note {
order: 2 !important; 
}
.vehicle-order.active {
order: 0 !important;
}
.vehicle-selection-wrapper {
display: flex;
flex-direction: column;
}
.submit-button {
float: right;
}
#top-bar-wrap {
top: 0;
position: fixed;
width: 100%;
}
#site-header {
padding-top: 39px;
position: fixed;
}
#main {
padding-top: 139px;
}
.custom-popupfoootball {
z-index: 1999999999;
position: absolute;
top: 191px;
left: 720px;
overflow: visible;
padding: 30px;
border-radius: 80px;
border: 14px solid #28a745;
width: 30%;
margin-left: -15%;
animation: showBlock 0s 1s forwards;
visibility: hidden;
min-width: 0%;
max-width: 100%;
height: auto;
text-align: center;
display: block;
transition: 1s ease-in-out;
box-shadow: 0px 0px 0px 0px rgb(2 2 2 / 0%);
background-color: rgba( 255, 255, 255, 1.00 );
}
@keyframes showBlock {
to { visibility: visible; }
}
.custom-popup-close:hover{
background-color: #a9a9a9;
}
.custom-popup-content {
color: #2d2d2d;
font-family: inherit;
font-weight: 100;
}
.custom-popup-content p {
margin: 0 0 0px;
}
.custom-backgroundfootball {
opacity: 1;
display: none;
animation: showBack 0s 1s forwards;
visibility: hidden;
z-index: 1999999999;
overflow-y: scroll;
background-color: rgba( 0, 0, 0, 0.75 );
box-sizing: border-box;
height: 100%;
width: 100%;
top: 0;
left: 0;
right: 0;
bottom: 0;
position: fixed;
transition: 1s ease-in-out;
}