.wrapper { display: flex; flex-direction: column; align-items: center; }
.wrapper h4 { font-weight: 100; }

.banner-wrapper { width: 100%; }
.banner-wrapper img { width: 100%; }

/* ABOUT SECTION */
.about-section { width: 60%; display: flex; flex-direction: column; align-items: center; margin-top: 64px; }
.about-section h4 { font-size: 35px; letter-spacing: 7px; color: #00b3e4; text-align: center; }
.about-section h3 { font-size: 42px; letter-spacing: 1.05px; color: #4e4e4e; line-height: 54px; text-align: center; margin-bottom: .75em; }
.about-section p { font-size: 16px; letter-spacing: 1.05px; color: #4e4e4e; line-height: 28px; text-align: center; margin-bottom: 40px; }

/* SWIPER SECTION */ 
.carousel-wrapper { background: #e5f6fd; width: 100%; padding: 2em 4em; display: flex; flex-direction: column; align-items: center; }
.carousel-wrapper h4 { font-size: 35px; letter-spacing: 7px; color: #00b3e4; }
.carousel-wrapper h3 { font-size: 42px; letter-spacing: 1.05px; color: #4e4e4e; margin-bottom: .75em; }

.swiper { width: 100%; }
.slide-inner-wrapper { padding: 6%; }
.services-img { max-height: none; height: 70%; }
.services-text { min-height: unset; height: 100%; }
.services-text-wrapper { width: 100%; height: 30%; cursor: pointer; }
.services-text p { font-size: 16px; letter-spacing: 0.4px; color: #4e4e4e; }

.desc-button-wrapper { padding: 3em 0; }
.desc-wrapper { padding: 4em 6em 3em 6em; }
.desc-title-wrapper { display: flex; flex-direction: row-reverse; margin-bottom: 1.5em; }
.desc-title-wrapper img { width: 55%; }

.title-box h2 { 
	color: #fff;
    font-weight: bold;
    font-size: 42px;
    letter-spacing: 1.05px;
    text-transform: none;
}

.description-section { display: none; padding-left: 5.4em; padding-right: 4.6em; }
.description-section p { font-size: 16px; letter-spacing: .4px; line-height: 28px; color: #4e4e4e; }
.form-wrapper { width: 100%; background-size: cover; background-image: url('https://strattonspine.parscale.com/images/uploads/Services_Form_Background.png'); }

.sessions-wrapper { margin: 0 4.5em; margin-bottom: 2em; }
.training-wrapper { background: #00b3e4; }
.training-body-wrapper { width: 55%; margin-bottom: 1em; margin-left: 5.5em; margin-top: 3em; }
.training-body-wrapper h2 { color: #fff; font-weight: bold; letter-spacing: 1.05px; text-transform: none; font-size: 42px; line-height: 54px; margin-bottom: 16px; }
.training-body-wrapper p { color: #fff; letter-spacing: 0.4px; font-weight: 200; line-height: 1.4em; font-size: 16px; }
.training-button-wrapper { margin-top: 55px; margin-left: 4.5em; margin-bottom: 80px; }
.training-button-wrapper a {
	background: #fff;
    color: #00b3e4;
    padding: 1.2em 2.4em;
    font-weight: bold;
    font-size: 16px;
    letter-spacing: 0.4px;
    text-transform: uppercase;
}

.top-case { display: flex; flex-direction: row-reverse; margin-top: 90px; margin-bottom: 45px; }
.top-case img { width: 55%; max-width: 645px; height: 430px; }
.title-box { z-index: 2; width: 65%; margin-right: -20%; padding: 42px; height: fit-content; margin-top: 64px; box-shadow: 5px 5px 24px grey; background: linear-gradient(to right, #fff 6px, #00b3e4 6px); }

.session { display: flex; flex-direction: row; background: linear-gradient(to right, #00b3e4 6px, #fff 6px); margin: 40px 0; box-shadow: 0px 0px 7px rgb(100, 100, 100); }
.session-text-wrapper {
	padding: 32px 20px;
    width: 55%;
}
.session-title-wrapper { display: flex; }
.session-title-wrapper h3 { font-size: 23px !important; margin-bottom: 1.2em; letter-spacing: 0.6px; }
.session-title-wrapper h5 { font-size: 24px !important; margin-bottom: 1.2em; letter-spacing: 0.6px; color: #00b3e4; }
.session-text-wrapper p { font-size: 16px !important; color: #4e4e4e; letter-spacing: 0.4px; line-height: 21px; }
.session-image-wrapper { width: 45%; }
.session-image-wrapper img { max-width: 100%; width: 100%; height: 100%; } 

.button-case { padding-top: 3em; width: 100%; padding-left: 5.4em; margin-bottom: 4em; display: flex; }
.page-button {
    color: #fff;
    text-transform: uppercase;
    letter-spacing: 0.4px;
    width: 252px;
    height: 54px;
    font-size: 16px;
    font-weight: bold;
    margin-right: 1.5em;
    display: flex;
    align-items: center;
    justify-content: center;
}
.book-color { background: #e83c0c; }
.more-color { background: #00b3e4; }

.condensed { height: 90px; cursor: pointer; }
.condensed .session-text-wrapper { width: 100%; }
.condensed .session-image-wrapper { display: none; }
.condensed p { display: none; }
.condensed .session-title-wrapper h5 { color: #4e4e4e; }

@media only screen and (max-width: 660px) {
.button-case { padding-left: 0; display: flex; flex-direction: column; align-items: center; margin: 2em 0; }
.page-button { margin-bottom: 30px; }
}

@media only screen and (min-width: 1000px) {
.about-section { width: 750px; }
}

@media only screen and (max-width: 1250px) {
.top-case { flex-direction: column-reverse; }
.top-case img { width: 100%; max-width: none; max-height: none; height: inherit; }
.title-box { width: 100%; }
}

@media only screen and (max-width: 1260px) {
.session { flex-direction: column; }
.session-image-wrapper { width: 100%; }
.session-image-wrapper img { width: 100%; }
.session-text-wrapper { width: 100%; }
}