.home-hero {
margin-top: 100px;
}
.home-hero,
.home-hero-inner {
position: relative;
}
.home-slide-single,
.home-slide-single-inner {
background-repeat: no-repeat;
background-size: cover;
background-position: top;
}
.home-slide-single-inner {
height: 335px;
}
.home-slide-single {
text-align: center;
}
.home-slide-single .columns {
padding-top: 26px;
padding-bottom: 30px;
}
.home-slide-single h2 {
font-size: 2.2222rem;
margin-bottom: 24px;
}
.home-slide-single h3 {
font-size: .9444rem;
color: #06253D;
font-family: 'Kumbh Sans';
letter-spacing: 2.55px;
}
.home-slide-single h3 span {
color: #EE9B09;
}
#slide-3.home-slide-single h3 {
color: #EE9B09;
}
.home-slide-single .button {
font-size: 1rem;
padding: 14px 26px;
}
#slide-2 .home-slide-single-inner {
display: -webkit-flex;
display: -moz-flex;
display: -o-flex;
display: flex;
-webkit-box-align: end;
align-items: flex-end;
justify-content: center;
}
.flexed-slide-inner {
display: -webkit-flex;
display: -moz-flex;
display: -o-flex;
display: flex;
justify-content: center;
}
.flexed-slide-inner .slide-text {
align-self: center;
}
#slide-2 img {
max-width: 250px;
}
@media screen and (min-width: 768px) {
.home-slide-single-inner {
height: 600px;
}
#slide-2 img {
max-width: 100%;
}
}
@media screen and (min-width: 1025px) {
.home-hero {
margin-top:0;
}
.home-hero-inner {
display: block;
}
.home-hero-height-sync {
height: 100vh;
}
.home-slide-single-inner {
background-position: center;
display: -webkit-flex !important;
display: -moz-flex !important;
display: -ms-flex !important;
display: -o-flex !important;
display: flex !important;
align-items: center;
justify-content: flex-start;
height: 100vh;
}
.home-slide-single.text-right .row-wide {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
flex-direction: column;
align-items: flex-end;
}
.home-slide-single {
text-align: left;
}
.home-slide-single .columns {
padding-top: 0;
padding-bottom: 0;
}
.home-slide-single.white-text h2 {
color: #fff;
} 
.home-slide-single h2 {
font-size: 3.5556rem;
}
.home-slide-single h3  {
font-size: 1.0556rem;
}
.home-slide-single .button {
font-size: .7222rem;
}
.flexed-slide-inner {
margin-bottom: 100px;
justify-content: flex-start;
}
}
@media screen and (min-width: 1281px) {
.home-slide-single h2 {
font-size: 4.1111rem;
}
.home-slide-single h3  {
font-size: .9444rem
}
.home-slide-single .button {
font-size: 1rem;
}
}
@media screen and (min-width: 1025px) and (max-height: 700px) {
.home-hero-height-sync {
height: 700px;
}
} .hero-testimonials {
background-color: #06253D;
padding: 30px 40px;
}
.slider-testimonials-b {
max-width: 100%;
margin-bottom: 20px;
}
.slider-testimonials-b .slider-testimonial-single p {
color: #fff;
text-align: center;
}
.hero-stars {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
align-items: center;
gap: 5px;
justify-content: center;
margin-bottom: 20px;
}
.hero-stars i {
color: #EE9B09;
}
.slider-testimonials-b-buttons.slick-arrow-container {
position: static;
justify-content: center;
width: 50px;
width: 100%;
}
.slider-testimonials-b-buttons.slick-arrow-container button {
color: #fff;
z-index: 1;
width: 30px;
height: 30px;
font-size: 1.4444rem;
}
@media screen and (min-width: 1025px) {
.hero-testimonials {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
align-items: center;
position: absolute !important;
bottom: 0;
left: 0;
max-width: 100%;
padding: 35px 80px;
}
.slider-testimonials-b {
overflow: hidden;
margin-bottom: 0;
}
.hero-stars {
margin-right: 30px;
margin-bottom: 0;
}
.slider-testimonials-b .slider-testimonial-single p {
text-align: left;
}
.slider-testimonials-b-buttons.slick-arrow-container {
width: auto;
margin-left: 25px;
}  
}
.home main {
background: url(//calljmb.com/wp-content/themes/paperstreet/images/intro-bg-new.svg);
} .intro {
padding-top: 50px;
}
.intro h4 {
letter-spacing: 2px;
margin-bottom: 20px;
}
.intro span {
font-size: 1.111rem;
font-family: 'Kumbh Sans';
color: #9A9A9A;
margin-bottom: 20px;
}
.intro h2 {
font-size: 2.2222rem;
font-family: 'Prata';
}
@media screen and (min-width: 1025px) {
.intro {
padding-top: 110px;
}
.intro h2 {
font-size: 2.8333rem
} 
} .intro-form {
position: relative;
}
.intro-form-holder {
background-color: #F0F0F0;
padding: 80px 36px 50px;
}
.intro-form-holder .form-container {
background: #F0F0F0 !important;
padding: 0;
}
.intro-form h2 {
font-size: 2.2222rem;
margin-bottom: 11px;
}
.intro-form h3 {
color: #06253D;
font-size: 1.3889rem;
font-family: 'Kumbh Sans';
letter-spacing: 2.5px;
}
.intro-form h3 span {
color: #CC081B;
}
.intro-form input,
.intro-form select,
.intro-form textarea {
height: 65px;
font-size: 1rem;
}
.intro-form textarea {
min-height: 0;
}
.intro-form input,
.intro-form select,
.intro-form textarea {
background-color: #fff;
color: #7C7C7C;
}
.form-input-group.select-time {
position: relative;
}
.form-input-group.select-time::after {
content: '\f0d7';
font-family: 'Font Awesome 5 Pro';
right: 15px;
top: 50%;
transform: translateY(-50%);
position: absolute;
color: #06253D;
pointer-events: none;
}
.intro-form label,
.intro-form select {
color: #7C7C7C;
font-size: .7778rem;
top: 10px;
}
.intro-form-holder .button {
padding-top: 17px;
padding-bottom: 17px;
}
.glove-holder {
position: relative;
margin-top: 110px;
transform: translateY(40px);
}
.glove-holder::before {
content: '';
position: absolute;
height: 115px;
width: 6px;
background-color: #EE9B09;
bottom: calc(100% - 3px);
left: calc(50% - 5px);
transform: translateX(-50%);
}
.glove-holder img {
position: relative;
z-index: 1;
}
@media screen and (min-width: 1025px) {
.intro {
z-index: 1;
position: relative;
}
.white-gradient {
position: absolute;
bottom: 215px;
left: 0;
height: 100%;
width: 100%;
background: rgb(255,255,255);
background: linear-gradient(0deg, rgba(255,255,255,1) 75%, rgba(255,255,255,0) 100%);
}
.intro-form {
position: relative;
padding-top: 85px;
margin-bottom: -136px;
}
.intro-form .columns {
padding: 0;
}
.intro-form h2 {
font-size: 2.8333rem;
}
.intro-form h3 {
font-size: 1.1111rem;
margin-bottom: 55px;
}
.intro-form-holder {
position: relative;
padding: 0;
}
.intro-form input,
.intro-form select,
.intro-form textarea {
font-size: .7778rem;
}
.intro-form .yellow-bar {
position: absolute;
top: 0;
left: 50%;
transform: translateX(-50%);
width: 5px;
height: 0;
background-color: #EE9B09;
transition: height 1s ease;
z-index: 1;
}
.intro-form .yellow-bar.active {
height: 115px;
}
.intro-form-holder-top {
padding-top: 85px;
}
.intro-form-holder-bottom {
padding: 0 140px 85px
}
.intro-form .glove {
position: absolute;
top: 50%;
transform: translateY(-50%);
max-width: 29%;
z-index: 1;
}
.intro-form .glove.glove-left {
left: -95px;
}
.intro-form .glove.glove-right {
right: -95px;
}
.intro-form .flexed-inputs {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
gap: 35px;
}
}
@media screen and (min-width: 1281px) {
.intro-form {
padding-top: 85px;
margin-bottom: -215px;
}
.intro-form-holder-top {
padding-top: 125px;
}
.intro-form-holder-bottom {
padding: 0 210px 125px;
}
.intro-form h2 {
font-size: 3.3444rem;
}
.intro-form h3 {
font-size: 1.3889rem;
letter-spacing: 2px;
margin-bottom: 55px;
}
.intro-form-holder .button {
font-size: 1.1111rem;
letter-spacing: 2px;
padding: 28px 25px;
}
.intro-form label,
.intro-form select {
font-size: 1rem;
}
} .guarantee {
padding: 50px 0 60px;
}
.guarantee * {
color: var(--white)
}
.guarantee-left {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
flex-direction: column;
margin-bottom: 42px;
}
.guarantee-left h2 {
font-size: 3.1667rem;
color: var(--orange);
line-height: 1;
}
.guarantee-left h2 span {
font-size: 7.2778rem;
margin-bottom: -22px;
}
.guarantee-left small {
color: rgba(255, 255, 255, 0.38);
font-size: .7222rem;
margin-top: auto;
}
.guarantee-left p {
margin-bottom: 70px;
}
.single-guarantee {
text-align: center;
padding-bottom: 30px;
margin-bottom: 45px;
}
.single-guarantee:not(:last-of-type) {
border-bottom: 1px solid rgba(255,255,255, 0.22);
}
.single-guarantee:last-child {
margin-bottom: 0;
}
.single-guarantee p {
margin-bottom: 0;
font-size: 1.1111rem;
}
.single-guarantee p span {
font-weight: 700;
}
.guarantee .button {
margin-bottom: 20px; padding: 16px 20px;
font-size: .9rem;
}
.single-guarantee img {
max-width: 100%;
}
@media screen and (min-width: 768px) {
.single-guarantee {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
align-items: center;
gap: 27px;
}
}
@media screen and (min-width: 1025px) {
.guarantee {
padding: 275px 0 150px;
}
.guarantee .columns {
padding: 0 100px;
}
.guarantee-inner {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
gap: 100px;
}
.single-guarantee {
text-align: left;
padding: 0 0 30px;
}
.guarantee-left { 
margin-bottom: 0;
}
.single-guarantee-icon-holder {
width: 78px;
}
.single-guarantee p {
flex: 1;
}
.guarantee .button {
margin-bottom: 0;
}
}
@media screen and (min-width: 1281px) {
.guarantee {
padding: 377px 0 150px;
}
.guarantee-inner {
gap: 150px;
}
.guarantee-left h2 {
font-size: 4.5rem;
}
.guarantee-left h2 span {
font-size: 7.4444rem;
}
.single-guarantee-icon-holder {
width: 112px;
}
.guarantee .button {  }
} .testimonials {
padding: 60px 0 115px;
}
.testimonials-inner {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
flex-direction: column;
}
.testimonials-left h2 {
font-size: 2.5rem;
color: var(--white);
position: relative;
text-align: center;
}
.testimonials-left h2::after {
content: "";
display: block;
width: 100%;
height: 1px;
background-color: #FFFFFF;
margin-top: 35px;
}
.testimonials-right {
overflow: hidden;
max-width: 100%;
padding: 0 36px;
}
.testimonials-right h3 {
font-size: 1.1111rem;
font-family: 'Kumbh Sans';
color: var(--white);
letter-spacing: 2px;
margin-bottom: 35px;
line-height: 28px;
}
.testimonials-right h3 span {
color: #06253D;
}
.slider-testimonials-a .slider-testimonial-single p {
font-size: 2rem;
font-family: 'Prata';
color: var(--white);
line-height: 55px;
margin-bottom: 10px;
}
.slider-testimonial-source {
font-size: 1.3333rem;
color: var(--white);
}
.testimonials-slider-holder .slider-testimonials-a {
padding-bottom: 75px;
}
.module-testimonials-a .slick-dots li button::before {
color: #EE9B09;
}
.module-testimonials-a .slick-dots li.slick-active button::before {
color: #06253D;
}
.stars {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
gap: 15px;
font-size: 2rem;
margin-bottom: 35px;
}
.testimonials .slick-dots {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
right: 0;
flex-wrap: wrap;
}
.testimonials .slick-dots li {
margin: 0 4px;
}
.testimonials .slick-dots button {
width: 60px;
height: 5px;
background-color: #E9F5FF;
margin-bottom: 10px;
border-radius: 0;
}
.testimonials .slick-dots li.slick-active button {
transform:scale(1);
}
@media screen and (min-width: 376px) {
.testimonials .slick-dots {
flex-wrap: nowrap;
}
}
@media screen and (min-width: 1025px) {
.testimonials {
padding: 105px 0 115px;
}
.testimonials-inner {
gap: 75px;
padding: 0 60px 0 150px;
flex-direction: row;
}
.testimonials-left {
padding: 0;
}
.testimonials-left h2 {
font-size: 3.3333rem;
transform: rotate(180deg);
writing-mode: vertical-lr;
margin-bottom: 0;
padding-left: 30px
}
.testimonials-left {
border-right: 1px solid #fff;
text-align: center;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
}
.slider-testimonial-single {
max-width: 90%;
width: 100%;
}
.stars {
font-size: 1.7222rem;
gap: 25px;
}
.slider-testimonials-a .slider-testimonial-single p { font-size: 2.0333rem;
line-height: 49px;
margin-bottom: 20px;
}
.testimonials .slick-dots {
width: auto;
flex-direction: column;
}
.testimonials .slick-dots button {
width: 5px;
height: 60px;
background-color: #E9F5FF;
margin-bottom: 10px;
border-radius: 0;
}
.testimonials-left h2::after {
display: none;
}
.testimonials-right {
margin-top: 30px;
}
.testimonials-slider-holder .slider-testimonials-a { 
padding: 0;
}
}
@media screen and (min-width: 1281px) {
.testimonials {
padding: 130px 0 140px;
}
.testimonials-inner {
gap: 115px;
padding: 0 110px 0 200px;
}
.testimonials-left h2 {
font-size: 4.4444rem;
}
.slider-testimonials-a .slider-testimonial-single p { line-height: 65px;
max-width: 900px;
}
} .cta-icons {
padding: 60px 0 40px;
}
.cta-icons-holder {
display: grid;
justify-content: center;
grid-gap: 75px 20px;
margin-bottom: 85px;
}
.cta-icons-holder:after {
content: '';
display: block;
width: 100px;
height: 3px;
background-color: #CC081B;
margin: 0 auto;
}
.single-cta-block {
text-align: center;
}
.single-cta-block img {
margin-bottom: 15px;
max-width: 125px;
}
.single-cta-block h3 { margin-bottom: 8px;
}
.single-cta-block p {
margin-bottom: 0;
font-size: 1.0556rem;
}
.single-cta-block p span {
font-weight: 700;
}
@media screen and (min-width: 768px) {
.cta-icons-holder {
grid-template-columns: repeat(2, fit-content(270px));
grid-gap: 75px 50px;
}
.single-cta-block img {
max-width: none;
}
.cta-icons-holder::after {
display: none;
}
}
@media screen and (min-width: 1025px) {
.cta-icons {
padding: 150px 0 0;
}
.cta-icons-holder {
grid-template-columns: repeat(3, fit-content(270px));
justify-content: space-between;
}
}
@media screen and (min-width: 1281px) {
.cta-icons {
padding: 150px 0 15px;
}
.single-cta-block h3 {
font-size: 1.6111rem;
}
.single-cta-block p {
font-size: 1.1rem;
}
} .cta-button {
text-align: center;
padding-bottom: 70px;
}
.cta-button h2 {
font-size: 2.2222rem;
font-family: 'Prata';
position: relative;
padding: 0 20px;
}
.cta-button h3 {
font-family: 'Kumbh Sans';
}
.cta-button h3 span {
font-weight: 700;
}
.cta-button h3 {
font-size: 1.3333rem;
}
.cta-button .button { padding: 15px 30px;
}
@media screen and (min-width: 1025px) {
.cta-button {
padding-bottom: 130px;
}
.cta-button h2 { font-size: 2.6444rem;
padding: 0 20px;
}
.cta-button h3 { font-size: 1.3778rem;
letter-spacing: 3.2px;
}
.cta-button h2::before,
.cta-button h2::after {
width: 100px;
}
.cta-button h2::before,
.cta-button h2::after {
content: '';
position: absolute;
width: 120px;
height: 3px;
background-color: #CC081B;
top: 50%;
transform: translateY(-50%);
}
.cta-button h2::before {
right: 100%;
}
.cta-button h2::after {
left: 100%;
}
}
@media screen and (min-width: 1281px) {
.cta-button h2 { padding: 0 20px;
} .cta-button h2::before,
.cta-button h2::after {
width: 120px;
} } .what-we-do-holder {
background-color: #06253D;
padding: 72px 36px 60px;
}
.what-we-do h2 {
font-size: 2.6111rem;
color: var(--white);
}
.what-we-do li a {
color: var(--white);
font-size: 1.2778rem;
text-decoration: none;
}
.what-we-do li a:hover,
.what-we-do li a:focus {
text-decoration: underline;
}
.what-we-do li {
padding-left: 35px;
position: relative;
margin-bottom: 11px;
}
.what-we-do li::before {
content: '\f0da';
font-family: 'Font Awesome 5 Pro';
font-size: 1.3333rem;
position: absolute;
left: 0;
top: 3px;
color: #EE9B09;
line-height: 1;
}
.what-we-do img {
display: block;
width: 100%;
}
.what-we-do .button {
width: 100%;
}
@media screen and (min-width: 1025px) {
.what-we-do {
padding-top: 100px;
}
.what-we-do h2 {
font-size: 2.8333rem;
}
.what-we-do-holder {
padding: 80px 75px 70px;
margin-right: 115px;
width: fit-content;
margin-left: auto;
margin-bottom: -130px;
position: relative;
z-index: 1;
}
.what-we-do li {
margin-bottom: 12px;
}
.what-we-do li a {
font-size: 1.1889rem;
}
.what-we-do li::before {
content: '\f0da';
font-family: 'Font Awesome 5 Pro';
font-size: 1.8889rem;
}
.what-we-do .button { width: auto;
}
}
@media screen and (min-width: 1291px) {
.what-we-do-holder {
padding: 120px 110px 105px;
margin-right: 170px;
margin-bottom: -195px;
}
} .did-you-know {
padding: 112px 0 50px;
background-color: #fff;
position: relative;
}
.did-you-know:after {
content: '';
position: absolute;
bottom: 0%;
left: 0;
width: 100%;
height: 50%;
background: linear-gradient(0deg, rgba(255,255,255,1) 75%, rgba(255,255,255,0) 100%);
}
.did-you-know-bg {
background: url(//calljmb.com/wp-content/themes/paperstreet/images/intro-bg-new.svg);
position: absolute;
top: 0%;
left: 0%;
width: 100%;
height: 100%;
}
.did-you-know > .row-wide {
position: relative;
z-index: 1;
}
.did-you-know h2 {
position: relative;
font-size: 2.0556rem;
} .video-single-block {
margin-bottom: 36px;
}
.video-single-block-content {
padding: 0 15px 0;
text-align: center;
}
.video-single-block p span {
font-weight: 700;
}
.video-single-block-content a {
color: #06253D;
margin: 0 auto;
}
.video-single-block-content a:hover
.video-single-block-content a:focus {
color: #CC081B;
}
.did-you-know .button-holder {
text-align: center;
}
.did-you-know .button-holder .button {
width: 100%;
}
@media screen and (min-width: 1025px) {
.did-you-know {
padding-top: 330px;
padding-bottom: 110px;
}
.video-single-block {
margin-bottom: 63px;
}
.did-you-know h2 {
font-size: 2.8333rem;
margin-bottom: 40px;
}
.did-you-know h2::after {
content: '';
width: 100vw;
height: 5px;
background-color: #EE9B09;
position: absolute;
top: 50%;
transform: translateY(-50%);
margin-left: 50px;
}
.did-you-know .button {
position: relative;
}
.did-you-know .button::before {
content: '';
right: 100%;
top: 50%;
transform: translateY(-50%);
width: 100vw;
height: 5px;
background-color: #EE9B09;
position: absolute;
margin-right: 50px;
}
.video-container {
display: grid;
grid-template-columns: repeat(3, 1fr);
grid-gap: 32px
}
.video-single-block-content {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
flex-direction: column;
align-items: flex-start;
}
.video-single-block-content a {
margin-top: auto;
}
.did-you-know .button-holder {
text-align: right;
}
.did-you-know .button-holder .button { width: auto;
}
}
@media screen and (min-width: 1281px) {
.video-single-block {
margin-bottom: 100px;
}
.did-you-know h2 {
font-size: 3.8889rem;
margin-bottom: 70px;
}
.video-container {
grid-gap: 100px;
} } .blog-linker {
background-color: #F0F0F0;
padding: 40px 0 35px;
position: relative;
overflow: hidden;
}
.blog-linker h2 {
font-size: 2rem;
}
.jmb {
position: absolute;
left: 0;
top: 0;
max-width: 100%;
}
.blog-linker .row {
position: relative;
z-index: 1;
}
.blog-linker .button-holder {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
flex-wrap: wrap;
flex-direction: column;
}
.blog-linker .button {
margin-bottom: 10px;
display: block; }
@media screen and (min-width: 641px) {
.blog-linker .button {
margin-bottom: 10px;
display: inline-block;
}
}
@media screen and (min-width: 768px) {
.blog-linker {
padding: 120px 0 100px;
}
.jmb {
top: -30px;
}
.blog-linker h2 {
font-size: 2.8333rem;
}
.blog-linker .button-holder {
justify-content: center;
flex-direction: row;
}
.blog-linker .button {
margin: 0 17px;
width: 300px; }
}
@media screen and (min-width: 1281px) {
.blog-linker {
padding: 200px 0;
}
.blog-linker h2 {
font-size: 2.7889rem;
}
}