@import 'fonts.css';
/* base site setup */
body{font-size: 16px;font-family: 'robotoregular';}
h1{font-size: 52px;line-height: 64px;}
h2{font-size: 32px;line-height: 40px;}
h3{font-size: 22px;line-height: 30px;}
h4{font-size: 18px;}
a{color: inherit;}
dt{font-family: 'robotobold';}
dd{font-family: 'robotoregular';margin-bottom: 0;}
.btn{border-radius: 10px;font-size: 16px;padding: 15px;border: 1px solid #000;
    text-align: left;min-width: 200px;}
.btn-dark{background-color: rgba(0,0,0,1);color: #fff;}
.btn-choose{background-color: #053205;color: #fff;padding: 15px 40px;}
.btn-light{background-color: #fff !important;border-color: #fff;border: 2px solid black;}
.btn-border{opacity: 0.8;background-color: rgba(255,255,255,1);color: #000;}
.btn:hover{opacity: 0.8;transition: all o.3s ease-in-out;}
.btn-border:hover{background-color: #fff;border-color: rgba(0,0,0,0.5);}
.btn-choose:hover{color: #fff;}
.btn-icon{background: url(./../images/icons/Polygon-2.svg) no-repeat 95% center/15px;}
.black-arrow-45{background: url(./../images/icons/Arrow-Black-Small.svg) no-repeat 95% center/15px;}
.arrow-white{background: url(./../images/icons/Arrow-White-Small.svg) no-repeat 95% center/15px;background-color: black;}
.arrow-white-up{background: url(./../images/icons/Arrow-White-small-up.svg) no-repeat 90% center/15px;background-color: black;}

.callIcon {background: url(./../images/icons/Arrow-White-Small-up.svg) no-repeat 90% center/15px;
    background-color: black;}

.btn.vid-black {
    min-width: 172px;
}

.btn.black-arrow-45.sm {
    display: none;
    min-width: 96px;
    font-size: 12px;
    padding: 6px 8px;
    font-family: 'robotomedium';   
    background: url(./../images/icons/Arrow-Black-Small.svg) no-repeat 90% center/15px;
     background-size: 10px 10px;

}
.vid-black{background: url(./../images/icons/video-icon.png) no-repeat 95% center/12px;
    background-color: black;}
.mw-auto{min-width: auto;}
.lightgrey{color: #999;}

/* /base site setup */

/* generic classes */
.bg-black{background-color: #000;}
.fsize-12{font-size: 12px;}
.fsize-22{font-size: 22px;}
.fsize-24{font-size: 24px;}
.rotate-180{transform: rotate(180deg);}
.min-w-220{min-width: 220px;}
.min-w-275{min-width: 275px;}
.pd-l-30{padding-left: 30px;}
.pd-l-40{padding-left: 40px;}
.m-t-50{margin-top: 50px;}
/* /generic classes */

/* header */
.navbar{padding: 0 0 15px; display: block;}
.navbar-nav{align-items: center;}
/*.navbar-dark .navbar-nav .nav-link:focus,
.navbar-dark .navbar-nav .nav-link:hover{color: #fff;}*/
.sticky {position: fixed;top: 0;width: 100%;z-index: 99;}

.navbar-dark .navbar-nav .nav-item{margin: 0 10px;padding:0 8px;}

.navbar-dark .navbar-nav .nav-item a{
    color: rgba(255,255,255,1);
    position: relative;
    padding-left: 0;padding-right: 0;
}
.navbar-dark .navbar-nav .nav-item a:hover {
    color: rgba(255,255,255,1);
}
.navbar-dark .navbar-nav .nav-item:last-child a{padding: 10px;}
.navbar-dark .navbar-nav .nav-item.active:not(:last-child) a:after,
 .navbar-dark .navbar-nav .nav-item:hover a:after{position: absolute;content:'';
height: 2px;width: 100%; bottom: 0;left: 0;right: 0;background-color: #fff;}

.navbar-dark .navbar-nav .nav-item a.btn-light{color: #000;min-width: 150px; padding: 10px 16px;}
    .navbar-dark .navbar-nav .nav-item a.phoneNumber{color: #fff;min-width: 150px; 
    background: transparent; border-color: #fff; padding: 10px 16px; font-size: 16px;}
.navbar-dark .navbar-nav .nav-item a.phoneNumber svg {
    float:right;
    margin-top: 4px;
}
.mobile-btn{display: none;}
/* /header */

/* Homepage */
.easy-left-container{display: flex;justify-content: center;max-width: 470px;margin: auto;}
.easy-right{margin-right: -15px;background: url('../images/home-x1.png') no-repeat center center/cover;height: calc(100vh - 78px);}
.location-sprite{height: 60px;width: 90px;background: url(../images/icons/sprite.png) 361px 410px;transform: scale(1.5);}
.select-bin-sprite{height: 100px;width: 130px;background: url(../images/icons/sprite.png) 224px 290px;}
.truck-sprite{height: 90px;width: 126px;background: url(../images/icons/sprite.png) 986px 130px;}
.icon-wrap{height: 44px;width: 44px;border-radius: 8px;display: flex;align-items: center;justify-content: center;background-color: #00E200;}
.ps-arrow{transform: rotate(270deg);margin-top: -10px;}
/* /Homepage */


/* bin list */
.book-bin{padding: 100px 0;background-color: #f9f9f9;}
.choose-us{padding: 4rem 0 8rem;}
.bin-list ul{list-style-type: none;margin: 0;padding: 0;}
.bin-list li{border-bottom: 1px solid #ddd;padding: 30px 0;font-size: 22px;}
.bin-list li:last-child{border-bottom: none;}
/* /bin list */

/* card */
.bin-card-bg{background-color: #eaf6ff;padding: 100px;}
.bin-card{padding: 30px 37px;border-radius: 10px;}
.bin-card-inner.b-card-1{background-color: #002215;color: #fff;text-align: left;min-height: 534px;}
.bin-card-inner.b-card-1:hover{transition: all 0.3s ease-in-out;transform: scale(1.03);}
.b-card-1 .bin-card-header{height: 300px;}
.b-card-1 .bin-card-body{text-align: left;}
.b-card-1 .bin-card-body p{font-size: 18px;}
.bin-card.card-1{padding-right: 74px;padding-left: 0;}
.bin-card.card-3{padding-left: 74px;padding-right: 0;}
.bin-card-inner{background-color: #fff;padding: 20px;border-radius: 20px;}
.bin-card-header{height: 200px;display: flex;align-items: center;justify-content: center;}
.bin-card-body{text-align: center;min-height: 200px;}
.bin-card-footer{text-align: center;height: 100px;display: flex;justify-content: center;align-items: center;width: 100%;}
.bin-card-footer ul{display: flex;justify-content: center;margin: 0;padding: 0;list-style-type: none;}
.bin-card-footer ul li{margin: 10px 5px;height: 10px;width: 10px;border-radius: 50%;border: 1px solid #1346f6;}
.bin-card-footer ul li.active{background-color: #1346f6;}

.ezy-card{background-color: #fff;padding: 15px;border-radius: 10px;margin-bottom: 30px;}
.ezy-card-header{display: flex;align-items: flex-end;}
.ezy-card-body{margin-top: 30px;}
.ezy-card-detail{margin-top: 30px;}
.ezy-card-detail p{color: #979797}
.right-arrow{position: absolute;right: -20px;top: calc(50% - 20px);}
.right-arrow.right-arrow-1{right: 0;}
.right-arrow.right-arrow-2{right: -37px;}
.driver-app-arrow{position: absolute;right: -20px;top: 35%}
.check-list{position: relative;padding-right: 100px;}
.listing-tick{padding-right: 10px;position: absolute;right: 0;top: 5px;}
.listing-tick.green{padding-right: 10px;position: absolute;top: calc(50% - 20px);right: 0;}
/* /card */

/* people saying */
.people-saying{background-color: #000;color: #fff;padding: 100px 0;}
.ps-left{padding-right: 30px;}
.ps-right{padding-left: 30px;}
.people-saying-desc{margin-top: -12px;}
/* /people saying */

/* footer */
footer{background: linear-gradient(360deg, rgba(0, 226, 0, 0.18) 0%, rgba(0, 226, 0, 0) 100%);}
footer.border-top{border-color: #888 !important;}
.footer-inner{padding: 100px 0;}
.footer-links li a{font-size: 18px;}
.footer-links li a:hover{color: rgba(255,255,255,0.8);text-decoration: none;}
.footer-logo{display: block;margin-bottom: 30px;}
.footer-store-text a{color: #fff;text-decoration: underline;}
.footer-store-text a:hover{color: #fff;text-decoration: none;}
.copyright-text{font-size: 14px;}

.addPhone {
    color: #fff;
    margin:40px 0 0;
    font-size: 14px;
    display: block;
}
.addPhone a {
    color: #fff;
    margin-left: 8px;
}
.addPhone a svg {
    margin-right: 8px;
}
.addPhone a:hover {
    color: #fff;
}
/* /footer */

/* get app */
.download-app{padding: 200px 0;}
.qr{background-color: #EAF6FF;padding: 60px 0;}
.qr .fa-qrcode{font-size: 200px;}
.visit-store-text{color: #999;}
.visit-store-text a{color: #000;text-decoration: underline;}
/* /get app */

/* About */
.about-bin{padding: 70px 0;border-bottom: 1px solid #222;}
.about-choose-us{padding: 70px 0;border-bottom: 1px solid #222;}
.about-text-container p{font-size: 22px;}
.mission-block{background-color: #00E200;padding: 66px 40px 80px;border-radius: 15px;margin-bottom: 20px;}
.vision-block{background-color: #EAF6FF;padding: 60px 40px 86px;border-radius: 15px;}
.article-link{display: inline-block;border-bottom: 1px solid #222;padding-bottom: 7px;margin-top: 15px;}
.article-link:hover{color: #000;text-decoration: none;}
.article-link i{margin-left: 10px;}
.about-down-arrow{margin-bottom: 113px;}
/* /About */

/* Booking step 2 */
.booking-step-title{padding-bottom: 50px;}
.booking-step-title-container{margin: 120px 0 90px 0;}
.back-btn-arrow{margin-top: -4px;}
.booking-step-container{background-color: #EAF6FF;padding: 80px 0;}
.back-btn:hover, .back-btn:active, .back-btn:focus{color: #000;text-decoration: none;}
/* /Booking step 2 */

/* Order summary */
.order-summary{background-color: #222;color: #fff;border-radius: 6px;margin-bottom: 50px;}
.order-summary-header{padding: 20px;border-bottom: 1px solid #888;font-size: 22px;}
.order-summary-body{padding: 20px;}
.order-summary-body dt,
.order-summary-body dd{
    font-size: 22px;
}
/* /Order summary */

/* Payment method */
.payment-method-cards{display: flex;list-style-type: none;margin: 0;padding: 0;}
.payment-method-cards .pm-list{margin-right: 15px;}
.payment-method-cards li a{display: inline-block;}
.payment-detail-container{margin-top: 60px;}
.card-num{margin-right: 20px;width: 100%;position: relative;}
.card-image{position: absolute;left: 0;bottom: 8px;}
.card-num label{padding-left: 30px;}
.card-num input{padding-left: 35px;}
.card-duration{margin-right: 20px;width: 100%}
.card-cvv{width: 100%}
.payment-details input, .payment-details .bar{width: 95%;}
/* /Payment method */

/* Booking form 1 */
.bin-form-container{padding: 200px 0;}
.input-group.w-100 input, 
.input-group.w-100 .bar, 
.bin-booking-form .select-container .select,
.bin-booking-form .select-container .select-text,
.bin-booking-form .select-container{width: 100%;}
/* /Booking form 1 */

/* Management dashboard */
.banner-bg{background: url(../images/Management-dash-x1.png) no-repeat center center/cover;height: 489px;width: 100%;color: #fff;display: flex;align-items: center;}
.dashboard-screenshot{background-color: #EAF6FF;padding: 100px 0;}
.manage-better{padding: 100px 0;}
/* /Management dashboard */

/* Driver app */
.driver-app-bg{background: url(../images/Driver-app-x1.png) no-repeat center center/cover;height: 489px;width: 100%;color: #fff;display: flex;align-items: center;}
/* /Driver app */

/* calendar */
.calendar-bg{background-color: #EAF6FF;padding: 115px 0 145px 0;}
.calendar-select .select, .calendar-select .select-container{width: 100%;}
.template-order{margin-bottom: 100px;}
.template-order .tabs.btn-group{margin-bottom: 24px;}
.btn.drop-off{margin-right: 4px;border-radius: 8px !important;}
.btn.pick-up{margin-left: 4px !important;border-radius: 8px !important;}
.btn-group.tabs .btn-default{background-color: rgba(0,0,0,0.4);color: #fff;border-color: rgba(0,0,0,0.4);text-align: center;}
.delivery-date.drop-off .btn-group.tabs .btn-default.drop-off{background-color: #000;border-color: #000;}
.delivery-date.pick-up .btn-group.tabs .btn-default.btn.pick-up{background-color: #000;border-color: #000;}
.ui-datepicker{border-radius: 8px;}
.ui-datepicker-calendar .ui-state-active{height: 32px;width: 32px;background-color: #000;border-radius: 50%;display: flex;align-items: center;justify-content: center;}
.ui-datepicker-calendar .ui-state-active:hover{background-color: rgba(0,0,0,0.9);}
.calendar-note{color: rgba(0,0,0,0.7)}
.calendar-note .black{color: #000;}
.ui-datepicker-calendar{line-height: 50px;}
.ui-datepicker-inline{border: none;}
.ui-datepicker-calendar thead tr th span{font-family: 'robotoregular';font-weight: normal;font-size: 18px;color: #000;}
.ui-datepicker-calendar span, .ui-datepicker-calendar a{font-size: 18px;}
.ui-datepicker-title{font-size: 18px;color: #000;}
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next{background-color: transparent;}

/***********************/
.header-strip {
    background: #012114;
    padding: 8px 0px;
    text-align: center;
    color: #fff;
    font-size:14px;
    width: 100%;
}
.header-strip span {
    display: block;
}
.header-strip small {
    font-size: 100%;
}
.header-strip a {
color: #fff;
margin-left: 8px;
text-decoration: none;
font-family: 'robotomedium'; 
}
.header-strip a svg {
    margin-right:8px;
}
.navbar .position-relative {
    padding-top: 15px;
}

/***********************/
@media only screen and (max-width: 991px){
    .btn.black-arrow-45.sm {
    display: inline-block;
}

    /* generic */
    h1{font-size: 38px;line-height: 44px;}
    h2{font-size: 28px;line-height: 40px;}
    h3{font-size: 18px;line-height: 30px;}
    .fsize-mb-18{font-size: 18px;}
    /* /generic */
    .easy-right{margin-right: 0;height: 375px;}
    .bin-card-bg{padding: 0;padding-bottom: 64px;}
    .bin-card, .bin-card.card-1, .bin-card.card-3{padding: 0;
        max-width: 272px;
    margin: 0 auto;}
    .how-works-title{padding-top: 67px;padding-bottom: 35px;}
    .download-app{padding: 100px 0;}
    .about-bin p{font-size: 18px;}
    .about-arrow-down{margin-top: 15px;height: 26px;}
    .about-down-arrow{margin-bottom: 48px;}
    .mission-block{padding: 48px 32px 56px;}
    .vision-block{padding: 56px 32px}
    .driver-app-bg{height: 240px;}
    .banner-bg{height: 240px;}
    .dashboard-screenshot{padding: 60px 0;}
    .manage-better{padding: 60px 0;}
    .booking-step-title{padding-bottom: 0;}
    .booking-step-title-container{margin: 70px 0;}
    .right-arrow{position: static;display: block;text-align: center;}
    .right-arrow img{margin: 30px auto;transform: rotate(90deg);}
    .navbar-nav{align-items: flex-start;padding: 0;padding-top: 30px;padding-bottom: 90px;}
    .navbar-dark .navbar-nav{display: block;}
    .navbar-dark .navbar-nav .nav-item{margin: 0;}
    .navbar-dark .navbar-nav .nav-item a{padding: 15px 0;display: block;font-size: 20px;}
    .navbar-dark .navbar-nav .nav-item a.btn-light{margin: 15px 0;padding: 15px;width: 80%}
    .navbar-dark .navbar-nav .nav-item a.btn-light.lg{margin: 15px 0; font-size:16px;padding:10px 15px;width: 100%}
    .navbar-dark .navbar-toggler{color: rgba(255,255,255,1);border: none; }
     .navbar-dark [aria-expanded=false].navbar-toggler.collapsed .navbar-toggler-icon{background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 1%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")}
    .navbar-dark [aria-expanded=true].navbar-toggler .navbar-toggler-icon
    {color: transparent; 
    background-image: url("./../images/cross-icon.png") !important;
    background-repeat: no-repeat;
    background-size: 18px 18px;
}

   
    .mobile-btn{padding: 7px 10px;min-width: 120px;position: absolute;right: 70px;display: block;top: 0;}
    .footer-inner{padding: 50px 0;}
    .ezy-card{margin-bottom: 24px;}
    .booking-step-container{padding: 64px 0;}
    .easy-left-container{justify-content: flex-start;padding: 70px 0;margin-left: 0;}
    .ps-left{padding-right: 0px;}
    .ps-right{padding-left: 0;}
    .ps-arrow{margin: 30px 0;transform: rotate(0deg);}
    .ps-arrow i{transform: rotate(90deg);}
    .about-title{display: flex;justify-content: space-between;}
    .login-dash-btn{order: 2;}
    .order-summary-body dt,
    .order-summary-body dd{font-size: 20px;}
    .footer-links li a{font-size: 16px;}
    .owl-carousel .owl-item img{width: auto;}
    .owl-prev{position: absolute;left: 0;top: calc(50% - 50px);}
    .owl-next{position: absolute;right: 0;top: calc(50% - 50px);}
    .driver-app-carousel .owl-prev{top: calc(30%);}
    .driver-app-carousel .owl-next{top: calc(30%);}
    .owl-prev span, .owl-next span{font-size: 60px;}
    .owl-dots{position: absolute;bottom: 50px;width: 100%;text-align: center;}
    .driver-app-carousel .owl-dots{position: absolute;bottom: auto; top: 68%;}
    .owl-dot span{margin: 10px 5px;height: 10px;width: 10px;border-radius: 50%;border: 1px solid #1346f6;display: inline-block;}
    .owl-dot.active span{background-color: #1346f6;}
    /* .owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev, .owl-carousel button.owl-dot{color: #fff;} */
    .easy-right{margin: 0 -15px;}.addPhone a {
        display: block;
        margin-left: 0;
    }
    .addPhone a {
        display: block;
        margin-left: 0;
    }
    .circleRipple {
        display: inline-block;
    }
}

@media only screen and (max-width: 767px){
    .billing-form-container, .payment-method-container{order: 2;}
    .login-dash-btn a{display: block;}
    .bin-form-container{padding: 100px 0;}
    .bin-card-mbl .bin-card-inner{padding-bottom: 80px;}
    .template-order .btn-default{min-width: auto;}
    .template-order{margin-bottom: 50px;}
    .calendar-bg{padding: 80px 0;}
    .ui-datepicker-title{font-size: 16px;}
    .ui-datepicker-calendar span, .ui-datepicker-calendar a{font-size: 14px;}
    .bin-card-inner.b-card-1{min-height: 520px;}
    .bin-card-inner.b-card-1 .bin-card-header{height: 250px;}
    .bin-card-inner.b-card-1 .bin-card-body{min-height: 130px;}
    .bin-card-mbl .bin-card-inner.b-card-1{padding-bottom: 10px;}
    .b-card-1 .bin-card-body p{font-size: 16px;}
    .owl-prev{left: 50px;}
    .owl-next{right: 50px;}
    .navbar-collapse.collapse.show{height: calc(100vh - 70px);}
    .el-btn-group a{margin-bottom: 8px;}
    .about-text-container p{font-size: 18px;}
    .for-center {
        text-align: center;
    }    
    .header-strip small {
    display: none;
}

.btn.vid-black {
    font-size: 14px;
    padding: 8px 10px;
    min-width: 134px;
    background: url(./../images/icons/video-icon.png) no-repeat 95% center/15px;
    background-size: 8px 10px;
}


}



/* New Styles, Authored By Andy (17th Aug 2021) For v2 Upgrade */
.landingSectionContent {
    display: flex;
    align-items: center;
    min-height: calc(100vh - 77px);
    background: linear-gradient(90deg, #fff 50%, #EAF6FF 50%);
    color: #fff;
}
.landingSectionContent h1 {
    font-size: 3.25rem;
    line-height: 1.15;
    color: #000;
    margin-bottom: 1.5rem;
}
.landingSectionContent p {
    font-size: 1.375rem;
    line-height: 1.37;
    color: rgba(0,0,0,0.5);
    margin-bottom: 5rem;
    max-width: 86%;
}
.landingSectionContent p a {
    text-decoration: underline;
    color: #000000;
}
.landingSectionContent p a:hover {
    text-decoration: none;
}
.landingSectionContent h5 {
    font-size: 1.375rem;
    line-height: 1.65;
    margin-bottom: 3rem;
    font-weight: 400;
}
.landingSectionContent .form-control, .landingSectionContent .custom-select {
    background-color: transparent;
    border: none;
    padding: 0.5rem 0;
    font-family: 'robotoregular', sans-serif;
    font-size: 1rem;
    line-height: 1.5;
    color: #fff;
    border-radius: 0;
    border-bottom: 1px solid #fff;
    height: auto;
}
.landingSectionContent input {
    background-color: transparent;
    border: none;
    padding: 0.5rem 0;
    font-family: 'robotoregular', sans-serif;
    font-size: 1rem;
    line-height: 1.5;
    color: #fff;
    border-radius: 0;
    border-bottom: 1px solid #fff;
    height: auto;
}
.landingSectionContent input::placeholder {
    opacity: 1;
    color: #fff
}
.landingSectionContent .bar {
    width: 100%;
}
.landingSectionContent label {
    color: #fff;
    left: 0px;
    font-size: 16px;
}

.landingSectionContent input:focus ~ label, .landingSectionContent input:valid ~ label {
    top: -20px;
    font-size: 14px;
    color: #fff;
}
.landingSectionContent .select-container {
    width: 100%;
    margin-top: 30px;
}
.landingSectionContent .select {
      width: 100%;
      margin-bottom: 5px;
  }
  
  .landingSectionContent .select-text {
      width: 100%;
      padding: 10px 10px 10px 0;
      font-size: 16px;
      border-radius: 0;
      border: none;
      border-bottom: 1px solid #fff;
      font-style: normal !important;
      color: rgba(255,255,255, 1);
       font-family: 'robotoregular', sans-serif;
  }
  .landingSectionContent .select-text option {
    color: rgba(0,0,0, 1);
  }
  .landingSectionContent .select-container .helper-text {
    opacity: 0;
}

  /* Remove focus */
  .landingSectionContent .select-text:focus {
      outline: none;
      border-bottom: 1px solid rgba(255,255,255, 1);
  }
.landingSectionContent .select-label {
      color: #fff;
      font-size: 16px;
      font-style: normal !important;
       font-family: 'robotoregular', sans-serif;
  }

  .landingSectionContent .select-text:focus ~ .select-label,
   .select-text:valid ~ .select-label {
      color: #fff;
      top: -20px;
      font-size: 14px;
  }
  .landingSectionContent .select:after {
    position: absolute;
    top: 18px;
    right: 0px;
    height:8px;
    width: 14px;
    background-image: url(../images/arrow-down.png);
    content: '';
    background-size: 14px 8px;
    background-repeat: no-repeat;
  }
  .select-highlight {
   color: #fff;
    opacity: 1;
}
.select-bar:before, .select-bar:after {
      content: '';
      height: 1px;
      width: 0;
      bottom: 1px;
      position: absolute;
      background: #000000;
      transition: 0.2s ease all;
  }

.landingSectionContent .form-control::placeholder {
    opacity: 1;
    color: #fff
}
.landingSectionContent .form-control:focus, .landingSectionContent .custom-select:focus {
    box-shadow: none;   
    border-bottom: 1px solid #fff;
}
/*.landingSectionContent .custom-select {
    background: url(../images/icons/CaretDown.svg) right center / 20px no-repeat;
}*/
.landingSectionContent .custom-select option {
    color: #000;
    font-style: normal;
}
.landingSectionContent .btn.btn-light {
    width: 100%;
    border-color: white;
    background-color: white;
    font-weight: 700;
}
.landingSectionContent .btn.btn-light svg {
    float: right;
    margin-top: 8px;
}
.landingSectionContent .btn.btn-light:hover {
    background-color: rgba(255, 255, 255, .7);
}
.landingSectionContent .btn.btn-light:focus {
    box-shadow: none;
}
.bookingForm > form > .form-group:last-of-type {
    margin-bottom: 2.5rem;
}
/* Animated Button */
.circleRipple {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    color: #fff;
    background-color: #012114;
    border-color: #012114;
    animation: ripple 0.5s linear infinite;
    padding: 0;
    min-width: 0;
    font-size: 1.5rem;
    margin-left: 15px;
}
.circleRipple:hover {
    opacity: 1;
    color: #fff
}
@keyframes ripple {
    0% {
        box-shadow: 0 0 0 0 rgba(0, 226, 0, 1),
                    0 0 0 5px rgba(0, 226, 0, 0.8),
                    0 0 0 10px rgba(0, 226, 0, 0.6);
    }
    100% {
        box-shadow: 0 0 0 5px rgba(0, 226, 0, 0.8),
                    0 0 0 10px rgba(0, 226, 0, 0.6),
                    0 0 0 15px rgba(0, 226, 0, 0);
    }
}
/* Booking Form Content */
.bookingFormWrapper {
    background-color: #012114;
    border-radius: 0.25rem;
    padding: 2.5rem 15px;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    max-width: 380px;
    margin: 0 auto;
}
.bookingForm {
    width: 100%;
    max-width: 280px;
}
.workFunction {
    padding: 8rem 0;
}
.workFunction h4 {
    font-size: 2rem;
    line-height: 1.5;
    margin-bottom: 3rem;
}
.workProcessWrapper {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: -15px;
}
.workProcessWrapper > * {
    padding: 15px;
}
.workProcessWrapper > i {
    flex:1 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
}
.workProcessWrapper > div {
    display: flex;
    flex: 1 0 275px;
    max-width: 275px;
}
.workProcess {
    background-color: #012114;
    flex: 1 0 100%;
    padding: 3.75rem 15px;
    border-radius: 30px;
    color: #fff
}
.workProcess figure {
    text-align: center;
    min-height: 190px;
    margin-bottom: 3rem;
}
.workProcess h5 {
    font-size: 1.375rem;
    line-height: 1.35;
    margin-bottom: 1rem;
}
.workProcess h5 span {
    display: block;
    margin-bottom: 0.5rem;
}
.workProcess p {
    font-size: 1.125rem;
    line-height: 1.4;
}
.workProcess p:only-of-type, .workProcess p:last-of-type {
    margin-bottom: 0;
}
.downloadOptions {
    background-color: #00E200;
    padding: 5rem 15px;
    border-radius: 0.5rem;
    margin-bottom: 4rem;
    text-align: center;
}
.downloadOptions h4, .whyChooseUs h4, .testimonials h4 {
    font-size: 2rem;
    line-height: 1.5;
    margin-bottom: 1rem;
    font-weight: 400;
}
.downloadOptions p {
    font-size: 1.375rem;
    line-height: 1.45;
    margin-bottom: 4.5rem;
}
.downloadOptions p a {
    text-decoration: underline;
}
.downloadOptions p a:hover {
    text-decoration: none;
}
.downloadOptions span {
    color: rgba(0,0,0,0.5);
}
.downloadOptions > div {
    width: 100%;
    max-width: 600px;
    margin: 0 auto
}
.downloadPlatforms {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.appStore {
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    padding: 0;
    margin: 0 -0.5rem;
}
.appStore > li {
    margin: 0.5rem;
    flex: 1 0 144px;
}
.whyChooseUs {
    margin-bottom: 8rem;
}
.whyChooseUs h4 {
    margin-bottom: 3rem;
}
.featureList {
    list-style: none;
    padding: 0;
    margin: 0
}
.featureList li {
    font-size: 1.375rem;
    line-height: 1.45;
    padding-bottom: 20px;
    margin-bottom: 20px;
    border-bottom: 1px solid rgba(0,0,0,0.2);
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.featureList > li:last-child {
    border-bottom: none;
}
.featureList i {
    width: 44px;
    height: 44px;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #00E200;
}
.getAppBtn {
    display: inline-flex;
    justify-content: space-between;
    font-size: 1.125rem;
}
.testimonials {
    background-color: #000;
    /*background-image: linear-gradient(360deg, rgba(0, 226, 0, 0.18) 0%, rgba(0, 226, 0, 0) 100%);*/
    padding: 9rem 0;
    color: #fff;
}
.testimonials h4 {
    /*display: flex;
    align-items: center;
    justify-content: space-between;*/
}
.testimonials h4 strong {
    font-weight: 500;
}
.testimonials h4 span {
    float: right;
}
.testimonials blockquote {
    font-size: 1.5rem;
    line-height: 1.5;
    margin-bottom: 0;
}
.testimonials footer {
    background: none;
}
/* Bin Size */
.binSizeContainer {
    flex:1 0 100%;
    background-color: #fff;
    border-radius: 4px;
    margin-bottom: 30px;
}
.binSizeGraphic {
    background-color: #f7f7f7;
    border-radius: 4px 4px 0 0;
    padding: 3rem 15px;
    text-align: center;
}
.binSizeContainer h5, .binSizeContent > span {
    font-family: 'robotoregular';
    font-size: 1.5rem;
    line-height: 1;
    margin-bottom: 2.5rem;
}
.binSizeContainer h6 {
    font-size: 1rem;
    line-height: 1.375;
    padding:1rem;
    border:1px solid rgba(0,0,0,0.2);
    border-radius: 0.25rem;
}
.binSizeContent {
    padding: 2rem 15px;
}
.binSizeContent > span {
    display: block;
    margin-bottom: 1rem;
}
.binSizeContent > p {
    font-size: 0.875rem;
    line-height: 1.5;
    color: #979797;
    margin-bottom: 1.5rem;
}
.binSizeContent .btn {
    font-size: 1rem;
    line-height: 1.375;
    font-weight: 500;
    text-align: center;
    min-width: 120px
}
.binSizeContent .accordion {
    padding:1rem 0 2.5rem;
}
.binSizeContent .card {
    border: none;
    margin-bottom: 0rem;
}
.binSizeContent .card-header {
    border-bottom: 1px solid rgba(0,0,0,0.2);
    background-color: transparent;
    padding:0.5rem 0;
}
.binSizeContent .accordion > .card > .card-header {
    margin-bottom: 0;
}
.binSizeContent .card-header button {
    border: none;
    background-color: transparent;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
    width: 100%;
}
.binSizeContent .card-header button::after {
    content: '\f067';
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    font-family: "Font Awesome 5 Free";
    font-weight:700;
}
.binSizeContent .card-header button[aria-expanded="true"]::after {
    content: '\f068';
}
.binSizeContent .card-body {
    font-size: 1rem;
    line-height: 1.5;
    color: #949494;
    padding: 0.75rem 0;
}
.binSizeContent .card-body > *:last-child {
    margin-bottom: 0;
}
.binSizeContent .card-body ul {
    padding-left: 2rem;
}
@media only screen and (max-width: 991px) {
    .landingSectionContent {
        background: #fff;
    }
    .bookingFormWrapper, .bookingForm {
        max-width: 328px;
    }
    .circleRipple {
        margin: 0 auto;
        transform: rotate(90deg);
        display: inline-block;
        margin:48px 0 16px 24px;
    }
    .landingSectionBanner > img {
        min-height: 320px;
        object-fit: cover;
    }

.workProcess p {
    font-size: .8rem;
}
   .workProcessWrapper > div {
    display: flex;
    flex: 1 0 207px;
    max-width: 208px;
}
.workProcessWrapper > * {
    padding: 3px;
}
    
}
@media only screen and (max-width: 767px) {
    .downloadPlatforms {
        flex-direction: column;
    }
    .downloadPlatforms > div {
        margin-bottom: 2.5rem;
    }
    .workProcessWrapper {
        flex-direction: column;
    }
    .landingSectionContent h1 {
    font-size: 2.25rem;
}

    .landingSectionContent p {
    margin-bottom:24px;
    max-width: 100%;
    font-size: 1.2rem;
}
.workProcessWrapper > i {
        transform: rotate(90deg);
    }
    .workProcessWrapper > div {
        max-width: 278px;
        margin: 0 auto;
    }
    .workProcessWrapper > * {
    padding: 16px 0;
}
.workFunction h4 {
    text-align: center;
}
.workFunction .mt-5 {
    text-align: center;
}
.landingSectionContent .py-5+.py-5 {
        background: #EAF6FF;
    }
    .landingSectionContent h5 {
    margin-bottom: 1rem;
}
    .workFunction {
    padding: 5rem 0;
}
    .workProcess h5 {
    font-size: 1rem;
}
.downloadOptions {
    background-color: #00E200;
    padding: 3.5rem 15px;
    margin-bottom: 4rem;
}
.downloadOptions h4 {
    font-size: 1.9rem;
    line-height: 1.2;
    padding: 0 5%;
}
.downloadOptions p {
    font-size: 1.375rem;
    line-height: 1.45;
    margin-bottom: 3rem;
}
.appStore > li {
    flex: 1 0 60px;
}

.appStore > li a svg {
    width: 116px;
}
.appStore > li+li a svg {
    width: 128px;
}
.choose-us {
    padding: 0rem 0 5rem;
}
.bin-list li {
    padding: 24px 0;
    font-size: 18px;
}
.testimonials {
    padding: 4rem 0; 
}
.testimonials h4 {
    display: block;
    font-size: 1.75rem;
}
.testimonials h4 strong {
    display: block;
}
.testimonials h4 i { 
    line-height: 1;
    float: none;
}
.testimonials h4 span {
    transform: rotate(90deg);
    float: none;
    display: inline-block;
    margin: 24px 0 16px;
}
.testimonials blockquote {
    font-size: 1.3rem;
}
.listing-tick {
    top: 0;
}
.navbar-brand {
    margin-left: 12px;
}
}

.become-supplier-navbar{
    background-color: #000!important;
    color: #fff!important;
    border-color:#fff ;
    min-width: 200px!important;   
}

.become-supplier-sec{
    height: 315px;
    background-color: #EAF6FF;
    justify-content: center;
    /* align-items: center; */
    
}
.become-supplier-sec .desc-sec{
    display: flex;
    flex-direction: column;
    justify-content: center;
    font-size: 22px;
    max-width: 50vw;
}

.become-supplier-sec > div:first-child{
   /* flex-basis: auto; */
   margin-top: 95px;
}

.become-supplier-sec > div:first-child h4{
    font-size: 2rem;
}

.become-supplier-sec .desc-sec a{
    max-width: 200px;
    background-color: #00E200;
    border-color: #00E200;
    padding: 10px 30px;
}

.black-arrow-right{background: url(./../images/icons/right-arrow.svg) no-repeat 80% center/15px;}

@media only screen  and (max-width: 445px) {
    .become-supplier-sec .desc-sec{
        max-width: inherit!important;
    }
}