/************ TABLE OF CONTENTS ***************
1. Fonts
2. Reset
3. Global
4. Main Header
5. Main Slider
6. About Section
7. Cta Section
9. Service Section
8. Fact Counter
10. Image Gallery
11. Testimonials Section
12. News Section
14. Brand Section
15. Newsletter Section
16. Main Footer
19. About Page
20. Service Page
21. Service Details Content
22. Our Project
23. Project Details
24. Team Page
25. Event Page
26. Event Details
27. Event Details Content
28. Error Section
29. Our Blog
30. Blog Classic Content
31. Sidebar Content
32. Blog Details
33. Blog Details Content
34. Contact Section


**********************************************/


/* use font link */

@import url('https://fonts.googleapis.com/css?family=Montserrat:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i');
@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i,800,800i');
@import url('https://fonts.googleapis.com/css?family=Grand+Hotel');
@import url('https://fonts.googleapis.com/css?family=Lato:100,100i,300,300i,400,400i,700,700i,900,900i');
@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.10.5/font/bootstrap-icons.css");
/* use style sheet */

@import url(font-awesome.css);
@import url(flaticon.css);
@import url(animate.css);
@import url(owl.css);
@import url(bootstrap.css);
@import url(bootstrap.min.css);
@import url(jquery-ui.css);
@import url(jquery.fancybox.css);
@import url(hover.css);



/*** 

====================================================================
  Reset
====================================================================

 ***/
* {
  margin:0px;
  padding:0px;
  border:none;
  outline:none;
}

::selection{
  color: #1706C0;
}


@media (max-width: 991px) {
  /* Override the container class to use a fluid container */
  .container {
    width: 100%;
    padding-left: 0;
    padding-right: 0;
  }
}
/*** 

====================================================================
  Global Settings
====================================================================

 ***/


body {
  font-size:15px;
  color:#848484;
  line-height:26px;
  font-weight:400;
  background:#ffffff;
  font-family: "Open Sans", sans-serif;
  background-size:cover;
  background-repeat:no-repeat;
  background-position:center top;
  -webkit-font-smoothing: antialiased;
  overflow-x: hidden;
}

@media (min-width:1200px) {
  .container {
    padding: 0px 0px;
  }
}
.centred{
  text-align: center;
}


a{
  text-decoration:none;
  position: relative;
  font-size: 15px;
  font-family: "Open Sans", sans-serif;
  line-height: 25px;
  cursor:pointer;
  color:#848484;
  transition: all 500ms ease;
}

a:hover{
  text-decoration:none;
  outline:none;
}

input,button,select,textarea{
  font-family: "Open Sans", sans-serif;
}

.strike-through{
  text-decoration:none; 
}

.auto-container{
  position:static;
  max-width:1200px;
  padding:0px 15px;
  margin:0 auto;
}

.small-container{
  max-width:680px;
  margin:0 auto;
}

ul,li{
  list-style:none;
  padding:0px;
  margin:0px; 
}
.centered{
  text-align:center;  
}
.section-pad{
  padding: 0px 0px 0px 0px;
  margin-top: -1.5rem;
}
.sec-padding{
  padding: 20px 0px 100px 0px;
}

p{
  position: relative;
  font-size: 15px;
  font-family: "Open Sans", sans-serif;
  line-height: 26px;
  font-weight: 400;
  color: #848484;
  margin-bottom: 10px;
  transition: all 500ms ease;
}

h1,h2,h3,h4,h5,h6 {
  position:relative;
  font-family: "Open Sans", sans-serif;
  font-weight: 400;
  margin-bottom: 10px;
  color: #222;
  margin-top: 0px;
}
h1 a,h2 a,h3 a,h4 a,h5 a,h6 a {
  position:relative;
  font-family: "Open Sans", sans-serif;
  font-weight: 400;
  margin-bottom: 10px;
  color: #222;
  margin-top: 0px;
  transition: all 500ms ease;
}

h1{
  font-size: 55px;
  line-height: 60px;
  font-weight: 600;
  color: #fff;
  text-transform: capitalize;
}
h1 span{
  color: #4ecd66;
}

h2{
  font-size: 36px;
  line-height: 43px;
}

h3{
  font-size: 24px;
  line-height: 30px;
}

h4{
  font-size: 20px;
  line-height: 30px;
}

h5{
  font-size: 16px;
  line-height: 26px;
} 

h6{
  font-size: 14px;
  line-height: 26px;
} 

h3 a{
  font-size: 24px;
  line-height: 30px;
}

h4 a{
  font-size: 20px;
  line-height: 30px;
}

h5 a{
  font-size: 16px;
  line-height: 24px;
}

h6 a{
  font-size: 15px;
  line-height: 22px;
}

h3 a:hover,
h4 a:hover,
h5 a:hover,
h6 a:hover{
  color: #4ecd66;
  transition: all 500ms ease;
}

.preloader{position: fixed; left:0px;top:0px;height:100%;width: 100%;z-index:999999;background-color:#ffffff;background-position:center center;background-repeat:no-repeat;background-image:url(../images/icons/preloader.gif);}

/** button **/

.btn-one {
  font-size: 14px;
  font-weight: 500;
  text-transform: uppercase;
  color: #fff;
  background: linear-gradient(90deg, #388062 0%, #73b757 100%);
  border: 1px solid #4ecd66;
  padding: 5px 16px 5px 16px;
  font-family: "Open Sans", sans-serif;
  position: relative;
  transition: all 900ms ease;
  line-height: 24px;
  cursor: pointer;
  display: inline-block;
  text-align: center;
  z-index: 1;
  border-radius: 30px;
}
.btn-one:hover{
  color: #fff;
  background: #297c52;
  border: 1px solid #4ecd66;
  transition: all 900ms ease;
  text-decoration: none;
  outline: none;
}

.btn-two {
  font-size: 14px;
  font-weight: 500;
  text-transform: uppercase;
  color: #fff;
  background: linear-gradient(90deg, #388062 0%, #73b757 100%);
  padding: 12px 25px 12px 24px;
  font-family: 'Open Sans', sans-serif;
  position: relative;
  transition: all 900ms ease;
  line-height: 24px;
  cursor: pointer;
  display: inline-block;
  text-align: center;
  z-index: 1;
  border: 1px solid #4ecd66;
  border-radius: 30px;
}
.btn-two:hover{
  color: #fff;
  background: darkgreen;
  border: 1px solid #297c52;
  transition: all 900ms ease;
}

.page-pagination{
  position: relative;
  padding: 0px;
  margin: 0px;
}
.page-pagination li{
  display: inline-block;
  margin: 0px 3px;
}
.page-pagination li a{
  position: relative;
  display: inline-block;
  font-size: 18px;
  font-family: 'OpenSans',sans-serif;
  color: #222;
  font-weight: 400;
  width: 45px;
  height: 45px;
  line-height: 45px;
  text-align: center;
  border: 1px solid #e5e5e5;
  transition: all 500ms ease;
}
.page-pagination li a:hover,
.page-pagination li a.active{
  background: #4ecd66;
  color: #fff;
  border: 1px solid #4ecd66;
  transition: all 500ms ease;
}

.section-title h2{
  position: relative;
  font-weight: 500;
  margin-bottom: 60px;
}
.section-title h2:before{
  position: absolute;
  content: '';
  background: url(../images/home/title-shap.png);
  width: 88px;
  height: 28px;
  left: 50%;
  bottom: -39px;
  margin-left: -25px;
  background-repeat: no-repeat;
}

.title-head, .title-hea{
  position: relative;
  font-size: 30px;
  font-family: "Open Sans", sans-serif;
  margin: 0 0 1rem 0;  
  line-height: 37px;
  color: #000;
  display: block;
}
.title-head span{
  color: darkgreen;
}

.title-hea{
  position: relative;
  font-size: 30px;
  font-family: "Open Sans", sans-serif;
  margin: 3rem 0; 
  line-height: 37px;
  color: #fff;
  display: block;
}
.title-hea span{
  color: #47B65D;
}

/*** 

====================================================================
  Scroll To Top style
====================================================================


***/

.scroll-to-top span{
  color: #fff;
}
.scroll-to-top{
  position:fixed;
  bottom:15px;
  right:15px;
  font-size:18px;
  line-height:43px;
  width:45px;
  height:45px;
  background: #4ecd66;
  text-align:center;
  z-index:100;
  cursor:pointer;
  display:none;
  transition:all 500ms ease;
  -moz-transition:all 500ms ease;
  -webkit-transition:all 500ms ease;
  -ms-transition:all 500ms ease;
  -o-transition:all 500ms ease;
}
.scroll-to-top:hover{
  background: #222;
}
.scroll-to-top:after {
  position: absolute;
  z-index: -1;
  content: '';
  top: 100%;
  left: 5%;
  height: 10px;
  width: 90%;
  opacity: 1;
  background: -webkit-radial-gradient(center, ellipse, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0) 80%);
  background: -webkit-radial-gradient(center ellipse, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0) 80%);
  background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0) 80%);
}


/*============= donate form area =================*/


.donate-popup{
  position:fixed;
  left:0px;
  top:-100%;
  width:100%;
  height:100%;
  background:rgba(0,0,0,0.80);
  z-index:9999;
  visibility:hidden;
  opacity:0;
  overflow:auto;
  transition:all 700ms ease;
  -moz-transition:all 700ms ease;
  -webkit-transition:all 700ms ease;
  -ms-transition:all 700ms ease;
  -o-transition:all 700ms ease;
}
.donate-popup.popup-visible{
  top:0;
  visibility:visible;
  opacity:1;
}
.donate-popup .close-donate{
  position:absolute;
  right:25px;
  top:25px;
  font-size:20px;
  color:#ffffff;
  cursor:pointer;
  z-index:5;
}
.donate-popup .close-donate:hover{
  opacity:0.70; 
}

.donate-form-area {
  margin-top: 100px;
  margin-bottom: 100px;
  background: #f2f2f2;
  padding:25px;
  border: 3px solid #4ecd66;
}
.donate-form-area h2{
  font-size: 36px;
  text-align: center;
  font-weight: 400;
  color: #222222;
  margin-bottom: 40px;
  text-transform: capitalize;
  font-family: "Open Sans", sans-serif;
}
.donate-form-area h4 {
  font-size: 22px;
  color: #444444;
  font-weight: 400; 
  margin-bottom: 18px;
  text-transform: capitalize;
  font-family: "Open Sans", sans-serif;
}
.donate-form-area h3 {
  font-weight: 400;
  margin-top: 38px;
  color: #444444;
  margin-bottom: 28px;
  text-transform: capitalize;
  font-family: "Open Sans", sans-serif;
}
.donate-form-area .form-group input{
  width: 100%;
  border: 1px solid #bfb5b5;
}

/*check list*/

.chicklet-list {
  background: #fff;
  padding: 30px 30px 20px;
}
.chicklet-list li {
  padding: 0 5px;
  display: inline-block;
  margin-bottom: 10px;
  position: relative;
}
.chicklet-list input {
  font-size: 1.4em;
  line-height: 1;
  border: 2px solid #4ecd66;
  padding: 0.55em 0.55em 0.55em 0.8em;
  color: #3b7840;
}
.chicklet-list input[type=radio] {
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
}
.chicklet-list label {
  display: block;
  font-size: 16px;
  font-family: "Open Sans", sans-serif;
  font-weight: normal;
  background: #ffffff;
  border: 1px solid #f4f4f4;
  color: #000;
  padding: 8px 27px;
  text-align: center;
  border-radius: 0;
  cursor: pointer;
  -webkit-transition: all 0.1s ease-out;
  transition: all 0.1s ease-out;
}
.chicklet-list :checked+label {
  background: #4ecd66;
  color: #f7f7f7;
  text-shadow: none;
}
.chicklet-list li.other-amount {
  width: 38%;
  float: right;
}
.chicklet-list li span {
  position: absolute;
  left: -30px;
  top: 9px;
  font-size: 16px;
  font-family: "Open Sans", sans-serif;
  color: #303030;
}
.chicklet-list input[type="text"] {
  height: 40px;
}

/*==========*/

.donate-form-area .form-bg {
  background: #fff;
  padding: 25px 25px 10px;
}
.donate-form-area .default-form .form-group {
  margin-bottom: 15px;
}
.donate-form-area .default-form .form-group p {
  margin-bottom: 5px;
}


/*** 

====================================================================
                        Home-Page
====================================================================

***/

/** main header area **/


.main-header{
  position:fixed;
  left:0px;
  top:0px;
  z-index:999;
  width:100%;
  transition:all 500ms ease;
  -moz-transition:all 500ms ease;
  -webkit-transition:all 500ms ease;
  -ms-transition:all 500ms ease;
  -o-transition:all 500ms ease;
  box-shadow: 1px solid rgba(0, 0, 0, 1.0);
}

.sticky-header{
  position:fixed;
  opacity:0;
  visibility:hidden;
  left:0px;
  top:0px;
  width:100%;
  background: #fff;
  z-index:0;
  box-shadow: 0 0px 0 2px rgba(238, 238, 238, 0.66);
  transition:all 500ms ease;
  -moz-transition:all 500ms ease;
  -webkit-transition:all 500ms ease;
  -ms-transition:all 500ms ease;
  -o-transition:all 500ms ease;
}
.fixed-header .sticky-header{
  z-index:999;
  opacity:1;
  visibility:visible;
  -ms-animation-name: fadeInDown;
  -moz-animation-name: fadeInDown;
  -op-animation-name: fadeInDown;
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
  -ms-animation-duration: 500ms;
  -moz-animation-duration: 500ms;
  -op-animation-duration: 500ms;
  -webkit-animation-duration: 500ms;
  animation-duration: 500ms;
  -ms-animation-timing-function: linear;
  -moz-animation-timing-function: linear;
  -op-animation-timing-function: linear;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -ms-animation-iteration-count: 1;
  -moz-animation-iteration-count: 1;
  -op-animation-iteration-count: 1;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
}
.sticky-header .main-menu .navigation > li > a{
  padding: 20px 0px 22px 18px;
}
.sticky-header .logo-box{
  margin-top: 3px;
}
.sticky-header .main-menu .navbar-collapse > ul li.dropdown .dropdown-btn{
  top: 25px;
}
.header-lower{
  background: #fff;
  width: 100%;
  height: 90px;
  z-index:999;
  opacity:1;
  visibility:visible;
  transition:all 500ms ease;
  -moz-transition:all 500ms ease;
  -webkit-transition:all 500ms ease;
  -ms-transition:all 500ms ease;
  -o-transition:all 500ms ease;
  box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.4);
  padding: 0;
}

.header-upper{
  position: relative;
  background: #232428;
  width: 100%;
  padding: 5px 0px;
}
.header-upper .top-left{
  position: relative;
  display: inline-block;
}
.header-upper .top-left li{
  position: relative;
  display: inline-block;
  font-size: 13px;
  color: #d3d7ce;
  top: 1px;
  margin-right: 45px;
}
.header-upper .top-left li:before{
  position: absolute;
  content: '';
  background: #656669;
  width: 1px;
  height: 20px;
  right: -30px;
  top: 3px;
}
.header-upper .top-left li:last-child:before{
  display: none;
}
.header-upper .top-left li i:before{
  font-size: 14px;
  margin-right: 7px;
}
.header-upper .top-right{
  position: relative;
  float: right;
}
.header-upper .top-right .social-top{
  position: relative;
  display: inline-block;
  margin-left: 16px;
  top: 1px;
}

.header-upper .top-right .social-top li a{
  position: relative;
  display: inline-block;
  color: #cfcfcf;
  line-height: 26px;
  font-size: 14px;
}
.header-upper .top-right .social-top li a:hover{
  color: #4ecd66;
}
.header-upper .top-right .social-top li{
  position: relative;
  display: inline-block;
  margin: 0px 0px 0px 26px;
}
.logo-box{
  width: 100px;
  height: 50px;
  margin-top: 10px;
  margin-left: 7rem;
}

.logo-box img{
  width: 195px;
  height: 70px;
}

.logo-box a {
  display: inline-block;
  width: 100%;
  height: 100%;
}

@media screen and(max-width:767px){
  .header-lower .logo-box{
    margin-left: 2rem;
    margin-top: 4rem;
  }
}
.main-header .info-box{
  position: relative;
  display: inline-block;
}
.main-header .menu-bar{
  position: relative;
  float: right;
  right: 2px;
}
.header-upper .search-box-area .search-toggle i:before{
  font-size: 14px;
  color: #cfcfcf;
  margin: 0px;
  transition: all 500ms ease;
}
.header-upper .search-box-area .search-toggle:hover i:before{
  color: #4ecd66;
  transition: all 500ms ease;
}
.header-upper .search-box-area{
  position: relative;
  display: inline-block;
  cursor: pointer;
  margin-right: -8px;
  top: 1px;
}

.header-upper .search-box-area:before{
  position: absolute;
  content: '';
  background: #656669;
  width: 1px;
  height: 20px;
  top: 3px;
  right: -21px;
}
.header-upper .search-box-area .search-box {
  opacity: 0;
  position: absolute;
  right: 0px;
  top: 35px;
  background: #fff;
  padding: 15px 20px;
  border: 1px solid #f5f5f5;
  border-top: 3px solid #4ecd66;
  visibility: hidden;
}
.header-upper .search-box-area .form-group{
  position: relative;
}
.header-upper .search-box-area .form-group button{
  position: absolute;
  top: 2px;
  right: 0px;
  width: 46px;
  height: 46px;
  color: #fff;
  background: #4ecd66;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  border: none;
  z-index: 10;
}
.form-group{
  margin-bottom: 0px;
}
.header-upper .search-box-area input[type='search']{
  width: 250px;
  height: 50px;
  border: 2px solid #4ecd66;
  padding: 10px 50px 10px 20px;
  margin-bottom: 0px;
  border-radius: 5px;
  z-index: 9;
}
.header-upper .search-box-area input:focus + button{
  background: #222;
}
.header-upper .search-box-area input:focus{
  border: 2px solid #222;
}
.search-box-area .search-box.now-visible {
  top: 35px;
  right: 0px;
  opacity: 1;
  visibility: visible;
  z-index: 9;
}

.main-menu{
  position:relative;
  display: inline-block;
  right: 70px;
}

.sticky-header .main-menu {
  right: 25px;
}
.menu-bar .btn-box{
  position: relative;
  display: inline-block;
  right: -2px;
}
.main-menu .navbar-collapse{
  padding:0px;  
}

.main-menu .navigation{
  position:relative;
  margin:0px;
}

.main-menu .navigation > li{
  position:relative;
  display: inline-block;
  margin-left: 36px;
}


.main-menu .navigation > li > a > i:before{
  margin-right: 5px;
  font-size: 16px;
}
.main-menu .navigation > li > a{
  position:relative;
  display:block;
  font-size:18px;
  color: #000;
  font-weight: 600;
  line-height: 26px;
  padding: 35px 0px 35px 12px;
  text-align: center;
  font-family: "Open Sans", sans-serif;
  opacity:1;
  -webkit-transition:all 500ms ease;
}

.main-menu .navigation > li > a:hover{
  text-decoration: none;
  outline: none;
}

.main-menu .navigation > li .contact-btn{
  background: linear-gradient(90deg, #388062 0%, #73b757 100%);
  padding: 5px 16px;
  border-radius: 25px;
  color: #fff;
  font-weight: 600;
  font-size: 17px;
  text-transform: capitalize;
}

.main-menu .navigation > li .contact-btn:hover{
  color: #fff;
  background: darkgreen;
}

.main-menu .navigation > li:hover > a,.main-menu .navigation > li.current > a,
.main-menu .navbar-collapse > ul li.dropdown:hover .dropdown-btn span:before,
.main-menu .navbar-collapse > ul li.dropdown.current .dropdown-btn span:before{
  color: #297c52;
  transition: all 500ms ease;
}

.main-menu .navigation > li:hover > a:after{
  opacity:1;
}

.main-menu .navigation > li > ul{
  position:absolute;
  left:0px;
  top:130%;
  margin-top: 0px;
  width:220px;
  padding:0px;
  z-index:100;
  display:none;
  background:#222;
  border-top:3px solid #4ecd66;
  transition:all 1000ms ease;
  -moz-transition:all 1000ms ease;
  -webkit-transition:all 1000ms ease;
  -ms-transition:all 1000ms ease;
  -o-transition:all 1000ms ease;
}
.main-menu .navigation > li > ul > li{
  position:relative;
  width:100%;
}
.main-menu .navigation > li > ul > li:last-child{
  border-bottom:none; 
}

.main-menu .navigation > li > ul > li > a{
  position:relative;
  display:block;
  padding:10px 15px;
  line-height:28px;
  font-weight:500;
  font-size:15px;
  font-family: 'Open Sans', sans-serif;
  text-transform:capitalize;
  color: #ffffff;
  border-bottom: 1px solid #4ecd66;
  transition:all 500ms ease;
  -moz-transition:all 500ms ease;
  -webkit-transition:all 500ms ease;
  -ms-transition:all 500ms ease;
  -o-transition:all 500ms ease;
}

.main-menu .navigation > li > ul > li > a:hover{
  text-decoration: none;
  outline: none;
}
.main-menu .navigation > li > ul > li:last-child >a{
  border-bottom: none;
}

.main-menu .navigation > li > ul > li:hover > a{
  color: #4ecd66;
  padding:10px 15px 10px 17px;
  transition:all 500ms ease;
}

.main-menu .navigation > li > ul > li.dropdown:hover > a:after{
  color:#ffffff;
  transition:all 500ms ease;  
}

.main-menu .navigation > li.dropdown:hover > ul{
  visibility:visible;
  opacity:1;
  top:100%;
  transition:all 500ms ease;  
}

.main-menu .navbar-collapse > ul li.dropdown .dropdown-btn{
  display: inline-block;
  position: absolute;
  top: 42px;
  right: -15px;
  cursor: pointer;
}
.main-menu .navbar-collapse > ul li.dropdown .dropdown-btn span:before{
  color: #222;
  font-size: 14px;
}

@media (max-width: 991px) {
  .main-menu .navigation > li {
    margin-left: 0;
  }

  .main-header .menu-bar .main-menu .navigation > li > a{
    font-size: 14px;
  }

  .main-header .menu-bar .main-menu .navigation > li > a .btn-one{
    font-size: 14px;
  }

  .menu-bar .btn-box{
    display: none;
  }
}

@media (max-width: 767px) {
  .main-menu .navigation > li {
    margin-left: 15px;
  }

  .main-menu .navigation > li .contact-btn{
    border: none;
  }

  .main-menu .navigation > li .contact-btn:hover{
    color: #000;
  }

  .sticky-header .main-menu {
    right: 15px;
  }

  .header-upper .search-box-area {
    margin-right: 0;
  }

  .header-upper .top-left li:before {
    display: flex;
  }

  .header-upper .top-left li {
    margin-right: 30px;
  }

  .header-upper .search-box-area .search-box {
    top: 30px;
    padding: 10px;
  }

  .header-upper .search-box-area input[type='search'] {
    width: 150px;
    height: 40px;
    padding: 10px 40px 10px 15px;
  }
}

@media (max-width: 575px) {
  .header-upper .search-box-area .search-box {
    padding: 10px;
  }

  .header-upper .search-box-area input[type='search'] {
    width: 120px;
    height: 40px;
    padding: 10px 35px 10px 15px;
  }
}



/** main slider **/

.main-slider {
  margin-top: 7rem;
  height: 70%;
  position: relative;
  z-index: 1;
}
.main-slider .container-fluid {
  padding: 0px;
}
.main-slider .slider-wrapper {
  position: relative;
  text-align: left;
}
.main-slider .slider-wrapper .image img {
  height: 540px;
  width: 100%;
}

.main-slider .slider-caption {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 5;
  opacity: 1;
  animation: fadeIn 1s ease-in-out forwards;
}

@keyframes slide-right {
        0% {
            opacity: 0;
        }
        100% {
            opacity: 1;
 }
}

/* Custom CSS animations for slide in and slide out */
.slide-in-left {
  animation: slideInLeft 1s ease-in-out;
}

.slide-out-right {
  animation: slideOutRight 1s ease-in-out;
}

@keyframes slideInLeft {
  0% {
    opacity: 0;
    transform: translateX(-100%);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}

@keyframes slideOutRight {
  0% {
    opacity: 1;
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    transform: translateX(100%);
  }
}


.main-slider .slider-caption .inner-box {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 30px;
}

.main-slider .slider-caption h2{
  color: #Ffffff;
  font-size: 40px;
  font-family: "Open Sans", sans-serif;
  font-weight: 700;
}

.main-slider .slider-caption p{
  color: #fff;
  font-size: 33px;
  font-family: "Open Sans", sans-serif;
  font-weight: 700;

}

.main-slider .slide-overlay {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background-color: rgba(0, 0, 0, 0.40);
  z-index: 3;
}
.main-slider h1{
  margin-bottom: 55px;
}
.main-slider .tp-btn a{
  margin: 0px 3px;
}
.main-slider .btn-two {
  background: transparent;
  color: #fff;
  border: 2px solid #fff;
  border-radius: 25px;
  padding: 8px 20px;
  font-weight: 400;
  text-transform: capitalize;
  margin-top: 2rem;
  text-decoration: none;
}
.main-slider .btn-two:hover{
  color: #fff;
  background: linear-gradient(90deg, #388062 0%, #73b757 100%);
  border: 2px solid #37A53C;
  transition: all 900ms ease;
}
.main-slider .btn-one {
  border: 2px solid #4ecd66;
}
.main-slider .btn-one:hover{
  color: #4ecd66;
  background: transparent;
  border: 2px solid #4ecd66;
  transition: all 900ms ease;
}

/* slide nav */

.slide-nav .owl-nav {
  padding: 0px;
  top: 45%;
  transform: translateY(-50%);
  position: absolute;
  left: 0;
  right: 0;
  opacity: 0;
  transform: scale(0.97);
  transition: .5s ease;
}
.slide-nav:hover .owl-nav {
  transform: scale(1);
  opacity: 1;
}
.slide-nav .owl-nav .owl-next,
.slide-nav .owl-nav .owl-prev {
  position: relative;
  width: 55px;
  height: 50px;
  line-height: 50px;
  background:  transparent;
  text-align: center;
  font-size: 24px;
  color: #fff;
  border-radius: 5px;
  cursor: pointer;
  transition: all 300ms ease;
  -webkit-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
}
.slide-nav .owl-nav .owl-next:hover,
.slide-nav .owl-nav .owl-prev:hover{
  background: rgba(0, 0, 0, .5);
}
.slide-nav .owl-nav .owl-prev {
  left: 15px;
  float:  left;
}
.slide-nav .owl-nav .owl-next {
  right: 15px;
  float:  right;
}

.slide-nav .owl-dots{
  display: none !important;
}

/* slide animation */
.main-slider .owl-item .slider-caption * {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.main-slider .owl-item.active .slider-caption h2 {
  -webkit-animation-delay: .5s;
  animation-delay: .5s;
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
}

.main-slider .owl-item.active .slider-caption .tp-btn {
  -webkit-animation-delay: 1s;
  animation-delay: 1s;
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}

/* Tablet styles */
@media (max-width: 991px) {
  .main-slider .slider-wrapper .image img {
    height: 475px;
  }

  .main-slider .slider-caption h2 {
    font-size: 30px;
  }

  .main-slider .slider-caption p {
    font-size: 20px;
  }

  .main-slider .slider-caption .btn-two{
    font-size: 13px;
  }

  .main-slider h1 {
    margin-bottom: 30px;
  }
}

/* Mobile styles */
@media (max-width: 767px) {


  .main-slider .slider-wrapper .image img{
  height: 350px;
}

.main-slider .slider-caption {
    font-size: 20px;
    text-align: center;
  }

  .main-slider .slider-caption .btn-two{
    font-size: 12px;
    margin-top: -3px;
  }

  .main-slider .container-fluid {
    padding-left: 0;
    padding-right: 0;
  }
  
  .main-slider .slider-caption .slider-title {
    font-size: 20px; /* Adjust the font size as per your requirements */
  }

}




/** about section **/

.about-section{
  padding: 50px 0px 50px 0px;
}
.about-section .section-title h2:before{
  background: url(../images/home/shap1.png);
  left: 0px;
  margin-left: 0px;
  background-repeat: no-repeat;
  bottom: -39px; 
}

.about-section .about-title .title-head>h3 {
     font-size: 36px; font-weight: 600; text-align:center; margin-bottom: 3rem;
  }

.about-section .text p{
  margin-bottom: 38px;
  margin-top: -33px;
  font-size: 17px;
}
.about-item .text p{ 
  margin-top: 0;
}

.about-section .btn-one{
  padding: 8px 16px 8px 16px;
  margin-right: 9px;
  margin-top: 15px;
}
.about-section .btn-two{
  padding: 12px 38px 12px 39px;
  margin-left: 9px;
}

.about-content .list{
  margin-top: -15px;
}

.about-content .list > li{
  font-size:17px;
  line-height: 30px;
  font-family: "Open Sans", sans-serif;
  font-weight:500;
  color:#848484 ;
}

.about-content .list > li > i{
  font-size: 16px;
  font-weight: 700;
  color: darkgreen;
}
.video-gallery {
  width: 100%;
  height: auto;
  text-align: center;
  position: relative;
  overflow: hidden;
  margin-left: 8px;
}
.video-gallery img {
  transform: scale(1);
  transition: all 0.5s ease 0s;
  width: 100%;
  height: 100%;
}

.video-gallery .overlay-gallery {
  background-color: transparent;
  bottom: 0;
  height: 100%;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
  transition: all 500ms ease;
}
.video-gallery .overlay-gallery .icon-holder{
  display: table;
  height: 100%;
  width: 100%;    
}
.video-gallery .overlay-gallery .icon-holder .icon{
  display: table-cell;
  vertical-align: middle;    
}
.video-gallery .overlay-gallery .icon-holder .icon a{
  position: relative;
  display: inline-block;
  font-size: 24px;
  color: #fff;
  width: 100px;
  height: 100px;
  line-height: 100px;
  background: #4ecd66;
  border-radius: 50%;
  text-align: center;
  transition: all 0.5s ease 0s;
  -webkit-animation: pulse 1s infinite;
  -o-animation: pulse 1s infinite;
  animation: pulse 1s infinite;
}

.video-gallery:hover .overlay-gallery {
  background-color: rgba(0, 0, 0, 0);
}

@media (max-width: 991px) {
  .about-section {
    padding: 20px 0;
  }

  .about-section .about-title .title-head>h3 {
     font-size: 36px; font-weight: 600; text-align:center; margin-bottom: 3rem;
  } 

  .about-section .about-content .text p{
    font-size: 14px;
    margin-bottom: 1.5rem;
    line-height: 2.5;
  }

  .about-section .about-content .list li{
    font-size: 14px;
  }

  .about-section .section-title h2{
    font-size: 16px;
    margin-bottom: 4rem;
  }

  .about-section .section-title h2:before {
    bottom: -25px;
  }

  .about-section .btn-one{
  padding: 10px 10px 10px 10px;
}

  .about-section .btn-one,
  .about-section .btn-two {
    margin-top: 3px;
    font-size: 14px;
  }
}

@media (max-width: 767px) {
  .about-section {
    padding: 30px 0;
  }

  .about-section .section-title h2:before {
    display: none;
  }

  .about-section .btn-one,
  .about-section .btn-two {
    margin-top: 20px;
  }

  .about-section .about-title .title-head>h3{
    margin-bottom: 0;
  }

  .video-gallery {
    margin-top: 0;
  }
}

@media (max-width: 767px) {
  .about-item {
    display: flex;
    flex-direction: column;
  }

  .about-item .text {
    order: 2;
  }

  .about-item .video-gallery {
    order: 1;
    margin-top: 0;
  }
}


/** cta-section **/

.cta-section{
  position: relative;
  width: 100%;
}
.cta-section:before{
  position: absolute;
  content: '';
  background: #fff;
  width: 100%;
  height: 100%;
  left: 0px;
  top: 0px;
  opacity: .7;
}

.cta-section .section-tit p{
  font-size: 36px;
  font-weight: 500;
  margin-bottom: 30px;
  color: #000;
}

.cta-section .section-title h2{
  font-size: 36px;
  font-weight: 500;
  margin-bottom: 30px;
}
.cta-section .title-head{
  margin-bottom: 4px;
}
.white .section-title h2{
  color: #fff;
}
.white .title-head{
  color: #d3d4d6; 
}
.white .section-title h2:before{
  background: url(../images/home/cta-shap.png);
  margin-left: -50px;
  bottom: -53px;
}
.cta-section .btn-one{
  font-size: 15px;
  font-family: "Open Sans", sans-serif;
  font-weight: 500;
  padding: 12px 34px 12px 34px;
}


/** service-section **/

.service-section{
  position: relative;
  padding-bottom: 110px;
  margin-top: 3rem;
}
.service-section .single-item{
  position: relative;
  transition: all 500ms ease;
}
.service-section .single-item .img-box{
  position: relative;
  overflow: hidden;
}
.service-section .single-item img{
  width: 100%;
  transition: all 500ms ease;
  transform: scale(1.0);
}
.service-section .single-item:hover img{
  transform: scale(1.1);
}
.service-section .single-item .lower-content{
  position: relative;
  padding: 0px 42px 8px 42px;
  border: 1.5px groove #e5e5e5;
  transition: all 500ms ease;
}
.service-section .single-item:hover .lower-content{
  border: 1px solid #fff;
  transition: all 500ms ease;
}
.service-section .single-item .lower-content .icon-box{
  position: relative;
  width: 80px;
  height: 80px;
  line-height: 80px;
  background: #4ecd66;
  text-align: center;
  border-radius: 50%;
  margin: 0 auto;
  margin-top: -40px;
  margin-bottom: 42px;
  transition: all 500ms ease;
}
.service-section .single-item:hover .lower-content .icon-box{
  background: #222;
}
.service-section .single-item .lower-content .icon-box i:before{
  font-size: 36px;
  color: #fff;
  margin: 0px;
}
.service-section .single-item .button{
  position: relative;
  top: 31px;
}
.service-section .single-item .button a{
  font-family: "Open Sans", sans-serif;
  font-size: 14px;
  color: #fff;
  padding: 8px 16px 8px 16px;
}
.service-section .single-item .button a:hover{
  background: darkgreen;
  border: 1px solid #4ecd66;
  color: #fff;
  text-decoration: none;
  outline: none;
}
.service-section .single-item:hover{
  box-shadow: 0 0 9px 0 #0BA516;
  transition: all 500ms ease;
}
.service-section .section-title h2{
  margin-bottom: 68px;
}
.service-section .single-item .lower-content h3{
  margin-bottom: 15px;
}
.service-section .single-item .lower-content h3>a:hover{
  text-decoration: none;
  outline: none;
}

/** fact-counter **/

.fact-counter{
  position: relative;
  width: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  padding: 79px 0px 72px 0px;
}
.fact-counter:before{
  position: absolute;
  content: '';
  width: 100%;
  height: 100%;
  left: 0px;
  top: 0px;
  opacity: 1;
}
.fact-counter .icon-box{
  position: relative;
  margin-bottom: 8px;
}
.fact-counter .icon-box i:before{
  font-size: 42px;
  color: #297c52;
  margin: 0px;
}
.fact-counter .count-outer span{
  position: relative;
  font-size: 55px;
  line-height: 60px;
  font-family: "Open Sans", sans-serif;
  color: #555555;
  margin-bottom: 9px;
  display: block;
}
.fact-counter .text{
  color: #000;
  font-size: 18px;
}
.fact-counter .counter-column:nth-child(1) .single-item{
  float: left;
}
.fact-counter .counter-column:nth-child(2) .single-item{
  padding: 0px 31px 0px 0px;
}
.fact-counter .counter-column:nth-child(3) .single-item{
  padding: 0px 0px 0px 45px;
}
.fact-counter .counter-column:nth-child(4) .single-item{
  float: right;
}


/** image-gallery **/

.image-gallery{
  position: relative;
  padding-bottom: 70px;
}
.image-gallery .single-item .img-box{
  position: relative;
  overflow: hidden;
  margin-bottom: 30px;
}
.image-gallery .single-item .shadow-box{
  position: absolute;
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
  width: 100%;
  height: 100%;
  box-shadow: inset 0px -120px 35px 0px rgba(0, 0, 0, 0.5);
  opacity: 0;
  transition: all 500ms ease;
}
.image-gallery .single-item:hover .shadow-box{
  opacity: 1;
  transition: all 500ms ease;
}
.image-gallery .single-item .img-box img{
  width: 100%;
  transform: scale(1.0);
  transition: all 500ms ease;
}
.image-gallery .single-item:hover .img-box img{
  transform: scale(1.1);
}
.image-gallery .gallery_menu{
  position: relative;
  margin-bottom: 42px;
  margin-top: 22px;
}
.image-gallery .gallery_menu li{
  position: relative;
  display: inline-block;
  margin: 0px 18px;
  font-size: 16px;
  font-family: "Open Sans", sans-serif;
  line-height: 27px;
  color: #222;
  transition: all 500ms ease;
  cursor: pointer;
}
.image-gallery .gallery_menu li.active{
  color: #4ecd66;
  transition: all 500ms ease;
}
.image-gallery .gallery_menu li:before{
  position: absolute;
  content: '';
  background: #222;
  width: 1px;
  height: 14px;
  top: 5px;
  right: -20px;
  transform: rotate(15deg);
}
.image-gallery .gallery_menu li:last-child:before{
  display: none;
}
.image-gallery .gallery-content h3{
  color: #fff;
}
.image-gallery .single-item{
  position: relative;
  display: block;
  transition: all 500ms ease;
}
.image-gallery .single-item .gallery-content{
  position: absolute;
  left: 30px;
  bottom: 15px;
  transition: all 500ms ease;
  opacity: 0;
}
.image-gallery .single-item:hover .gallery-content{
  opacity: 1;
  transition: all 500ms ease;
}


/** testiomnial section **/

.testimonial-section{
  position: relative;
  width: 100%;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  background-attachment: fixed;
  padding-bottom: 78px;
  padding-top: 38px;
}
.testimonial-section:before{
  position: absolute;
  content: '';
  background: #1e1f22;
  width: 100%;
  height: 100%;
  left: 0px;
  top: 0px;
  opacity: .75;
}

.testimonial-section .testimonial-content .text{
  position: relative;
  font-size: 25px;
  font-family: "Open Sans", sans-serif;
  line-height: 39px;
  font-style: italic;
  color: #fff;
  margin-bottom: 17px;
}
.testimonial-section .thumb-content .author h4{
  color: #4ecd66;
  font-style: italic;
  font-size: 20px;
}
.testimonial-section .white .section-title h2:before{
  bottom: -39px;
}
.testimonial-section .section-title h2{
  margin-bottom: 40px;
}

.testimonial-section .client-thumb-outer{
  position:relative;
  max-width:280px;
  margin:0 auto;
  overflow:hidden;
}
.testimonial-section .client-thumb-outer .client-thumbs-carousel{
  position: relative;
  max-width: 90px;
  margin: 0 auto;
}
.testimonial-section .client-thumb-outer .client-thumbs-carousel .owl-stage-outer{
  overflow:visible;
}
.testimonial-section .client-thumb-outer .client-thumbs-carousel .thumb-item{
  position:relative;
  width:86px;
  border-radius:50%;
  -o-transform: scale(0.8, 0.8);
  -ms-transform: scale(0.8, 0.8);
  -webkit-transform: scale(0.8, 0.8);
  transform: scale(0.8, 0.8);
}
.testimonial-section .client-thumb-outer .thumb-item .thumb-box{
  position: relative;
  width:88px;
  height:88px;
  cursor:pointer;
  overflow: hidden;
  border-radius:50%;
}
.testimonial-section .owl-item .thumb-item .thumb-box:after{
  position: absolute;
  content: '';
  background: #000;
  width: 100%;
  height: 100%;
  left: 0px;
  top: 0px;
  border-radius: 50%;
  opacity: .5;
}
.testimonial-section .owl-item.active .thumb-item .thumb-box:after{
  background: transparent;
}
.testimonial-section .client-thumb-outer .client-thumbs-carousel .thumb-item img{
  overflow:hidden;
  width:100%;
  height:100%;
  display:block;
  border-radius:50%;
}
.testimonial-section .owl-nav{
  display: none;
}
.testimonial-section .owl-item.active .thumb-item .thumb-content {
  opacity: 1;
}
.testimonial-section .client-thumbs-carousel .thumb-item .thumb-content {
  position: relative;
  text-align: center;
  margin-top: 15px;
  opacity: 0;
  margin-left: -30px;
  margin-right: -30px;
}

/* Media Queries for Tablet */
@media (max-width: 991px) {

  .testimonial-section{
    padding: 40px;
  }

  .testimonial-section .testimonial-content .text {
    font-size: 20px;
    line-height: 32px;
  }

  .testimonial-section .section-title h2 {
    margin-bottom: 40px;
  }
}

/* Media Queries for Mobile */
@media (max-width: 767px) {
  .testimonial-section .testimonial-content .text {
    font-size: 18px;
    line-height: 28px;
  }

  .testimonial-section .section-title h2 {
    margin-bottom: 30px;
  }
}


/** news section **/

.news-section{
  position: relative;
}
.news-section .single-item{
  position: relative;
  transition: all 500ms ease;
}
.news-section .single-item .lower-content{
  position: relative;
  padding: 24px 25px 35px 30px;
  border: 1px solid #e5e5e5;
  transition: all 500ms ease;
}
.news-section .single-item:hover .lower-content{
  border: 1px solid #fff;
  transition: all 500ms ease;
}
.news-section .single-item:hover{
  transition: all 500ms ease;
  box-shadow: 0 0 10px 5px #ebebeb;
}
.news-section .single-item .lower-content .date{
  position: relative;
  font-size: 19px;
  line-height: 27px;
  font-family: "Open Sans", sans-serif;
  color: #4ecd66;
  margin-bottom: 5px;
}
.news-section .single-item .lower-content .date span{
  color: #222;
}

.news-section .single-item .lower-content .button .btn-two{
  color: #222;
  padding: 10px 20px 9px 20px;
  margin-top:20px;
}
.news-section .single-item .lower-content .btn-two:hover{
  background: #4ecd66;
  color: #fff;
}
.news-section .single-item .img-box{
  position: relative;
  overflow: hidden;
}
.news-section .single-item img{
  width: 100%;
  transition: all 500ms ease;
  transform: scale(1.0);
}
.news-section .single-item:hover img{
  transform: scale(1.1);
}

.news-section .news-title{
  margin-bottom: 88px;
}
.news-section .single-item p{
  margin-bottom: 28px;
}


/** brand-section **/

.brand-section{
  position: relative;
  padding: 10px 0px;
  background: #f5f5f5;
  width: 100%;
}
.brand-section .owl-nav,
.brand-section .owl-dots{
  display: none;
}
.brand-section .sponsors-carousel li {
  position: relative;
  display: block;
  width: 155px;
  margin: auto;
}
.brand-section .sponsors-carousel li img{
  opacity: .7;
  transition: all 500ms ease;
}
.brand-section .sponsors-carousel li:hover img{
  opacity: 1;
}


/** newsletter-section **/

.newsletter-section{
  position: relative;
  padding: 48px 0px 50px 0px;
  background: #297c52;
  width: 100%;
}
.newsletter-section .text{
  font-size: 40px;
  line-height: 47px;
  color: #fff;
  margin: 0px;
}
.newsletter-section .subscribe-form input[type='email']{
  position: relative;
  width: 380px;
  border: 2px solid rgba(255, 255, 255, 0.5);
  padding: 10px 20px;
  height: 50px;
  color: #fff;
  margin-bottom: 0px;
  background: transparent;
  transition: all 500ms ease;
}
.newsletter-section .subscribe-form input:focus{
  border: 2px solid #fff;
}
.newsletter-section ::-webkit-input-placeholder { /* Chrome */
  color: #fff;
}

.newsletter-section :-ms-input-placeholder { /* IE 10+ */
  color: #fff;
}
.newsletter-section ::-moz-placeholder { /* Firefox 19+ */
  color: #fff;
  opacity: 1;
}
.newsletter-section :-moz-placeholder { /* Firefox 4 - 18 */
  color: #fff;
  opacity: 1;
}
.newsletter-section .btn-two{
  float: left;
  color: #222;
  margin-top:2rem;
}
.newsletter-section .btn-two:hover{
  border: 1px solid #fff;
  color: #fff;
}


/** main-footer-section **/


.main-footer{
  position: relative;
  width: 100%;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  padding: 40px  0px 0px 0px;
}
.footer-top{
  position: relative;
  padding: 0px  15px 5px 15px;
}

@media (max-width: 767px) {
  .footer-top {
    padding: 10px 0px;
  }
}

.main-footer:before{
  position: absolute;
  content: '';
  background: #242523;
  width: 100%;
  height: 100%; 
  left: 0px;
  top: 0px;
  opacity: .78;
}
.footer-logo{
  margin-bottom: 21px;
}
.footer-logo img{
  width: 79px;
  height: 65px;
}
.main-footer p{
  color: #c0c6ca;
  margin-bottom: 25px;
}
.main-footer .logo-wideget .footer-social{
  position: relative;
}
.main-footer .logo-wideget .footer-social li{
  position: relative;
  display: inline-block;
  margin-right: 2px;
}
.main-footer .logo-wideget .footer-social li a{
  position: relative;
  display: inline-block;
  font-size: 15px;
  color: #c0c6ca;
  width: 40px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  border: 1px solid #939991;
  border-radius: 50%;
  transition: all 500ms ease;
}
.main-footer .logo-wideget .footer-social li a:hover{
  color: #fff;
  background: darkgreen;
  border: 1px solid darkgreen;
  transition: all 500ms ease;
}
.main-footer .footer-title h4{
  color: #fff;
  margin-bottom: 27px;
  margin-top: -8px;
  font-size: 25px;
}
.main-footer .link-wideget{
  position: relative;
  margin-left: 55px;
  margin-right: -5px;
}
.main-footer .link-wideget .list li a{
  position: relative;
  display: block;
  color: #c0c6ca;
  font-family: "Open Sans", sans-serif;
  font-size: 16px;
  margin-bottom: 11px;
  padding: 0px 0px 0px 13px;
}
.main-footer .link-wideget .list li a:hover,
.main-footer .link-wideget .list li a:hover:before{
  color: #fff;
  transition: all 500ms ease;
  text-decoration: none;
  outline: none;
}
.main-footer .link-wideget .list li a:before{
  position: absolute;
  content: "\f105";
  font-family: "fontAwesome";
  color: #c0c6ca;
  left: 0px;
  top: 0px;
  transition: all 500ms ease;
}
.main-footer .gallery-wideget{
  position: relative;
  padding: 0px 28px 0px 63px;
}
.main-footer .gallery-wideget .img-list li{
  position: relative;
  overflow: hidden;
  float: left;
  display: inline-block;
  width: 83px;
  height: 83px;
  margin: 5px 5px;
}
.main-footer .gallery-wideget .img-list li img{
  width: 100%;
  transform: scale(1.0);
  transition: all 500ms ease;
}
.main-footer .gallery-wideget .img-list li:hover img{
  transform: scale(1.1);
}
.main-footer .tag-wideget .tag-list{
  position: relative;
  left: 0px;
}
.main-footer .tag-wideget .tag-list li{
  display: inline-block;
}
.main-footer .tag-wideget .tag-list li a{
  position: relative;
  display: inline-block;
  padding: 4px 14px 3px 13px;
  border: 1px solid #737b72;
  color: #c0c6ca;
  font-size: 13px;
  margin-bottom: 10px;
  margin-left: 4px;
  transition: all 500ms ease;
}
.main-footer .tag-wideget .tag-list li a:hover{
  color: #fff;
  background: #4ecd66;
  border: 1px solid #4ecd66;
  transition: all 500ms ease;
}
.main-footer .tag-wideget .footer-title h4{
  margin-bottom: 32px;
}

.main-footer .tag-wideget .text p>a:hover{
  text-decoration: none;
  outline: none;
}

.footer-bottom{
  position: relative;
  padding: 15px 0px;
}
.footer-bottom:before{
  position: absolute;
  content: '';
  background: #000;
  width: 100%;
  height: 100%;
  left: 0px;
  top: 0px;
  opacity: .7;
}
.footer-bottom .copyright a{
  color: #4ecd66;
  font-size: 12px;
}
.footer-bottom .copyright a:hover{
  color: #fff;
  text-decoration: none;
  outline: none;
}
.footer-bottom .copyright p{
  margin-bottom: 0px;
}

@media only screen and (max-width: 991px) {
    .footer-column {
        width: 100%;
        margin-bottom: 30px;
    }

    .footer-column:last-child {
        margin-bottom: 0;
    }

    .link-wideget.footer-wideget {
        margin-bottom: 30px;
    }
}

/*** 

====================================================================
                        about page
====================================================================


***/

.page-title{
  position: relative;
  width: 100%;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  padding: 100px 0px 100px 0px;
}
.page-title:before{
  position: absolute;
  content: '';
  background: #000;
  width: 100%;
  height: 100%;
  left: 0px;
  top: 0px;
  opacity: .4;
}
.page-title .title{
  position: relative;
  font-size: 45px;
  font-family: "Open Sans", sans-serif;
  line-height: 52px;
  color: #fff;
  font-weight: 500;
  margin-bottom: -2px;
}
.bread-crumb li{
  position: relative;
  display: inline-block;
  font-size: 15px;
  font-family: "Open Sans", sans-serif;
  color: #4ecd66;
  line-height: 26px;
  font-weight: 600;
  padding-right: 15px;
  margin-right: 5px;
}
.bread-crumb li:last-child{
  padding-right: 0px;
  margin-right: 0px;
}
.bread-crumb li:first-child:before{
  position: absolute;
  content: "\f105";
  font-family: "fontAwesome";
  font-size: 15px;
  color: #fff;
  top: 1px;
  right: 0px;
}
.bread-crumb a{
  position: relative;
  font-size: 15px;
  font-family: "Open Sans", sans-serif;
  line-height: 26px;
  font-weight: 600;
  color: #fff;
}
.bread-crumb a:hover{
  color: #4ecd66;
}

/** team section **/

.our-team{
  position: relative;
  padding-bottom: 82px;
}
.our-team .img-content{
  position: relative;
  overflow: hidden;
  margin-bottom: 25px;
}
.our-team .img-content img{
  width: 100%;
  transition: all 500ms ease;
  transform: scale(1.0);
}
.our-team .single-item:hover .img-content img{
  transform: scale(1.1);
}
.our-team .team-social-area{
  position: absolute;
  bottom: -200px;
  background: #4ecd66;
  width: 100%;
  padding: 15px 0px 15px 0px;
  transition: all 900ms ease;
}
.our-team .single-item:hover .team-social-area{
  bottom: 0px;
  transition: all 900ms ease;
}
.our-team .team-social-area .curve {
  position: absolute;
  left: 0px;
  top: -20px;
  display: block;
  width: 100%;
  height: 40px;
  background: #4ecd66;
  transform: skewY(5deg);
  -webkit-transform: skewY(-8deg);
}
.our-team .team-social-area li{
  position: relative;
  display: inline-block;
  margin: 0px 4px;
}
.our-team .team-social-area li a{
  position: relative;
  display: inline-block;
  font-size: 14px;
  color: #fff;
  height: 43px;
  width: 43px;
  line-height: 43px;
  text-align: center;
  border: 1px solid rgba(255, 255, 255, 0.5);
  z-index: 1;
  transition: all 500ms ease;
}
.our-team .team-social-area li a:hover{
  background: #fff;
  border: 1px solid #fff;
  color: #4ecd66;
  transition: all 500ms ease;
}
.our-team .lower-content h3{
  margin-bottom: 0px;
}
.our-team .lower-content p{
  color: #4ecd66;
  font-style: italic;
}
.our-team .team-title{
  margin-bottom: 88px;
}


/*** 

====================================================================
                        servicei page
====================================================================


***/

.service-page{
  position: relative;
  padding: 100px 0px 50px 0px;
}
.service-page .single-item{
  margin-bottom: 72px;  
}

.service-details{
  position: relative;
  padding: 100px 0px 67px 0px;
}
.service-details .content-style-one .icon-box{
  position: relative;
  width: 80px;
  height: 80px;
  line-height: 80px;
  background: #4ecd66;
  text-align: center;
  border-radius: 50%;
  margin-top: -40px;
  left: 30px;
}
.service-details .content-style-one .icon-box i:before {
  font-size: 36px;
  color: #fff;
  margin: 0px;
}
.sidebar-catagories .list{
  position: relative;
  display: block;
  width: 100%;
  border: 1px solid #e5e5e5;
  padding: 15px 29px 14px 29px;
}
.sidebar-catagories .list p{
  margin-bottom: 0px;
}
.sidebar-catagories .list li a{
  position: relative;
  display: block;
  border-bottom: 1px solid #e5e5e5;
  padding: 8px 0px 8px 25px;
}
.sidebar-catagories .list li a:before{
  position: absolute;
  content: "\f0da";
  font-family: 'FontAwesome';
  color: #848484;
  font-size: 15px;
  left: 1px;
  top: 9px;
  transition: all 500ms ease;
}
.sidebar-catagories .list li:first-child a{
  border-bottom: 1px solid #4ecd66; 
}
.sidebar-catagories .list li:last-child a{
  border-bottom: none;
}
.sidebar-catagories .list li a.active,
.sidebar-catagories .list li a:hover{
  background: #4ecd66;
  color: #fff;
  padding: 9px 0px 7px 47px;
  border-bottom: 1px solid #4ecd66;
}
.sidebar-catagories .list li a.active p,
.sidebar-catagories .list li a:hover p{
  color: #fff;
}
.sidebar-catagories .list li a.active:before,
.sidebar-catagories .list li a:hover:before{
  left: 22px;
  color: #fff;
}
.service-details .content-style-one .title{
  position: relative;
  font-size: 30px;
  font-family: "Open Sans", sans-serif;
  line-height: 37px;
  color: #222;
  margin-bottom: 14px;
  margin-top: 29px;
}
.service-details .content-style-one img{
  width: 100%;
}
.service-details .content-style-one{
  margin-bottom: 27px;
}
.service-details .service-details-content p{
  margin-bottom: 26px;
}
.service-details .content-style-two{
  margin-bottom: 14px;
}

.accordion-box{
  position: relative;
  background: #fff;
  padding: 10px 0px 12px 0px;
}
.accordion-box .accordion .acc-btn.active .toggle-icon .plus {
  opacity: 0;
}
.accordion-box .accordion .acc-btn .toggle-icon .plus{
  position: relative;
  right: -5px;
}
.accordion-box .accordion .acc-btn .toggle-icon .minus {
  opacity: 0;
}
.accordion-box .accordion .acc-btn.active .toggle-icon .minus {
  opacity: 1;
  right: 5px;
  position: relative;
}
.accordion-box .accordion .acc-btn{
  position: relative;
}
.accordion-box .accordion .acc-btn .toggle-icon{
  position: absolute;
  right: 25px;
  top: 15px;
  cursor: pointer;
  text-align: center;
  color: #848484;
  font-size: 13px;
}
.accordion-box .accordion .acc-btn.active .toggle-icon{
  color: #fff;
}
.accordion-box .accordion .acc-content.collapsed {
  display: block;
}
.accordion-box .accordion .acc-btn .acc-title{
  position: relative;
  font-size: 18px;
  font-family: "Open Sans", sans-serif;
  line-height: 26px;
  background: #f5f5f5;
  color: #222;
  padding: 14px 50px 15px 30px;
  cursor: pointer;
  margin: 0px;
  transition: all 500ms ease;
}
.accordion-box .accordion .acc-btn.active .acc-title{
  position: relative;
  background: #4ecd66;
  color: #fff;
  transition: all 500ms ease;
}
.accordion-box .accordion .acc-content.collapsed{
  position: relative;
  display: block;
  border-bottom: 1px solid #e5e5e5;
}
.accordion-box .accordion .acc-content{
  display: none;
  padding: 22px 30px 12px 29px;
  border: 1px solid #e5e5e5;
  border-top: none;
}
.accordion-box .accordion{
  margin-bottom: 10px;
}
.accordion-box .accordion p{
  margin-bottom: 11px;
}


/*** 

====================================================================
                         project
====================================================================


***/

.project-details{
  position: relative;
  padding: 50px 0px 0px 0px;
}
.project-details img{
  width: 100%;
}
.project-details .title{
  position: relative;
  font-size: 30px;
  font-family: "Open Sans", sans-serif;
  line-height: 37px;
  color: #222;
  margin-bottom: 14px;
}
.project-details .project-details-content p{
  margin-bottom: 26px;
}
.project-details .project-details-content .img-box{
  margin-bottom: 43px;
}

.project-details .project-details-content .button .prev,
.project-details .project-details-content .button .next{
  position: relative;
  display: inline-block;
  margin-top: 10px;
}
.project-details .project-details-content .button .next{
  float: right;
}
.project-details .project-details-content .button .prev a,
.project-details .project-details-content .button .next a{
  font-family: "Open Sans", sans-serif;
  font-weight: 700;
}
.project-details .project-details-content .button .prev i:before{
  margin-right: 7px;
}
.project-details .project-details-content .button .next i:before{
  margin-left: 7px;
}
.project-details .sidebar-content .title{
  position: relative;
  font-size: 22px;
  font-family: "Open Sans", sans-serif;
  line-height: 31px;
  color: #222;
  margin-bottom: 5px;
}
.project-details .sidebar-content{
  position: relative;
  margin-top: -6px;
}
.project-details .sidebar-content .list strong{
  font-weight: 400;
  color: #222;
}
.project-details .sidebar-content .list li{
  position: relative;
  display: block;
  border-bottom: 1px solid #e5e5e5;
  padding: 10px 0px 12px 0px;
}
.project-details .image-gallery{
  padding-bottom: 0px;
}
.project-details .project-details-content{
  margin-bottom: 40px;
}
.project-details .image-gallery .title{
  margin-bottom: 22px;
}


/*** 

====================================================================
                         team page
====================================================================


***/

.team-page{
  position: relative;
  padding-bottom: 50px;
}
.team-page .single-item{
  margin-bottom: 43px;
}


/*** 

====================================================================
                         event page
====================================================================


***/


.event-section{
  position: relative;
  padding: 25px 0px 25px 0px;
}
.event-section .single-item{
  position: relative;
  margin-bottom: 30px;
  transition: all 500ms ease;
}
.event-section .single-item:hover{
  box-shadow: 0 5px 10px 5px rgba(0, 0, 0, 0.30);
  transition: all 500ms ease;
}
.event-section .single-item .img-box{
  position: relative;
}
.event-section .single-item .img-box img{
  width: 100%;
  transition: all 500ms ease;
}
.event-section .single-item .img-box .date{
  position: absolute;
  font-size: 14px;
  background: transparent;
  color: #222;
  overflow: hidden;
  width: 70px;
  height: 70px;
  left: 30px;
  bottom: -35px;
  text-align: center;
  z-index: 9;
}
.event-section .single-item .img-box .date p{
  z-index: 9;
  color: #fff;
  margin-bottom: 0px;
  line-height: 0px;
  font-size: 14px;
}
.event-section .single-item .img-box .date:after {
  position: absolute;
  content: "";
  background: #4ecd66;
  width: 560%;
  height: 490%;
  transform: rotate(223deg);
  left: 0;
  top: -77px;
}

.event-section .single-item .img-box .date:before {
  width: 16px;
  height: 16px;
  pointer-events: none;
  position: absolute;
  content: '';
  z-index: 9;
  top: 0;
  left: 0;
  background: white;
  background: linear-gradient(315deg, #41b357 45%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0) 56%, rgba(255, 255, 255, 0) 80%);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: width, height;
  transition-property: width, height;
}
.event-section .single-item .img-box .date h3{
  color: #fff;
  line-height: 49px;
  margin-bottom: 0px;
  z-index: 9;
}
.event-section .single-item .lower-content{
  position: relative;
  padding: 15px 10px 19px 20px;
  border: 3px solid #e5e5e5;
  border-top: none;
  transition: all 500ms ease;
}
.event-section .single-item:hover .lower-content{
  border: 1px solid #fff;
  border-top: none;
  transition: all 500ms ease
}
.event-section .single-item .lower-content .meta{
  position: relative;
  margin-bottom: 15px;
}
.event-section .single-item .lower-content .meta li{
  position: relative;
  display: inline-block;
  margin-right: 15px;
  font-size: 14px;
}
.event-section .single-item .lower-content .meta li i:before{
  font-size: 14px;
  margin-right: 4px;
}
.event-section .single-item:hover .lower-content .button a{
  color: #4ecd66;
}
.event-section .single-item .lower-content h3{
  margin-bottom: 0px;
}
.event-section .single-item .lower-content p{
  margin-bottom: 14px;
}
.event-details{
  position: relative;
  padding-bottom: 45px;
}
.event-details .title{
  position: relative;
  font-size: 30px;
  font-family: "Open Sans", sans-serif;
  line-height: 35px;
  color: #222;
}
.event-details .event-details-content .single-item:hover{
  box-shadow: none;
}
.event-details .event-details-content .single-item:hover .lower-content{
  border: 1px solid #e5e5e5;
  border-top: none;
}
.event-details .event-details-content .single-item .lower-content p {
    margin-bottom: 26px;
}
.event-details .single-item .lower-content{
  padding: 60px 10px 7px 30px;
}

.our-team .title{
  position: relative;
  font-size: 30px;
  font-family: "Open Sans", sans-serif;
  line-height: 35px;
  color: #222;
  margin-bottom: 23px;
}
.event-details .google-map-area {
  position: relative;
  margin-bottom: 30px;
}
.event-details #contact-google-map {
  height: 270px;
  width: 100%;
}
.event-details .sidebar-content{
  position: relative;
  margin-top: -5px;
}
.event-details .sidebar-content .title{
  font-size: 22px;
  line-height: 30px;
  margin-bottom: 5px;
}
.event-details .sidebar-content .event-meta{
  margin-bottom: 44px;
}
.event-details .sidebar-content .event-meta .single-meta{
  position: relative;
  border-bottom: 1px solid #e5e5e5;
  padding: 10px 0px 2px 0px;
}
.event-details .sidebar-content i:before{
  font-size: 13px;
  margin-right: 10px;
}
.event-details .sidebar-content strong{
  font-weight: 400;
  color: #222;
}
.event-details .sidebar-content p{
  position: relative;
  display: inline-block;
}
.event-details .sidebar-content .event-location .single-location{
  position: relative;
  border-bottom: 1px solid #e5e5e5;
  padding: 10px 0px 2px 0px;
}
.event-details .sidebar-content .event-location{
  margin-bottom: 12px;
}
.event-details .sidebar-content .btn-one{
  display: block;
}


/*** 

====================================================================
                        error-page
====================================================================

***/

.error-section{
  position: relative;
  padding: 133px 0px 120px 0px;
}
.error-section .error-title{
  position: relative;
  font-size: 180px;
  color: #4ecd66;
  font-family: "Open Sans", sans-serif;
  font-weight: bold;
  line-height: 120px;
  margin-bottom: 45px;
  text-shadow: 5px 5px 5px #ccc;
}
.error-section p{
  margin-bottom: 53px;
}


/*** 

====================================================================
                        our-blog / blog-page
====================================================================

***/

.blog-page{
  position: relative;
  padding: 100px 0px;
}
.our-blog .sidebar-details .single-item{
  position: relative;
  margin-bottom: 40px;
}
.our-blog .sidebar-details .single-item .lower-content{
  padding: 25px 25px 40px 30px;
}
input[type='text'],
input[type='email'],
input[type='search'],
input[type='password'],
textarea{
  position: relative;
  width: 100%;
  height: 50px;
  padding: 10px 20px;
  border: 1px solid #e5e5e5;
  margin-bottom: 30px;
  transition: all 500ms ease;
}
input:focus,
textarea:focus{
  border: 1px solid #4ecd66;
  transition: all 500ms ease;
}
.blog-page .sidebar{
  position: relative;
  margin-top: -13px;
}
.blog-page .sidebar .sidebar-title{
  position: relative;
  font-size: 22px;
  font-family: "Open Sans", sans-serif;
  line-height: 30px;
  color: #222;
  margin-bottom: 22px;
}
.blog-page .sidebar .search-box{
  position: relative;
  margin-bottom: 14px;
  margin-bottom: 44px;
}
.blog-page .sidebar .search-box input:focus + button,
.blog-page .sidebar .search-box button:hover{
  color: #4ecd66;
}
.blog-page .sidebar .search-box input{
  padding: 10px 40px 10px 15px;
  margin-bottom: 0px;
}
.blog-page .sidebar .search-box button{
  position: absolute;
  top: 13px;
  right: 14px;
  font-size: 15px;
  color: #222;
  z-index: 1;
  background: transparent;
  transition: all 500ms ease;
}
.blog-page .sidebar-catagories{
  margin-bottom: 29px;
}
.blog-page .sidebar-catagories .list{
  border: none;
  padding: 0px 0px 14px 0px;
}
.blog-page .sidebar-catagories .list li a{
  padding: 10px 0px 11px 25px;
}
.blog-page .sidebar-catagories .list li a.active,
.blog-page .sidebar-catagories .list li a:hover{
  padding: 10px 0px 11px 48px;
}
.blog-page .sidebar .sidebar-catagories .sidebar-title{
  margin-bottom: 4px;
}
.blog-page .sidebar-catagories .list li a:before{
  left: 0px;
  top: 10px;
}
.blog-page .sidebar-catagories .list li a.active:before,
.blog-page .sidebar-catagories .list li a:hover:before{
  left: 22px;
}
.blog-page .sidebar-post .single-post{
  position: relative;
  padding: 0px 0px 18px 95px;
  margin-bottom: 10px;
  border-bottom: 1px solid #e5e5e5;
}
.blog-page .sidebar-post .single-post .img-box{
  position: absolute;
  overflow: hidden;
  width: 80px;
  height: 75px;
  left: 0px;
  top: 5px;
}
.blog-page .sidebar-post .single-post .img-box img{
  width: 100%;
  transition: all 500ms ease;
  transform: scale(1.0);
}
.blog-page .sidebar-post .single-post:hover .img-box img{
  transform: scale(1.1);
}
.blog-page .sidebar-post .single-post h5{
  margin-bottom: 1px;
  line-height: 20px;
}
.blog-page .sidebar-post .single-post i:before{
  font-size: 13px;
  margin-right: 10px;
}
.blog-page .sidebar-catagories .list li:last-child a{
  border-bottom: 1px solid #e5e5e5;
}
.blog-page .sidebar .sidebar-post .sidebar-title{
  margin-bottom: 17px;
}


/*** 

====================================================================
                        blog-details / blog-page
====================================================================

***/

.blog-details{
  position: relative;
}
.blog-details .single-item .date{
  position: relative;
  font-size: 19px;
  line-height: 27px;
  font-family: "Open Sans", sans-serif;
  color: #4ecd66;
  margin-bottom: 5px;
}
.blog-details .single-item .date span{
  color: #222;
}
.blog-details .single-item .img-box{
  margin-bottom: 26px;
}
.blog-details .single-item .img-box img{
  width: 100%;
}
.blog-details .single-item .title{
  position: relative;
  font-size: 30px;
  font-family: "Open Sans", sans-serif;
  line-height: 37px;
  color: #222;
  margin-bottom: 14px;
}
.blog-details .single-item{
  margin-bottom: 37px;
}
.blog-details .single-item  p{
  margin-bottom: 26px;
}
.blog-details .post-share-option{
  position: relative;
  margin-bottom: 77px;
}
.blog-details .post-share-option .text{
  position: relative;
  display: inline-block;
  font-size: 15px;
  line-height: 26px;
  margin-bottom: 0px;
  margin-right: 10px;
}
.blog-details .post-share-option .post-social{
  position: relative;
  display: inline-block;
}
.blog-details .post-share-option .post-social li{
  display: inline-block;
  margin: 0px 4px 0px 3px;
}
.blog-details .post-share-option .post-social li a{
  position: relative;
  display: inline-block;
  font-size: 13px;
  width: 38px;
  height: 38px;
  line-height: 38px;
  text-align: center;
  border: 1px solid #e5e5e5;
  transition: all 500ms ease;
}
.blog-details .post-share-option .post-social li a:hover{
  color: #fff;
  background: #4ecd66;
  border: 1px solid #4ecd66;
  transition: all 500ms ease;
}
.blog-details .comment-area{
  position: relative;
  margin-bottom: 67px
}
.blog-details .comment-area .single-comment{
  position: relative;
  padding: 0px 0px 0px 104px;
  margin-bottom: 23px;
}
.blog-details .comment-area .single-comment .img-box{
  position: absolute;
  left: 0px;
  top: 10px;
}
.blog-details .comment-area .single-comment h5{
  margin-bottom: 0px;
  display: inline-block;
}
.blog-details .comment-area .single-comment .comment-time{
  position: relative;
  display: inline-block;
  font-size: 13px;
}
.blog-details .comment-area .single-comment .comment-title{
  display: inline-block;
  margin-right: 10px;
  margin-bottom: 10px;
}
.blog-details .comment-area .single-comment .button a{
  color: #4ecd66;
  font-size: 14px;
  font-family: 'Open Sans', sans-serif;
}
.blog-details .comment-area .single-comment .button a:hover{
  color: #222222;
}
.blog-details .comment-title{
  position: relative;
  font-size: 22px;
  font-family: "Open Sans", sans-serif;
  line-height: 30px;
  color: #222;
  margin-bottom: 15px;
}
.blog-details .comment-area .single-comment p{
  font-size: 14px;
  font-family: 'Open Sans', sans-serif;
  margin-bottom: 9px;
}
textarea{
  height: 160px;
  resize: none;
  margin-bottom: 24px;
}
.blog-details .comment-form .comment-title{
  margin-bottom: 22px;
}
.blog-details .comment-form .btn-one{
  padding: 12px 32px 12px 32px;
}


/*** 

====================================================================
                        contact page
====================================================================

***/

.contact-section{
  position: relative;
  margin-top: 4rem;
  margin-bottom: 6rem;
}
.contact-section .contact-title{
  position: relative;
  font-size: 30px;
  font-family: "Open Sans", sans-serif;
  line-height: 37px;
  color: #222;
  margin-bottom: 10px;
}
.contact-section .contact-info .title{
  position: relative;
  font-size: 22px;
  line-height: 30px;
  font-family: "Open Sans", sans-serif;
  color: #222;
  margin-bottom: 5px;
}
.contact-section .contact-info .single-info{
  position: relative;
  padding: 0px 0px 0px 57px;
  margin-bottom: 28px;
}
.contact-section .contact-info .single-info .icon-box{
  position: absolute;
  left: 0px;
  top: 10px;
}
.contact-section .contact-info .single-info .icon-box i:before{
  font-size: 38px;
  color: darkgreen;
  margin: 0px;
  transition: all 500ms ease;
}
.contact-section .contact-info .single-info:hover .icon-box i:before{
  color: #222;
}
.contact-section .contact-info .single-info p>a:hover{
  text-decoration: none;
  outline: none;
}
.contact-section .contact-info .single-info .text>a:hover{
  text-decoration: none;
  outline: none;
}
.contact-section input{
  height: 45px;
  margin-bottom: 20px;
  font-size: 15px;
}
.contact-section textarea{
  height: 206px;
  font-size: 15px;
}
.contact-section .btn-one{
  padding: 12px 33px 12px 33px;
}
.contact-section .contact-info{
  position: relative;
  top: 59px;
}
.map-section .google-map-area {
  position: relative;
  margin-bottom: 0px;
}
.map-section .google-map-area iframe{
  width: 100%;
  height: 588px;
}
@media(max-width: 991px){
  .map-section .google-map-area iframe{
    width: 100%;
    height: 500px;
  }
}
#contact-google-map {
  height: 420px;
  width: 100%;
}
 
.services{
  margin-top: 7rem;
  padding: 50px 0 auto;
  margin-bottom: 5rem;
  background-color: #fff;
}

.service-heading {
  font-size: 43px;
  font-weight: 600;
  margin-bottom: 20px;
}

.video-container {
  position: relative;
  width: 100%;
  padding-bottom: 93%;
}

.video-container img {
  position: absolute;
  top: 5px;
  left: 0;
  width: 100%;
  height: 100%;
  box-shadow: 0 0 5px 0px #000;
}

.services .service-box .cont-btn a{
    font-size: 14px;
  font-weight: 500;
  text-transform: uppercase;
  color: #fff;
  background: linear-gradient(90deg, #388062 0%, #73b757 100%);
  padding: 7px 16px 7px 16px;
  font-family: 'Open Sans', sans-serif;
  position: relative;
  transition: all 900ms ease;
  line-height: 24px;
  cursor: pointer;
  display: inline-block;
  text-align: center;
  z-index: 1;
  border-radius: 30px;
  }

  .services .service-box .cont-btn a:hover{
    background: darkgreen;
    color: #fff;
    text-decoration: none;
    outline: none;
  }

@media (max-width: 991px) {

  .services .service-heading{
    top: 20px;
    font-weight: 500;
    font-size: 33px;
  }

  .services .video-container{
    top: 0;
    padding-bottom: 100%;
  }

  .services .video-container img {
    height: 100%;
    width: 100%;
  }
}

  .services .service-box {
    padding: 17px 15px;
    padding-top: 0;
  }

  .service-box .icon {
    font-size: 28px;
  }

  .service-tag .service-box h4 {
    font-size: 20px; /* Update the font size for tablet devices */
  }

  .service-tag .service-box .icon{
    font-size: 28px;
  }

  .service-tag .service-box p{
    font-size: 17px;
  }


  @media (max-width: 991px){
     .services .service-box {
    padding: 6px 6px;
    padding-top: 0;
  }

  .service-box .icon {
    font-size: 18px;
  }

  .service-tag .service-box h4 {
    font-size: 14px; /* Update the font size for tablet devices */
  }

  .service-tag .service-box .icon{
    font-size: 15px;
  }

  .service-tag .service-box p{
    font-size: 14px;
    line-height: 1.5;
  }

  .services .service-box .cont-btn a{
  padding: 5px 16px;
  font-weight: 400;
  font-size: 10px;
  }
}

@media (max-width: 768px) {

  .services .service-heading{
    top: 30px;
    font-weight: 500;
  }

  .services .video-container{
    top: 0px;
    margin-bottom: -2rem;
  }

  .video-container img {
    height: 100%;
    width: 100%;
  }
}

.service-box {
  flex-basis: 100%;
  max-width: 100%;
  background-color: #eeeeee;
  padding: 13px 13px;
  text-align: left;
  margin-bottom: 10px;
  border-radius: 10px;
}

.service-box .icon{
  font-size: 33px;
  color: darkgreen;
}

.service-box h4{
  font-size: 20px;
  font-family: 'open' sans-serif;
  font-weight: 400;
}

.service-box p{
  font-size: 15px;
}


@media (max-width: 767px) {

   .services{
    margin-top: 0;
   }

   .services .service-box{
    margin-top: 1rem;
    padding: 10px 20px;
   }

   .service-heading{
    top: 30px;
    font-weight: 500;
  }

  .video-container img {
    height: 100%;
    width: 100%;
  }

  .service-tag .service-box h4 {
    font-size: 16px; /* Update the font size for mobile devices */
    font-family: 'open' sans-serif;
    font-weight: 400;
  }

  .service-tag .service-box .icon{
  font-size: 20px;
  color: darkgreen;
}

.service-box p{
  font-size: 15px;
}

  .service-tag{
    margin-top: 5rem;
  }
}

.portfolio-section{
  position: relative;
  width: 100%;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  background-attachment: fixed;
  padding: 20px 0; 
}
.portfolio-section:before{
  position: absolute;
  content: '';
  width: 100%;
  height: 100%;
  left: 0px;
  top: 0px;
  opacity: 1;
}

.portfolio-section .portfolio-heading{
  font-size: 36px;
  font-weight: 500;
  text-align: center;
  padding-bottom: 2rem;
}

@media screen and (max-width: 991px) {
  .portfolio-section .portfolio-heading {
    font-size: 28px;
  }

   .carousel-inner .carousel-item img {
    height: 450px;
    width: 100%; /* Adjust the height as per your requirements */
  }

}

@media screen and (max-width: 767px) {
  .portfolio-section .portfolio-heading {
    font-size: 25px;
  }

   .carousel-inner .carousel-item img {
    height: 450px; /* Adjust the height as per your requirements */
  }

}

.carousel-text {
  position: absolute;
  bottom: 0;
  left: 5%;
  right: 5%;
  transform: translateY(-50%, -50%);
  color: #fff;
  font-size: 18px;
  text-align: center;
  width: 90%;
  z-index: 1;
  padding-top: 10px;
  padding-bottom: 10px;
  background: rgba(0, 0, 0, 0.7);
}

.carousel-item img{
  width: 93%; 
  height: 530px; 
  max-width: 93%; 
  display: block; 
  margin: 0 auto; 
  border-radius: 5px; 
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

.col-lg-5 .carousel-control-prev{
  margin-top: 58%;
  width: 90px;
  margin-left: 15px;
}

.col-lg-5 .carousel-control-next{
  margin-top: 57%;
  width: 90px;
  margin-right: 15px;
}

.carousel-control-prev,
.carousel-control-next {
  width: 5px; 
  height: 50px;
  margin-top: 40%; 
  opacity: 1.5;
  background: #000; 
}

.carousel-control-prev{
  margin-left: 22px;
}

.carousel-control-next{
  margin-right: 21px;
}

.carousel-control-prev:hover,
.carousel-control-next:hover {
  opacity: 1;
  pointer-events: auto; 
}

.carousel-control-prev-icon {
  transform: scaleX(-1) rotate(-180deg); 
}

@keyframes slide-right {
  0% {
    opacity: 0;
    transform: translateX(-100px);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}


.carousel-item {
  animation: slide-right 1s ease-in-out;
}

.picture {
  position: relative;
  display: inline-block;
  cursor: pointer;
  overflow: hidden;
  border-radius: 10px;
  margin-top: 10px;
  margin-bottom: 20px;
  background-color: #f5f5f5;
  padding: 10px;
}

.picture .overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.7);
  color: #fff;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  opacity: 0;
  transition: opacity 0.3s ease;
}

.picture:hover .overlay {
  opacity: 1;
}

.picture .overlay h2 {
  font-size: 24px;
  margin-bottom: 10px;
}

.picture .overlay p {
  font-size: 16px;
  margin: 0;
}

.picture img {
  width: 100%;
  height: auto;
  transition: transform 0.3s ease;
}

.picture:hover img {
  transform: scale(1.1);
}

.modal-body {
  text-align: center;
  width: 100%;
  height: auto;
}

.modal-body img{
  width: 100%;
  height: auto;
}

.modal.fade .modal-dialog {
  transform: translate(0, -50%);
}

@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

.modal.fade .modal-content {
  animation: fadeIn 0.3s ease;
}

.modal-header .modal-title{
  font-size: 33px;
  text-align: center;
}

.modal-header .close {
  position: absolute;
  top: 15px;
  right: 30px;
  width: 30px;
  height: 30px;
  font-size: 50px;
  font-weight: bold;
  color: #000;
  background-color: transparent;
  border: none;
  outline: none;
  cursor: pointer;
}

.modal-header .close:hover {
  color: #ff0000;
}

.modal-header .close:focus {
  outline: none;
}

.services-box{
  width: 100%;
  height: 100%;
  padding: 2em 1.5em;
  background: linear-gradient(#ffffff 50%, darkgreen 50%);
  background-size: 100% 200%;
  background-position: 0 2.5%;
  border-radius: 5px;
  box-shadow: 0 0 35px rgba(0, 0, 0, 0.12);
  transition: 0.5s;
  margin-bottom: 3rem;
}

.services-box h3{
  font-size: 20px;
  font-weight: 600;
  color: #000;
  margin: 1em 0;
  text-align: center;
}

.services-box p{
  color: #848484;
  font-size: 17px;
  line-height: 1.6;
  letter-spacing: 0.03em;
  text-align: center;
}

.services-box .icon-wrapper i{
  background: darkgreen;
  position: relative;
  margin: auto;
  font-size: 30px;
  height: 2.5em;
  width: 2.5em;
  color: #fff;
  border-radius: 30%;
  display: grid;
  place-items: center;
}

.services-box:hover{
  background-position: 0 100%;
}

.services-box:hover .icon-wrapper i{
  background: #fff;
  color: darkgreen;
}

.services-box:hover h3{
  color:#fff;
}

.services-box:hover p{
  color: #fff;
}

.whatsapp_float{
  position: fixed;
  width: 60px;
  height: 60px;
  bottom: 30px;
  right: 40px;
  background: #25d366;
  color: #fff;
  border-radius: 50px;
  text-align: center;
  font-size: 40px;
  box-shadow: 2px 2px 3px #999;
  z-index: 100;
  padding-top: 10px;
  transition: 0.3s;
}

.whatsapp-icon{
  margin-top: 16px;
}

.whatsapp_float:hover{
  color: #fff;
  transform: translateX(10px);

}

@media screen and(max-width: 767px){
  .whatsapp-icon{
  margin-top: 10px;
}

  .whatsapp_float{
    width: 40px;
    height: 40px;
    bottom: 20px;
    right: 10px;
    font-size: 22px;
  }
}