/* Styles for landing page */

.property-management-section { background-color: #fff; display: flex; flex-direction: column; align-items: center; }
.hero-section { background-color: #202945; align-self: stretch; display: flex; width: 100%; flex-direction: column; padding: 40px 0; }
@media (max-width: 991px) { .hero-section { padding: 0 0 40px 0; max-width: 100%; } }
.logo { object-position: center; width: 200px; max-width: 100%; padding-bottom:20px; }
@media (max-width: 991px) { .logo { margin-left: 10px; width:150px; } }
/*.hero-content { margin-top: 32px; width: 100%; }*/
.hero-content { width: 100%; }
@media (max-width: 991px) { .hero-content { margin-top:0; max-width: 100%; } }
.hero-columns { gap: 20px; display: flex; }
@media (max-width: 991px) { .hero-columns { flex-direction: column; align-items: stretch; gap: 0; } }
.hero-left-column { display: flex; flex-direction: column; line-height: normal; width: 46%; margin-left: 0; }
@media (max-width: 991px) { .hero-left-column { width: 100%; } }
.hero-text-wrapper { align-items: center; display: flex; margin-top: 5px; color: #fff; font-weight: 700; justify-content: center; padding: 0 60px; }
@media (max-width: 991px) { .hero-text-wrapper { max-width: 100%; margin-top: 23px; padding: 0 20px; } }
.hero-text-container { display: flex; width: 657px; max-width: 100%; flex-direction: column; }
.hero-title { letter-spacing: -1.28px; font-size: 64px; font-weight:600; color:#fff; }
@media (max-width: 991px) { .hero-title { max-width: 100%; font-size: 38px; line-height:42px; padding-top:20px;} }
.hero-subtitle { text-shadow: 0 4px 4px rgba(0, 0, 0, 0.25); margin-top: 24px; font: 400 24px/36px Lato, sans-serif; }
@media (max-width: 991px) { .hero-subtitle { max-width: 100%; } }
.hero-quote {margin-top: 24px; font: 18px/30px Lato, sans-serif; }
@media (max-width: 991px) { .hero-quote { margin-top:0; max-width: 100%; } }
.quote-teal {color:#55C4C2; font-weight:500; font-size:28px;letter-spacing:-1px; line-height: 34px; margin-bottom:6px;}
@media (max-width: 991px) { .quote-teal {max-width:75%;} .quote-small { font-size:15px; line-height:19px;} }
/*.hero-right-column { display: flex; flex-direction: column; line-height: normal; width: 42%; margin-left: 20px; margin-top:50px; }*/
.hero-right-column { display: flex; flex-direction: column; line-height: normal; width: 42%; margin-left: 20px; }
@media (max-width: 991px) { .hero-right-column { width: 100%; margin-top:0;} }
.contact-form { border-radius: 14px; box-shadow: 0 4px 10px 4px rgba(0, 0, 0, 0.2); background-color: #519da5; display: flex; flex-grow: 1; flex-direction: column; font-size: 14px; color: #fff; font-weight: 500; line-height: 150%; width: 100%; padding: 25px 38px 10px; }
@media (max-width: 991px) { .contact-form { max-width: 90%; margin-top: 18px; padding: 20px 10px; } }
.form-title {color:#fff; font-weight: 400; padding:12px;}
@media (max-width: 991px) { .form-title { padding-left:10px; max-width: 100%; } }

/* Custom styling for form; based on code from existing form */
.custom-control-label, .custom-control-label a {color:#fff;}
.hero-submit-padd {padding-top:30px;}

@media (max-width: 991px) { .consent-text { max-width: 100%; } }
.benefits-title { color: #000; text-align: center; margin-top: 38px; font: 500 40px/110% Lato, sans-serif; }
@media (max-width: 991px) { .benefits-title { max-width: 100%; } }
.benefits-container { margin-top: 31px; width: 100%; max-width: 1280px; padding: 0 20px; }
@media (max-width: 991px) { .benefits-container { max-width: 100%; margin-top:0; } }
.benefits-columns { gap: 20px; display: flex; }
@media (max-width: 991px) { .benefits-columns { flex-direction: column; align-items: stretch; gap: 0; } }
.benefit-column { display: flex; flex-direction: column; line-height: normal; width: 33%; margin-left: 0; }
@media (max-width: 991px) { .benefit-column { width: 100%; } }
.benefit-card { border-radius: 12px; box-shadow: -4px 8px 20px 0 rgba(0, 0, 0, 0.1); border: 1px solid #f7f7f7; background-color: #fff; display: flex; flex-grow: 1; flex-direction: column; width: 100%; padding: 32px 32px 0; }
@media (max-width: 991px) { .benefit-card { margin-top: 32px; padding: 20px 26px 0 26px; } }
.benefit-title { color: #000; font: 700 20px/150% Lato, sans-serif; }
.benefit-description { color: #828282; margin-top: 18px; font: 500 16px/24px Lato, sans-serif; }
@media (max-width: 991px) { .benefit-hide {position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; } }
.features-container { margin-top: 40px; width: 100%; max-width: 1280px; padding: 0 20px; }
@media (max-width: 991px) { .features-container { max-width: 100%; margin-top:5px; } }
.features-columns { gap: 20px; display: flex; }
@media (max-width: 991px) { .features-columns { flex-direction: column; align-items: stretch; gap: 0; } }
.feature-column { display: flex; flex-direction: column; line-height: normal; width: 33%; margin-left: 0; }
@media (max-width: 991px) { .feature-column { width: 100%; } }
.feature-card { align-self: stretch; border-radius: 12px; box-shadow: -4px 8px 20px 0 rgba(0, 0, 0, 0.1); border: 1px solid #f7f7f7; background-color: #fff; display: flex; flex-grow: 1; flex-direction: column; width: 100%; padding: 32px; }
@media (max-width: 991px) { .feature-card { margin-top: 32px; padding: 20px 26px 0 26px; } .ready-card {padding-bottom:20px;} }
.feature-title { color: #000; font: 700 20px/150% Lato, sans-serif; }
.feature-description { color: #828282; margin-top: 18px; font: 500 16px/24px Lato, sans-serif; }
.cta-card { align-self: stretch; border-radius: 12px; box-shadow: -4px 8px 20px 0 rgba(0, 0, 0, 0.1); border: 1px solid #f7f7f7; display: flex; flex-grow: 1; flex-direction: column; font-weight: 700; padding: 32px; }
@media (max-width: 991px) { .feature-hide {position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; } .cta-card { margin-top: 32px; padding: 20px; } }
.cta-title { color: #000; font-weight:700 !important;  text-align: center; font: 20px/30px Lato, sans-serif; }
.cta-button {font-weight:600 !important; justify-content: center; border-radius: 50px; background-color: #e75; align-self: center; margin-top: 18px; color: #fff; padding: 16px 24px; font: 18px/20px Lato, sans-serif; border: 1px solid #e75;text-decoration:none;}
@media (max-width: 991px) { .cta-button { padding: 16px 24px; } }
.cta-button:hover {background:#c14a35;color:#fff;}
.productivity-section { margin-top: 63px; width: 100%; max-width: 1232px; }
@media (max-width: 991px) { .productivity-section { max-width: 100%; margin-top: 40px; } }
.productivity-columns { gap: 20px; display: flex; }
@media (max-width: 991px) { .productivity-columns { flex-direction: column; align-items: stretch; gap: 0; } }
.productivity-left-column { display: flex; flex-direction: column; line-height: normal; width: 43%; margin-left: 0; }
@media (max-width: 991px) { .productivity-left-column { width: 100%; padding-bottom:0; order: 2; margin-bottom:0;} }
.productivity-content { text-align: center;justify-content: center; display: flex; flex-direction: column; align-self: stretch; margin: auto 0; padding: 0 20px; }
@media (max-width: 991px) { .productivity-content { max-width: 100%; margin-top: 40px; } }
.productivity-title { color: #000; font: 600 40px/44px Lato, sans-serif; }
@media (max-width: 991px) { .productivity-title { font-size:30px; line-height: 36px; max-width: 100%; } }
.productivity-right-column { display: flex; flex-direction: column; line-height: normal; width: 57%; margin-left: 20px; }
@media (max-width: 991px) { .productivity-right-column { width: 100%; margin: auto;order: 1;} }
.productivity-image { aspect-ratio: 1.69; object-fit: auto; object-position: center; width: 100%; flex-grow: 1; }
@media (max-width: 991px) { .productivity-image { max-width: 100%; margin-top: 34px; } .productivity-cta {width:80%} }
.testimonials-section { display: flex; flex-direction: column; justify-content: center; align-items: center; overflow: hidden; align-self: stretch; position: relative; min-height: 615px; margin-top: 64px; width: 100%;  background-image: url(images/onesite-backg.png);background-size: cover;}
@media (max-width: 991px) { .testimonials-section { max-width: 100%; margin-top: 40px; padding: 0; } }
.testimonials-padd { 
  padding:50px 10px;
  text-align: center;
justify-content: center;
display: flex;
flex-direction: column;
align-self: stretch;
margin: auto 0;}
.testimonials-background { position: absolute; inset: 0; height: 100%; width: 100%; object-fit: cover; object-position: center; }
.testimonials-title { position: relative; color: #fff; text-align: center; font: 500 40px/110% Lato, sans-serif; }
@media (max-width: 991px) { .testimonials-title { max-width: 100%; } }
.testimonials-container { position: relative; margin:auto; width: 90%; max-width: 100%; }
.testimonials-columns { gap: 20px; display: flex; }
@media (max-width: 991px) { .testimonials-columns { flex-direction: column; align-items: stretch; gap: 0; } }
.testimonial-column { display: flex; flex-direction: column; line-height: normal; width: 31%; margin-left: 0; }
@media (max-width: 991px) { .testimonial-column { width: 100%; } }
.testimonial-card { text-align:left; align-self: stretch; border-radius: 12px; box-shadow: -4px 8px 20px 0 rgba(0, 0, 0, 0.1); border: 1px solid #f7f7f7; background-color: #fff; position: relative; display: flex; flex-grow: 1; flex-direction: column; padding: 32px 32px; }
@media (max-width: 991px) { 
  .testimonials-container {padding-bottom:20px;}
  .testimonial-card { margin-top: 32px; padding: 22px 30px; }
  .logo-mobile {display: flex;justify-content: center;}  
}

.testimonial-quote { color: #000; font: 700 20px/30px Lato, sans-serif; }
.testimonial-text { color: #828282; margin-top: 18px; font: 500 16px/24px Lato, sans-serif; }
.testimonial-author { color: #828282; font: 500 13px/20px Lato, sans-serif; margin-bottom:10px;}
.testimonial-logo { aspect-ratio: 2.33; object-fit: auto; object-position: center; width: 115px; }
.final-cta-section { justify-content: center; align-items: center; background-color: #519da5; align-self: stretch; display: flex; flex-direction: column; color: #fff; padding: 50px 80px; }
@media (max-width: 991px) { .final-cta-section { max-width: 100%; padding: 30px 28px 30px 28px; margin-top: -1px; } }
.final-cta-text { color:#fff;text-align: center; width: 764px; font: 400 40px/44px Lato, sans-serif; }
@media (max-width: 991px) { .final-cta-text { max-width: 100%; } }

/*Fixes*/
.entity-form-wrapper .entity-form{padding:0 !important; background-color:transparent !important;}
.testimonial-logo{aspect-ratio: unset;}
/*.features-section{width: 100%;}*/
.hero-section{background-color: #0b1826;}
.contact-form{background-color: #519da5;}
/*.entity-form-wrapper .entity-form .form-group .submit-button{background-color: #202945 !important; border-color: #202945 !important;}*/
/*.entity-form-wrapper .entity-form .form-group .submit-button:hover{background-color: #003f4c !important; border-color: #003f4c !important;}*/
@media(min-width:992px){.hero-title{line-height:61px;}}