@media screen and (max-width: 1299px) {
	.toggle-content-one .slick-track {
		display: flex;
		cursor: -webkit-grab;
		cursor: grab;
	}

	.toggle-content-one .slick-track:active {
		cursor: -webkit-grabbing;
		cursor: grabbing;
	}
}

@media screen and (min-width: 1200px) {
	.text-and-image-illustration-center {
		left: 50%;
	}
}

@media screen and (min-width: 1130px) {
	.toggle-content button.slick-arrow {
		top: 185px;
	}
}

@media screen and (max-width: 1129px) {
	.toggle-content-one-slider button.slick-arrow {
        top: 27.5%;
    }
}

@media screen and (min-width: 992px) and (max-width: 1129px) {
	.toggle-content-two-slider button.slick-arrow {
		top: 23%;
	}
}

@media screen and (min-width: 1030px) {
	.image-and-form-container .wrap > div:first-child {
		padding-right: 30px;
		margin-top: -5vw;
	}

	.image-and-form-container .wrap > div:last-child {
		padding-left: 30px;
	}

	.d-lg-flex {
		display: flex;
	}

	.align-items-lg-flex-end {
		align-items: flex-end;
	}

	.align-items-lg-center {
		align-items: center;
	}
}

@media screen and (max-width: 1029px) {

}

@media screen and (min-width: 768px) and (max-width: 1029px) {
	.image-and-form-container .wrap > div:first-child {
    	padding-right: 20px;
	}

	.image-and-form-container .wrap > div:last-child {
		padding-left: 20px;
	}
	
}

@media screen and (min-width: 992px) and (max-width: 1199px) { 
	.text-and-image-illustration-center {
		left: 65%;
	}
}

@media screen and (min-width: 992px) {
	.error404 #content {
		min-height: 80vh;
	}

	body:not(.home) .nav-toggle-contain button, body:not(.home) div#main-nav button {
		display: none;
	}

	.testimonial-slider ul.slick-dots {
		left: 10px;
	}

	.testimonial-slider .slick-arrow:focus {
		top: 50%;
	}

	.text-and-image-content {
		margin-top: 30px;
	}

	.has-top-illustration .wrap {
		padding-top: 100px;
	}

	.text-and-image-illustration-center {
		position: absolute;
		top: -75px;
		transform: translateX(-50%);
	}

	.has-top-illustration h2 + p {
		max-width: 470px;
	}

	.text-and-image-img-container:after {
		left: 50%;
	}

	.pelan-footer h2 { margin-bottom: 25px; }

	.quote-byline .company {
    	margin-left: 12px;
	}

	.text-and-image-illustration-container {
		position: absolute;
		right: 0;
		top: 34%;
		transform: translateY(-50%);
		width: auto;
		max-width: 50%;
		z-index: -1;
	}

	.single-testimonial > div:last-child {
		padding-left: 50px;
	}

	.testimonial-slider {
		padding: 80px 60px;
	}

	.text-and-image-subsection {
    	max-width: 450px;
	}

	.text-and-image-img-container {
		margin-left: auto;
	}
}

@media screen and (max-width: 991px) {
	.toggle-content-two-slider button.slick-arrow {
        top: 25%;
    }

	div#main-nav, div#main-nav button {
		box-shadow: 0px 1px 4px rgb(32 26 23 / 10%);
	}
	
	body:not(.home) .title-area {
		position: relative;
		z-index: 1;
	}

	body:not(.home) .nav-toggle-contain:has(.nav-open) {
		z-index: 2;
	}

	body:not(.home) ul#menu-main-menu {
		display: flex;
		align-items: center;
		justify-content: center;
		flex-wrap: wrap;
	}

	body:not(.home) div#main-nav.nav-open {
        transform: translateX(-50%) scaleY(100%);
    }

	body:not(.home) .nav-toggle-contain {
    	position: fixed;
		width: calc(100% - 40px);
		top: 20px;
		right: 20px;
	}

	body:not(.home) button.responsive-nav-toggle {
		margin-left: auto;
	}

	body:not(.home) div#main-nav {
		transform: translateX(-50%) scaleY(0);
		transform-origin: top;
		width: 100%;
		top: 0px;
		justify-items: center;
		background: var(--brand-accent-two);
		border-radius: 5px;
		padding: 10px;
		transition: all 0.25s ease;
		opacity: 0;
		visibility: hidden;
		position: absolute;
		left: 50%;
	}

	body:not(.home) nav.navbar {
		position: relative;
	}

	.testimonial-slider .slick-arrow {
		top: unset !important;
	}

	.testimonial-slider ul.slick-dots {
		text-align: center;
	}

	.text-and-image-container .text-and-image-illustration-center img {
		width: auto;
		max-width: 100%;
		margin: 0 auto 30px;
	}

	.text-and-image-illustration-center {
		align-self: center;
	}

	.text-and-image-img-container:after {
		left: 30%;
	}

	.footer-logo img {
		max-width: 220px;
	}

	.pelan-footer h2 { margin-bottom: 15px; }
	
	.pelan-footer  div#inner-footer > div:not(.credits) {
		width: 100%;
		padding-right: 0;
		text-align: center;
	}

	.pelan-footer .footer-logo a {display: inline-block;}

	.pelan-footer .social {
		justify-content: center;
	}

	.pelan-footer .footer-logo {
		margin-bottom: 20px;
	}

	.pelan-footer  .footer-contact {
		margin: 50px 0;
	}
	
	.quote-byline {
		gap: 12px;
	}

	.testimonial-slider ul.slick-dots {
		margin-top: 30px;
	}

	.about-container {
		padding-bottom: 0 !important;
	}

	.text-and-image-illustration-container {
        position: relative;
    }
	
	.text-and-image-img-container {
		margin: calc(4vw + 30px) auto 0;
	}

	.text-and-image-container .wrap {
		flex-direction: column;
		position: relative;
	}

	.text-and-image-container .wrap > div {
		width: 100%;
		padding: 0;
	}

	.text-and-image-line.below {
		position: absolute;
		bottom: 0;
		width: 100%;
	}

	.text-and-image-line.below:after {
		width: 60%;
	}

	.text-and-image-container.has-img .wrap > div:first-child {
		margin-bottom: calc(30px + 4vw);
	}

	.content-toggle-container .wrap > div {
		width: 100%;
		padding: 0;
	}

	.content-toggle-container .wrap > div:nth-child(3) {
		text-align: left;
		margin-bottom: 20px;
	}

	.hero-img-left {
		left: 5vw;
	}
}

@media screen and (max-width: 781px) {
	.page-template-page-no_title .wp-block-group .wp-block-columns {
		gap: 0 !important; 
	}
}

@media screen and (min-width: 768px) and (max-width: 991px) { 
	.error404 #content {
		min-height: 65vh;
	}

	.testimonial-slider .slick-arrow {
		bottom: 65px;
	}

	.text-and-image-illustration-center {
		margin-top: -50px;
	}

	.single-testimonial {
		display: flex !important;
	}

	.single-testimonial > div:last-child img {
		height: 100%;
		object-fit: cover;
	}

	.single-testimonial > div:last-child {
		padding: 0 0 0 40px;
	}

	.testimonial-slider {
		padding: 80px 30px;
	}
}

@media screen and (min-width: 768px) {
	#post-not-found .article-header {
		max-width: 500px;
	}

	#post-not-found .entry-content {
		max-width: 450px;
	}

	.cta-slider .slick-arrow:focus {
		top: 50%;
	}

	.cta-slider .slick-arrow, .testimonial-slider .slick-arrow {
		opacity: 0;
		transition: opacity 0.25s ease;
	}

	.cta-slider:hover .slick-arrow, .cta-slider:has(.slick-arrow:focus-visible) .slick-arrow, .testimonial-slider:hover .slick-arrow, .testimonial-slider:has(.slick-arrow:focus-visible) .slick-arrow {
		opacity: 1;
	}

	.cta-slider .slick-prev {
		left: 28px;
	}

	.cta-slider .slick-next {
		right: 28px;
	}

	.cta-container .wrap {
		position: relative;
	}

	.home .nav li:not(.cta-btn) a:after {
		content: '';
		position: absolute;
		left: 0;
		bottom: -10px;
		width: 100%;
		height: 10px;
	}

	div#main-nav li.cta-btn a {
		margin-left: 12px;
	}

	div#main-nav button {
		width: 22px;
		height: 22px;
		font-size: 14px;
	}

	.home div#main-nav {
		top: 50%;
    	transform: translate(-50%, -50%) scaleX(0); 
	}

	.home div#main-nav.nav-open {
		transform: translate(-50%, -50%) scaleX(100%);
	}

	.home .header {
		bottom: 30px;
		left: 50%;
		transform: translateX(-50%);
		align-items: center;
	}

	.home button.responsive-nav-toggle {
		margin: 0 auto;
	}

	p.quote {
		font-size: 2em;
	}

	.quote-byline p {
		font-size: 1.25em;
	}

	.single-testimonial > div:first-child {
		padding: 0 0 0 45px;
	}

	.single-testimonial > div:first-child:before {
		left: 0;
	}

	.single-testimonial > div:first-child:after {
		left: 15px;
	}

	section.home-section > div:not(.hero-container) {
		padding: 0 30px 100px;
	}

	.text-and-image-container + .testimonial-slider-container {
		margin-top: -50px;
	}

	.cta-slider {
		padding-left: 30px;
		padding-right: 20px;
		border-left: 1px solid #FCF6E8;
		position: unset !important;
	}

	.cta-container p {
		max-width: 550px;
	}

	.cta-container .wrap > div:first-child {
		padding-right: 30px;
	}

	.hero-img-left {
    	top: 50%; 
	}

	.d-md-flex {
		display: flex;
	}

	.align-items-md-flex-end {
		align-items: flex-end;
	}

	.align-items-md-center {
		align-items: center;
	}
}

@media screen and (min-width: 431px) and (max-width: 991px) {
	.text-and-image-illustration-container {
		right: -30px;
	}
}

@media screen and (min-width: 501px) and (max-width: 991px) {
	.single-testimonial > div:first-child {
		padding: 0 0 0 40px;
	}

	.single-testimonial > div:first-child:before {
		left: -3px;
		top: -10px;
		width: 23px;
		height: 40px;
		font-size: 68px;
	}

	.single-testimonial > div:first-child:after {
		left: 10px;
	}
}

@media screen and (max-width: 500px) {
	.single-testimonial > div:first-child:before {
		top: -10px;
		left: -5px;
		position: relative;
		display: block;
		width: 40px;
	}

	.single-testimonial > div:first-child:after {
		width: 100%;
		height: 1px;
		top: 7px;
	}
}

@media screen and (min-width: 431px) and (max-width: 767px) {
	.hero-container .wrap > div:last-child {
        margin: 30px 0 22vw;
    }

	.hero-container {
		height: auto;
		padding: 90px 0 250px;
	}

	.error404 #content {
		padding: 0 30px !important;
	}

	.testimonial-slider {
		padding: 60px 30px;
	}

	section.home-section > div:not(.hero-container) {
		padding: 0 30px 60px;
	}

	.text-and-image-container + .testimonial-slider-container {
		margin-top: -30px;
	}

	.hero-container .wrap > div:last-child {
		padding: 0 30px;
	}
}

@media screen and (max-width: 781px) {
	.page-template-page-no_title .wp-block-group .wp-block-column:not(:last-child) {
		margin-bottom: 30px;} 
}

@media screen and (max-width: 767px) {
	.footer .credits {
		text-align: center;
	}

	ul#menu-footer-links {
		justify-content: center;
		margin-top: 5px !important;
	}

	article#post-not-found img {
		width: 100%;
		max-width: 600px;
		margin: 20px 0 0 auto;
		display: block;
		position: relative;
		right: -30px;
	}

	.error404 #content {
		align-items: flex-start;
	}

	.testimonial-slider .slick-arrow {
		bottom: 45px;
	}

	.cta-slider .slick-arrow {
		top: unset !important;
		bottom: -9px;
	}

	.cta-slider .slick-list {
		margin-bottom: 30px;
	}

	.cta-slider .slick-prev {
		left: 0;
	}

	.cta-slider .slick-next {
		right: 0;
	}

	.cta-container ul.slick-dots {
		text-align: center;
	}

	div#main-nav button {
		width: 28px;
		height: 28px;
		font-size: 16px;
	}

	div#main-nav *:not(button) {
		width: 100%;
		text-align: center;
	}

	.home button.responsive-nav-toggle {
		margin-left: auto;
	}

	div#main-nav li.cta-btn a {
		margin: 0 0 12px;
	}

	.home .header {
		width: calc(100% - 40px);
	}

	.home div#main-nav {
    	transform: translateX(-50%) scaleY(0); 
		transform-origin: top;
		width: 100%;
		top: 0;
	}

	.home div#main-nav.nav-open {
		transform: translateX(-50%) scaleY(100%);
	}

	ul#menu-main-menu {
		flex-direction: column;
	}

	.home .header {
		top: 20px;
		left: 20px;
	}

	.image-and-form-img {
		display: none;
	}

	p.quote {
		font-size: 1.75em;
	}

	.quote-byline p {
		font-size: 1.15em;
	}

	.single-testimonial > div:last-child {
		padding: 30px 0 0;
	}

	.cta-container h2 {
		text-align: left;
	}

	.cta-slider {
		padding-top: 10px;
	}

	h1 {
		font-size: 2.5em;
	}

	.hero-content img.hero-logo {
		max-width: 220px;
	}

	.gform_confirmation_message {
		text-align: center;
	}
}

@media screen and (min-width: 641px) and (max-width: 767px) {
	.hero-img-left {
		bottom: 0;
	}
}

@media screen and (max-width: 640px) {
	.hero-img-left {
		bottom: -30px;
	}

	.footer .credits > div {
		width: 100%;
		padding: 0;
		text-align: center;
	}

	.footer .credits > div:first-child {
		margin-bottom: 10px;
	}
}

@media screen and (min-width: 431px) {
	body:not(.home) header.header {
		padding: 0 30px;
	}

	body:not(.home) div#content {
		padding-bottom: 60px;
	}

	.toggle-content button.slick-arrow {
		opacity: 0;
		transition: opacity 0.25s ease;
		padding-bottom: 50px;
		width: 40px;
	}

	.toggle-content:has(.slick-arrow:focus-visible) .slick-arrow, .toggle-content-two-slider:hover .slick-arrow {
		opacity: 1;
	}

	.text-and-image-line.above:after {
		width: calc(100% + 18vw);
	}

	a.btn-wide {
		padding: 30px;
		display: flex;
		flex-wrap: wrap;
		align-items: center;
		justify-content: center;
		gap: 10px 30px;
	}

	a.btn-wide:after {
		font-size: 140%;
	}

	.pelan-footer {
		padding: 80px 30px 20px;
	}
}

@media screen and (max-width: 430px) {
	.hero-container .wrap > div:last-child {
		position: absolute;
		left: 50%;
		top: 36%;
		transform: translate(-50%, -50%);
		width: 100%;
	}

	.error404 #content {
		padding: 0 20px !important;
	}

	body:not(.home) header.header {
		padding: 0 20px;
	}

	.entry-content {
  		padding: 30px 20px 0;
	}

	body:not(.home) div#content {
		padding-bottom: 30px;
	}

	.testimonial-slider .slick-prev {
		left: 20px;
	}

	.testimonial-slider .slick-next {
		right: 20px;
	}

	.testimonial-slider, .cta-container .wrap {
		padding: 60px 20px;
	}

	.text-and-image-line.above:after {
		width: calc(100% + 30px);
	}

	a.btn-wide {
		padding: 20px; 
	}

	.single-content-one {
		padding: 50px 30px;
		max-width: 300px;
	}

	p.quote {
		font-size: 1.5em;
	}

	.quote-byline p {
		font-size: 1em;
	}

	.home div#main-nav {
		left: calc(50% - 1px);
		width: calc(100% + 4px);
		top: -1px;
	}

	.text-and-image-illustration-container {
		right: 0px;
	}

	.text-and-image-container img {
		width: calc(100% + 20px);
	}

	.hero-container .background img {
		width: 45vw;
	}

	.hero-img-left {
        bottom: -30px;
    }

	.hero-content img.hero-logo, .footer-logo img {
        max-width: 200px;
    }

	h1 {
        font-size: 2.35em;
    }

	.hero-content {
		padding: 0 20px;
	}

	.pelan-footer {
		padding: 50px 20px 20px;
	}

	section.home-section > div:not(.hero-container) {
		padding: 0 20px 50px;
	}
}