*{
padding: 0px;
margin: 0px;
box-sizing: border-box;
}
body {
font-family: 'Jost', sans-serif;
overflow-x: hidden !important;
}
img{
    max-width: 100%;
}
h1,h2,h3,h4,h5,h6,ul,li,p,a {
padding: 0;
margin: 0;
text-decoration: none;
list-style: none;
-webkit-transition: all 0.6s ease-in-out;
transition: all 0.6s ease-in-out;
}
.top_header {
background: transparent;
}
.header-menu ul li a{
color: #272a3a;
text-transform: capitalize; 
font-size: 18px;
transition: all 0.3s ease-in-out;
} 
.header-menu ul li a:hover{
color: #fff ;
} 
.fixed-top.scrolled {
background: #fff !important;
transition: background-color 200ms linear;
box-shadow: rgba(100, 100, 111, 0.2) 0px 5px 5px 0px;
}
.fixed-top.scrolled .header-menu ul li a:hover{
color: #21dfac;
} 
.offcanvas-area{
display: none;
}
.drop-down {
position: relative;
}
.drop-down .dropdown-list {
position: absolute;
background: #fff;
width: 250px;
display: none;
box-shadow: rgba(100, 100, 111, 0.2) 0px 4px 4px 0px;
}
.drop-down:hover .dropdown-list {
display: block;
}
.drop-down .dropdown-list li a:hover{
color: #21dfac;
}
@media(max-width:991px){
.header-menu-none{
display: none;
}
.offcanvas-area{
display: block;
}
.offcanvas-area .header-menu ul li a:hover {
    color: #106f56;
}
}
/*Slider section Start*/
.slider_area{
background: url(../images/slider-bg.png);
background-repeat: no-repeat;
background-size: cover;
background-position: bottom;
position: relative;
padding: 120px 0px;
width: 100%;
}
.slider_area .slider-left .slider-left-title h1 {
font-size: 45px;
color: #272a3a;
text-transform: capitalize;
font-weight: 600;
margin-bottom: 20px;
}
.slider_area .slider-left-content {
background: #fff;
padding: 30px;
border-radius: 3px;
box-shadow: 0px 10px 80px 0px rgba(215, 215, 215, 0.4);
text-align: center;
}
.slider_area .slider-left-content:hover {
box-shadow: 0px 10px 80px 0px rgb(33 223 172 / 43%);
cursor: pointer;
}
.slider_area .slider-left-icon {
background: #e7fef6;
width: 80px;
height: 80px;
line-height: 80px;
margin: 0px auto;
border-radius: 20px;
margin-bottom: 20px;
}
.slider_area .slider-left-icon i {
font-size: 35px;
color: #21dfac;
}
.slider_area .slider-left-icon-content p {
font-size: 17px;
text-transform: capitalize;
font-weight: 500;
color: #2d3040;
}
/*Slider section End*/
.theme-title h4 {
font-size: 45px;
text-align: center;
font-weight: 600;
color: #272a3a;
padding-top: 40px;
text-transform: capitalize;
}
/*Why Area Section Start*/
.why-inner {
background: #fff;
border: 1px solid #ebebeb;
padding: 40px;
text-align: center;
height: 100%;
position: relative;
transition: all 0.3s ease-in-out;
}
.why-inner .why-icon i {
font-size: 40px;
color: #21dfac;
}
.why-inner-content h4 {
font-size: 25px;
text-transform: capitalize;
color: #272a3a;
font-weight: 500;
padding: 20px 0px;
}
.why-inner:before {
position: absolute;
content: "";
background: #21dfac;
width: 100%;
bottom: 0px;
left: 0px;
height: 2px;
}
.why-inner .why-inner-hover {
position: absolute;
bottom: 0;
left: 0;
z-index: 11;
width: 100%;
height: 0px;
background: #21dfac;
-moz-transition: width, 250ms;
-o-transition: width, 250ms;
-webkit-transition: width, 250ms;
transition: width, 250ms;
}
.why-inner:hover .why-inner-hover {
height: 100%;
}
.why-inner:hover .why-icon i{
color: #fff;
position: relative;
z-index: 99;
}
.why-inner:hover .why-inner-content h4,p{
position: relative;
z-index: 99;
}
/*Why Area Section End*/
.about-left img {
height: 450px;
}
.about-left {
text-align: center;
}
.about-right h4 {
font-size: 45px;
text-align: center;
line-height: 65px;
margin-bottom: 40px;
text-transform: capitalize;
color: #272a3a;
}
.about-right h5 {
font-size: 20px;
text-align: center;
text-transform: capitalize;
color: #272a3a;
background: #21dfac47;
line-height: 30px;
width: 130px;
height: 30px;
border-radius: 20px;
margin: 0px auto;
}
.about-right p {
font-size: 18px;
text-align: justify;
line-height: 35px;
}
/*Service Area Start*/
.service-icon img {
height: 50px;
width: 50px;
}
.service-inner {
background: #fff;
padding: 30px 30px;
text-align: center;
position: relative;
height: 100%;
transition: all 0.3s ease-in-out;
}
.service-inner:hover {
background: #fff;
box-shadow: 0 0 30px 0px rgba(0,0,0,0.18);
transform: translateY(-5px);
}
.service-icon {
background: linear-gradient(60deg, #27ada6, #40fdab);
height: 70px;
line-height: 70px;
width: 70px;
margin: 0px auto;
border-radius: 100%;
}
.service-content h3 {
font-size: 22px;
font-weight: 500;
text-transform: capitalize;
color: #005e59;
line-height: 60px;
}
.service-content p {
font-size: 15px;
text-align: justify;
}
/*Service Area End*/
/*download-app section Start*/
.download-app-left {
z-index: 1;
position: relative;
}
.download-app {
position: relative;
background: #f5f5ff;
padding: 50px 0px;
margin: 50px 0px;
overflow-x: hidden;
}
.download-app-right {
text-align: center;
}
.download-app-right img{
height: 300px;
}
.download-app-left-content h2 {
font-size: 25px;
font-weight: 600;
text-transform: capitalize;
color: #272a3a;
margin-bottom: 15px;
}
.download-app-left-content p {
font-size: 15px;
text-transform: capitalize;
font-weight: 400;
text-align: justify;
line-height: 30px;
margin: 0px 0px 30px;
color: #000;
}
/*download-app section End*/
/*counter section*/
.counter-container {
text-align: center;
}
.counter-container img {
height: 50px;
}
.counter-icon {
display: flex;
align-items: center;
justify-content: center;
margin: 10px 0px;
font-size: 30px;
font-weight: 600;
color: #333333;
}
.counter-container .counter-content {
font-size: 20px;
text-transform: capitalize;
font-weight: 500;
color: #333333;
}
/*footer start*/
.footer_wizer h3 {
font-size: 24px;
font-weight: 600;
color: #fff;
text-transform: capitalize;
margin-bottom: 30px;
}
.footer_content ul.info {
padding: 0px;
margin: 0px;
}
.footer_content ul.info li {
margin-bottom: 20px;
}
.footer_content ul.info li a {
font-size: 16px;
color: #fff;
font-weight: 400;
}
.footer_content ul.info li a i {
margin-right: 10px;
font-size: 20px;
}
.footer_wizer ul.quick_links {
padding: 0px;
margin: 0px;
}
.footer_wizer ul.quick_links li {
margin-bottom: 20px;
}
.footer_wizer ul.quick_links li a {
font-size: 16px;
text-transform: capitalize;
color: #fff;
font-weight: 400;
}
.footer_content ul.social_media_icon {
margin: 0px;
padding: 0px;
}
.footer_content ul.social_media_icon li {
display: inline-block;
}
.copyright {
text-align: center;
color: #ffff;
font-size: 15px;
font-weight: 400;
margin: 10px 0px;
}
.footer_content ul.info li a:hover {
color: #3ffbab;
}
.footer_wizer ul.quick_links li a:hover {
color: #3ffbab;
transform: translateX(10px);
}
.footer_content ul.social_media_icon li {
margin-right: 10px;
}
.footer_content ul.social_media_icon li a {
font-size: 20px;
color: #fff;
}
.footer_content ul.social_media_icon li a:hover {
color: #3ffbab;
}
.main_footer {
background:#272a3a;
padding: 30px 0px;
}
ul.quick_links li a:hover:after {
opacity: 1;
width: 10px;
visibility: visible;
transition: all 0.5s;
}
.footer_wizer ul.quick_links li:hover {
transform: translateX(10px);
transition: all 0.5s;
}
#button {
display: inline-block;
background-color: #FF9800;
width: 50px;
height: 50px;
text-align: center;
border-radius: 4px;
position: fixed;
bottom: 30px;
right: 30px;
transition: background-color .3s, 
opacity .5s, visibility .5s;
opacity: 0;
visibility: hidden;
z-index: 1000;
}
#button::after {
content: "\f077";
font-family: FontAwesome;
font-weight: normal;
font-style: normal;
font-size: 2em;
line-height: 50px;
color: #fff;
}
#button:hover {
cursor: pointer;
background-color: #333;
}
#button:active {
background-color: #555;
}
#button.show {
opacity: 1;
visibility: visible;
}
/*footer End*/