@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap');

.bg_load {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 1000;
    background: url(../images/loading-icon.gif) 50% 50% no-repeat #fff;
}

body {
    font-family: 'Poppins', sans-serif;
    overflow-x: hidden;
}

h1,
h2,
h3,
h4,
h5,
h6,
p {
    margin-bottom: 0;
}

.highlight {
    color: #055760;
}

.btn-dwnloadapp {
    background: linear-gradient(0deg, rgba(0, 159, 165, 1) 0%, rgba(9, 75, 84, 1) 100%);
    height: 56px;
    border-radius: 0;
    color: #fff;
    width: 200px;
    border: 0;
}

.btn-downloadapp {
    height: 56px;
    border-radius: 0;
    border: 0;
    color: #fff;
    width: 200px;
    background: linear-gradient(0deg, rgba(0, 159, 165, 1) 0%, rgba(9, 75, 84, 1) 100%);
    margin-top: 40px;
}

.breadcrumb {
    background: linear-gradient(0deg, #009FA5 0%, #094B54 100%);
    padding: 3rem 0;
    margin: 0;
}

.breadcrumb h1 {
    font-weight: 700;
    font-size: 48px;
    line-height: 72px;
    color: #fff;
}

.breadcrumb ul {
    margin: 0;
    padding: 0;
    display: flex;
    height: 100%;
    justify-content: right;
    align-items: center;
}

.breadcrumb ul li {
    display: inline-block;
    color: #ECFF67;
    font-weight: 400;
    font-size: 18px;
    line-height: 26px;
    padding-left: 20px;
}

.breadcrumb ul li:after {
    content: ">";
    color: #fff;
    padding-left: 20px;
}

.breadcrumb ul li:last-child:after {
    content: "";
}

.breadcrumb ul li a {
    color: #fff;
    font-weight: 400;
    font-size: 18px;
    line-height: 26px;
    text-decoration: none;
}

.navbar-toggler {
    padding: 6px;
}

.navbar-toggler .icon-bar {
    width: 26px;
    height: 2px;
    border-radius: 0;
    display: block;
    margin: 5px 4px;
}

.navbar {
    padding: 10px 0;
}

.navbar-collapse {
    justify-content: center;
}

.nav-link {
    font-weight: 400;
    font-size: 18px;
    line-height: 27px;
}

.nav-link.active {
    font-weight: 700;
}

.nav-item {
    margin-right: 20px;
}

.nav-item:last-child {
    margin-right: 0;
}

.navbar-toggler:focus {
    box-shadow: none;
}

.banner {
    background-image: url("../img/banner.png");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    overflow-x: hidden;
}

.banner-inner {
    background-color: rgb(0 0 0 / 60%);
}

.banner .content {
    display: flex;
    padding-bottom: 8rem;
}

.banner .content .left {
    flex-basis: 50%;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.banner .content .right {
    flex-basis: 50%;
    display: flex;
    align-items: flex-end;
    justify-content: flex-end;
    position: relative;
    height: 590px;
}

.banner .content .right .phone {
    position: absolute;
    z-index: 1;
}

.banner .content .right .truck {
    position: absolute;
    left: 60px;
    z-index: 0;
}

.banner h1 {
    font-weight: 700;
    font-size: 60px;
    line-height: 90px;
    color: #fff;
}

.banner p {
    font-weight: 400;
    font-size: 20px;
    line-height: 30px;
    color: #fff;
}

.join {
    background-color: #EDEDED;
    display: flex;
    overflow-x: hidden;
}

.join .left {
    flex-basis: 40%;
    display: flex;
    justify-content: end;
}

.join .right {
    flex-basis: 60%;
}

.join .right .phones {
    position: relative;
    height: 100%;
}

.join .phone1 {
    position: absolute;
    top: 0;
    right: 34%;
}

.join .phone2 {
    position: absolute;
    bottom: 0;
    right: 26%;
}

.join .phone3 {
    position: absolute;
    top: 0;
    right: 0;
}

.join .phone4 {
    position: absolute;
    bottom: 0;
    right: 0;
}

.join .content {
    width: calc(660px - 20%);
    padding: 6rem 0 6rem 3rem;
}

.join h1 {
    font-weight: 600;
    font-size: 36px;
    line-height: 54px;
    color: #1A1A1A;
    margin-bottom: 20px;
}

.join p {
    font-weight: 400;
    font-size: 16px;
    line-height: 32px;
    color: #8E8D8D;
    margin-bottom: 20px;
}

.join .register-btn {
    font-weight: 500;
    font-size: 18px;
    line-height: 26px;
    color: #055760;
    margin-top: 30px;
    padding: 0;
}

.ourservice {
    background-image: url("../img/ourservice-bg.png");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    overflow-x: hidden;
    padding: 10rem 0;
}

.ourservice h1 {
    font-weight: 600;
    font-size: 44px;
    line-height: 36px;
    color: #fff;
    margin-bottom: 4rem;
}

.ourservice .services {
    display: flex;
    flex-direction: row;
}

.ourservice .services .inner {
    flex-basis: 20%;
    text-align: center;
    position: relative;
}

.ourservice .services .separator:after {
    position: absolute;
    content: '';
    left: 0;
    width: 1px;
    height: 80%;
    top: 20px;
    background-color: #FFFFFF;
}

.ourservice p {
    font-weight: 500;
    font-size: 20px;
    line-height: 36px;
    color: #fff;
}

.faq .left {
    background-color: #055760;
}

.faq .left .left-inner {
    background-image: url("../img/faq-bg.png");
    display: flex;
    justify-content: end;
    align-items: center;
    height: 100%;
    padding:40px 0;
}

.faq .content {
    width: 660px;
}

.faq .right {
    background-color: #EDEDED;
}

.faq .right .content p {
    font-weight: 400;
    font-size: 16px;
    line-height: 36px;
    color: #1A1A1A;
}

.faq .right .content h1 {
    font-weight: 600;
    font-size: 36px;
    line-height: 54px;
    color: #055760;
    text-transform: capitalize;
    margin-bottom: 20px;
}

.faq .accordion-button:not(.collapsed) {
    background-color: #fff;
    box-shadow: none;
}

.faq .accordion-button:focus {
    box-shadow: none;
}

.faq .accordion-button::after {
    display: none;
}

.faq .accordion-item {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border: 0;
    margin-bottom: 10px;
}

.faq .accordion-body {
    border-top: 1px solid #EDEDED;
    font-weight: 400;
    font-size: 14px;
    line-height: 36px;
    color: #262626;
}

.faq .accordion-button {
    font-weight: 500;
    font-size: 20px;
    line-height: 30px;
    color: #262626;
    text-transform: capitalize;
}

.faq .left .content {
    padding-right: 3rem;
}

.faq .right .content {
    padding-left: 3rem;
    padding-top: 6rem;
    padding-bottom: 6rem;
}

.faq .testimonial .slick-dots {
    padding: 0;
    display: flex;
    margin: 0;
    position: absolute;
    bottom: 40px;
    right: 0;
}

.faq .testimonial p {
    font-weight: 400;
    font-size: 16px;
    line-height: 36px;
    color: #fff;
    padding-bottom: 2rem;
    margin-top: 1rem;
}

.faq .testimonial .slick-dots li {
    list-style-type: none;
    height: 0px;
    margin: 0 7px;
}

.faq .testimonial .slick-dots li button {
    height: 0px;
    width: 0px;
    padding: 0;
    margin: 0;
    color: transparent;
    background: transparent;
    background-color: transparent;
    position: relative;
}

.faq .testimonial .slick-dots li.slick-active button:before {
    background-color: #fff;
}

.faq .testimonial .slick-dots li button:before {
    content: '';
    position: absolute;
    height: 10px;
    width: 10px;
    background-color: #808080;
    border-radius: 100%;
    top: -4px;
    left: -4px;
}

.faq .testimonial .profile {
    display: flex;
    border-top: 1px solid #fff;
    padding-top: 2rem;
    align-items: center;
}

.faq .testimonial .profile .profileinfo {
    margin-left: 20px;
}

.faq .testimonial .profile .profileinfo h2 {
    font-weight: 500;
    font-size: 24px;
    line-height: 36px;
    color: #fff;
    text-transform: capitalize;
}

.faq .testimonial .profile .profileinfo p {
    font-weight: 400;
    font-size: 16px;
    line-height: 36px;
    color: #fff;
    margin: 0;
    padding: 0;
}

.bottombar {
    padding: 3rem 0;
    background-color: #FBFBFB;
    overflow-x: hidden;
}

.bottombar h2 {
    font-weight: 500;
    font-size: 24px;
    line-height: 36px;
    color: #1A1A1A;
    text-transform: capitalize;
    margin-top: 30px;
}

.bottombar p {
    font-weight: 400;
    font-size: 16px;
    line-height: 32px;
    color: #1A1A1A;
    text-transform: capitalize;
    margin-top: 16px;
}

.bottombar a {
    font-weight: 400;
    font-size: 16px;
    line-height: 32px;
    color: #1A1A1A;
    text-transform: lowercase;
    margin-top: 16px;
    text-decoration: none;
}

.bottombar ul {
    padding: 0;
    margin: 14px 0 0;
}

.bottombar ul li {
    list-style-type: none;
}

.bottombar ul li a {
    font-weight: 400;
    font-size: 16px;
    line-height: 42px;
    color: #1A1A1A;
    text-transform: capitalize;
    text-decoration: none;
}

.bottombar .contactinfo .contact-inner {
    display: flex;
    align-items: center;
    margin-top: 20px;
}

.bottombar .contactinfo .contact-inner p {
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    color: #1A1A1A;
    margin-left: 10px;
    margin-top: 0;
}

.bottombar .appstorebtn {
    margin: 14px 0;
    display: block;
}

.bottombar .social-link {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    padding: 4rem 0 2rem;
}

.bottombar .social-link .social-inner {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin-left: 30px;
}

.bottombar .social-link .social-inner p,
.bottombar .social-link h2 {
    margin-top: 0;
}

.bottombar .social-link .social-inner p {
    margin-left: 10px;
}

.crafting {
    padding: 4rem 0;
    overflow: hidden;
}

.crafting h1 {
    font-weight: 600;
    font-size: 36px;
    line-height: 54px;
    color: #1A1A1A;
    text-transform: capitalize;
}

.crafting p {
    font-weight: 400;
    font-size: 16px;
    line-height: 36px;
    color: #3C3C3C;
    text-transform: capitalize;
}

.crafting .steps {
    padding: 2rem;
}

.crafting .craft-img img {
    margin-top: 30px;
}

.crafting .steps p {
    font-weight: 400;
    font-size: 16px;
    line-height: 32px;
    color: #8E8D8D;
}

.crafting .steps-inner {
    display: flex;
    flex-direction: row;
    align-items: center;
    margin-bottom: 30px;
}

.crafting .steps-inner p {
    font-weight: 500;
    font-size: 20px;
    line-height: 30px;
    color: #1A1A1A;
    margin-left: 20px;
}

.crafting h2 {
    font-weight: 600;
    font-size: 36px;
    line-height: 54px;
    color: #1A1A1A;
    margin-bottom: 20px;
}

.watchus {
    background-image: url("../img/watchus-bg.png");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    padding: 10rem 0;
    overflow: hidden;
}

.watchus .play-btn {
    height: 122px;
    width: 122px;
    background: linear-gradient(0deg, rgba(0, 159, 165, 1) 0%, rgba(9, 75, 84, 1) 100%);
    border: 0;
    border-radius: 100%;
    margin-bottom: 50px;
}

.watchus h1 {
    font-weight: 700;
    font-size: 44px;
    line-height: 36px;
    color: #fff;
    margin-bottom: 50px;
}

.watchus p {
    font-weight: 500;
    font-size: 16px;
    line-height: 36px;
    color: #fff;
}

.citiesdeliver {
    padding: 5rem 0;
    overflow: hidden;
}

.citiesdeliver h2 {
    font-weight: 400;
    font-size: 16px;
    line-height: 36px;
    color: #055760;
    margin-bottom: 14px;
}

.citiesdeliver h1 {
    font-weight: 600;
    font-size: 36px;
    line-height: 54px;
    color: #1A1A1A;
    margin-bottom: 14px;
}

.citiesdeliver p {
    font-weight: 400;
    font-size: 18px;
    line-height: 36px;
    color: #8E8D8D;
    margin-bottom: 40px;
}

.citiesdeliver .cityimages {
    display: flex;
    flex-wrap: wrap;
    gap: 18px;
    justify-content: center;
}

.citiesdeliver .cityimages .img-inner {
    position: relative;
}

.citiesdeliver .cityimages .img-inner p {
    margin-bottom: 0;
    bottom: 20px;
    left: 20px;
    font-weight: 500;
    font-size: 24px;
    line-height: 36px;
    color: #fff;
    position: absolute;
}

.revolution p {
    font-weight: 500;
    font-size: 16px;
    line-height: 32px;
    color: #494949;
    margin-bottom: 30px;
}

.revolution .steps .inner,
.join .steps .inner {
    display: flex;
    flex-direction: row;
    align-items: center;
    margin-bottom: 10px;
}

.revolution .steps .inner div,
.join .steps .inner div {
    flex-basis: 8%;
    text-align: center;
}

.revolution .steps .inner p,
.join .steps .inner p {
    flex-basis: 92%;
    font-weight: 600;
    font-size: 14px;
    line-height: 36px;
    color: #1A1A1A;
    margin-bottom: 0;
}

.revolution .steps {
    margin-bottom: 40px;
}

.faq {
    display: flex;
    overflow: hidden;
}

.firststep,
.revolution {
    display: flex;
    overflow-x: hidden;
}

.firststep .left {
    background-image: url("../img/firststep.png");
}

.revolution .left {
    background-image: url("../img/truck.png");
}

.firststep .left,
.revolution .left,
.faq .left-inner {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.firststep .left,
.firststep .right,
.revolution .left,
.revolution .right,
.faq .left,
.faq .right {
    flex-basis: 50%;
}

.firststep .right,
.revolution .right {
    display: flex;
    align-items: center;
}

.firststep .content,
.revolution .content {
    width: 660px;
    padding: 6rem 0 6rem 3rem;
}

.firststep .primaryp {
    font-weight: 400;
    font-size: 16px;
    line-height: 36px;
    color: #055760;
    margin-bottom: 20px;
}

.firststep h1,
.revolution h1 {
    font-weight: 600;
    font-size: 36px;
    line-height: 56px;
    color: #1A1A1A;
    text-transform: capitalize;
    margin-bottom: 30px;
}

.firststep p {
    font-weight: 400;
    font-size: 16px;
    line-height: 32px;
    color: #8E8D8D;
    margin-bottom: 40px;
}

.firststep .steps {
    display: flex;
    margin-bottom: 50px;
}

.firststep .steps div {
    flex-basis: 33.33%;
}

.firststep .steps p.stepno {
    font-weight: 300;
    font-size: 64px;
    line-height: 36px;
    max-width: max-content;
    background: -webkit-linear-gradient(90deg, #009FA5 0%, #094b54a6 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    padding: 20px 0;
    margin-bottom: 20px;
}

.firststep .steps p {
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    color: #1A1A1A;
    margin-bottom: 0;
}

.firststep .download-stores img:first-child,
.revolution .download-stores img:first-child {
    margin-right: 20px;
}

.footer {
    background-color: #FBFBFB;
    border-top: 1px solid #D9D9D9;
    padding: 2rem;
    overflow-x: hidden;
}

.footer p {
    font-weight: 400;
    font-size: 14px;
    line-height: 24px;
    color: #121820;
    margin: 0;
}

.footer a {
    color: #055760;
    text-decoration: none;
}

.footer p.right {
    text-align: right;
}

.contactform {
    padding: 3rem 0;
}

.contactform .content h3 {
    font-weight: 600;
    font-size: 22px;
    line-height: 30px;
    color: #056D74;
    margin-bottom: 10px;
}

.contactform .content h1 {
    font-weight: 600;
    font-size: 36px;
    line-height: 54px;
    color: #1A1A1A;
    margin-bottom: 10px;
    text-transform: capitalize;
}

.contactform .content p {
    font-weight: 400;
    font-size: 16px;
    line-height: 32px;
    color: #494949;
    margin-bottom: 20px;
}

.contactform .content,
.contactform .formcontent {
    padding: 0 6rem;
}

.contactform .formcontent .form-control {
    border-radius: 0;
    border-color: #BDBDBD;
    background-color: #F5F5F5;
    outline: 0;
    box-shadow: none;
    padding: 30px;
}

.contactform .formcontent .form-control::placeholder {
    color: #494949;
    opacity: 1;
}

.contactform .formcontent input.form-control {
    height: 60px;
}

.contactform .formcontent .col {
    margin-bottom: 20px;
}

.maplocation {
    background-color: #EDEDED;
    padding: 4rem 0;
}

.maplocation h1 {
    font-weight: 600;
    font-size: 36px;
    line-height: 56px;
    color: #1A1A1A;
    text-transform: capitalize;
    margin-bottom: 30px;
}

.maplocation .locations {
    display: flex;
    gap: 20px;
    justify-content: center;
    margin-bottom: 50px;
}

.maplocation .locations div {
    position: relative;
}

.maplocation .locations div p {
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    left: 50%;
    color: #fff;
    font-weight: 500;
    font-size: 24px;
    line-height: 36px;
}

.mapsection {
    display: flex;
    margin-bottom: 30px;
}

.mapsection .location-info {
    display: flex;
}

.mapsection .location-info p {
    font-weight: 400;
    font-size: 16px;
    line-height: 28px;
    color: #0F1030;
}

.mapsection .location-info h3 {
    font-weight: 600;
    font-size: 20px;
    line-height: 30px;
    color: #1A1A1A;
}

.mapsection .location-info .locationinfo-left {
    padding: 1.5rem;
}

.mapsection .left-cotent {
    flex-basis: 40%;
    display: flex;
    justify-content: flex-end;
}

.mapsection .right-content {
    flex-basis: 40%;
    display: flex;
}

.mapsection .left-cotent .content h2,
.mapsection .right-content .content h2 {
    font-weight: 600;
    font-size: 30px;
    line-height: 45px;
    color: #1A1A1A;
    margin-bottom: 2rem;
}

.mapsection .left-cotent .content,
.mapsection .right-content .content {
    width: calc(600px - 15%);
}

.mapsection .right-map,
.mapsection .left-map {
    flex-basis: 60%;
}

.mapsection .right-content .content {
    padding-left: 4rem;
}

.ourservices {
    background-color: #F5F5F5;
    padding: 4rem 0;
}

.ourservices .headcontent {
    display: flex;
    margin-bottom: 2rem;
}

.ourservices .headcontent .heading {
    flex-basis: 35%;
}

.ourservices .headcontent .heading h2 {
    font-weight: 600;
    font-size: 22px;
    line-height: 30px;
    color: #056D74;
    text-transform: capitalize;
}

.ourservices .headcontent .heading h1 {
    font-weight: 600;
    font-size: 36px;
    line-height: 54px;
    color: #1A1A1A;
}

.ourservices .headcontent .paragraph {
    flex-basis: 65%;
}

.ourservices .headcontent .paragraph p {
    padding-right: 6rem;
    font-weight: 400;
    font-size: 16px;
    line-height: 32px;
    color: #494949;
}

.ourservices .content {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}

.ourservices .content .innercontent {
    flex-basis: calc(33.33% - 20px);
    border: 5px solid #fff;
    background-color: #EDEDED;
    padding: 30px 20px;
    box-shadow: 1px 1px 8px rgb(82 82 82 / 20%);
}

.ourservices .content .innercontent h3 {
    font-weight: 600;
    font-size: 22px;
    line-height: 30px;
    color: #1A1A1A;
    margin-bottom: 1rem;
}

.ourservices .content .innercontent p {
    font-weight: 400;
    font-size: 16px;
    line-height: 32px;
    color: #494949;
}

.team-members {
    position: relative;
    padding: 4rem 0;
    background-color: #EDEDED;
}

.team-members .membersbg {
    background: linear-gradient(0deg, #009FA5 0%, #094B54 100%);
    height: 450px;
    position: absolute;
    width: 100%;
    top: 0;
    z-index: 0;
}

.team-members h2 {
    font-weight: 600;
    font-size: 22px;
    line-height: 30px;
    color: #fff;
    margin-bottom: 20px;
    z-index: 1;
    position: relative;
}

.team-members h1 {
    font-weight: 600;
    font-size: 36px;
    line-height: 54px;
    color: #fff;
    margin-bottom: 50px;
    z-index: 1;
    position: relative;
}

.team-members .ourteam {
    display: flex;
    gap: 20px;
}

.team-members .ourteam .memberinfo {
    flex-basis: 25%;
}

.team-members .ourteam .memberinfo:nth-child(even) {
    margin-top: 40px;
}

.team-members .ourteam .memberinfo .imcont {
    position: relative;
    padding-bottom: 3rem;
}

.team-members .ourteam .memberinfo .imcont .memberbtn {
    position: absolute;
    bottom: 20px;
    display: flex;
    justify-content: space-between;
    width: 100%;
    align-items: center;
    padding: 0 2rem;
}

.team-members .ourteam .memberinfo .imcont .memberbtn .verticalline {
    height: 72px;
    width: 4px;
    background: linear-gradient(0deg, #009FA5 0%, #094B54 100%);
}

.team-members .ourteam .memberinfo .imcont .memberbtn button {
    background: linear-gradient(0deg, #009FA5 0%, #094B54 100%);
    height: 42px;
    width: 42px;
    border: 0;
    border-radius: 5px;
    color: #fff;
    font-size: 26px;
}

.team-members .ourteam .memberinfo h3 {
    font-weight: 600;
    font-size: 24px;
    line-height: 36px;
    color: #1A1A1A;
}

.team-members .ourteam .memberinfo p {
    font-weight: 400;
    font-size: 16px;
    line-height: 28px;
    color: #0F1030;
}

.team-members .great-things {
    padding: 5rem 0 2rem;
}

.team-members .great-things .great-top {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 2rem;
}

.team-members .great-things .great-top h3 {
    font-weight: 600;
    font-size: 36px;
    line-height: 54px;
    color: #1A1A1A;
}

.team-members .great-things .great-top .workwithus {
    position: relative;
}

.team-members .great-things .great-top .workwithus:before {
    content: "";
    position: absolute;
    height: 2px;
    background: linear-gradient(90deg, #009FA5 20%, #094B54 100%);
    width: 75px;
    bottom: 0;
    left: 0;
}

.team-members .great-things .great-top .workwithus h3 {
    font-weight: 600;
    font-size: 22px;
    line-height: 30px;
    color: #056D74;
    text-transform: uppercase;
    border-bottom: 2px solid #BDBDBD;
    padding-bottom: 8px;
}

.team-members .great-things .great-bottom {
    display: flex;
    gap: 20px;
}

.team-members .great-things .great-bottom .inner {
    flex-basis: calc(33.33% - 20px);
    border: 5px solid #fff;
    background-color: #EDEDED;
    padding: 30px 20px;
    box-shadow: 1px 1px 8px rgb(82 82 82 / 20%);
}

.team-members .great-things .great-bottom .inner h1 {
    font-weight: 600;
    font-size: 22px;
    line-height: 30px;
    color: #1A1A1A;
    text-transform: capitalize;
    margin-bottom: 20px;
}

.team-members .great-things .great-bottom .inner p {
    font-weight: 400;
    font-size: 16px;
    line-height: 32px;
    color: #494949;
    margin-bottom: 20px;
}

.team-members .great-things .great-bottom .inner .applydiv {
    display: flex;
    justify-content: space-between;
}

.team-members .great-things .great-bottom .inner .applydiv button {
    background: linear-gradient(0deg, #009FA5 0%, #094B54 100%);
    border: 0;
    border-radius: 0;
    color: #fff;
    font-weight: 500;
    font-size: 18px;
    line-height: 27px;
    padding: 0 20px;
}

.ourmission {
    padding: 4rem 0;
}

.ourmission .content {
    display: flex;
    gap: 20px;
}

.ourmission .content .left h1 {
    font-weight: 600;
    font-size: 36px;
    line-height: 54px;
    color: #1A1A1A;
    margin-bottom: 20px;
}

.ourmission .content .left p {
    font-weight: 400;
    font-size: 16px;
    line-height: 32px;
    color: #494949;
    margin-bottom: 30px;
}

.ourmission .content .left h3 {
    font-weight: 500;
    font-size: 16px;
    line-height: 32px;
    color: #494949;
    margin-bottom: 10px;
}

.ourmission .content .left .bullets {
    display: flex;
    align-items: center;
}

.ourmission .content .left .bullets p {
    font-weight: 400;
    font-size: 16px;
    line-height: 32px;
    color: #494949;
    margin: 0 0 12px;
}

.ourmission .content .left .bullets .icon {
    margin-right: 16px;
}

.ourmission .content .right .inner {
    display: flex;
    padding: 2rem;
    border-left: 1px solid #D9D9D9;
}

.ourmission .content .right .inner:first-child {
    border-bottom: 1px solid #d9d9d9;
}

.ourmission .content .right .inner .icon {
    margin-right: 20px;
}

.ourmission .content .right .inner .info h2 {
    font-weight: 600;
    font-size: 24px;
    line-height: 36px;
    color: #1A1A1A;
    margin-bottom: 10px;
}

.ourmission .content .right .inner .info p {
    font-weight: 400;
    font-size: 16px;
    line-height: 32px;
    color: #494949;
    margin: 0;
}

.partners {
    padding: 3rem 0;
}

.partners h1 {
    font-weight: 600;
    font-size: 36px;
    line-height: 54px;
    color: #1A1A1A;
    margin-bottom: 30px;
}

.partners h2 {
    font-weight: 600;
    font-size: 22px;
    line-height: 30px;
    color: #056D74;
    margin-bottom: 10px;
}

.partners .partner-logo,
.trusted .partner-logo {
    display: flex;
}

.partners .partner-logo div,
.trusted .partner-logo div {
    flex-basis: 100%;
}

.partners .partner-logo div img.gray,
.trusted .partner-logo div img.gray {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
}

.effortless {
    padding: 3rem 0 13rem;

}

.effortless h1 {
    font-weight: 600;
    font-size: 36px;
    line-height: 54px;
    color: #1A1A1A;
    margin-bottom: 3rem;
}

.effortless .content {
    display: flex;
    gap: 4%;
}

.effortless .content .right {
    flex-basis: 50%;
}

.effortless .content .left {
    position: relative;
    flex-basis: 50%;
}

.effortless .content .left .img1 {
    position: absolute;
    z-index: 1;
    right: 0;
}

.effortless .content .left .img2 {
    position: absolute;
    top: 7rem;
}

.effortless .content .left .img3 {
    position: absolute;
    top: -44px;
    left: 2.6rem;
}

.effortless .content .left .img3 .inner2 {
    position: absolute;
    top: 42px;
    left: 76px;
}

.effortless .content .left .img4 {
    position: absolute;
    background: linear-gradient(0deg, #009FA5 0%, #094B54 100%);
    z-index: 2;
    bottom: 0;
    height: 145px;
    left: 80%;
    transform: translateX(-80%);
    width: 145px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.effortless .content .left .img4 p {
    font-weight: 500;
    font-size: 18px;
    line-height: 24px;
    color: #fff;
    margin-top: 10px;
    text-transform: capitalize;
}

.effortless .content .left .img4 .img4-inner {
    background-image: url(../img/shippers/videobg.png);
    height: 145px;
    width: 145px;
    position: absolute;
    z-index: -1;
}

.effortless .content .right h2 {
    font-weight: 600;
    font-size: 20px;
    line-height: 36px;
    color: #1A1A1A;
    margin: 18px 0;
}

.effortless .content .right p {
    font-weight: 400;
    font-size: 16px;
    line-height: 32px;
    color: #494949;
}

.effortless .content .right .info {
    display: flex;
    gap: 4%;
    margin-top: 2rem;
}

.effortless .content .right .info .info-inner {
    flex-basis: 33.33%;
    background-color: #EDEDED;
    border: 5px solid #fff;
    box-shadow: 1px 1px 8px rgb(82 82 82 / 20%);
    text-align: center;
    padding: 26px 0;
}

.effortless .content .right .info .info-inner h4 {
    font-weight: 600;
    font-size: 22px;
    line-height: 30px;
    color: #1A1A1A;
    margin-top: 20px;
}

.readytransform {
    position: relative;
}

.readytransform .ready-bg {
    background-image: url(../img/shippers/frombg.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    height: 584px;
    position: absolute;
    width: 100%;
    z-index: -1;
}

.readytransform .leftcontent {
    padding: 3rem 0 0;
    margin-top: 6rem;
}

.readytransform h1 {
    font-weight: 600;
    font-size: 36px;
    line-height: 54px;
    color: #fff;
}

.readytransform p {
    font-weight: 400;
    font-size: 16px;
    line-height: 32px;
    color: #fff;
    margin-top: 2rem;
}

.readytransform .formcontent {
    background-color: #fff;
    padding: 2rem;
    margin-top: 6rem;
}

.readytransform .formcontent h1 {
    font-weight: 600;
    font-size: 22px;
    line-height: 30px;
    color: #1A1A1A;
    text-transform: capitalize;
    margin-bottom: 30px;
}

.readytransform .formcontent .form-control {
    border-radius: 0;
    margin-bottom: 20px;
    height: 58px;
}

.readytransform .formcontent .form-check-input {
    border-radius: 0;
    height: 20px;
    width: 20px;
}

.readytransform .formcontent .form-check-label {
    font-weight: 400;
    font-size: 16px;
    line-height: 32px;
    color: #494949;
}

.readytransform .formcontent .submitbtn {
    background: linear-gradient(0deg, #009FA5 0%, #094B54 100%);
    border: 0;
    border-radius: 0;
    width: 100%;
    height: 56px;
    font-weight: 500;
    font-size: 18px;
    line-height: 26px;
    color: #fff;
    margin-top: 24px;
}

.trusted {
    padding: 4rem 0;
}

.trusted h1 {
    font-weight: 600;
    font-size: 22px;
    line-height: 30px;
    color: #1A1A1A;
    position: relative;
    margin-bottom: 50px;
}

.trusted h1:before {
    content: "";
    position: absolute;
    height: 1px;
    width: 30px;
    background-color: #D9D9D9;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    width: 17%;
}

.trusted h1:after {
    content: "";
    position: absolute;
    height: 1px;
    width: 30px;
    background-color: #D9D9D9;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
    width: 17%;
}

.footprint {
    background: linear-gradient(0deg, #009FA5 0%, #094B54 100%);
    position: relative;
    margin-top: 5rem;
}

.footprint .footprint-inner {
    background-image: url(../img/shippers/footprint-bg.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 4rem 0;
}

.footprint .footprint-inner .left {
    width: 660px;
}

.footprint .footprint-inner .left .content {
    display: flex;
}

.footprint .footprint-inner .left .content div {
    margin-top: 12px;
}

.footprint .footprint-inner .left .content p {
    font-weight: 500;
    font-size: 36px;
    line-height: 54px;
    color: #fff;
    margin-left: 30px;
}

.footprint .footprint-inner .right {
    width: 660px;
}

.footprint .footabs {
    display: flex;
    position: absolute;
    top: -24%;
    transform: translateY(24%);
}

.footprint .footabs div {
    background-color: #F0F0F0;
    padding: 2rem 3rem;
}

/* .footprint .footabs div.active {
    background: linear-gradient(0deg, #009FA5 0%, #094B54 100%);
} */
.footprint .footabs div img {
    height: 78px;
    width: 78px;
    object-fit: contain;
    margin-bottom: 20px;
}

/* .footprint .footabs div.active h4, .footprint .footabs div.active p {
    color: #fff;
} */
.footprint .footabs div h4 {
    font-weight: 500;
    font-size: 22px;
    line-height: 30px;
    color: #1A1A1A;
}

.footprint .footabs div p {
    font-weight: 500;
    font-size: 16px;
    line-height: 20px;
    color: #2F2F2F;
}

.speedy {
    padding: 5rem 0;
}

.speedy h1 {
    font-weight: 600;
    font-size: 36px;
    line-height: 54px;
    color: #1A1A1A;
}

.speedy .content {
    display: flex;
    gap: 10px;
    align-items: center;
    justify-content: center;
}

.speedy .content .content-inner {
    text-align: center;
    position: relative;
}

.speedy .content .content-inner h4 {
    font-weight: 600;
    font-size: 22px;
    line-height: 30px;
    color: #1A1A1A;
    margin-bottom: 10px;
}

.speedy .content .content-inner p {
    font-weight: 400;
    font-size: 16px;
    line-height: 32px;
    color: #494949;
}

.speedy .content .content-inner .arrowfirst {
    position: absolute;
    top: 30%;
    right: -20%;
    transform: translate(20%, -30%);
}

.speedy .content .content-inner .arrowsecond {
    position: absolute;
    top: 40%;
    right: -10%;
    transform: translate(10%, -40%);
}

.speedy .content .content-inner:nth-child(odd) {
    margin-top: 100px;
}

.howworks {
    background-color: #EDEDED;
    padding: 4rem 0;
}

.howworks h1 {
    font-weight: 600;
    font-size: 36px;
    line-height: 54px;
    color: #1A1A1A;
    margin-bottom: 20px;
}

.howworks p {
    font-weight: 400;
    font-size: 18px;
    line-height: 30px;
    color: #1A1A1A;
    margin-bottom: 20px;
}

.howworks .content {
    display: flex;
    gap: 12px;
}

.howworks .content .content-inner {
    background: linear-gradient(0deg, #009FA5 0%, #094B54 100%);
    padding: 10px;
    display: flex;
    flex-direction: column;
    flex-basis: 25%;
}

.howworks .content .content-inner img {
    height: 170px;
}

.howworks .content .content-inner .hrborder {
    border: 2px dashed #ECFF67;
    margin: 1.5rem 1rem;
    width: 55%;
}

.howworks .content .content-inner h3 {
    font-weight: 500;
    font-size: 26px;
    line-height: 30px;
    color: #fff;
    padding: 0 1rem;
    margin: 1rem 0;
}

.howworks .content .content-inner p {
    font-weight: 400;
    font-size: 16px;
    line-height: 32px;
    color: #fff;
    padding: 0 1rem;
    margin-bottom: 1rem;
}

@media only screen and (max-width: 640px) {
    
    .maplocation h1{
        line-height:40px;
    }
    .speedy h1,.howworks h1 {
    font-size: 28px;
}
.contactform .content h1,.maplocation h1{
    font-size:24px;
}
    .firststep,
    .revolution,
    .join,
    .firststep .steps,
    .faq,
    .bottombar .social-link {
        display: flex;
    }

    .firststep .content,
    .revolution .content,
    .join .content,
    .faq .right .content,
    .faq .left .content {
        width: 100%;
        padding: 3rem 2rem;
    }

    .firststep .left,
    .revolution .left {
        height: 400px;
    }

    .revolution .steps .inner div,
    .join .steps .inner div {
        flex-basis: 15%;
    }

    .revolution .steps .inner p,
    .join .steps .inner p {
        flex-basis: 85%;
        line-height: 24px;
    }

    .firststep .download-stores img,
    .revolution .download-stores img {
        width: calc(100% - 50% - 20px);
    }

    .footer p,
    .footer p.right {
        text-align: center;
    }

    .banner .content {
        display: inherit;
        padding-bottom: 4rem;
    }

    .banner .content .right .phone {
        width: 200px;
    }

    .banner .content .right .truck {
        left: 0;
    }

    .banner .content .right {
        height: 430px;
    }

    .watchus {
        padding: 6rem 0;
    }

    .watchus h1 {
        line-height: 50px;
    }

    .btn-dwnloadapp,
    .dwnloadapp {
        display: none;
    }

    .firststep .steps div {
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .firststep .steps p {
        text-align: center;
    }

    .join .right,
    .ourservice .services .separator:after {
        display: none;
    }

    .ourservice {
        padding: 6rem 0;
    }

    .ourservice .services {
        flex-direction: column;
    }

    .ourservice .services .inner {
        margin-bottom: 30px;
    }

    .faq .testimonial .slick-dots {
        bottom: -10px;
        width: 100%;
        justify-content: center;
    }

    .faq .left .content {
        padding-bottom: 5rem;
    }

    .bottombar {
        padding-bottom: 0;
    }

    .bottombar .social-link .social-inner {
        justify-content: flex-start;
        margin-left: 0;
        margin-bottom: 20px;
    }

    .citiesdeliver,
    .crafting {
        padding: 2rem 0;
    }

    .contactform .content,
    .contactform .formcontent {
        padding: 0;
    }

    .breadcrumb h1 {
        font-size: 35px;
        text-align: center;
    }

    .breadcrumb ul {
        justify-content: center;
    }

    .maplocation .locations,
    .mapsection,
    .team-members .great-things .great-bottom,
    .team-members .great-things .great-top,
    .team-members .ourteam,
    .ourservices .content,
    .ourservices .headcontent,
    .ourmission .content,
    .effortless .content,
    .effortless .content .right .info,
    .speedy .content,
    .footprint .footprint-inner,
    .howworks .content {
        display: inherit;
    }

    .maplocation .locations div {
        margin-bottom: 20px;
    }

    .mapsection .left-cotent .content h2,
    .mapsection .right-content .content h2 {
        padding: 0 1rem;
    }

    .mapsection .right-content .content {
        padding-left: 0;
    }

    .team-members .great-things .great-bottom .inner,
    .ourservices .content .innercontent {
        margin-bottom: 20px;
    }

    .team-members .great-things .great-top .workwithus h3 {
        display: inline-block;
    }

    .team-members .ourteam .memberinfo .imcont,
    .team-members .ourteam .memberinfo h3,
    .team-members .ourteam .memberinfo p,
    .ourservices .headcontent .heading {
        text-align: center;
    }

    .team-members .ourteam .memberinfo .imcont .memberbtn {
        padding: 0 4rem
    }

    .ourservices .headcontent .paragraph p {
        padding-right: 0;
    }

    .ourmission .content .right .inner {
        padding: 2rem 1rem;
        border-left: 0;
    }

    .partners .partner-logo,
    .trusted .partner-logo {
        flex-wrap: wrap;
    }

    .partners .partner-logo div,
    .trusted .partner-logo div {
        flex-basis: 50%;
    }

    .effortless {
        padding: 3rem 0;

    }
.effortless.pb-mbl {
        padding-bottom:10rem;

    }
    .effortless .content .left .img3,
    .effortless .content .left .img2,
    .trusted h1:before,
    .trusted h1:after,
    .speedy .content .content-inner .arrowfirst,
    .speedy .content .content-inner .arrowsecond,
    .footprint .footprint-inner .left .content div {
        display: none;
    }

    .effortless .content .left {
        height: 500px;
    }

    .readytransform .formcontent {
        padding: 2rem 10px;
    }

    .readytransform .ready-bg {
        height: 650px;
    }

    .readytransform .leftcontent {
        margin-top: 2rem;
    }

    .effortless .content .right {
        margin-bottom: 100px;
    }

    .effortless .content .right .info .info-inner,
    .howworks .content .content-inner {
        margin-bottom: 20px;
    }

    .speedy .content .content-inner:nth-child(odd) {
        margin: 20px 0;
    }

    .footprint {
        margin-top: 24rem;

    }

    .footprint .footabs {
        flex-wrap: wrap;
        position: absolute;
        top: -80%;


    }


    .footprint .footabs div {
        flex-basis: 100%;
        padding: 2rem 1rem;

    }

    .footprint .footprint-inner .left .content p {
        margin-left: 0;


    }

    .footprint .footprint-inner .right,
    .footprint .footprint-inner .left {
        width: 100%;
    }

    .footprint .footprint-inner {
        padding: 19rem 2rem 2rem;
    }

    .footprint .footabs div h4 {

        font-size: 18px;


    }

    /*.navbar {*/
    /*    background-color: #000;*/
    /*}*/

    .sticky .navbar-toggler .icon-bar {
        background: #fff !important;
    }

    .sticky .navbar-toggler {
        border-color: #fff !important;
    }

    .sticky .nav-link {
        color: #fff !important;
    }

}








/*back to Top Button*/
.back-to-top {
    cursor: pointer;
    position: fixed;
    bottom: 20px;
    right: 20px;
    display: none;
    background: linear-gradient(0deg, rgba(0, 159, 165, 1) 0%, rgba(9, 75, 84, 1) 100%);
    /* background-color:#333a65;  */
    border: none;
    border-radius: 50%;
    height: 45px;
    width: 45px;
    text-align: center;
    padding: 10px 0 0;
    z-index: 2;
}

#back-to-top:hover {
    opacity: 0.8;
}


/*Sticky Header*/

.sticky {
    position: fixed;
    top: 0 !important;
    width: 100%;
    color: #000;
    background: #fff;
    z-index: 99999;
    box-shadow: 0 0 18px 0 rgba(0, 0, 0, 0.12);
}

.sticky ul li a {
    color: #000;

}

.sticky ul li :hover {
    color: #000;

}

/* .sticky .navbar-toggler .icon-bar{
    background: #000;

}

.sticky .navbar-toggler {
    border-color: #1B1B1B;
} */



/*@media only screen and (max-width: 600px) {*/
/*    iframe {*/
/*        display: none;*/
/*    }*/

/*}*/




/* css new fixes  */
nav#header.sticky {
    background: #000;
}

.sticky a.nav-link {
    color: #fff;
}

.sticky a.nav-link.active {
    color: #fff;
}

a.nw-btn {
    text-decoration: none;
    color: #fff;
}


a.nav-link.active1 {
    font-weight: 700;
}

.sticky li.nav-item a:hover {
    color: #fff;
}

img.img-fluid.rounded {
    filter: grayscale(0);
    opacity: 1;
}

img.img-fluid.rounded.collapsed {
    filter: grayscale(1);
    opacity: 0.5;
}
h2.ps-md-2 {
    padding-left: 20px !important;
}
@media(max-width:767px) {
    .readytransform h1{
        font-size:26px;
        line-height:40px;
    }
    .readytransform p{
        margin-top:1rem;
    }
    .banner h1 {
        font-size: 28px;
        line-height: 40px;
    }

    .banner .content {
        text-align: center;
    }

    h2 {
        font-size: 28px;
    }

    .firststep h1,
    .revolution h1 {
        font-size: 27px;
        line-height: 35px;
        margin-bottom: 15px;
    }

    .firststep .left,
    .firststep .right,
    .revolution .left,
    .revolution .right,
    .faq .left,
    .faq .right {
        width: 100%;
    }

    .firststep,
    .revolution,
    .join,
    .firststep .steps,
    .faq,
    .bottombar .social-link {
        flex-wrap: wrap;
        display: flex;
        width: 100%;
    }

    .firststep .left,
    .firststep .right,
    .revolution .left,
    .revolution .right,
    .faq .left,
    .faq .right {
        flex-basis: 100%;
        text-align: center;
    }

    .firststep .left,
    .revolution .left {
        height: auto;
    }

    .download-stores {
        display: flex;
        max-width: 280px;
        justify-content: center;
        margin: 0 auto;
    }

    .firststep .download-stores img,
    .revolution .download-stores img {
        width: 98%;
    }

    .join .left {
        flex-basis: 100%;
        text-align: center;
    }

    .revolution .steps .inner,
    .join .steps .inner {
        text-align: left;
    }

    .watchus h1 {
        font-size: 28px;
        line-height: 35px;
        margin-bottom: 15px;
    }

    .join h1 {
        font-size: 27px;
        line-height: 35px;
    }

    .ourservice h1 {
        font-size: 28px;
        margin-bottom: 20px;
    }

    .ourservice p {
        line-height: normal;
        font-size: 18px;
    }

    .crafting h1 {
        font-size: 27px;
        line-height: 35px;
    }

    .crafting {
        text-align: center;
    }

    .firststep .steps p.stepno {
        font-size: 30px;
        line-height: normal;
        padding: 10px 0;
        margin: 0;
    }

    .firststep .steps div {
        flex-basis: 100%;
    }

    .citiesdeliver h1 {
        font-size: 27px;
        line-height: 35px;
    }

    .faq .right .content h1 {
        font-size: 28px;
        line-height: 35px;
    }

    .crafting h2 {
        font-size: 25px;
        line-height: normal;
        margin-bottom: 0;
    }

    .crafting .steps-inner {
        margin-bottom: 10px;
        justify-content: center;
    }

    .firststep .content,
    .revolution .content,
    .join .content,
    .faq .right .content,
    .faq .left .content {
        padding: 2rem 1rem;
    }

    .faq .accordion-body {
        text-align: left;
    }
    
    .crafting .steps {
        padding: 1rem;
    }
    .counters-sec span {
        font-size: 24px !important;
    }
    .jus-cen-mbl{
        justify-content: center;
    }
    .social-link h2 {
        width: 100%;
    }
    .bottombar .social-link{
        justify-content: space-between;
    }
    .footabs>div {
        text-align: center;
    }
    .mapsection .location-info h3 {
    font-size: 14px;
}
.locationinfo-left {
    width: 100%;
    padding-left: 0 !important;
}

.location-info {
    flex-wrap: wrap;
}
.mapsection h2 {
    padding-left: 0 !important;
    margin-bottom:0 !important;
}
h2.ps-md-2 {
    padding-left: 0px !important;
}

}
.submit-btn-top a {
    padding-top: 15px;
}

.lightbox {
    display: none;
    position: fixed;
    z-index: 99999;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.8);
}
.lightbox .lightbox-video {
    width: 100%;
    padding-bottom: 56%;
}
.lightbox iframe {
    position: absolute;
    height: 100%;
    width: 100%;
    left: 0;
    right: 0;
}
.lightbox img {
    display: block;
    margin: 0 auto;
}
.lightbox .lightbox-close {
    position: absolute;
    display: block;
    top: 10px;
    right: 10px;
    color: #fff;
    font-size: 20px;
    height: 50px;
    width: 50px;
    background: rgba(255, 255, 255, 0.3);
    border: 3px solid #fff;
    border-radius: 50%;
    line-height: 50px;
    text-align: center;
    text-decoration: none;
}
.lightbox .lightbox-close:hover {
    text-decoration: none;
}
.lightbox .lightbox-container {
    max-width: 1024px;
    margin: 100px auto 25px;
}

.single-gal-img *,.single-gal-img {
    height: 100%;
    display: inline-block;
    width: 100%;
}
a.yt-btn.single-feature-video-box.lightbox-toggle {
    cursor: pointer;
}
.active-tab-name {
    filter: grayscale(0);
    opacity: 1;
}

[data-tab-name]:not(.active-tab-name) {
    filter: grayscale(0.5);
    opacity: 0.5;
}

.accordion .accordion-item.active-tab-val {display: block;}

.maplocation .accordion-item{
    display:none;
}

.locations> div:not([data-tab-name]) {
    opacity: 0.5;
    cursor: no-drop;
}
.location-info h2 {
    margin-bottom: 0 !important;
}