body { font-family: 'Roboto', sans-serif; font-size:24px; font-weight:400; color:#333333; }
a { color: #e31e24; text-decoration: none; transition: all 0.3s;}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 { font-family: 'Raleway', sans-serif; font-weight:bold; }
.h1, h1 { font-size:50px; }
.h2, h2 { font-size:42px; }
.btn { font-size: 24px; padding: 10px 40px; border-radius: 10px; }
.btn-dark-grey { color: #fff; background-color: #333333; border-color: #333333;}
.btn-dark-grey:hover, .btn-dark-grey:focus { color: #fff; background-color: #262626; border-color: #262626;}
.btn-red { color: #fff; background-color: #e31e24; border-color: #e31e24;}
.btn-red:hover, .btn-red:focus { color: #fff; background-color: #ab1519; border-color: #ab1519;}

.bg-grey { background-color: #f8f8f8; }
.app-section { padding-top: 80px; padding-bottom: 80px; }
.has-pattern { position: relative; }
.pattern-img { pointer-events: none; z-index: 10; position: absolute; top: 0; left: 0; }
.has-bg { background-size: cover; }
.has-dark-bg * { color: #fff; }

.has-underline { border-bottom: 1px solid #e31e24; min-width: 35px; display: inline-block; padding-bottom: 5px; }
.has-checkmark::before { content: ''; width: 34px; height: 34px; background: url('../images/mark.svg') no-repeat center; display: block; }

.app-box { background-color: #fff; padding: 25px; border-radius: 15px; border: 1px solid #edf2fe; transition: all 0.3s; height: 100%; cursor: pointer;}
.box-hover:hover { box-shadow: 10px 10px 10px #edf2fe; }
.app-box .box-bullet { margin-bottom: 10px;}
.app-box .box-head { font-weight: bold; }

.section-text-with-img { position: relative; }
.text-with-img-img { width: 100%; pointer-events: none; }

.app-main { overflow-x: hidden; }

/* hero */
.hero-pattern.pattern-img { transform: translate(-45%, -45%); }

/* Notices */
.notices-head { margin-bottom: 60px; }
.notices-col { margin-bottom: 50px; min-height: 245px;}
.pattern-img.notices-pattern { transform: translate(20%, -45%); }

/* Help */
.section-help { background-image: url('../images/help-bg.jpg'); }
.help-head { margin-bottom: 40px;}
.help-col { margin-bottom: 30px; min-height: 312px; }
.help-pattern { right: 0; left: auto; transform: translate(45%, -45%);}

/* Why Choose Us */
.section-choose-us.section-text-with-img { padding-top: 110px; padding-bottom: 110px;}

/* Contact */
.section-contact { background-image: url(../images/contact.jpg); }
.section-contact .app-section { padding-top: 150px; padding-bottom: 150px; }
.contact-pattern.pattern-img { transform: translate(-45%, -45%); }
.section-contact .btn { font-weight: bold; }
.section-contact .btn a, .section-contact .btn a:hover, .section-contact .btn a:focus { color: #fff; }
.contact-btns.row { --bs-gutter-x: 1rem;}

/* Footer */
.footer-logo { padding-top: 40px; padding-bottom: 40px; border-bottom: 1px solid #ededed; }
.footer-text { font-weight: bold; font-size: 30px; margin-top: 8px; }
.first-letter-red { display: inline-block; }
.first-letter-red::first-letter { color: #e31e24; }
.footer-copyrights { padding-top: 30px; padding-bottom: 30px; font-size: 18px; }

@media ( min-width: 992px) {
	.text-with-img-content { position: absolute; width: 100%; }
	.section-text-with-img { display: flex; align-items: center; }
}
@media ( min-width: 1200px) {
	.section-text-with-img { padding-bottom: 0; }
}
@media ( min-width: 992px) and ( max-width: 1199px) {
	.section-choose-us.section-text-with-img {
		padding-top: 180px;
		padding-bottom: 180px;
	}
}
@media ( min-width: 576px) and ( max-width: 991px) {
	.text-with-img-img { max-width: 720px; margin: auto; }
}
@media ( max-width: 991px) {
	.text-with-img-img { padding-left: 12px; padding-right: 12px;  }
}
@media ( max-width: 767px) {
	.section-contact .btn { padding: 10px; }
}
@media ( max-width: 360px) {
	.section-contact .btn { font-size: 20px; }
}