@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');

html {
   font-family: 'Roboto',  sans-serif !important;
}

header {
   padding: 15px 20px;
   background-color: #FFFFFF;
   filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
}

header a.nav-link {
   color: #595F6F;
   font-family: Roboto,  sans-serif;
   font-style: normal;
   font-weight: normal;
   font-size: 16px;
   line-height: 19px;
   filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
}

.navbar-nav {
    gap: 50px;
}

.home-section {
   padding-top: 50px;
   padding-bottom: 50px;
   background: linear-gradient(to bottom, #FDFDFD 0%, 42.980560660362244%, #ECEDED 85.96112132072449%, 92.98056066036224%, #E4E5E6 100%);
}

.home-section h2 {
   font-family: 'Roboto', sans-serif;
   font-style: normal;
   font-weight: 300;
   font-size: 48px;
   line-height: 56px;
   text-align: center;
   letter-spacing: -1px;
   color: #000000;
}

.home-section h2 strong {
   font-weight: bold;
}

.home-section p {
   font-family: 'Roboto', sans-serif;
   font-style: normal;
   font-weight: normal;
   font-size: 18px;
   line-height: 23px;
   text-align: center;
   letter-spacing: -0.5px;
   color: rgba(0, 0, 0, 0.6);
}


.how-it-works-section {
   padding-top: 50px;
   padding-bottom: 50px;
}

.how-it-works-section h3 {
   font-family: 'Roboto', sans-serif;
   font-style: normal;
   font-weight: 300;
   font-size: 36px;
   line-height: 44px;
   text-align: center;
   letter-spacing: -1px;
   color: #696969;
}

.how-it-works-section p {
   font-family: 'Roboto', sans-serif;
   font-style: normal;
   font-weight: normal;
   font-size: 16px;
   line-height: 23px;
   letter-spacing: -0.5px;
   color: rgba(0, 0, 0, 0.6);
}

.get-in-touch-section {
   padding-top: 100px;
   padding-bottom: 200px;
   background: url(../img/get-in-touch-background.png);
   background-size: cover;
}

.get-in-touch-section h3 {
   font-family: 'Roboto', sans-serif;
   color: #FFFFFF;
   font-style: normal;
   font-weight: 300;
   font-size: 36px;
   line-height: 44px;
   letter-spacing: -1px;
}

.get-in-touch-section h3 span {
   font-weight: normal;
}

.get-in-touch-section h5 {
   font-family: 'Roboto', sans-serif;
   font-style: normal;
   font-weight: normal;
   font-size: 18px;
   line-height: 21px;
   letter-spacing: -0.5px;
   color: #FFFFFF;
}

.get-in-touch-section p {
   font-family: 'Roboto', sans-serif;
   font-style: normal;
   font-weight: normal;
   font-size: 16px;
   line-height: 18px;
   color: rgba(255, 255, 255, 0.5);
}

.get-in-touch-section .circle-orange {
   position: relative;
   background: linear-gradient(225deg, #EA632C 0%, #EA632C 100%);
   box-shadow: 20px 20px 60px rgba(0, 0, 0, 0.4);
   border-radius: 67px;
   height: 67px;
   width: 67px;
}

.get-in-touch-section .circle-orange img {
   position: absolute;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
}

footer {
   padding: 60px 20px;
   background: url(../img/footer-background.png);
   background-repeat: no-repeat;
   background-size: cover;
}

footer a.nav-link {
   color: #D3D3D3 !important;
}

footer h4 {
   color: #FFFFFF;
}
footer p {
   color: rgba(242, 242, 242, 0.69);
}

footer .nav {
   justify-content: flex-end !important;
}

@media (max-width: 768px) {
   
   footer .nav {
      justify-content: center !important;
   }
}

.error-view,
.contact-view,
.ccpa-container,
.legal-container,
.exit-survey-view,
.requirements-view {
   color: #696969;
   min-height: calc(100vh - 371px);
}