:root{
    --text: #4B4B4B;
    --primary: #F9893D;
    --second: #3fc8ce;
}
body{
    font-family: "Nunito", sans-serif;
    overflow-x: hidden;
    font-size: 18px;
}
img{max-width: 100%;}
h1, h2, h3, h4, h5, h6{font-family: "Poppins", sans-serif;font-weight: 800;}
a{display: inline-block;text-decoration: none !important;}
.w-90{max-width: 90%;}

header{overflow: hidden;}
header .logo{width: 150px;}
header .logo img{max-width: 100%;max-height: 70px;}
header .langs a{color: var(--text);font-weight: 200;}
header .langs a.active{font-weight: 900;}
header .langs a:first-child{margin-right: 20px;}

footer{overflow: hidden;}
footer .footer-top{background-color: #1C1C1B;}
footer .logo img{max-width: 200px;max-height: 150px;}
footer .social-media h5{color: #fff;font-family: 'Nunito';font-size: 2.4rem;margin-bottom: 15px;}
footer .social-media a{margin-right: 30px;}
footer .social-media a:last-child{margin-right: 0;}
footer .social-media img{width: 40px;}
footer .bg-footer{overflow: hidden;}
footer .bg-footer img{margin: 4rem auto 0;display: block;}

.slide{overflow: hidden;}
.slide .container{position: relative;}
.slide h1{color: var(--primary);font-weight: 900;font-size: 25rem;text-transform: uppercase;text-align: center;line-height: 1;padding-bottom: 16rem;}
.slide .animal{width: 300px;position: absolute;bottom: 0;left: 20%;z-index: 1;}
.slide .our-apps{position: absolute;bottom: 7rem;left: calc(20% + 350px);z-index: 1;}
.slide .our-apps h2{font-size: 2.5rem;font-weight: 300;font-family: 'Nunito';margin-bottom: 20px;}
.slide .our-apps a:first-child{margin-right: 10px;}
.slide .our-apps img{max-width: 200px;max-height: 50px;}

.about-app{overflow: hidden;padding: 60px 0;}
.about-app img{display: block;margin: auto;}
.about-app h2{font-weight: 300;font-size: 5rem;max-width: 60%;}
.about-app p{font-weight: 300;font-size: 1.6rem;line-height: 3rem;max-width: 80%;margin: 0;}

.our-services{overflow: hidden;padding: 60px 0 calc(60px + 6rem);}
.our-services .single-service{margin-top: 6rem;border: 1.5px solid #D9D9D9;border-radius: 24px;padding: 24px 24px 36px 24px;height: 100%;}
.our-services .row .col-md-4:nth-child(2) .single-service, 
.our-services .row .col-md-4:nth-child(5) .single-service{margin: 0;}
.our-services .single-service:hover{border-color: var(--primary);}
.our-services .single-service img{height: 50px;}
.our-services .single-service h3{font-family: 'Nunito';font-size: 1.875rem;font-weight: 700;margin: 30px 0 0;}
.our-services .single-service p{font-size: 1.5rem;font-weight: 300;margin: 20px 0 0;}

.about-truck{overflow: hidden;padding: 60px 0 80px;}
.about-truck img{margin: auto;display: block;}
.about-truck h3{font-size: 1.875rem;font-family: 'Nunito';font-weight: 900;}
.about-truck h2{font-size: 3.75rem;font-family: 'Nunito';font-weight: 900;color: var(--second);}
.about-truck h2 span{color: var(--primary);}
.about-truck p{color: #9C9C9C;font-size: 2rem;font-weight: 300;}

.use-fuzzo{overflow: hidden;padding: 70px 0;background-color: #F7F7F7;}
.use-fuzzo h3{font-family: 'Nunito';font-size: 3.125rem;font-weight: 400;}
.use-fuzzo h3 span{color: var(--primary);}
.use-fuzzo ol{padding-right: 4rem;margin: 0;}
.use-fuzzo ol li::marker {color: var(--primary);}
.use-fuzzo ol li{font-size: 1.8rem;font-weight: 400;margin-top: 15px;}
.use-fuzzo ol li img{margin: auto;display: block;}

.faq{overflow: hidden;padding: 70px 0;text-align: center;}
.faq h2{font-family: 'Nunito';font-weight: 900;font-size: 2.5rem;color: var(--primary);}
.faq H3{font-family: 'Nunito';font-weight: 200;font-size: 1.875rem;color: #939090;}
.accordion{overflow: hidden;}
.accordion .accordion-item{padding: 30px;border-radius: 10px;box-shadow: 0 4px 10px 0px #00000012;margin-top: 20px;border: 1px solid #00000012;}
.accordion .accordion-item .accordion-header button{padding: 0;color: #0F172A;font-weight: 500;background: transparent;border: 0;box-shadow: none;font-family: 'Nunito';font-size: 1.25rem;}
/* .accordion .accordion-item .accordion-header button.collapsed{font-weight: 500;} */
.accordion .accordion-item .accordion-collapse{text-align: left;}
.accordion .accordion-item .accordion-collapse .accordion-body{color: #0F172A;padding: 20px 0 0;}
.accordion .accordion-item .accordion-collapse .accordion-body p{margin: 10px 0;font-weight: 400;}
.accordion .accordion-item .accordion-collapse .accordion-body p span{color: var(--primary);}
.accordion-button:not(.collapsed)::after{background-image: url('./../images/accordion-not-collapsed.svg');background-position: center;}

.single-page h1{color: var(--primary);}
.single-page h2{color: var(--second);}
.single-page h3{color: var(--second);}

@media screen and (max-width: 1024px){
    .about-app p, .about-app h2{max-width: 100%;}
    .slide h1 {font-size: 13rem;}
    .slide .animal {width: 250px;left: 13%;}
    .slide .our-apps {left: calc(13% + 250px);}
}
@media screen and (max-width: 768px){
    .container, .container-sm {max-width: 100%;padding: 0 25px;}
    .our-services .single-service{margin-top: 0;}
    .our-services {padding: 0;}
    .about-truck {padding: 60px 0 40px;}
    .use-fuzzo .row{flex-direction: column-reverse;}
    .use-fuzzo img{margin: auto;display: block;}
}
@media screen and (max-width: 581px){
    .slide h1 {font-size: 7rem;padding-bottom: 10rem;}
    .slide .animal {width: 150px;left: 15px;}
    .slide .our-apps {bottom: 30px;left: 185px;}
    .slide .our-apps h2 {font-size: 1.75rem;margin-bottom: 10px;}
    .slide .our-apps img {max-width: 100%;max-height: 35px;}
    .about-app h2 {font-size: 4rem;}
    .about-app p {font-size: 1.5rem;line-height: 2.5rem;}
    .our-services .single-service h3 {margin: 20px 0 0;}
    .our-services .single-service p {font-size: 1.5rem;margin: 15px 0 0;}
    .about-truck h2 {font-size: 3rem;}
    .about-truck p {font-size: 1.5rem;}
    .use-fuzzo h3 {font-size: 2.8rem;}
    .use-fuzzo ol {padding-right: 0;padding-left: 18px;}
    .use-fuzzo ol li {font-size: 1.5rem;}
    .faq {padding: 50px 0;}
    .faq h2 {font-size: 2rem;}
    .faq H3 {font-size: 1.5rem;}
    footer .footer-top > .container > .d-flex{flex-direction: column;}
    footer .footer-top .logo{margin-bottom: 30px;}
}
@media screen and (max-width: 370px){
    .slide h1 {font-size: 5rem;}
    .slide .animal {width: 100px;left: 15px;}
    .slide .our-apps {bottom: 30px;left: 135px;}
    .slide .our-apps .d-flex {flex-direction: column;}
    .slide .our-apps h2 {font-size: 1.2rem;margin-bottom: 10px;}
    .slide .our-apps a:first-child{margin-right: 0;margin-bottom: 5px;}
    .slide .our-apps img {max-width: 60%;max-height: 40px;}
    .about-app h2 {font-weight: 700;font-size: 2rem;}
    .about-app p {font-size: 1rem;line-height: 1.5rem;}
    .our-services .single-service h3 {font-size: 1.5rem;}
    .our-services .single-service p {font-size: 1rem;}
    .about-truck h3 {font-size: 1.5rem;}
    .about-truck h2 {font-size: 2.5rem;}
    .use-fuzzo h3 {font-size: 2.5rem;}
    .use-fuzzo ol li {font-size: 1rem;}
    .about-truck p {font-size: 1rem;}
    .accordion .accordion-item {padding: 20px;}
    .accordion .accordion-item .accordion-collapse .accordion-body{font-size: 1rem;}
    footer .logo img {max-width: 150px;}
    footer .social-media h5 {font-size: 1.5rem;}
    footer .social-media a {margin-right: 15px;}
}