body,
body.boxed-wrapper .page-wrapper {
    background-color: var(--topfloor-black);
}

.main-menu__wrapper-inner {
    /*background-color: rgba(var(--topfloor-white-rgb), .05);*/
}

.main-menu .main-menu__list>li>a,
.stricky-header .main-menu__list>li>a,
.main-menu .main-menu__list>li.dropdown>a:after,
.main-menu__search,
.service-one__title>a,
.service-one__read-more>a,
.section-title__title,
.about-one__count-text,
.about-one__points li>p,
.services-two__title>a,
.services-two__read-more,
.team-one__title a,
.testimonial-one__client-content h3 a,
.services-three__service-list-title a,
.blog-one__title a,
.blog-one__read-more a {
    color: var(--topfloor-white);
}

.main-menu .main-menu__list>li.current>a::after,
.main-menu .main-menu__list>li:hover>a::after,
.stricky-header .main-menu__list>li.current>a::after,
.stricky-header .main-menu__list>li:hover>a::after {
    color: var(--topfloor-base);
}


.main-menu__btn:hover {
    color: var(--topfloor-black);
}

.main-menu__btn:hover span {
    color: var(--topfloor-black);
}

.main-menu__btn::after {
    background-color: var(--topfloor-white);
}

.stricky-header.main-menu {
    background: radial-gradient(circle, rgba(20, 216, 82, 0.3) 0, #c3963b 100%);
}

.service-one__single {
    background: rgba(var(--topfloor-white-rgb), 0.05);
}

.about-one {
    background-color: rgba(var(--topfloor-white-rgb), 0.05);
}

.about-one__award-box {
    background: var(--topfloor-black);
}

.about-one__shape-2 img {
    filter: invert(1);
}

.about-one__btn:hover {
    color: var(--topfloor-black);
}

.about-one__btn:hover span {
    color: var(--topfloor-black);
}

.about-one__btn::after {
    background-color: var(--topfloor-white);
}

.services-two__content {
    border: 1px solid rgba(var(--topfloor-white-rgb), .10);
    background-color: rgba(var(--topfloor-white-rgb), 0.05);
}

.services-two__nav .swiper-button-prev1,
.services-two__nav .swiper-button-next1 {
    color: var(--topfloor-white);
    border: 1px solid rgba(var(--topfloor-white-rgb), .10);
}

.team-one {
    background-color: rgba(var(--topfloor-white-rgb), 0.05);
}

.team-one__content {
    background: var(--topfloor-black);
}

.brand-one {
    background-color: rgba(var(--topfloor-white-rgb), .05);
}

.testimonial-one__single {
    background-color: #181722;
}

.services-three__service-list li {
    border-bottom: 2px solid rgba(var(--topfloor-white-rgb), 0.05);
}

.services-three__service-list li::before {
    background-color: rgba(var(--topfloor-white-rgb), .05);
}

.services-three__service-list-count:before {
    color: rgba(var(--topfloor-white-rgb), 1);
}

.services-three__service-list-count::after {
    background-color: rgba(var(--topfloor-white-rgb), 1);
}

.services-three__service-list-btn:hover {
    color: var(--topfloor-black);
}

.services-three__service-list-btn:hover span {
    color: var(--topfloor-black);
}

.services-three__service-list-btn::after {
    background-color: var(--topfloor-white);
}

.blog-one {
    padding: 120px 0 90px;
    background-color: rgba(var(--topfloor-white-rgb), 0.05);
    overflow: hidden;
}

.blog-one__content {
    background-color: var(--topfloor-black);
}

.blog-one__meta {
    background-color: rgba(var(--topfloor-white-rgb), .05);
}

.alGallery .pageContent {
    padding: 0;
}

.pageContent {
    position: relative;
    padding: 20px 0;
    z-index: 0;
}

*, :after, :before {
    box-sizing: border-box;
}




.row {
    --bs-gutter-x: 1.5rem;
    --bs-gutter-y: 0;
    display: flex;
    flex-wrap: wrap;
    margin-top: calc(-1* var(--bs-gutter-y));
    margin-right: calc(-.5* var(--bs-gutter-x));
    margin-left: calc(-.5* var(--bs-gutter-x));
}


.fleetImg {
    padding: 10px;
}

.fleets img, .fleets:hover img {
    transition: all .3s ease !important;
}

.fleets img {
    width: 80%;
    margin: 0 auto;
    height: 188px;
    object-fit: contain;
}



.alGallery h3 {
    font-size: 30px;
    color: #000;
}


.alGallery .fleetTxt h2.al_brandName {
    background: #e4b13a;
    background: linear-gradient(90deg, #e4b13a 0, #9a7e3c);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    font-weight: 600;
    font-size: 18px;
}
.alGallery .fleetTxt h2 {
    font-size: 15px;
    margin: 7px auto 0;
    display: flex;
    justify-content: space-evenly;
}

.al_viewMoreBtn a.al_readmore {
    margin: 3px;
    min-width: 120px;
}

.al_viewMoreBtn {
    display: flex;
    justify-content: center;
}


.fleetTxt a {
    border: 1px solid #c99d3e;
    cursor: pointer;
    z-index: 999;
}

.al_readmore, .button, input[type=button], input[type=submit] {
    position: relative;
    overflow: hidden;
    -webkit-background-clip: border-box !important;
    -moz-background-clip: border-box !important;
    background-clip: border-box !important;
    transform: scale(1);
    transition: background .25s, color .25s, border .25s !important;
    background-clip: border-box;
    font-weight: 600;
    letter-spacing: var(--font-headers-letterspacing);
    font-size: 14px;
    padding: 15px;
    min-width: 165px;
    display: inline-flex;
    justify-content: center;
    background: radial-gradient(circle, #ffdb57 0, #c3963b 100%);
    color: var(--text-color);
    text-decoration: none;
}

@media (min-width: 992px) {
    .col-lg-4 {
        flex: 0 0 auto;
        width: 33.33333333%;
    }
    
}

@media (min-width: 768px) {
    .col-md-6 {
        flex: 0 0 auto;
       
    }
    

.react-datepicker__month-container {
    float: left;
}


.react-datepicker-wrapper {
    display: inline-block;
    padding: 0;
    border: 0;
    width: 100%;
}

.react-datepicker__input-container {
    position: relative;
    display: inline-block;
    width: 100%;
}

.customDatepicker .react-datepicker {
    font-family: Helvetica Neue,helvetica,arial,sans-serif;
    font-size: .8rem;
    background-color: #000;
    color: #fff;
    border: 1px solid #aeaeae69;
    border-radius: .3rem;
    display: inline-block;
    position: relative
  }
  
  .customDatepicker .react-datepicker__header {
    border-bottom: 1px solid #aeaeae69
  }
  
  .customDatepicker .react-datepicker__day--in-range,.customDatepicker .react-datepicker__day--in-selecting-range,.customDatepicker .react-datepicker__day--selected,.customDatepicker .react-datepicker__month-text--in-range,.customDatepicker .react-datepicker__month-text--in-selecting-range,.customDatepicker .react-datepicker__month-text--selected,.customDatepicker .react-datepicker__quarter-text--in-range,.customDatepicker .react-datepicker__quarter-text--in-selecting-range,.customDatepicker .react-datepicker__quarter-text--selected,.customDatepicker .react-datepicker__year-text--in-range,.customDatepicker .react-datepicker__year-text--in-selecting-range,.customDatepicker .react-datepicker__year-text--selected {
    border-radius: .3rem;
    background: radial-gradient(circle,#ffdb57 0,#c3963b 100%);
    color: #fff
  }
  
  .customDatepicker .react-datepicker__day,.customDatepicker .react-datepicker__day-name,.customDatepicker .react-datepicker__time-name {
    color: #fff;
    display: inline-block;
    width: 1.7rem;
    line-height: 1.7rem;
    text-align: center;
    margin: .166rem
  }
  
  .customDatepicker .react-datepicker__day-names {
    background-color: #000
  }
  
  .customDatepicker .react-datepicker__header:not(.react-datepicker__header--has-time-select) {
    border-top-right-radius: .3rem;
    background: #000
  }
  
  .customDatepicker .react-datepicker-time__header,.customDatepicker .react-datepicker-year-header,.customDatepicker .react-datepicker__current-month {
    margin-top: 0;
    color: #fff;
    font-weight: 700;
    font-size: .944rem
  }
  
  .customDatepicker .react-datepicker__day--keyboard-selected,.customDatepicker .react-datepicker__day:hover,.customDatepicker .react-datepicker__month-text--keyboard-selected,.customDatepicker .react-datepicker__month-text:hover,.customDatepicker .react-datepicker__quarter-text--keyboard-selected,.customDatepicker .react-datepicker__quarter-text:hover,.customDatepicker .react-datepicker__year-text--keyboard-selected,.customDatepicker .react-datepicker__year-text:hover {
    border-radius: .3rem;
    background: radial-gradient(circle,#ffdb57 0,#c3963b 100%)
  }
  
  .customDatepicker .react-datepicker__day--disabled:hover,.customDatepicker .react-datepicker__month-text--disabled:hover,.customDatepicker .react-datepicker__quarter-text--disabled:hover,.customDatepicker .react-datepicker__year-text--disabled:hover {
    background-color: #ccc!important;
    color: #ddd!important
  }
  
  .customDatepicker .react-datepicker__day--disabled,.customDatepicker .react-datepicker__month-text--disabled,.customDatepicker .react-datepicker__quarter-text--disabled,.customDatepicker .react-datepicker__year-text--disabled {
    cursor: default;
    color: #606060!important;
    background-color: transparent!important
  }
  
  .react-ios-time-picker-popup {
    position: relative!important;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    display: flex;
    justify-content: unset!important;
    z-index: 99998
  }

.react-datepicker {
    font-family: Helvetica Neue, helvetica, arial, sans-serif;
    font-size: .8em;
    background-color: #fff;
    color: #000;
    border: 1px solid #aeaeae;
    border-radius: .3em;
    display: inline-block;
    position: relative;
}

.react-datepicker-popper[data-placement^=bottom] {
    padding-top: 10px;
}

.react-datepicker-popper {
    z-index: 1;
}
.react-datepicker-popper {
    z-index: 20 !important;
}

.al_cstmContainer .card .content .fields .field input {
    padding-left: 30px;
}
.al_cstmContainer .card .content .fields .field input {
    width: 100%;
    border: none;
    outline: none;
    color: #ccc;
    font-size: 13px;
    height: 45px;
    padding: 8px;
    border-radius: 4px;
    background: #1f2029;
}

.react-datepicker__aria-live {
    position: absolute;
    -webkit-clip-path: circle(0);
    clip-path: circle(0);
    border: 0;
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    width: 1px;
    white-space: nowrap;
}




/*  */