#fortris-page-builder #content {padding: 45px 0; line-height: 1.5;}

#fortris-page-builder .side-image {height: 100%; object-fit: cover; width: 50vw; max-width: 130% !important; margin-left: 4vw; max-height: 28vw;}
#fortris-page-builder .side-image.left {margin-left: calc(-30% - 30px);}

#fortris-page-builder .side-image.large {min-height: 600px; max-width: 150% !important; margin-left: calc(-50% - 30px);}
#fortris-page-builder .side-image.small {max-height: 350px;}
#fortris-page-builder .constrain .side-image {max-width: 100% !important; margin-left: 0; min-height: 0;}

#fortris-page-builder #callout {padding: 40px; text-align: center; margin: 30px 0;}
#fortris-page-builder #callout h3 {}
#fortris-page-builder #callout .sep {width: 100px; height: 2px; background: #222; margin: 0 auto 20px;}
#fortris-page-builder #callout p {margin-bottom: 0;}

#fortris-page-builder #hero {position: relative;}
#fortris-page-builder #hero img {width: 100%; display: block; object-fit: cover;}
#fortris-page-builder #hero img.small {max-height: 40vh; }
#fortris-page-builder #hero img.medium {max-height: 70vh; }
#fortris-page-builder #hero img.large {height: 80vh; }
#fortris-page-builder #hero .title {position: absolute; width: 100%; height: 100%; top: 0; display: flex; align-items: center; align-content:center; flex-direction: column; justify-content: center}



#fortris-page-builder #accordion {padding: 45px 0;}
#fortris-page-builder #accordion .card {margin-bottom: 10px; border: none}
#fortris-page-builder #accordion .card-header {background: #EFEFEF; border: none; box-shadow: none; outline: none; position: relative; outline: none;}
#fortris-page-builder #accordion h2 {font-size: 20px; margin-bottom: 0;  margin: 0; padding: 0; }
#fortris-page-builder #accordion h2 button {display: block; color: #222; font-size: 22px; margin: 0; padding: 0; text-decoration: none; position: relative;}
#fortris-page-builder #accordion h2 button:hover {}
#fortris-page-builder #accordion .card i {position: absolute; color: #222; right: 0; top: 5px; font-size: 20px; transform: rotate(-90deg); }
#fortris-page-builder #accordion .card .collapsed i {transform: rotate(90deg); top: 5px; }

#fortris-page-builder h1 {margin-bottom: 30px; padding: 0; font-size: 40px; line-height: 1.2;}
#fortris-page-builder h2 {margin-bottom: 30px;  padding: 0; font-size: 30px;}
#fortris-page-builder h3 {margin-bottom: 30px;  padding: 0; font-size: 20px;}
#fortris-page-builder p {margin-bottom: 30px;  padding: 0;}


#fortris-page-builder #before-afters {padding: 60px 0;}
#fortris-page-builder #before-afters .section-header {margin-bottom: 40px;}
#fortris-page-builder #before-afters .subtitle {font-size: 18px; margin-top: -20px;}
#fortris-page-builder #before-afters .before-after-container {margin-bottom: 30px;}
#fortris-page-builder #before-afters .before-after-slider {position: relative; width: 100%; aspect-ratio: 4 / 5; overflow: hidden;}
#fortris-page-builder #before-afters .before-image {position: absolute; top: 0; left: 0; height: 100%; overflow: hidden; z-index: 2; width: 50%;}
#fortris-page-builder #before-afters .after-image {position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 1;}
#fortris-page-builder #before-afters .before-image img {position: absolute; top: 0; left: 0; height: 100%; width: 100%; object-fit: cover; object-position: center left}
#fortris-page-builder #before-afters .after-image img {width: 100%; height: 100%; object-fit: cover;}
#fortris-page-builder #before-afters .slider-handle {position: absolute; top: 0; left: 50%; width: 4px; height: 100%; background: #fff; cursor: ew-resize; z-index: 3; box-shadow: 0 0 5px rgba(0,0,0,0.5);}
#fortris-page-builder #before-afters .slider-handle:after {content: ''; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 30px; height: 30px; background: #fff; border-radius: 50%; box-shadow: 0 0 5px rgba(0,0,0,0.5);}
#fortris-page-builder #before-afters .slider-handle:before {content: ''; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 10px; height: 10px; background: #333; border-radius: 50%; z-index: 4;}

@media (max-width: 767px) {
	#fortris-page-builder #hero img {height: 50vh;}
	#fortris-page-builder #content {padding: 30px 0;}
	#fortris-page-builder .side-image {margin: 0 0 30px !important; width: 100%; max-height: none;}
	#fortris-page-builder #before-afters .before-after-slider {height: 250px;}
}