@import url('https://fonts.googleapis.com/css2?family=Raleway:wght@400;600;700&display=swap');
body{font-family: 'Raleway', sans-serif;}
.banner-section{position: relative;}
.orange-logo{position: absolute; top: 0.5rem; left: 2rem;}
.container-section{padding: 3rem 0;}
.container-section h1{color: #FF7F00; font-size: 2.6rem; font-weight: 700;}
.container-section h2{color: #00ADC6; font-size: 1.8rem; font-weight: 700;}
.container-section h3{color: #FF7F00; font-size: 1.4rem; font-weight: 700;}
.testimonials{width: 400px; margin: auto; font-size: 1.3rem; text-align: center;}

.accordion-item{border: 0;}
.accordion-item .accordion-header button{color: #00ADC6; padding-left: 0; font-size: 1.1rem; font-weight: 600;}
.accordion-item .card-body{background: #F5F5F5;}
.accordion-button::before{content: ''; width: 28px; height: 28px; border-radius: 50px; background: #A1A1A1; right: 1rem; position: absolute;}
.accordion-button::after {
  background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='%23333' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill-rule='evenodd' d='M8 0a1 1 0 0 1 1 1v6h6a1 1 0 1 1 0 2H9v6a1 1 0 1 1-2 0V9H1a1 1 0 0 1 0-2h6V1a1 1 0 0 1 1-1z' clip-rule='evenodd'/%3e%3c/svg%3e");
  transform: scale(.7) !important; filter: brightness(0) invert(1);
}
.accordion-button:not(.collapsed)::after {
  background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='%23333' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill-rule='evenodd' d='M0 8a1 1 0 0 1 1-1h14a1 1 0 1 1 0 2H1a1 1 0 0 1-1-1z' clip-rule='evenodd'/%3e%3c/svg%3e");
}
.accordion-button:not(.collapsed){background: transparent;box-shadow: none;}

.box-percent{height: 270px; background: #f5f5f5; padding:3rem; text-align: center; font-weight: 600; letter-spacing: 1px; line-height: 28px;}
.box-percent h2{font-size: 2.6rem; font-weight: 700;}
.box-percent.box-1, .box-percent.box-1 h2{color: #FF7F00;}
.box-percent.box-2, .box-percent.box-2 h2{color: #4D738A;}
.box-percent.box-3, .box-percent.box-3 h2{color: #666666;}

div.module.parallax-4 {
	padding: 3rem 0; color: #ffffff;
    background-image: url('../images/prax-img4.jpg'); background-repeat: no-repeat; background-position: center; background-size: cover;
}
div.module.parallax-4 a{color: #fff;}
.newsletter_box {
    margin-bottom: 50px;
    text-align: center;
}
.newsletter_box h2 { color: #fff; font-family: 'Raleway', sans-serif; font-weight: 700 }
.newsletter_box { margin-bottom: 50px; text-align: center }
.newsletter_box input[type=submit], .newsletter_box .btn-new {
    background-color: #fff;
    margin-top: -1px;
    color: #41869e;
    padding: 0.8rem 1.5rem;
    border-radius: 0 4px 4px 0;
    font-size: 1.2rem;
}
.newsletter_box .form-control{
	background: transparent; color: #ffffff;
}
.newsletter_box .form-control::-webkit-input-placeholder { color: #fff }
.newsletter_box .form-control::-moz-placeholder { color: #fff }
.newsletter_box .form-control:-ms-input-placeholder { color: #fff }
.newsletter_box .form-control:-moz-placeholder { color: #fff }
.newsletter_box .input-group{border: 1px solid #eee;border-radius: 0 5px 5px 0;}
.sm_fot ul { margin: 0; padding: 0; text-align: left }
.sm_fot ul li { list-style: none; display: inline-block; padding: 0 5px }
.sm_fot ul li a { transition: .3s; font-size: 1.2em; color: #fff }
.sm_fot ul li a:hover { color: #fb8113 }
.fot-add{ padding-left: 20px; color: #fff; position: relative; padding-left: 2rem;}
.fot-add a{color: #fff;}
.fot-add:before { content: '\f041'; font-family: 'FontAwesome'; display: block; font-size: 20px; position: absolute; top: 0; left: 0; }
.fot-ph:before { content: '\f095'; font-family: 'FontAwesome'; display: block; font-size: 20px; position: absolute; top: 0; left: 10px }
.fot-fex:before { content: '\f1ac'; font-family: 'FontAwesome'; display: block; font-size: 20px; position: absolute; top: 0; left: 10px }
.copyright-text { text-align: center; color: #fff; font-family: 'Open Sans', sans-serif }
.footer_sec { padding: 10px 0; text-align: center; background-color: #59879f; font-family: 'Open Sans', sans-serif }
.footer_sec p { margin: 0; color: #fff }
.footer_sec p a { color: #fff }

@media (max-width: 1170px){
	.testimonials{width: 100%;}
	.box-percent{height: auto; padding: 3rem 2rem;}
}
@media (max-width: 990px){
	.box-percent h2{font-size: 2rem;}
	.box-percent{height: 300px; font-size: 0.9rem; padding: 2.5rem 1rem; line-height: 24px;}
}
@media (max-width: 767px){
	.aquablation-logo{width: 60%; margin: auto;}
	.orange-logo{width: 280px; position: relative; top: 0; left: 0;}
	.container-section h1{font-size: 2.2rem;}
	.container-section h2{font-size: 1.5rem;}
	.box-percent{height: auto; margin-bottom: 1rem; font-size: 1rem;}
	.box-percent h2{font-size: 2.5rem;}
	iframe{margin-bottom: 1.2rem;}
	.banner-section a {
    background: #000000;
    display: block;
    text-align: center;
    padding-top: 0.5rem;
	}
}