@charset "UTF-8";

.at-a-glance-col {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    margin-bottom: 3rem;
}

.at-a-glance-section {
    display: flex;
    justify-content: center;
    align-items: center;
}

.flex-container {display: flex; flex-wrap: wrap;}
.flex50 {flex: 50%;}

#home-hero {
    background: url("/images/rat/home/home-hero-house.jpg") no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    min-height: 90vh;
    margin-top: 3.7rem;
}
#home-starry {
    background: url("/images/Homepage_header/kids_starry_background.png");
}
#home-kids-reading {
    background: url("/images/Homepage_header/kids_reading_header_homepage.jpg");
}
#home-rat-header {
    background: url("/images/Homepage_header/rat-header.png");
    object-fit: scale-down;
    width: 15vw;
}
/* image splitter */

.image-splitter {
    position: relative;
    overflow: hidden;

    & .inner {
        overflow: hidden;
        width: 60%;
        height: 100%;
        background: transparent no-repeat center center / cover;
    }

    & .right {
        position: absolute;
        top: 0;
        width: 50%;
        right: 0;
        /*-webkit-clip-path: polygon(calc(16.667% + 50px) 0%, 100% 0%, 100% 100%, 16.667% 100%);
    clip-path: polygon(calc(16.667% + 50px) 0%, 100% 0%, 100% 100%, 16.667% 100%);*/

        /* Clipping */
        -webkit-clip-path: polygon(240px 1248px, 2000px 1248px, 2000px 0px, 50px 0px);
        clip-path: url("#clipPolygon");

        & img {
            width: 100%;
            min-height: 100%;
        }
    }
}
.image-splitter2 {
    position: relative;
    overflow: hidden;

    & .inner {
        overflow: hidden;
        width: 60%;
        height: 100%;
        background: transparent no-repeat center center / cover;
    }

    & .right {
        position: absolute;
        top: 0;
        width: 50%;
        right: 0;
        /*-webkit-clip-path: polygon(calc(16.667% + 50px) 0%, 100% 0%, 100% 100%, 16.667% 100%);
    clip-path: polygon(calc(16.667% + 50px) 0%, 100% 0%, 100% 100%, 16.667% 100%);*/

        /* Clipping */
        -webkit-clip-path: polygon(240px 1248px, 2000px 1248px, 2000px 0px, 50px 0px);
        clip-path: url("#clipPolygon2");

        & img {
            width: 100%;
            min-height: 100%;
        }
    }
}
.purple-btn{ display: block; width: 250px; padding: 15px 0; color: #fff; border-radius: 200px; background: #cf5bd0; margin: auto}
.purple-btn:hover{ display: block; width: 250px; padding: 15px 0; color: #fff; border-radius: 200px; background: #b843b9; margin: auto; text-decoration: none;}

.bl-btn-o{ display: block; width: 250px; padding: 11px 0; color: #2aa4d6; border-radius: 200px; background: #fff; border:3px solid #2aa4d6; margin: auto}
.bl-btn-o:hover{ display: block; width: 250px; padding: 11px 0; color: #2aa4d6; border-radius: 200px; background: #e8f8ff;border:3px solid #2aa4d6; margin: auto; text-decoration: none;}

.red-btn{ display: block; width: 250px; padding: 15px 0; color: #fff; border-radius: 200px; background: #ad1313; margin: auto}
.red-btn:hover{ display: block; width: 250px; padding: 15px 0; color: #fff; border-radius: 200px; background: #8b0000; margin: auto; text-decoration: none;}

/* slide out */
#slideout {
			position: fixed;
			top: 140px;
			right: 0;
			width: 48px;
			padding: 12px 0;
			text-align: center;
			
			-webkit-transition-duration: 0.3s;
			-moz-transition-duration: 0.3s;
			-o-transition-duration: 0.3s;
			transition-duration: 0.3s;
			-webkit-border-radius: 0 5px 5px 0;
			-moz-border-radius: 0 5px 5px 0;
			border-radius: 0 5px 5px 0;
	z-index: 500;
		}
		#slideout_inner {
			color: #666;
			position: fixed;
			top: 140px;
			right: -352px;
			background: #fff;
			width: 350px;
			padding: 25px;
			height: 450px;
			-webkit-transition-duration: 0.3s;
			-moz-transition-duration: 0.3s;
			-o-transition-duration: 0.3s;
			transition-duration: 0.3s;
			text-align: left;
			-webkit-border-radius: 5px 0 0 5px ;
			-moz-border-radius: 5px 0 0 5px;
			border-radius: 5px 0 0 5px;
			border:1px solid #ccc;
		}
		#slideout_inner textarea {
			width: 190px;
			height: 100px;
			margin-bottom: 6px;
		}
		#slideout:hover {
			right: 352px;
		}
		#slideout:hover #slideout_inner {
			right: 0;
		}

.home-hero-row {
    min-height: 102vh;
}

.hp-don-box{
	flex-grow: 1; width: 33%;
}
.hero-text {
    margin: 0rem;
    text-align: left;
}

.hero-text-container {
    width: 80%;
    padding-left: 1.5rem;
}

.hero-text-inner-container {
    height: 100%;
    position: relative;
}

.hero-text.subtitle {
    font-size: 1.0rem;
    line-height: 3rem;
    color: #054e78;
    margin-top: 3rem;
}
.hp-video-box {
	
	flex: 40%; margin-right: 50px;
}
.hp-video-box-text{
	flex: 30%;
}

.hp-vid-container{
	padding: 40px 0; display: flex;flex-wrap: wrap; justify-content: center;
}

.benefits-container-row {
    display: flex;
    justify-content: center;
    align-items: center;
}
.hero-text-bold {
    font-weight: 700;
}

.home-hero-text-content {
    display: flex;
    justify-content: center;
    align-items: center;
}

.first-testimonial {
    text-align: center;
    padding-top: 40px;
}
.first-testimonial p {
    text-align: center;
    display: block;
    margin: auto;
    display: table;
    margin-top: 10px;
    margin-bottom: 10px;
    font-size: 24px;
    line-height: 1.25;
    margin-bottom: 30px;
}

.first-testimonial-text-header {
    color: #0E79B3;
    font-size: 32px;
    font-weight: 700;
    padding: 15px 25px;
    background-color: #28ADE533;
}

.first-testimonial-school-name {
    font-size: 24px;
    font-weight: 700;
    line-height: 1.5;
    color: #0E79B3;
}
.first-testimonial-school-amount {
    font-size: 28px;
    font-weight: 500;
    color: white;
    background-color: #0E79B3;
    padding: 10px 20px;
}

.first-testimonial-img{
    margin-top: -100px;
    z-index: -1;
}
.first-testimonial-img img {
    width: 100%;
}

.why-readathon-content {
    position: absolute;
    top: 11%;
    left: 55%;
    right: 0;
    width: 40%;
}

.why-readathon-content-header {
    color: #0E79B3;
    font-weight: 700;
    text-align: left;
    font-size: 2.5rem;
    line-height: 3.5rem;
}

.readathon-content-first {
    color: #222B45;
    line-height: 2.5rem;
    font-size: 1.5rem;
}

.readathon-content-second {
    color: #0E79B3;
    line-height: 2.5rem;
    font-size: 1.6rem;
    font-weight: 700;
}

.how-much-could-you-raise {
    font-size: 2.5rem;
    font-weight: 700;
    line-height: 3rem;
}

.number-of-students-instructions {
    font-size: 1.5rem;
    margin-top: 2rem;
}


#fundsDescription {
    text-align: center;
    color: #0E79B3;
    font-size: 1rem;
    line-height: 1.5rem;
    /* margin-top: 2rem; */
}

#totalFundsAmount {
    text-align: center;
    font-size: 2.5rem;
    font-weight: 700;
    color: #90C35C;
    line-height: 5rem;
}

.you-could-raise {
    color: #0E79B3;
    text-align: left;
    font-size: 2rem;
    font-weight: 700;
    line-height: 3rem;
}

.divider {
    width: 100%;
    border: 1px solid #B8B8B8;
    margin-top: 1.5rem;
}

.slidersInstructions {
    color: #A7A7A7;
    margin-top: 1.5rem;
    font-size: 1rem;
    text-align: center;
}

.sliderLabelRow {
    margin-top: 1rem;
    color: #575757;
}

.sliderLabelRow p {
    color: #575757;
    font-size: 1.25rem;
}


.spacer {
    margin-top: 1.5rem;
}

#sliderGroup {
    width: 80%;
    margin: 0 auto;
}

#sliderStudentParticipation {
    margin-top: 1rem;
}

#sliderDonorCount {
    margin-top: 1.25rem;
}

.numberOfStudentsSection {
    margin-top: 2rem;
    width: 100%;
}

#readathon-testimonial-block {
    background-color: #e9f6fc;
    min-width: 100%;
    padding: 60px 0;
}

.readathon-testimonial-block-content {
    position: absolute;
    top: 30%;
    left: 53%;
    right: 0;
    width: 30%;
}

.readathon-testimonial-block-content-header  {
    color: #0E79B3;
}

.readathon-testimonial-first-p {
    color: #0E79B3;
    font-weight: 700 !important;
    font-size: 2.5rem;
}

.readathon-testimonial-second-p {
    font-size: 1.35rem;
    color: #0E79B3;
    font-style: italic;
}

.how-much-you-could-raise-row {
    min-height: 50vh;
    display: flex;
    justify-content: center;
    align-items: center;
}

.how-much-you-could-raise-col {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}

.how-much-you-could-raise-content-container {
    /* position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%); */
    width: 70%;
}

.raise-second-column {
    background-color: #ffffff;
    border-radius: 2.125rem;
    padding-left: 3rem;
    padding-right: 3rem;
    padding-top: 3rem;
    padding-bottom: 3rem;
    /* height: 90vh; */
    width: 100%;
}

.col-hero-content-col {
    display: flex;
    justify-content: center;
    align-items: center;
}

@media screen and (min-width: 1024px) {
    .hero-text.title {
        font-size: 2.5rem;
        line-height: 3rem;
    }
    .hero-text.subtitle {
        font-size: 2.5rem;
        line-height: 3rem;
    }
}

@media screen and (min-width: 1144px) {
    .readathon-testimonial-first-p {
        font-size: 1.45rem;
    }
    
    .readathon-testimonial-second-p {
        font-size: 1.55rem;
    }
}

@media screen and (min-width: 1152px)
    and (max-width: 1168px) {
    .why-readathon-content {
        top: 15%;
    }
}

@media screen and (min-width: 1169px) {
    .why-readathon-content {
        top: 18%;
    }
}

@media screen and (min-width: 1230px) {
    .sliderLabelRow {
        margin-top: 2rem;
    }
}


.hero-content-col {
    position: relative;
    min-height: 102vh;
}


#why-readathon {
    position: relative;
}

.why-readathon-col,
.readathon-testimonial-block-col {
    position: relative;
}

.readathon-testimonial-block-col > img {
    position: absolute;
    top: 13%;
    left: 60%;
    right: 0;
    width: 5rem;
}

.why-readathon-img-container,
.readathon-testimonial-block-img-container,
.readathon-testimonial-block-img-quote-container {
    display: flex;
    justify-content: center;
    align-items: center;
}

.why-readathon-img-container img {
    width: 100%;
}

.readathon-testimonial-block-img-container img {
    width: 80%;
}

.at-a-glance {
    min-height: 10vh;
    margin-top: 2rem;
    margin-bottom: 4rem;
}

.glance-row {
    margin-top: 4rem;
}

.start-btn-container {
    width: 81%;
    /* position: absolute;
    bottom: 15%; */
    margin-top: 10%;
}


.fixed-top-header {
    background: #6EC7ED;
}

.reduce-section-height {
    min-height: 60vh;
}

.last-secondary-text {
    font-size: 2.4375rem;
    margin-bottom: 0rem;
}

.last-primary-text {
    font-size: 2.5rem;
    font-weight: 700;
    margin-bottom: 0rem;
}

#testimonials {
    min-height: 10vh;
}


.carouselHeaderColumn h1 {
    padding-left: 1rem;
}

.carousel {
    position: relative;
}

#testimonialCarouselIndicator {
    bottom: -1.5rem;
}

.carousel-indicators .active{
    background-color: #28ADE5;
}

.carousel-indicators li{
    background-color: #D4EEF9;
    border-radius: 50%;
    width: 0.75rem;
    height: 0.75rem;
}

.carousel-inner {
    padding-top: 1rem;
    padding-bottom: 1rem;
}

.testimonials-header {
    color: #0E79B3;
    text-align: center;
    font-size: 3rem;
    margin: 0 auto;
    width: 80%;
    font-weight: 700;
}

#testimonials {
    margin-top: 8rem;
    margin-bottom: 5rem;
}

.see-more-testimonial-button-row {
    width: 100%;
    margin-top: 4rem;
}

a.see-more-testimonials-button {
    font-size: 1.32rem;
}

#how-it-works {
    background-color: #ecf9ff;
    color: #414c53;
    text-align: center;
    font-family: Poppins, sans-serif;
    padding: 4rem 0;
}

#how-it-works h2 {
    text-align: center;
    font-style: normal;
    font-weight: 700;
    font-size: 3rem;
}

#how-it-works p {
    text-align: center;
    line-height: 1.5;
}

.how-it-works-steps {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    margin: 4rem 0;
}

.how-it-works-step {
    text-align: center;
    flex: 1;
}

.how-it-works-step h3 {
    font-size: 28px;
    font-weight: 700;
    line-height: 1.2;
}

.how-it-works-step-number {
    background-color: #ffa53e;
    color: #ffffff;
    border: 6px solid #ecf9ff;
    border-radius: 50%;
    font-weight: 700;
    width: 50px;
    height: 50px;
    margin: auto;
    margin-top: -1rem;
    margin-bottom: 1rem;
    position: relative;
    padding: .5em;
}

.how-it-works-cta a {
    background-color: #1993C8;
    color: #ffffff;
    text-decoration: none;
    text-transform: uppercase;
    font-family: Arial;
    font-size: .8rem;
    font-weight: bold;
    padding: .8rem 7rem;
    border-radius: 4rem;
}

.how-it-works-arrow img {
    width: 180px;
    margin-top: -5rem;
}

.estimateSlider .ui-slider-handle {
    /* width: 2em;
    left: -.6em;
    text-decoration: none;
    text-align: center; */
    border-radius: 50%;
    width: 1.25rem;
    height: 1.25rem;
    border: 2px solid #90C35C;
}

.estimateSlider .ui-slider-range { 
    background: #F6AE2D; 
}

.estimateSlider .ui-state-default, .ui-widget-content .ui-state-default {
    background: none;
    background-color: #FFF;
}


#how-much-you-could-raise {
    background: url("/images/rat/home/estimate-background.png") no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    min-height: 0vh;
    padding-left: 3rem;
    padding-right: 3rem;
    padding-top: 4rem;
    padding-bottom: 4rem;
}

.first-column-content-container {
    position: relative;
    height: 100%;
    width: 100%;
}

.sliderlabel {
    text-align: left;
}

#numberOfStudentsLabel {
    display: block;
    font-size: 1.75rem;
    text-align: center;
    color: #28ADE5;
}
.numberofStudentsSectionRow {
    text-align: center;
}

input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button { 
  -webkit-appearance: none; 
  margin: 0; 
}

input[type=number] {
    -moz-appearance:textfield;
}

input[type=number] {
    width: 100%;
    height: 2rem;
    border-radius: 3.75rem;
    padding: 2rem;
    font-size: 2rem;
    color: #28ADE5;
    background: rgba(169, 231, 255, 0.5);
    font-weight: 500;
}

.carousel-control-next,
.carousel-control-prev {
    width: 8%;
}

a.link-carousel-tile {
    display: flex;
    justify-content: center;
    align-items: center;
    text-decoration: none;
    color: #ffffff;
    font-size: 2.25rem;
}

.link-carousel-tile:hover {
    text-decoration: none;
}

.carousel-link-row-item-span {
    width: 100%;
    height: 100%;
}

.read-more-link {
    background-color: #6EC7ED;
    padding: 0rem;
}


#read-more-arrow {
    color: #ffffff;
}

.carousel-control-prev i,
.carousel-control-next i {
    color: black
}

.read-more-text-span {
    margin-right: 0.5rem;
}

a.how-much-raise-cta {
    margin-top: 2rem;
    height: 4rem;
    font-size: 1.4rem;
    padding-top: 1rem;
    font-weight: 700;
}

@media only screen and (max-device-width : 1024px) {
    /* buttons */
    a.orange-btn {
        font-size: 1rem;
        text-shadow: none;
        border: none;
        box-shadow: none;
    }

    /* sections */
    .why-readathon-content-header{
        text-align: center;
    }

    .why-readathon-img-container {
        position: absolute;
    }

    .why-readathon-content {
        position: relative;
    }

    .how-much-you-could-raise-content-container {
        width: 100%;
    }

    #numberOfStudents {
        padding: 2rem 1.5rem;
        font-weight: bold;
        border: #8dc2e1 solid 5px;
        background: #f6f7f8;
        color: #3f9ed2;
    }

    /* headings */
    h1,
    .testimonials-header,
    .how-much-could-you-raise,
    .why-readathon-content-header {
        font-weight: 700 !important;
        width: 100%;
        font-size: 2.5rem;
    }

    .readathon-testimonial-block-img-container img {
        width: 100%;
    }

    /* jQuery slider */
    .ui-widget-content {
        border: none !important;
        background: #eef8df;
        color: #222222;
    }

    .estimateSlider .ui-slider-handle {
        width: 1.5rem;
        height: 1.5rem;
        border: 4px solid #90C35C;
    }

    .ui-slider-horizontal .ui-slider-range-min {
        background: #90c35c;
    }
    
    #percentParticipationLabel,
    #donorsPerStudentLabel {
        font-weight: bold;
        color: #6e6e6e;
    }
}

@media only screen and (min-device-width : 1200px) and (max-device-width : 1246px) {
    .last-row-button-text {
        font-size: 0.9rem;
    }
}


/* medium devices responsive */
@media only screen and (min-width : 576px) and (max-width : 1024px) {
	
	
	.hp-video-box {
	
	flex: 100%; margin-right: 0px;
}
.hp-video-box-text{
	flex: 100%;
}
	
	.hp-vid-container{
		padding: 40px 0; display: block;
	}
	
    .hero-text.title {
        font-size: 3rem;
        line-height: 1.3;
        margin-top: 50px;
        font-weight: bold;
    }
	
	.hp-don-box{
	flex-grow: 1; width: 100%;
}
    
    .hero-text.subtitle {
        font-size: 2rem;
        line-height: 1.3;
        margin-top: 1rem;
    }

    .readathon-testimonial-first-p,
    .readathon-testimonial-second-p {
        font-size: inherit;
    }

    .col-hero-content-col {
        justify-content: left;
    }

    #readathon-testimonial-block,
    #why-readathon {
        padding: 5rem 1rem;
    }
    
    .readathon-testimonial-block-col {
        margin-bottom: 1rem;
    }

    .how-it-works-steps {
        flex-direction: column;
    }

    .how-it-works-step {
        margin: 1rem 0;
    }

    .how-it-works-arrow img {
        display: none;
    }
}

/* mobile responsive */
@media only screen and (max-width: 575px) {
    /* container padding */
    .page-container {
        overflow-x: hidden;
    }

    .page-section,
    .hero-text-container,
    .last-section {
        width: 100%;
        margin: 0;
        padding: 5rem 1rem !important;
    }
	
		.hp-don-box{
	flex-grow: 1; width: 100%;
}

    .hero-text-inner-container {
        padding-right: 1rem;
    }

    #home-hero {
        padding: 0;
        margin-top: 0;
        /* background: url("/images/rat/home/rat-hero-mobile-background.png") no-repeat bottom right; */
        background: url("/images/rat/home/home-hero-house.png") no-repeat -130px bottom;
        background-size: 150%;
        background-color: #57b3e2;
        min-height: 80vh;
        border-radius: 0 0 150px 0;
        margin-top: 3.2rem;
    }

    #home-hero div {
        min-height: unset;
    }

    .why-readathon-img-container {
        position: absolute;
    }

    .carousel-testimonial-item-container {
        padding: 1rem 0;
    }

    .carousel-testimonial-item-container > .row > .col-xs-12 {
        padding: 0 1rem;
    }

    .carousel-testimonial-item-container-wrapper {
        width: 100%;
    }

    /* headings */
    h1,
    .testimonials-header,
    .how-much-could-you-raise {
        font-size: 1.8rem !important;
        line-height: 1.3 !important;
    }

    .hero-text.title {
        font-size: 2rem;
        line-height: 1.3;
        margin-top: 100px;
        font-weight: bold;
    }

    .hero-text.subtitle {
        font-size: 1.2rem;
        line-height: 1.3;
        margin-top: 1rem;
    }

    .at-a-glance h1{
        margin-top: 3rem;
    }

    .why-readathon-content {
        width: 50%;
        position: relative;
        top: 0;
        left: 50%;
        margin-bottom: 2rem;
    }

    .readathon-content-first, 
    .readathon-content-second {
        width: 100%;
        line-height: 1.5;
    }

    /* subheadings */
    .readathon-content-first,
    .number-of-students-instructions {
        font-size: 1.3rem;
    }

    .readathon-content-second {
        font-size: 1rem;
        line-height: 1;
    }

    /* buttons */
    .start-btn-container {
        width: 70%;
    }

    .start-btn-container > a.orange-btn {
        height: 2rem;
    }

    .start-btn-container > a.orange-btn span {
        font-size: 12px;
    }

    .number-of-students-instructions,
    #numberOfStudentsLabel {
        font-size: 1rem;
    }

    /* containers */ 
    .how-much-you-could-raise-content-container {
        width: 100%;
        padding: 2rem 1rem;
    }

    #testimonials {
        margin: 0;
    }

    .carousel-control-prev {
        left: -1rem;
    }

    .carousel-control-next {
        right: -1rem;
    }

    .readathon-testimonial-block-content {
        position: absolute;
        color: #fff;
        width: 100%;
        left: 0;
        top: 25%;
    }

    .readathon-testimonial-first-p,
    .readathon-testimonial-second-p { 
        line-height: 1;
        font-size: 0.85rem;
        width: 100%;
    }

    .readathon-testimonial-first-p {
        border-bottom: #0E79B3 solid 1px;
        padding-bottom: 1rem;
    }

    .testimonial-text-row {
        border-top: gray solid 1px;
        padding-top: 1rem;
        margin: 0;
    }

    .see-more-testimonial-button-row {
        margin-top: 2rem;
    }

    #how-much-you-could-raise {
        background-size: 500vh !important;
    }

    #totalFundsAmount {
        line-height: 1.3;
    }

    #fundsDescription {
        font-weight: bold;
        line-height: 1;
    }

    .slidersInstructions {
        font-weight: 600;
        line-height: 1;
    }

    #readathon-testimonial-block {
        min-height: auto;
    }

    .readathon-testimonial-block-col > img {
        top: 10%;
        left: 65%;
        right: 0;
        width: 10%;
    }

    .lets-talk {
        font-size: 2rem;
        margin-top: 1rem;
    }

    .last-half-first-text {
        width: 100% !important;
        margin: 0;
    }

    .last-button-row > .col-md-6 > a.orange-btn {
        width: 80% !important;
        margin: 0 auto;
    }

    .last-button-row > .col-md-6 > a.meeting {
        background-color: transparent;
    }

    /* at a glance carousel */
    #atAGlanceCarousel .carousel-inner .carousel-item.active,
    #atAGlanceCarousel .carousel-inner .carousel-item-next,
    #atAGlanceCarousel .carousel-inner .carousel-item-prev {
        display: flex;
    }

    #atAGlanceCarousel .carousel-inner .carousel-item-right.active:first-of-type,
    #atAGlanceCarousel .carousel-inner .carousel-item-next:first-of-type {
        transform: translateX(25%) !important;
    }

    #atAGlanceCarousel .carousel-inner .carousel-item-left.active:first-of-type,
    #atAGlanceCarousel .carousel-inner .carousel-item-prev:first-of-type {
        transform: translateX(-25%) !important;
    }
        
    #atAGlanceCarousel .carousel-inner .carousel-item-right.active,
    #atAGlanceCarousel .carousel-inner .carousel-item-next {
        transform: translateX(41.666667%);
    }
    
    #atAGlanceCarousel .carousel-inner .carousel-item-left.active, 
    #atAGlanceCarousel .carousel-inner .carousel-item-prev {
        transform: translateX(-41.666667%);
    }

    #atAGlanceCarousel .carousel-inner .carousel-item-right,
    #atAGlanceCarousel .carousel-inner .carousel-item-left{ 
      transform: translateX(0);
    }

    #atAGlanceCarousel .carousel-item {
        min-height: 30vh;
    }
    .benefits-container-column {
        display: flex;
        flex-direction: column;
        justify-content: center;
    }

    .how-it-works-steps {
        flex-direction: column;
    }

    .how-it-works-step {
        margin: 1rem 0;
    }

    .how-it-works-arrow img {
        display: none;
    }
}