@charset "utf-8";
/* CSS Document */


body{font-family: "Open Sans", sans-serif;}
.topbanner{ background: url(../images/banner.jpg) center top no-repeat;
    background-size: cover;}
	
.navbar{ background:none!important}	

.topbanner h2{color: black; font-size: 43px; font-weight: 700; text-transform: uppercase; line-height: 46.01px; }
.text-right{ position: relative;
    text-align: right;
    padding-right: 240px;
    left: 100px;}
.ml-3{ padding-left:30px;}
.text-right-image{ text-align:right}
.main-workingares{ margin-top:80px;}
p{  color: black; font-size:16px; font-family: Open Sans; font-weight: 400; letter-spacing: 1.20px; }




.header-area{ text-align:center; position:relative}
.header-area h3{ background:#fff; text-align:center;font-size: 48px; color:#000; font-weight: 400; background:#fff; position:relative; z-index:999; display: inline-block; padding:0px 60px}
.header-area:before{ height:1px; background:#000; width:60%; position:absolute; left:0px; right:0px; margin:0 auto; content:""; top:30px;}
.middle-seaction{ background:#18BEBC; padding:30px 0px 30px 0px}
ul{ margin:10px 0px 0px 0px; padding:0px;}
ul li {
    margin-bottom: 10px;
    color: black;
    font-size: 16px;
    font-family: Open Sans;
    font-weight: 400;
    letter-spacing: 1.20px;
    padding: 0px 0px 0px 0px;
    margin-left: 19px;
}
.middle-seaction{ margin-top:80px;}
.downlaod .header-area{ margin-top:60px;}
.downlaod .header-area h3{ background:#18BEBC; padding:0px 20px;}
.displat{display: flex;display: flex;
    margin: 0 auto;}
.downlaod p{ text-align:center}	

.footer{ background:#000000; padding:20px 0px 20px 0px; text-align:center; color:#fff;}



















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

img{ max-width:100%; height:auto}

.header-area h3{padding: 0px 10px;font-size: 28px;}



.main-workingares {
    margin-top: 30px;
}


.header-area {
    text-align: center;
    position: relative;
    margin-bottom: 21px;
}
.topbanner h2 {
    color: black;
    font-size: 27px;
    font-weight: 700;
    text-transform: uppercase;
    line-height: 36.01px;
}
.navbar {
    background: none !important;
    text-align: center;
    width: 49%;
    margin: 0 auto;
}
.text-right{text-align: center; padding:0px;}
.offset-1 {
    margin-left:0px; left:0px;
}
.middle-seaction {
    margin-top:20px;
    text-align: center;
}
.downlaod .header-area {
    margin-top: 20px;
}
.offset-1 img{width: 73%;}
.header-area:before{top: 20px;}
.downlaod .col-lg-3 img{width: 73%;}
.mobile-area{flex-direction: column-reverse;
        display: flex; gap:30px;}
		
		.text-right-image {
    text-align: center;
    margin: 0px;
}
}














img{max-width: 100%;
    height: auto;}
	
.footer a{ color:#fff; text-decoration:none;}