@charset "UTF-8";

:root {
	--aqua:#10aeb0;
	--deep:#064d8d;
	--orange:#ff8b14;
	--green:#21ad3d;
	
	--header-height-sp:60rem;
}
#scheduledPickup { background: linear-gradient(#e9f9ff, #f5fcff 55%, #ecfaff); }
#scheduledPickup section { padding:40rem 0; letter-spacing:0.025em; }
#scheduledPickup h3 { color:#126ab2; }
#scheduledPickup .green h3 { color:#21a53c; }
#scheduledPickup .aqua h3 { color:var(--aqua); }
#scheduledPickup .blackShadow { box-shadow:3rem 3rem 8rem #00000010; }
@media (max-width:780px) {
	#scheduledPickup section { padding:30rem 0; letter-spacing:0.0125em; }
}


#scheduledPickup .sectionTitle { color:var(--deep); margin-bottom:var(--margin-space-M); }
#scheduledPickup .sectionTitle .leaf { width:53rem; margin-left:6rem; }
@media (max-width:780px) {
	#scheduledPickup .sectionTitle { color:var(--deep); margin-bottom:var(--margin-space-M-sp); }
	#scheduledPickup .sectionTitle .leaf { width:40rem; margin-left:3rem; }
}

#scheduledPickup .actions .action { min-width:inherit; height:52rem; padding:0 18rem; font-size:var(--font-size-L); color:white; text-align:left; }
#scheduledPickup .actions .action span { font-size:var(--font-size-S); }
#scheduledPickup .actions .action.tel span { font-size:12rem; line-height:1.1; }
#scheduledPickup .actions .action i { font-size:var(--font-size-LLL); margin-right:12rem; }
#scheduledPickup .actions .action strong { font-size:var(--font-size-L); }
#scheduledPickup .actions .action small { font-size:font-size:10rem; }
#scheduledPickup .actions .action.blue { background:linear-gradient(#0d6db8, #07569a); }
#scheduledPickup .actions .action.orange { background:var(--orange); }
#scheduledPickup .actions .action.green { background:var(--green); }
@media (max-width:780px) {
}


#scheduledPickup .MiddleIcon { font-size:40rem; }
#scheduledPickup .bigIcon { font-size:52rem; }
@media (max-width:780px) {
	#scheduledPickup .bigIcon { font-size:44rem; }
}

#scheduledPickup .floatNavigation { position:fixed; left:0; bottom:-60rem; width:100%; z-index:1002; transition:bottom 0.3s; }
html.scrolled #scheduledPickup .floatNavigation { bottom:0; }
#scheduledPickup .floatNavigation > * { display:flex; flex-direction:column; height:60rem; background: linear-gradient(#0d6db8, #07569a); color:white; font-size:13rem; }
#scheduledPickup .floatNavigation .orange { background:var(--orange); }
#scheduledPickup .floatNavigation .green { background:var(--green); }
#scheduledPickup .floatNavigation i { font-size:32rem; line-height:1; }

#scheduledPickup header { padding:12rem 0; }
#scheduledPickup header .headerLogo { margin-right:auto; }
#scheduledPickup header .headerLogo img { height:40rem; }
#scheduledPickup header .navigations { padding-right:40rem; }
#scheduledPickup header nav { justify-content:flex-end; margin-right:0; column-gap:20rem; }
#scheduledPickup header nav > * { padding:0; height:24rem; }
@media (max-width:780px) {
	#scheduledPickup header { padding:0; }
	#scheduledPickup header .headerLogo { padding-left:20rem; }
	#scheduledPickup header .headerLogo p { font-size:9rem !important; margin-bottom:8rem !important; }
	#scheduledPickup header .headerLogo img { height:32rem; }
	#scheduledPickup header .navigations { display:none; }
}

footer { padding-top:0; }
@media (max-width:780px) {
	footer { padding-top:0; padding-bottom:60rem; }
}

#scheduledPickup section.hero { background:white; }
#scheduledPickup section.hero > *:not(.bg) { z-index:2; }
#scheduledPickup section.hero .contentWrapper { min-height:480rem; }
#scheduledPickup section.hero .bg {
	position:absolute; right:0; top:0; width:50%; height:100%; pointer-events:none;
	background: url("img/scheduled_pickup/hero.jpg") center / cover no-repeat; clip-path: polygon(100rem 0, 100% 0, 100% 100%, 0 100%);
}
#scheduledPickup section.hero .copy { margin-right:auto; }
#scheduledPickup section.hero .copy .eyebrow { color:var(--aqua); }
#scheduledPickup section.hero .copy h1 { font-size:48rem; }
#scheduledPickup section.hero .copy h1 span { color: var(--deep); }
#scheduledPickup section.hero .area { width: fit-content; padding:6rem 22rem; color: var(--deep); background: white; border: 1rem solid #cae1ee; border-radius: 7rem; }
#scheduledPickup section.hero .licenses { margin-left:auto; margin-right:20rem; padding:20rem; margin-top: auto; background:#fffffff0; border-radius:16rem; }
#scheduledPickup section.hero .licenses dt { font-weight:bold; }
#scheduledPickup section.hero .licenses dd a { display:block; }
#scheduledPickup section.hero .licenses dd a:hover { text-decoration: underline; }
@media (max-width:780px) {
	#scheduledPickup section.hero { padding:40rem 0 0; }
	#scheduledPickup section.hero .contentWrapper { display:block; }
	#scheduledPickup section.hero .bg { top:auto; bottom:0; width:100%; height:360rem; clip-path: polygon(0 40rem, 100% 0, 100% 100%, 0 100%); }
	#scheduledPickup section.hero .copy { margin-right:0; }
	#scheduledPickup section.hero .copy h1 { font-size:28rem; margin-top:10rem; }
	#scheduledPickup section.hero .copy .lead { font-size:14rem; }
	#scheduledPickup section.hero .area { text-align:center; width:100%; font-size:14rem; padding:6rem 0; margin:10rem auto 0; color: var(--deep); background: white; border: 1rem solid #cae1ee; border-radius: 7rem; }
	#scheduledPickup section.hero .licenses { flex-direction:column; align-items:center; margin:0; gap:12rem; text-align:center; margin:20rem 0; }
}


#scheduledPickup section.service article { background:white; border-radius:6rem; border:1rem solid #d8e7ee; padding:10rem 0 12rem; }
#scheduledPickup section.service article p { padding:10rem 0 0; }
#scheduledPickup section.service article p + p { font-weight:normal; padding-top:10rem; margin:12rem 12rem 0; border-top:1rem solid #ccc; }

#scheduledPickup section.waste article { grid-template-columns:80rem 1fr; background:white; border-radius:6rem; border:1rem solid #d8e7ee; padding:20rem; }
#scheduledPickup section.waste article small { background:#126ab2; display: block; padding: 1rem 10rem; color: white; text-align: center; border-radius: 3rem; }
#scheduledPickup section.waste article.green small { background:#21a53c;  }
#scheduledPickup section.waste article.aqua small { background:var(--aqua);  }
@media (max-width:780px) {
	#scheduledPickup section.waste article { grid-template-columns:60rem 1fr; padding:20rem; padding-left:10rem; }
}


#scheduledPickup section.plans article { grid-template-columns:120rem 1fr; background:white; border-radius:6rem; border:1rem solid #d8e7ee; padding:20rem; }
@media (max-width:780px) {
	#scheduledPickup section.plans article { grid-template-columns:100rem 1fr; padding:12rem; }
}


#scheduledPickup section.area .areaBox { border:1rem solid #d8e7ee; border-radius:12rem; overflow:hidden; background:white; padding-bottom:40rem; }
#scheduledPickup section.area h4 { color:#126ab2; padding:0 20rem; }
#scheduledPickup section.area p { padding:0 20rem; }
#scheduledPickup section.area .greenText { color:var(--green); }
@media (max-width:780px) {
	#scheduledPickup section.area .areaBox { padding-bottom:12rem; }
}


#scheduledPickup section.flow .steps { align-items:stretch; }
#scheduledPickup section.flow article { grid-template-columns:40rem 60rem 1fr; align-items:center; background:white; border-radius:6rem; height:100rem; padding-left:20rem; }
#scheduledPickup section.flow article em { width:40rem; height:40rem; border-radius:9999rem; background:var(--deep); color:white; font-weight:bold; display:flex; font-size:20rem; }
#scheduledPickup section.flow article i { width:60rem; display:flex; font-size:52rem; }
@media (max-width:780px) {
	#scheduledPickup section.flow article { grid-template-columns:30rem 40rem 1fr; height:80rem; padding-left:12rem; }
	#scheduledPickup section.flow article em { width:30rem; height:30rem; font-size:18rem; }
	#scheduledPickup section.flow article i { width:40rem; display:flex; font-size:32rem; }
}


#scheduledPickup section.faq details { width:100%; border-radius:6rem; background:white; text-align:left; }
#scheduledPickup section.faq details i { position:absolute; left:32rem; top:20rem; font-size:32rem; color:var(--orange); font-weight:bold; }
#scheduledPickup section.faq details summary { padding:32rem 32rem 32rem 72rem; }
#scheduledPickup section.faq details p { padding:0 32rem 32rem 72rem; }
#scheduledPickup section.faq details p i { color:var(--deep); top:-15rem; }
@media (max-width:780px) {
	#scheduledPickup section.faq details i { left:16rem; top:11rem; font-size:22rem; }
	#scheduledPickup section.faq details summary { padding:16rem 16rem 16rem 50rem; }
	#scheduledPickup section.faq details p { padding:0 16rem 16rem 50rem; }
	#scheduledPickup section.faq details p i { top:-4rem; }
}


#scheduledPickup section.vehicles article { background:white; border-radius:12rem; overflow:hidden; }
@media (max-width:780px) {
}

#scheduledPickup section.company .logo { width:50%; margin:0 auto; }
#scheduledPickup section.company .indexGrid { grid-template-columns:80rem 1fr;  }

#scheduledPickup section.cta { background: linear-gradient(110deg, #087bc5, #035798); color:white; padding:100rem 0; }
#scheduledPickup section.cta .sectionTitle { color:white; margin-bottom:10rem; }
#scheduledPickup section.cta .person { font-size:100rem; }
@media (max-width:780px) {
	#scheduledPickup section.cta { padding:50rem 0; }
}