@charset "utf-8"; 
@font-face {font-family: 'Poppins'; src: url('../fonts/Poppins-Light.eot'); src: url('../fonts/Poppins-Light.eot?#iefix') format('embedded-opentype'), url('../fonts/Poppins-Light.woff2') format('woff2'), url('../fonts/Poppins-Light.woff') format('woff'); font-weight: 300; font-style: normal; font-display: swap;}
@font-face {font-family: 'Poppins'; src: url('../fonts/Poppins-SemiBold.eot'); src: url('../fonts/Poppins-SemiBold.eot?#iefix') format('embedded-opentype'), url('../fonts/Poppins-SemiBold.woff2') format('woff2'), url('../fonts/Poppins-SemiBold.woff') format('woff'); font-weight: 600; font-style: normal; font-display: swap;}
@font-face {font-family: 'Poppins'; src: url('../fonts/Poppins-Bold.eot'); src: url('../fonts/Poppins-Bold.eot?#iefix') format('embedded-opentype'), url('../fonts/Poppins-Bold.woff2') format('woff2'), url('../fonts/Poppins-Bold.woff') format('woff'); font-weight: bold; font-style: normal; font-display: swap;}
@font-face {font-family: 'Poppins'; src: url('../fonts/Poppins-Medium.eot'); src: url('../fonts/Poppins-Medium.eot?#iefix') format('embedded-opentype'), url('../fonts/Poppins-Medium.woff2') format('woff2'), url('../fonts/Poppins-Medium.woff') format('woff'); font-weight: 500; font-style: normal; font-display: swap;}
@font-face {font-family: 'Poppins'; src: url('../fonts/Poppins-Regular.eot'); src: url('../fonts/Poppins-Regular.eot?#iefix') format('embedded-opentype'), url('../fonts/Poppins-Regular.woff2') format('woff2'), url('../fonts/Poppins-Regular.woff') format('woff'); font-weight: normal; font-style: normal; font-display: swap;}
@font-face {font-family: 'Poppins'; src: url('../fonts/Poppins-ExtraBold.eot'); src: url('../fonts/Poppins-ExtraBold.eot?#iefix') format('embedded-opentype'), url('../fonts/Poppins-ExtraBold.woff2') format('woff2'), url('../fonts/Poppins-ExtraBold.woff') format('woff'); font-weight: 800; font-style: normal; font-display: swap;}

body {font-size: 16px; font-family: 'Poppins'; color: #001f3e;}
h1 {font-size: 54px; font-weight: 600;  margin-bottom: 10px;}
h1 span {font-size: 36px;  font-weight:400;  display: block}
h2 {font-size: 30px; font-weight: 600;  margin-bottom: 10px;}
.navbar ul li:nth-child(2) {
  display: none;
}
section {padding: 50px 0;}
.section-heading {text-align: center; margin-bottom: 30px;}
.section-heading p {font-weight: 300; width: 80%; margin: auto; opacity: .8;}
.whiteText .section-heading p {opacity: .5;}

.whiteText h1, .whiteText h2, .whiteText h3, .whiteText h4, .whiteText h5, .whiteText h6, .whiteText p, .whiteText {color: #fff;}
.blackText h1, .blackText h2, .blackText h3, .blackText h4, .blackText h5, .blackText h6, .blackText p, .blackText {color: #001f3e;}

.greyBg {background: #f5f5f5;}
.justify {text-align: justify;}
header {background: #035124;}

.navbar {padding: 0;}
.navbar-brand {background: #fff; padding:15px; margin-bottom: -12px; border-bottom-right-radius: 10px; border-bottom-left-radius: 10px;}
.navbar ul {display:flex; list-style:none; gap:20px; margin-bottom:0;}
.navbar li {color:#fff;}
.navbar li a {color:#fff;}
.navbar li img {margin-right: 8px}
.banner {background: url("../images/banner.webp"); text-align: center; height: 600px; display: flex; align-items: center;}
.about .banner-contact {background: #00672b; padding: 30px; border-radius: 10px; text-align: center; margin-top: -125px; margin-bottom: 60px;}
.banner-contact .btn {height: 50px; width: 100%; background: #012f15; color: #fff;}
.banner-contact .form-control {height: 50px!important; padding: 12px 10px;}
.about {padding-top: 0;}
.about .banner-contact h4 {margin-bottom: 20px;}
.about-img {text-align: right;}
.about-content p:last-child {margin-bottom: 0;}
.specialist-inner {background: #035124; padding: 50px; margin: 0 -50px; border-radius: 15px; text-align: center;}
.specialist-box {background: #fff; text-align: left; padding: 15px; font-size: 14px; border-radius: 10px; height: 100%;}
.specialist-box img {margin-bottom: 15px;}
.specialist-box h4 {margin-bottom:10px; color: #035124; font-size: 20px; font-weight: 600;}
.specialist-box p {margin-bottom: 0;}
.specialist-inner .row, .product .row {margin: 0 -10px;}
.specialist-inner .col-lg-3, .product .col-lg-3 {padding: 0 10px;}
.get-price {background: linear-gradient(90deg, #035124 70%, #00200e 70%); margin-top: 130px;}
.get-price-inner {display: flex; align-items: center; justify-content: space-between}
.get-price h3 {width: 49%; font-weight: 400; border-right: 3px dotted; margin-right: 40px;}
.get-price a {background: #fff; padding: 10px 20px; color: #035124; font-size: 20px; font-weight: 600; text-transform: uppercase; display: flex; align-items: center; gap: 6px;}
.get-price-inner .get-price-img {margin-top: -160px;}
.product-box {background: #fff; box-shadow: 0px 10px 20px rgb(100 100 111 / 10%); margin-bottom: 30px;}
.product-information {padding: 20px; text-align: center;}
.product-box h4 {font-weight: 600; font-size: 20px; margin-bottom: 10px;}
.statcis {background: #035124;}
.statcis-inner {display: flex; justify-content: space-between;}
.statcis-box {display: flex; align-items: center; gap: 20px;}
.statcis-box h3 {font-size: 30px; font-weight: 600; margin-bottom: 0;}
.statcis-box h3 span {font-size: 18px; font-weight: 400; display: block}
.contact-us {padding-bottom: 0;}
.contact-us form {max-width: 670px; margin: auto; padding: 50px; background: #00200e; border-radius: 13px; margin-bottom: -250px; position: relative;}
.contact-us form br {display:none;}
.contact-us form input, .contact-us form select {height: 45px!important; margin-bottom:10px!important;}
.contact-us form textarea {height: 100px!important; margin-bottom: 15px;} 
.contact-us form .wpcf7-submit {width: 100%; height: 58px; background: #035124; color: #fff;}
.contact-us form .wpcf7-response-output {margin:0px; color:#FFF; font-size:14px;}
.footer {background: #035124; padding-top: 300px;}
.footer p {margin-bottom: 0;}
.footer-box {display: flex; border-radius: 5px; padding: 15px 20px; align-items: center; background: #fff; column-gap: 15px; height: 100%;}
.footer h5 {margin-bottom: 5px; font-weight: 600}
.copyright {display: flex; justify-content: space-between; padding: 20px 0; align-items: center; border-top: 1px solid #02401c; margin-top: 30px;}
.footer-social {display: flex; list-style: none; gap: 15px; margin: 0; padding: 0;}
.footer p {margin-bottom: 0;}
.footer-social li a {color: #000; background: #fff; width: 35px; height: 35px; border-radius: 50px; display: flex; align-items: center; justify-content: center; font-size: 18px;}
.wpcf7-spinner {display:none;}
.banner-contact .form-row .form-group p {margin:0px;}
.contact-us form p {margin:0px;}
.btn-box {display: flex; justify-content:center; gap:10px}
.btn-box a {background:#035124; padding:10px 20px; color:#fff; font-size:16px; font-weight:600;}.modal-dialog .modal-body {padding:35px;}
.modal-dialog br {display:none;}
.modal-dialog p {width:100%;}
.modal-dialog .close {background:#035124;}
.modal-dialog .close span {color:#fff; text-shadow:none;}
.modal-dialog form p {margin:0px;}
.modal-dialog input, .modal-dialog textarea, .modal-dialog select {margin-bottom:10px;}
.modal-dialog .btn {background: #035124; padding: 10px 20px; color: #fff; font-size: 16px; font-weight: 600; width:100%;}
.modal-dialog textarea {height: 80px;}

@media screen and (max-width: 991px) {
h2 {font-size:20px!important; margin-bottom:10px;}
.banner	{height: 400px !important;  align-items: start !important; padding:50px 0 0 0; background: url("../images/banner.webp")!important;}
.navbar-brand {margin:0 auto 15px; display: block; padding:10px 15px;} 
.navbar ul {flex-wrap: wrap; padding: 0; text-align: center; display: block; width: 100%; margin-bottom:15px;}
.banner-content h1 {font-weight:400; font-size:28px;}
.banner-content h1 span {font-weight:400; font-size:28px;}
.banner-contact {font-size: 20px; line-height: 27px; font-weight: 600;}
.about {padding-bottom:0px;}
.about .banner-contact {margin:-65px 0 0 0; padding:20px;}
.about .banner-contact h4 {font-size:20px; line-height:28px;}
.about .about-img {margin:40px 0;}
.about-content {font-size:14px;} 
.banner-contact .form-control {height:45px !important;}
.banner-contact .btn {font-weight:500; text-transform:uppercase;}
.specialist-box {margin-bottom:20px; text-align:center; padding:25px;}
.get-price {background:#035124; margin:0px;}
.get-price h3 {font-size:20px; line-height:30px; text-align: center; border: 0;}
.get-price a {font-size:16px; margin:15px auto 40px; padding:10px 52px;}
.get-price-img {max-width:100%;}
.product-box {margin:0px;}
.contact-us form {padding:30px 20px;}
.statcis {padding:30px 20px ;}
.statcis-box {background: #023518; width:100%;  padding:14px;  border-radius:10px; justify-content: center; margin-bottom:10px;}
.get-price-inner {flex-wrap: wrap; padding:50px 0 0 0;}
.get-price h3 {width:100%; margin:0px;} 
.get-price-inner .get-price-img {margin:0px;}
.statcis-inner {flex-wrap: wrap;}
.footer .col-lg-4.col-md-6 {margin-bottom:10px;}
.product .row {row-gap:25px; font-size:14px;}
.statcis-box h3 {font-size:24px;}
.specialist-inner {padding:20px; margin:0;}}
	
@media screen and (max-width: 767px) {
h2 {font-size:20px!important; margin-bottom:10px;}
.banner	{height: 400px !important;  align-items: start !important; padding:50px 0 0 0; background: url("../images/banner.webp")!important;}
.navbar-brand {margin:0 auto 15px; display: block; padding:10px 15px;} 
.navbar ul {flex-wrap: wrap; padding: 0; text-align: center; display: block; width: 100%; margin-bottom:15px;}
.banner-content h1 {font-weight:400; font-size:28px;}
.banner-content h1 span {font-weight:400; font-size:28px;}
.banner-contact {font-size: 20px; line-height: 27px; font-weight: 600;}
.about {padding-bottom:0px;}
.about .banner-contact {margin:-65px 0 0 0; padding:20px;}
.about .banner-contact h4 {font-size:20px; line-height:28px;}
.about .about-img {margin:40px 0;}
.about-content {font-size:14px;} 
.banner-contact .form-control {height:45px !important;}
.banner-contact .btn {font-weight:500; text-transform:uppercase;}
.specialist-box {margin-bottom:20px; text-align:center; padding:25px;}
.get-price {background:#035124; margin:0px;}
.get-price h3 {font-size:20px; line-height:30px; text-align: center; border: 0;}
.get-price a {font-size:16px; margin:15px auto 40px; padding:10px 52px;}
.get-price-img {max-width:100%;}
.product-box {margin:0px;}
.contact-us form {padding:30px 20px;}
.statcis {padding:30px 20px ;}
.statcis-box {background: #023518; width:100%;  padding:14px;  border-radius:10px; justify-content: center; margin-bottom:10px;}
.get-price-inner {flex-wrap: wrap; padding:50px 0 0 0;}
.get-price h3 {width:100%; margin:0px;} 
.get-price-inner .get-price-img {margin:0px;}
.statcis-inner {flex-wrap: wrap;}
.footer .col-lg-4.col-md-6 {margin-bottom:10px;}
.product .row {row-gap:25px; font-size:14px;}
.statcis-box h3 {font-size:24px;}
.specialist-inner {padding:20px; margin:0;}
}