@import url('https://fonts.googleapis.com/css2?family=Josefin+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&display=swap');
body {font-family: 'Josefin Sans', sans-serif;}
html {scroll-behavior: smooth;}

.section-padding {padding: 70px 0;}
.section-title {position: relative;color: #34574b;text-transform: uppercase;margin-bottom: 40px;font-weight: bold;}

header .navbar {padding: 0;}
header .navbar-brand img {max-width: 150px;}
header .navbar-light .navbar-nav .nav-link {padding: 20px;color: rgb(52 87 75);font-weight: 600;}
header .navbar-light .navbar-nav .nav-item .dropdown-menu{position:absolute;top:200px;visibility: hidden;opacity:0;display:block;transition:all 0.5s ease 0s;-webkit-transition:all 0.5s ease 0s;-ms-transition:all 0.5s ease 0s;-moz-transition:all 0.5s ease 0s;}
header .navbar-light .navbar-nav .nav-item:hover .dropdown-menu{visibility: visible;opacity: 1;top:50px;}
header .navbar-light .navbar-nav .nav-link:hover {color: rgb(92 186 81);}
header .fixed-top {position: fixed;top: 0;right: 0;left: 0;z-index: 1030;background: #fff;box-shadow: 0 0 15px 5px rgb(0 0 0 / 0.1);}
header .dropdown-item:hover {background: transparent;color: #5cba51}



.banner{background: url(../img/banner.jpg); background-size: cover;background-repeat:  no-repeat;background-position: center;height: 650px;position: relative;margin-top: 90px;}
.banner-data {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);text-align: center;z-index: 1;width: 100%;}
.banner-data h2 {font-size: 50px;font-weight: 900;color: #ffffff;}
.banner-data h4 {font-size: 35px;font-weight: 900;color: #fff;margin-bottom: 30px;}
.banner:after {content: '';position: absolute;left: 0;right: 0;top: 0;bottom: 0;background: rgb(0 0 0 / 40%);z-index: 0;}

.about-img {position: relative;z-index: 0;border: 1px solid #eee;}
.about-img:before {content: '';background: #34574b;width: 150px;height: 150px;position: absolute;top: -15px;left: -15px;z-index: -1;}
.about-img:after {content: '';background: #34574b;width: 150px;height: 150px;position: absolute;bottom: -15px;right: -15px;z-index: -1;}


.first-band {background-image: url(../img/parallex-client.jpg);background-attachment: fixed;background-position: center;background-repeat: no-repeat;background-size: cover;padding: 30px 0;}
.first-band h2 {margin-bottom: 0;color: #fff;font-size: 35px;}

.industry-we-serve-data {padding: 10px;}
.industry-we-serve [aria-expanded="false"] > .expanded, .industry-we-serve [aria-expanded="true"] > .collapsed {display: none;}

.service-data {position: relative;transition: ease all .5s;}
.service-data .data {background: linear-gradient(180deg, rgba(255,255,255,0) 3%, rgb(0 0 0 / 91%) 80%);position: absolute;width: 100%;bottom: 0;padding: 20px;height: 30%;overflow: hidden;transition: ease all .5s;text-align: center;}
.service-data:hover .data {height: 55%;transition: ease all .5s;}
.service-data .data h3 {font-size: 20px;text-transform: uppercase;font-weight: bold;color: #fff;min-height: 56px;}
.service-data .data .btn-secondary{color: #fff;display: none;transition: ease all .5s;}
.service-data:hover .data .btn-secondary {display: block;width: 130px;height: 40px;border-radius: 30px;background: transparent;border: 2px solid #fff;color: #fff;font-size: 14px;font-weight: 600;transition: ease all .5s;}


.contact-us {background: #f6f6f6;}
.contact-us-form .btn-primary {margin-top: 20px;}
.contact-us-form {position: relative;z-index: 0;padding: 40px;}
input#footercodepost, input#codepost {border: 1px solid #cdd4da;padding: 7px;width: 100%;border-radius: 5px;}
input#footertxtCapcha, input#txtCapcha {padding: 7px;background: transparent;border: 1px solid #cdd4da;border-radius: 5px;width: 50%;margin-right: 20px;}
.contact-us-form .form-group {margin-bottom: 2rem;}
.contact-us-form:before {position: absolute;content: "";top: 0;left: 0;width: 120%;height: 100%;background: #fff;-webkit-box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.1);box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.1);z-index: -1;}
.contact-us-data {background: #34574b;padding: 40px;}
.contact-us-data p {margin: 20px 0;position: relative;color: #ccc;padding-left: 25px;}
.contact-us-data p a {color: #ccc;}
.contact-us-data p .fa {position: absolute;left: 0;top: 4px;color: #ffffff;}
.contact-us-data h3 {color: #fff;font-size: 24px;position: relative;margin-bottom: 50px;}
.contact-us-data h3:after {content: '';width: 120px;border-bottom: 2px solid #fff;display: block;margin: 10px 0;}

.copy-right {padding: 15px 0;}
.copy-right p {margin-bottom: 0;}
.copy-right p a {color: #5cba51;}

.modal-header {background: #5cba51;border-bottom: 1px solid #5cba51;}
.modal-title {color: #fff;text-transform: uppercase;}
.close {font-size: 36px;color: #fff;opacity: 1;padding: 9px 15px 0 !important;}

.close_menu {display: none;}

@media only screen and (max-width: 1400px) {


}

@media only screen and (max-width: 1300px) {

	.banner {height: 500px;}
}

@media only screen and (max-width: 1199px) {

	header .navbar-light .navbar-nav .nav-link {padding: 10px;}
	header .navbar-brand img {max-width: 100px;}
	.banner {margin-top: 60px; height: 380px;}
	.banner-data h2 {font-size: 40px;}
	.banner-data h4 {font-size: 30px;}
	.contact-us-data {padding: 30px;}
	.service-data .data h3 {font-size: 14px;min-height: 30px;}
	.service-data .btn-primary {padding: 10px 30px;}
}

@media only screen and (max-width: 991px) {

	.navbar-light .navbar-toggler {border-color: rgb(52 87 75);}
	header .navbar .navbar-collapse{position:fixed;top:0;bottom:0;z-index:99;width:280px;right:-280px;background-color:#fff;text-align:center;overflow:auto!important;height:auto!important;display:block!important;border-left:2px solif #fff;box-shadow:0 0 10px rgba(0,0,0,0.3);-webkit-transition:all 0.5s ease 0s;-moz-transition:all 0.5s ease 0s;-ms-transition:all 0.5s ease 0s;transition:all 0.5s ease 0s;}
	header .navbar .navbar-collapse.show{right:0}
	.close_menu {text-align: right;margin: 10px 10px 20px 0;display: block;}
    .close_menu img {width: 45px;height: 45px;line-height: 45px;}
    header .navbar-light .navbar-nav .nav-item .dropdown-menu {position: initial;top: 0;visibility: visible;opacity: 1;display: block;transition: all 0.5s ease 0s;-webkit-transition: all 0.5s ease 0s;-ms-transition: all 0.5s ease 0s;-moz-transition: all 0.5s ease 0s;text-align: center;border: none;}
    .dropdown-item {background: whitesmoke;margin-bottom: 4px;border: 0;white-space: break-spaces;}
    .contact-us-data {padding: 20px;}
    .contact-us-data p a {word-break: break-all;}
}

@media only screen and (max-width: 767px) {

	.about-img {margin-top: 15px;}
	.service-img img {width: 100%;}
	.contact-us-form:before {width: 100%;}
	.section-padding {padding: 30px 0;}
	.section-title {margin-bottom: 20px;}
	.service-data .data {height: 12%;}
}

@media only screen and (max-width: 575px) {

	.first-band {text-align: center;}
	.banner-data h2 {font-size: 25px;}
	.banner-data h4 {font-size: 20px;}
	.banner {height: 230px;}
	.about-img:before, .about-img:after {display: none;}
	.first-band h2 {margin-bottom: 10px;color: #fff;font-size: 25px;}
	.copy-right {padding: 15px;}
	.contact-us-form {padding: 20px;}
	input#footertxtCapcha, input#txtCapcha {margin-bottom: 10px;}
}

@media only screen and (max-width: 375px) {

	.service-data .data {height: 18%;}
	.section-title {margin-bottom: 0;font-size: 25px;}
	.banner-data h2 {font-size: 22px;}
	.banner-data h4 {font-size: 20px;margin-bottom: 10px;}
	.contact-us-form .form-group {margin-bottom: 15px;}
}