@charset "UTF-8";


/*============================================================
[Master Stylesheet]
Theme Name:     Consulty
Version:        1.0
Author:         Hatem Frere - PNIX
URL:            https://pnixeg.com
=========================================================*/
/*=======================================================
TABLE OF CONTENTS:

0.1  custom classes
0.2  global Style

======navbar elements stylsheet======

0.3 navbar style
== |_ search
== |_ sticky header
== |_ mobile menu
== |_ side navbar

======section stylsheet======

0.4  header section
0.5  slider section
0.6  why us section
0.7  about section
0.8  how to join section
0.9  our lectures section
1.0  our teacher section
1.1  fun fact section
1.2  footer section

======page stylsheet======

2.0  about page
2.1  services page
2.2  services details page
2.3  blog & blog details page
2.4  contact page
2.5  thank you page
2.6  privacy policy page
2.7  404 error page

====== ||||||||||||||| ====== */
/* ******************** */
/* Start Custom Classes */
/* ******************** */
/* Start Classes */
.mr-10 {
  margin-right: 10px !important;
}

.m-0 {
  margin: 0 !important;
}

.ml-70 {
  margin-left: 70px;
}

.centerd {
  text-align: center;
}

figure {
  margin: 0px;
}

img {
  display: inline-block;
  max-width: 100%;
  height: auto;
  -webkit-transition-delay: 0.1s;
  -moz-transition-delay: 0.1s;
  -ms-transition-delay: 0.1s;
  -o-transition-delay: 0.1s;
  transition-delay: 0.1s;
  -webkit-transition-timing-function: ease-in-out;
  -moz-transition-timing-function: ease-in-out;
  -ms-transition-timing-function: ease-in-out;
  -o-transition-timing-function: ease-in-out;
  transition-timing-function: ease-in-out;
  -webkit-transition-duration: 0.7s;
  -moz-transition-duration: 0.7s;
  -ms-transition-duration: 0.7s;
  -o-transition-duration: 0.7s;
  transition-duration: 0.7s;
  -webkit-transition-property: all;
  -moz-transition-property: all;
  -ms-transition-property: all;
  -o-transition-property: all;
  transition-property: all;
}

@keyframes pulse {
  50% {
    -webkit-box-shadow: 0 0 0 10px rgba(255, 255, 255, 0.5);
    -moz-box-shadow: 0 0 0 10px rgba(255, 255, 255, 0.5);
    -ms-box-shadow: 0 0 0 10px rgba(255, 255, 255, 0.5);
    -o-box-shadow: 0 0 0 10px rgba(255, 255, 255, 0.5);
    box-shadow: 0 0 0 10px rgba(255, 255, 255, 0.5);
  }
}

@-webkit-keyframes circle {
  0% {
    opacity: 1;
  }

  40% {
    opacity: 1;
  }

  100% {
    width: 200%;
    height: 200%;
    opacity: 0;
  }
}

@keyframes circle {
  0% {
    opacity: 1;
  }

  40% {
    opacity: 1;
  }

  100% {
    width: 200%;
    height: 200%;
    opacity: 0;
  }
}

.pull-left {
  float: left;
}

.pull-right {
  float: right;
}

.puls:hover,
.puls:focus {
  -webkit-animation: puls 1s;
  animation: puls 1s;
  -webkit-box-shadow: 0 0 0 2em rgba(255, 255, 255, 0);
  -moz-box-shadow: 0 0 0 2em rgba(255, 255, 255, 0);
  -ms-box-shadow: 0 0 0 2em rgba(255, 255, 255, 0);
  -o-box-shadow: 0 0 0 2em rgba(255, 255, 255, 0);
  box-shadow: 0 0 0 2em rgba(255, 255, 255, 0);
}

@-webkit-keyframes puls {
  0% {
    box-shadow: 0 0 0 0 #0a4426;
  }
}

@keyframes puls {
  0% {
    box-shadow: 0 0 0 0 #0a4426;
  }
}

@-webkit-keyframes ripple {
  70% {
    -webkit-box-shadow: 0 0 0 40px rgba(255, 255, 255, 0);
    box-shadow: 0 0 0 40px rgba(255, 255, 255, 0);
  }

  100% {
    -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
    box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
  }
}

@keyframes ripple {
  70% {
    -webkit-box-shadow: 0 0 0 40px rgba(255, 255, 255, 0);
    box-shadow: 0 0 0 40px rgba(255, 255, 255, 0);
  }

  100% {
    -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
    box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
  }
}

@-webkit-keyframes shine {
  100% {
    left: 125%;
  }
}

@keyframes shine {
  100% {
    left: 125%;
  }
}

/** Section Title & Style **/
.sec-bg-color {
  background-color: #f0f5f9;
}

.title-box {
  position: relative;
  display: block;
  margin-bottom: 64px;
}

.title-box .text {
  position: relative;
  display: block;
  padding-left: 40px;
  padding-right: 100px;
  margin-top: 41px;
}

.sec-title {
  position: relative;
  display: block;
  margin-bottom: 20px;
}

.sec-title h5 {
  position: relative;
  display: inline-block;
  font-size: 18px;
  line-height: 26px;
  color: #666666;
  text-transform: uppercase;
  font-weight: 400;
  margin-bottom: 10px;
}

.sec-title h5::before {
  position: absolute;
  content: "";
  width: 45px;
  height: 2px;
  top: 12px;
  background-color: #0a4426;
}

.sec-title.left h5 {
  padding-right: 55px;
}

.sec-title.left h5::before {
  right: 0px;
}

.sec-title.right h5 {
  padding-left: 55px;
}

.sec-title.right h5::before {
  left: 0;
}

.sec-title.centerd h5 {
  padding: 0px 55px 0px 55px;
}

.sec-title.centerd h5::before {
  right: 0px;
}

.sec-title.centerd h5::after {
  position: absolute;
  content: "";
  width: 45px;
  height: 2px;
  top: 12px;
  left: 0px;
  background-color: #0a4426;
}

.sec-title.light h5,
.sec-title.light h2 {
  color: #ffffff !important;
}

.sec-title.light h5::before {
  background: #ffffff;
}

.sec-title h2 {
  position: relative;
  display: block;
  font-size: 40px;
  line-height: 46px;
  color: #222222;
  font-weight: 700;
}

.service-section .inner-content .service-block:first-child .service-block-one .inner-box,
.service-section .inner-content .service-block:nth-child(2) .service-block-one .inner-box,
.service-section .inner-content .service-block:nth-child(3) .service-block-one .inner-box {
  border-bottom: 1px solid #dddddd;
}

/* end classes */
/* =================================== */
/* ******************** */
/* Start Global Style * */
/* ******************** */
/*
* RESET - global style
*/
*,
::after,
::before {
  margin: 0;
  padding: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  scroll-behavior: smooth;
}

html,
body {
  overflow-x: hidden;
}

body {
  font-size: 16px;
  color: #666666;
  line-height: 28px;
  font-weight: 400;
  background: #ffffff;
  font-family: "Open Sans", sans-serif;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center top;
}

body.rtl .demo-ltr button {
  background-color: transparent;
  color: #a4c19c;
  border: 1px solid;
  padding: 0px 10px;
  border: 1px solid #a4c19c;
}

img.flag.egy-flag,
img.flag.usa-flag {
  width: 16px;
}

.boxed_wrapper {
  position: relative;
  overflow-x: hidden;
  margin: 0 auto;
  width: 100%;
  min-width: 300px;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  position: relative;
  font-family: "Open Sans", sans-serif;
  font-weight: 400;
  color: #222222;
  margin: 0px;
  transition: all 500ms ease;
  -webkit-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
}

a {
  text-decoration: none;
  -webkit-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease;
}

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

:focus-visible {
  outline: none;
}

input,
button,
select,
textarea {
  font-family: "Open Sans", sans-serif;
  font-weight: 400;
  font-size: 16px;
}

button {
  border: none;
  box-shadow: none;
  outline: none;
}

input[type="submit"i]:active {
  border-style: none;
}

input[type="submit"i] {
  border-width: 0;
  border-color: none;
}

.form-control {
  border: none;
}

.form-control:focus {
  border-color: transparent;
  outline: 0;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -ms-box-shadow: none;
  -o-box-shadow: none;
  box-shadow: none;
}

ul,
li {
  list-style: none;
  padding: 0px;
  margin: 0px;
}

input {
  -webkit-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease;
}

button:focus,
input:focus,
textarea:focus {
  outline: none;
  box-shadow: none;
  -webkit-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease;
}

p {
  position: relative;
  font-size: 16px;
  line-height: 28px;
  font-family: "Open Sans", sans-serif;
  color: #666666;
  margin: 0px;
  -webkit-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease;
}

div#mCSB_1_container {
  top: 0px !important;
}

.scroll-top {
  position: fixed;
  width: 50px;
  height: 50px;
  bottom: 105%;
  right: 50px;
  line-height: 50px;
  font-size: 24px;
  z-index: 99;
  color: #ffffff;
  background-color: #0a4426;
  text-align: center;
  cursor: pointer;
  border-radius: 50%;
  -webkit-transition: 1s ease;
  -moz-transition: 1s ease;
  -ms-transition: 1s ease;
  -o-transition: 1s ease;
  transition: 1s ease;
}

.scroll-top.open {
  bottom: 30px;
}

.scroll-top:hover {
  -webkit-box-shadow: 0 5px 5px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0 5px 5px rgba(0, 0, 0, 0.5);
  -ms-box-shadow: 0 5px 5px rgba(0, 0, 0, 0.5);
  -o-box-shadow: 0 5px 5px rgba(0, 0, 0, 0.5);
  box-shadow: 0 5px 5px rgba(0, 0, 0, 0.5);
}

.scroll-top span {
  color: #ffffff;
}

.owl-item {
  margin-bottom: -49px;
}

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

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

/*
* end RESET - global style
*/
/*
* Button Style
*/
.theme-btn {
  position: relative;
  display: inline-flex;
  font-size: 16px;
  line-height: 30px;
  font-weight: 700;
  font-family: "Open Sans", sans-serif;
  color: #ffffff !important;
  background-color: #a4c19c;
  padding: 10px 38px;
  overflow: hidden;
  cursor: pointer;
  z-index: 1;
  -webkit-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease;
}

.theme-btn::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0.5;
  z-index: -1;
  background-color: #ffffff;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  -webkit-transform: scaleY(0);
  -moz-transform: scaleY(0);
  -ms-transform: scaleY(0);
  -o-transform: scaleY(0);
  transform: scaleY(0);
  -webkit-transform-origin: left top;
  -moz-transform-origin: left top;
  -ms-transform-origin: left top;
  -o-transform-origin: left top;
  transform-origin: left top;
}

.theme-btn::after {
  content: "";
  position: absolute;
  top: -50px;
  left: -75px;
  width: 30px;
  height: 155px;
  background: #ffffff;
  opacity: 0.2;
  z-index: 10;
  -webkit-transform: rotate(35deg);
  -moz-transform: rotate(35deg);
  -ms-transform: rotate(35deg);
  -o-transform: rotate(35deg);
  transform: rotate(35deg);
  -webkit-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1);
  -moz-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1);
  -ms-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1);
  -o-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1);
  transition: all 1s cubic-bezier(0.19, 1, 0.22, 1);
}

.theme-btn:hover::after {
  left: 120%;
  transition: all 1s cubic-bezier(0.19, 1, 0.22, 1);
}

/*
* End Button Style
*/
/* *************** Start Navbar */
/* Start Search */
/* Start Search-Popup */
.search-popup {
  position: fixed;
  left: 0;
  top: 0px;
  width: 100%;
  height: 100%;
  z-index: 99999;
  visibility: hidden;
  opacity: 0;
  overflow: auto;
  background: rgba(0, 0, 0, 0.9);
  -webkit-transform: translateY(101%);
  -moz-transform: translateY(101%);
  -ms-transform: translateY(101%);
  -o-transform: translateY(101%);
  transform: translateY(101%);
  -webkit-transition: all 700ms ease;
  -moz-transition: all 700ms ease;
  -ms-transition: all 700ms ease;
  -o-transition: all 700ms ease;
  transition: all 700ms ease;
}

.search-popup.popup-visible {
  -webkit-transform: translateY(0%);
  -moz-transform: translateY(0%);
  -ms-transform: translateY(0%);
  -o-transform: translateY(0%);
  transform: translateY(0%);
  visibility: visible;
  opacity: 1;
}

.search-popup .close-search {
  position: absolute;
  right: 25px;
  top: 25px;
  width: 65px;
  height: 65px;
  line-height: 55px;
  border: 5px solid #ffffff;
  text-align: center;
  border-radius: 50%;
  font-size: 40px;
  color: #a4c19c;
  cursor: pointer;
  z-index: 5;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.search-popup .close-search:hover {
  border-color: #0a4426;
  background-color: #0a4426;
}

.search-popup .close-search:hover i {
  color: #ffffff;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.search-popup .overlay {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
}

.search-popup .search-form {
  position: relative;
  padding: 0px 15px 0px;
  max-width: 1024px;
  margin: 0 auto;
  margin-top: 150px;
  margin-bottom: 100px;
  -webkit-transition: all 900ms ease;
  -mo-transition: all 900ms ease;
  -ms-transition: all 900ms ease;
  -o-transition: all 900ms ease;
  transition: all 900ms ease;
}

.search-popup .search-form fieldset {
  position: relative;
  border-radius: 12px;
}

.search-popup .search-form fieldset input[type="search"] {
  position: relative;
  height: 70px;
  padding: 20px 250px 20px 30px;
  background: #ffffff;
  line-height: 30px;
  font-size: 24px;
  color: #233145;
  border-radius: 7px;
}

.search-popup .search-form fieldset input[type="submit"] {
  position: absolute;
  display: block;
  right: 0px;
  top: 0px;
  text-align: center;
  width: 220px;
  height: 70px;
  padding: 20px 10px 20px 10px;
  color: #ffffff !important;
  line-height: 30px;
  font-size: 20px;
  cursor: pointer;
  text-transform: uppercase;
  border-radius: 0px 7px 7px 0px;
}

/* End Search-Popup */
/* Start Sticky Header */
/* start sticky header */
.sticky-header {
  position: fixed;
  left: 0px;
  top: 0px;
  width: 100%;
  display: flex;
  align-items: center;
  opacity: 0;
  visibility: hidden;
  background: #ffffff;
  z-index: 0;
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
  -ms-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
  -o-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
  transition: all 500ms ease;
  -webkit-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
}

.sticky-header .logo-box {
  display: flex;
  position: relative;
  width: 100%;
  padding: 10px 0;
}

.sticky-header .logo-box .logo {
  width: 100%;
  max-width: 140px;
  position: relative;
  display: flex;
  align-items: center;
}

.sticky-header .menu-area {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

.sticky-header .menu-area .main-menu {
  display: flex;
  position: relative;
  padding: 5px 0 0 0;
}

.sticky-header .menu-area .main-menu .navbar-collapse {
  padding: 0px;
  display: block !important;
}

.sticky-header .menu-area .main-menu .navigation {
  display: flex;
  align-items: center;
  position: relative;
  margin: 0px;
}

.sticky-header .menu-area .main-menu .navigation>li {
  padding: 10px 25px;
  margin: 0;
  z-index: 2;
  -webkit-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease;
}

.sticky-header .menu-area .main-menu .navigation>li.current>a {
  color: #0a4426;
}

.sticky-header .menu-area .main-menu .navigation>li.current>a::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 1px;
  background-color: #0a4426;
  bottom: -3px;
  left: 0;
  -webkit-transform: scale(1, 1);
  -moz-transform: scale(1, 1);
  -ms-transform: scale(1, 1);
  -o-transform: scale(1, 1);
  transform: scale(1, 1);
  -webkit-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease;
}

.sticky-header .menu-area .main-menu .navigation>li.current>a::after {
  content: "";
  position: absolute;
}

.sticky-header .menu-area .main-menu .navigation>li>a {
  color: #222222;
  position: relative;
  display: flex;
  font-weight: 600;
  opacity: 1;
  z-index: 1;
  -webkit-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease;
}

.sticky-header .menu-area .main-menu .navigation>li>a::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 1px;
  background-color: #0a4426;
  bottom: -3px;
  left: 0;
  -webkit-transform: scale(0, 0);
  -moz-transform: scale(0, 0);
  -ms-transform: scale(0, 0);
  -o-transform: scale(0, 0);
  transform: scale(0, 0);
  -webkit-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease;
}

.sticky-header .menu-area .main-menu .navigation>li>a::after {
  content: "";
  position: absolute;
}

.sticky-header .menu-area .main-menu .navigation>li:hover>a {
  color: #0a4426;
}

.sticky-header .menu-area .main-menu .navigation>li:hover>a::before {
  -webkit-transform: scale(1, 1);
  -moz-transform: scale(1, 1);
  -ms-transform: scale(1, 1);
  -o-transform: scale(1, 1);
  transform: scale(1, 1);
}

.sticky-header .menu-area .main-menu .navigation>li>ul {
  position: absolute;
  left: inherit;
  top: 100%;
  width: 250px;
  z-index: 100;
  display: none;
  opacity: 0;
  visibility: hidden;
  background-color: #ffffff;
  -webkit-transform: translateY(30px);
  -moz-transform: translateY(30px);
  -ms-transform: translateY(30px);
  -o-transform: translateY(30px);
  transform: translateY(30px);
  -webkit-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05),
    -2px 0px 5px 1px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05),
    -2px 0px 5px 1px rgba(0, 0, 0, 0.05);
  -ms-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05),
    -2px 0px 5px 1px rgba(0, 0, 0, 0.05);
  -o-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05),
    -2px 0px 5px 1px rgba(0, 0, 0, 0.05);
  box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05),
    -2px 0px 5px 1px rgba(0, 0, 0, 0.05);
  -webkit-transform-origin: top;
  -moz-transform-origin: top;
  -ms-transform-origin: top;
  -o-transform-origin: top;
  transform-origin: top;
  -webkit-transition: all 2s ease-in-out;
  -moz-transition: all 2s ease-in-out;
  -ms-transition: all 2s ease-in-out;
  -o-transition: all 2s ease-in-out;
  transition: all 2s ease-in-out;
}

.sticky-header .menu-area .main-menu .navigation>li>ul>li {
  position: relative;
  width: 100%;
  padding: 11px 30px;
  border-bottom: 1px solid #eeeeee;
}

.sticky-header .menu-area .main-menu .navigation>li>ul>li>a {
  position: relative;
  display: block;
  padding: 6px 0px;
  line-height: 24px;
  text-transform: capitalize;
  color: #222222;
  text-align: left;
  -webkit-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease;
}

.sticky-header .menu-area .main-menu .navigation>li>ul>li>a:hover {
  color: #0a4426;
}

.sticky-header .menu-area .main-menu .navigation>li:first-child {
  padding-left: 0;
}

.sticky-header .menu-area .main-menu .navigation>li:last-child {
  padding-right: 0;
}

.sticky-header .menu-area .main-menu .navigation>li.dropdown:hover>ul {
  display: block;
  visibility: visible;
  opacity: 1;
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
  -webkit-transition: all 2s ease-in-out;
  -moz-transition: all 2s ease-in-out;
  -ms-transition: all 2s ease-in-out;
  -o-transition: all 2s ease-in-out;
  transition: all 2s ease-in-out;
}

.sticky-header .menu-area .main-menu .navigation>li.dropdown .dropdown-btn {
  position: absolute;
  right: -32px;
  top: 66px;
  width: 34px;
  height: 30px;
  text-align: center;
  font-size: 18px;
  line-height: 26px;
  color: #3b3b3b;
  cursor: pointer;
  display: none;
  z-index: 5;
  -webkit-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease;
}

.fixed-header .sticky-header {
  z-index: 999;
  opacity: 1;
  visibility: visible;
  -webkit-animation-name: fadeInDown;
  -moz-animation-name: fadeInDown;
  -ms-animation-name: fadeInDown;
  -o-animation-name: fadeInDown;
  animation-name: fadeInDown;
  -webkit-animation-duration: 500ms;
  -moz-animation-duration: 500ms;
  -ms-animation-duration: 500ms;
  -o-animation-duration: 500ms;
  animation-duration: 500ms;
  -webkit-animation-timing-function: linear;
  -moz-animation-timing-function: linear;
  -ms-animation-timing-function: linear;
  -o-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: 1;
  -moz-animation-iteration-count: 1;
  -ms-animation-iteration-count: 1;
  -o-animation-iteration-count: 1;
  animation-iteration-count: 1;
}

.fixed-header .sticky-header .mobile-nav-toggler {
  position: relative;
  float: right !important;
  font-size: 40px;
  line-height: 50px;
  cursor: pointer;
  color: #3786ff;
  display: none;
}

/* end sticky header */
/* Start Mobile Menu */
/*
*** Mobile Menu ***
*/
.menu-area .mobile-nav-toggler {
  position: relative;
  float: right !important;
  font-size: 40px;
  line-height: 50px;
  cursor: pointer;
  color: #3786ff;
  display: none;
}

.menu-area .mobile-nav-toggler .icon-bar {
  position: relative;
  height: 2px;
  width: 30px;
  display: block;
  margin-bottom: 5px;
  background-color: #3b3b3b;
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
}

.main-menu .navbar-collapse {
  padding: 0px;
  display: block !important;
}

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

.mobile-menu {
  position: fixed;
  right: 0;
  top: 0;
  width: 300px;
  padding-right: 30px;
  max-width: 100%;
  height: 100%;
  opacity: 0;
  visibility: hidden;
  z-index: 999999;
}

.mobile-menu .menu-backdrop {
  position: fixed;
  right: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  background: #000000;
  -webkit-transform: translateX(101%);
  -moz-transform: translateX(101%);
  -ms-transform: translateX(101%);
  -o-transform: translateX(101%);
  transform: translateX(101%);
  -webkit-transition: all 900ms ease;
  -moz-transition: all 900ms ease;
  -ms-transition: all 900ms ease;
  -o-transition: all 900ms ease;
  transition: all 900ms ease;
}

.mobile-menu .close-btn {
  position: absolute;
  right: 25px;
  top: 10px;
  line-height: 30px;
  width: 24px;
  text-align: center;
  font-size: 16px;
  color: #ffffff;
  cursor: pointer;
  z-index: 10;
  -webkit-transition: all 0.9s ease;
  -moz-transition: all 0.9s ease;
  -ms-transition: all 0.9s ease;
  -o-transition: all 0.9s ease;
  transition: all 0.9s ease;
}

.mobile-menu .menu-box {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  max-height: 100%;
  overflow-y: auto;
  background: #202020;
  padding: 0px 0px;
  z-index: 5;
  opacity: 0;
  visibility: hidden;
  border-radius: 0px;
  -webkit-transform: translateX(101%);
  -moz-transform: translateX(101%);
  -ms-transform: translateX(101%);
  -o-transform: translateX(101%);
  transform: translateX(101%);
}

.mobile-menu .nav-logo {
  position: relative;
  padding: 30px 25px;
  text-align: left;
}

.mobile-menu .navbar-collapse {
  display: block !important;
}

.mobile-menu .navigation {
  position: relative;
  display: block;
  width: 100%;
}

.mobile-menu .navigation:last-child {
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.mobile-menu .navigation li {
  position: relative;
  display: block;
  border-top: 1px solid rgba(255, 255, 255, 0.1);
}

.mobile-menu .navigation li.current>a {
  color: #a4c19c;
}

.mobile-menu .navigation li>a {
  position: relative;
  display: block;
  line-height: 24px;
  padding: 10px 25px;
  font-size: 15px;
  font-weight: 500;
  color: #ffffff;
  text-transform: uppercase;
  -webkit-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease;
}

.mobile-menu .navigation li>a.current {
  color: #0a4426;
}

.mobile-menu .navigation li>ul,
.mobile-menu .navigation li>ul>li>ul {
  display: none;
}

.mobile-menu .navigation li>ul>li:first-child {
  border-top: 1px solid rgba(255, 255, 255, 0.1);
}

.mobile-menu .navigation li>ul>li>a {
  font-size: 16px;
  margin-left: 20px;
  text-transform: capitalize;
}

.mobile-menu .navigation li.dropdown .dropdown-btn {
  position: absolute;
  right: 6px;
  top: 6px;
  width: 32px;
  height: 32px;
  text-align: center;
  font-size: 16px;
  line-height: 32px;
  color: #ffffff;
  background: rgba(255, 255, 255, 0.1);
  cursor: pointer;
  border-radius: 2px;
  -webkit-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease;
  z-index: 5;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
}

.mobile-menu .navigation li.dropdown .dropdown-btn.open {
  background: #ffffff;
  color: #3b3b3b;
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
}

.mobile-menu .navigation .page_direction {
  position: relative;
  display: block;
  line-height: 24px;
  padding: 10px 25px;
  border-top: 1px solid rgba(255, 255, 255, 0.1);
  font-size: 15px;
  font-weight: 500;
  color: #ffffff;
  text-transform: uppercase;
  -webkit-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease;
}

.mobile-menu .contact-info {
  position: relative;
  padding: 80px 30px 20px 30px;
}

.mobile-menu .contact-info h4 {
  position: relative;
  font-size: 20px;
  color: #ffffff;
  font-weight: 700;
  margin-bottom: 20px;
}

.mobile-menu .contact-info ul li {
  position: relative;
  display: block;
  font-size: 15px;
  color: rgba(255, 255, 255, 0.8);
  margin-bottom: 3px;
}

.mobile-menu .contact-info ul li a {
  color: rgba(255, 255, 255, 0.8);
}

.mobile-menu .social-links {
  position: relative;
  padding: 30px 25px;
}

.mobile-menu .social-links li {
  position: relative;
  display: inline-block;
  margin: 0px 10px 10px;
}

.mobile-menu .social-links li a {
  position: relative;
  line-height: 32px;
  font-size: 16px;
  color: #ffffff;
  -webkit-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease;
}

/* =================================================================
* STYLE WHEN MOBILE MENU IS VISIBLE
================================================================== */
.mobile-menu-visible {
  overflow: hidden;
}

.mobile-menu-visible .mobile-menu {
  opacity: 1;
  visibility: visible;
}

.mobile-menu-visible .mobile-menu .menu-backdrop {
  opacity: 0.7;
  visibility: visible;
  -webkit-transition: all 0.7s ease;
  -moz-transition: all 0.7s ease;
  -ms-transition: all 0.7s ease;
  -o-transition: all 0.7s ease;
  transition: all 0.7s ease;
  -webkit-transform: translateX(0%);
  -moz-transform: translateX(0%);
  -ms-transform: translateX(0%);
  -o-transform: translateX(0%);
  transform: translateX(0%);
}

.mobile-menu-visible .mobile-menu .close-btn {
  -webkit-transform: rotate(360deg);
  -moz-transform: rotate(360deg);
  -ms-transform: rotate(360deg);
  -o-transform: rotate(360deg);
  transform: rotate(360deg);
}

.mobile-menu-visible .mobile-menu .menu-box {
  opacity: 1;
  visibility: visible;
  -webkit-transition: all 0.7s ease;
  -moz-transition: all 0.7s ease;
  -ms-transition: all 0.7s ease;
  -o-transition: all 0.7s ease;
  transition: all 0.7s ease;
  -webkit-transform: translateX(0%);
  -moz-transform: translateX(0%);
  -ms-transform: translateX(0%);
  -o-transform: translateX(0%);
  transform: translateX(0%);
}

/*
*** End Mobile Menu ***
*/

header {
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
  -webkit-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease;
  z-index: 999;
}

header.page {
  position: relative;
}

header .bottom-header {
  display: flex;
  align-items: center;
  position: relative;
  width: 100%;
  background-color: transparent;
}

header .bottom-header .logo-box {
  display: flex;
  position: relative;
  width: 100%;
  /* padding-top: 30px; */
  padding-top: 18px;
}

header .bottom-header .logo-box .logo {
  width: 100%;
  max-width: 183px;
  position: relative;
  display: flex;
  align-items: center;
}

header .bottom-header .menu-area {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

header .bottom-header .menu-area .mobile-nav-toggler {
  position: relative;
  float: right;
  font-size: 40px;
  line-height: 50px;
  cursor: pointer;
  display: none;
}

header .bottom-header .menu-area .mobile-nav-toggler .icon-bar {
  position: relative;
  height: 2px;
  width: 30px;
  display: block;
  margin-bottom: 5px;
  background-color: #3b3b3b;
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
}

header .bottom-header .menu-area .main-menu {
  display: flex;
  position: relative;
}

header .bottom-header .menu-area .main-menu .navigation {
  display: flex;
  align-items: center;
  position: relative;
}

header .bottom-header .menu-area .main-menu .navigation>li {
  padding: 27px 0;
  margin: 0 15px;
  z-index: 2;
  -webkit-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease;
}

header .bottom-header .menu-area .main-menu .navigation>li.current>a {
  color: #9bc99a;
}

header .bottom-header .menu-area .main-menu .navigation>li.current>a::before {
  -webkit-transform: scale(1, 1);
  -moz-transform: scale(1, 1);
  -ms-transform: scale(1, 1);
  -o-transform: scale(1, 1);
  transform: scale(1, 1);
}

header .bottom-header .menu-area .main-menu .navigation>li:first-child {
  margin-left: 0;
}

header .bottom-header .menu-area .main-menu .navigation>li:last-child {
  margin-right: 0;
}

header .bottom-header .menu-area .main-menu .navigation>li>a {
  color: #ffffff;
  position: relative;
  display: flex;
  font-weight: 600;
  opacity: 1;
  z-index: 1;
  -webkit-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease;
}

header .bottom-header .menu-area .main-menu .navigation>li>a::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 1px;
  background-color: #10ab7a;
  bottom: -3px;
  left: 0;
  -webkit-transform: scale(0, 0);
  -moz-transform: scale(0, 0);
  -ms-transform: scale(0, 0);
  -o-transform: scale(0, 0);
  transform: scale(0, 0);
  -webkit-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease;
}

header .bottom-header .menu-area .main-menu .navigation>li>a::after {
  content: "";
  position: absolute;
}

header .bottom-header .menu-area .main-menu .navigation>li>a:hover {
  color: #9bc99a;
}

header .bottom-header .menu-area .main-menu .navigation>li>a:hover::before {
  -webkit-transform: scale(1, 1);
  -moz-transform: scale(1, 1);
  -ms-transform: scale(1, 1);
  -o-transform: scale(1, 1);
  transform: scale(1, 1);
}

header .bottom-header .menu-area .main-menu .navigation>li>ul {
  position: absolute;
  left: inherit;
  top: 100%;
  width: 250px;
  z-index: 100;
  display: none;
  opacity: 0;
  visibility: hidden;
  background-color: #ffffff;
  -webkit-transform: translateY(30px);
  -moz-transform: translateY(30px);
  -ms-transform: translateY(30px);
  -o-transform: translateY(30px);
  transform: translateY(30px);
  -webkit-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05),
    -2px 0px 5px 1px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05),
    -2px 0px 5px 1px rgba(0, 0, 0, 0.05);
  -ms-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05),
    -2px 0px 5px 1px rgba(0, 0, 0, 0.05);
  -o-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05),
    -2px 0px 5px 1px rgba(0, 0, 0, 0.05);
  box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05),
    -2px 0px 5px 1px rgba(0, 0, 0, 0.05);
  -webkit-transform-origin: top;
  -moz-transform-origin: top;
  -ms-transform-origin: top;
  -o-transform-origin: top;
  transform-origin: top;
  -webkit-transition: all 2s ease-in-out;
  -moz-transition: all 2s ease-in-out;
  -ms-transition: all 2s ease-in-out;
  -o-transition: all 2s ease-in-out;
  transition: all 2s ease-in-out;
}

header .bottom-header .menu-area .main-menu .navigation>li>ul>li {
  position: relative;
  width: 100%;
  padding: 11px 30px;
  border-bottom: 1px solid #eeeeee;
}

header .bottom-header .menu-area .main-menu .navigation>li>ul>li>a {
  position: relative;
  display: block;
  padding: 6px 0px;
  line-height: 24px;
  text-transform: capitalize;
  color: #222222;
  text-align: left;
  transition: all 500ms ease;
  -webkit-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
}

header .bottom-header .menu-area .main-menu .navigation>li>ul>li>a:hover {
  color: #0a4426;
}

header .bottom-header .menu-area .main-menu .navigation>li.dropdown:hover>ul {
  display: block;
  visibility: visible;
  opacity: 1;
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
  -webkit-transition: all 2s ease-in-out;
  -moz-transition: all 2s ease-in-out;
  -ms-transition: all 2s ease-in-out;
  -o-transition: all 2s ease-in-out;
  transition: all 2s ease-in-out;
}

header .bottom-header .menu-area .main-menu .navigation>li.dropdown .dropdown-btn {
  position: absolute;
  right: -32px;
  top: 66px;
  width: 34px;
  height: 30px;
  text-align: center;
  font-size: 18px;
  line-height: 26px;
  color: #3b3b3b;
  cursor: pointer;
  display: none;
  z-index: 5;
  -webkit-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease;
}

header .bottom-header .menu-area .menu-right-content {
  position: relative;
  display: flex;
  align-items: center;
  padding-left: 20px;
  margin-left: 38px;
}

header .bottom-header .menu-area .menu-right-content::before {
  position: absolute;
  content: "";
  background: rgba(255, 255, 255, 0.5);
  width: 1px;
  height: 50px;
  left: -12px;
  top: 0px;
}

header .bottom-header .menu-area .menu-right-content .search-btn {
  position: relative;
  display: flex;
  margin: 0 30px 0 15px;
}

header .bottom-header .menu-area .menu-right-content .search-btn button {
  position: relative;
  display: inline-flex;
  font-size: 18px;
  color: #ffffff;
  font-weight: 600;
  background: transparent;
  cursor: pointer;
  -webkit-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease;
  border: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -ms-box-shadow: none;
  -o-box-shadow: none;
  box-shadow: none;
}

header .bottom-header .menu-area .menu-right-content .search-btn button:hover {
  color: #c39355;
  ;
}

header .bottom-header .menu-area .menu-right-content .nav-btn {
  position: relative;
  font-size: 20px;
  color: #ffffff;
  margin: 0px 30px 0px 15px;
  cursor: pointer;
  -webkit-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease;
}

header .bottom-header .menu-area .menu-right-content .nav-btn:hover {
  color: #0a4426;
}

header .bottom-header .menu-area .menu-right-content .btn-box {
  position: relative;
  display: inline-flex;
  align-items: center;
}

header .bottom-header .menu-area .menu-right-content .btn-box .join {
  margin-left: 20px;
}

header .bottom-header .menu-area .menu-right-content .btn-box .theme-btn {
  padding: 10px 13px;
  border-radius: 3px;
}

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

  ================================================
                      End Header
  ================================================

  **********************/
/* ===================================*============================== */
/* Start Slider */
/*********************

  ================================================
                      Start Slider Section
  ================================================

  **********************/
.slider-section {
  position: relative;
  margin-top: -107px;
}

.slider-section .owl-dots {
  display: none !important;
}

.slider-section .owl-theme .owl-nav {
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  margin: 0 auto;
  width: 100%;
}

.slider-section .owl-theme .owl-nav .owl-prev {
  position: absolute;
  left: 50px;
  top: 0;
  background: rgba(255, 255, 255, 0.15);
  height: 56px;
  width: 56px;
  border-radius: 50%;
  border: none;
  text-align: center;
  color: rgba(0, 0, 0, 0);
  line-height: 56px;
  font-size: 0px;
  opacity: 1;
  margin-top: -30px;
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
}

.slider-section .owl-theme .owl-nav .owl-prev::after {
  font-family: "Font Awesome 5 Free";
  content: "\f105";
  position: absolute;
  top: 0;
  width: 56px;
  height: 56px;
  line-height: 56px;
  font-weight: 700;
  left: 0;
  color: #ffffff;
  font-size: 24px;
  cursor: pointer;
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
}

.slider-section .owl-theme .owl-nav .owl-next {
  position: absolute;
  right: 50px;
  top: 0;
  background: rgba(255, 255, 255, 0.15);
  height: 56px;
  width: 56px;
  border-radius: 50%;
  border: none;
  text-align: center;
  line-height: 56px;
  color: rgba(0, 0, 0, 0);
  font-size: 0px;
  opacity: 1;
  cursor: pointer;
  margin-top: -30px;
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
}

.slider-section .owl-theme .owl-nav .owl-next::after {
  font-family: "Font Awesome 5 Free";
  content: "\f105";
  position: absolute;
  top: 0;
  width: 56px;
  height: 56px;
  line-height: 56px;
  font-weight: 700;
  right: 0;
  color: #ffffff;
  font-size: 24px;
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
}

.slider-section .overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: rgb(10, 70, 39);
  background: -moz-linear-gradient(180deg,
      rgba(10, 70, 39, 0.5) 0%,
      rgba(30, 125, 76, 0.2) 100%);
  background: -webkit-linear-gradient(180deg,
      rgba(10, 70, 39, 0.5) 0%,
      rgba(30, 125, 76, 0.2) 100%);
  background: linear-gradient(180deg,
      rgba(10, 70, 39, 0.5) 0%,
      rgba(30, 125, 76, 0.2) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#0a4627", endColorstr="#1e7d4c", GradientType=1);
  z-index: 10;
}

.slider-section .main-carousel {
  position: relative;
}

.slider-section .main-carousel .slide-item {
  position: relative;
  overflow: hidden;
  padding: 180px 0px 120px 0px;
  /* padding: 282px 0px 223px 0px; */
}

.slider-section .main-carousel .slide-item::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  left: 0px;
  top: 0px;
  right: 0px;
  z-index: 1;
}

.slider-section .main-carousel .slide-item .image-layer {
  position: absolute;
  left: 0px;
  top: 0px;
  right: 0px;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
  -webkit-transition: all 6000ms linear;
  -moz-transition: all 6000ms linear;
  -ms-transition: all 6000ms linear;
  -o-transition: all 6000ms linear;
  transition: all 6000ms linear;
}

.slider-section .main-carousel .slide-item .content-box {
  position: relative;
  display: block;
  z-index: 10;
  width: 100%;
  min-height: 300px;
}

.slider-section .main-carousel .slide-item .content-box h5 {
  position: relative;
  display: inline-block;
  font-size: 18px;
  line-height: 28px;
  font-weight: 400;
  color: #ffffff;
  margin-bottom: 17px;
  text-transform: uppercase;
  opacity: 0;
  padding-right: 55px;
  -webkit-transform: translateY(50px);
  -moz-transform: translateY(50px);
  -ms-transform: translateY(50px);
  -o-transform: translateY(50px);
  transform: translateY(50px);
  -webkit-transition: all 700ms ease;
  -moz-transition: all 700ms ease;
  -ms-transition: all 700ms ease;
  -o-transition: all 700ms ease;
  transition: all 700ms ease;
}

.slider-section .main-carousel .slide-item .content-box h5::before {
  position: absolute;
  content: "";
  background: #ffffff;
  width: 45px;
  height: 2px;
  top: 13px;
  right: 0px;
}

.slider-section .main-carousel .slide-item .content-box h1 {
  position: relative;
  display: block;
  color: #ffffff;
  font-size: 68px;
  line-height: 70px;
  font-weight: 700;
  margin-bottom: 40px;
  opacity: 0;
  -webkit-transform: translateY(100px);
  -moz-transform: translateY(100px);
  -ms-transform: translateY(100px);
  -o-transform: translateY(100px);
  transform: translateY(100px);
  -webkit-transition: all 700ms ease;
  -moz-transition: all 700ms ease;
  -ms-transition: all 700ms ease;
  -o-transition: all 700ms ease;
  transition: all 700ms ease;
}

.slider-section .main-carousel .slide-item .content-box .list-item {
  position: relative;
  display: block;
  margin-bottom: 17px;
  opacity: 0;
  -webkit-transform: translateX(100px);
  -moz-transform: translateX(100px);
  -ms-transform: translateX(100px);
  -o-transform: translateX(100px);
  transform: translateX(100px);
  -webkit-transition: all 1000ms ease;
  -moz-transition: all 1000ms ease;
  -ms-transition: all 1000ms ease;
  -o-transition: all 1000ms ease;
  transition: all 1000ms ease;
}

.slider-section .main-carousel .slide-item .content-box .list-item li {
  position: relative;
  display: inline-block;
  font-size: 24px;
  line-height: 30px;
  color: #ffffff;
  font-weight: 400;
}

.slider-section .main-carousel .slide-item .content-box .list-item li a {
  position: relative;
  display: inline-block;
  font-size: 24px;
  line-height: 30px;
  color: #ffffff;
  font-weight: 400;
}

.slider-section .main-carousel .slide-item .content-box .btn-box {
  position: relative;
  opacity: 0;
  -webkit-transform: translateY(100px);
  -moz-transform: translateY(100px);
  -ms-transform: translateY(100px);
  -o-transform: translateY(100px);
  transform: translateY(100px);
  -webkit-transition: all 1500ms ease;
  -moz-transition: all 1500ms ease;
  -ms-transition: all 1500ms ease;
  -o-transition: all 1500ms ease;
  transition: all 1500ms ease;
}

.slider-section .main-carousel .slide-item .content-box .btn-box .theme-btn {
  padding: 13px 35px;
  margin-right: 35px;
}

.slider-section .main-carousel .slide-item .content-box .btn-box .user-btn {
  position: relative;
  display: inline-block;
  font-size: 16px;
  font-weight: 700;
  color: #ffffff;
  padding: 20px 0px 22px 85px;
}

.slider-section .main-carousel .slide-item .content-box .btn-box .user-btn i {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 70px;
  height: 70px;
  line-height: 70px;
  font-size: 24px;
  color: #ffffff;
  border: 2px solid #ffffff;
  border-radius: 50%;
  text-align: center;
  -webkit-box-shadow: 0 0 0 5px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 0 0 5px rgba(0, 0, 0, 0.3);
  -ms-box-shadow: 0 0 0 5px rgba(0, 0, 0, 0.3);
  -o-box-shadow: 0 0 0 5px rgba(0, 0, 0, 0.3);
  box-shadow: 0 0 0 5px rgba(0, 0, 0, 0.3);
  -webkit-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease;
}

.slider-section .main-carousel .slide-item .content-box .btn-box .user-btn span {
  position: relative;
  display: inline-block;
  font-size: 16px;
  line-height: 16px;
  border-bottom: 1px solid #ffffff;
}

.slider-section .main-carousel .slide-item .content-box .btn-box .slide-item-btn {
  position: relative;
  display: inline-block;
  font-size: 16px;
  font-weight: 700;
  color: #ffffff;
  border: 1px solid #ffffff;
  text-align: center;
  padding: 13px 34px;
  -webkit-transition: color 0.3s ease-out;
  -moz-transition: color 0.3s ease-out;
  -ms-transition: color 0.3s ease-out;
  -o-transition: color 0.3s ease-out;
  transition: color 0.3s ease-out;
}

.slider-section .main-carousel .slide-item .content-box .btn-box .slide-item-btn:hover {
  border-color: #0a4426;
  color: #ffffff;
}

.slider-section .main-carousel .active .image-layer {
  -webkit-transform: scale(1.15);
  -moz-transform: scale(1.15);
  -ms-transform: scale(1.15);
  -o-transform: scale(1.15);
  transform: scale(1.15);
}

.slider-section .main-carousel .active .content-box h5 {
  opacity: 1;
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
}

.slider-section .main-carousel .active .content-box h1 {
  opacity: 1;
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
  -webkit-transition-delay: 500ms;
  -moz-transition-delay: 500ms;
  -ms-transition-delay: 500ms;
  -o-transition-delay: 500ms;
  transition-delay: 500ms;
}

.slider-section .main-carousel .active .content-box .list-item {
  opacity: 1;
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  -o-transform: translateX(0);
  transform: translateX(0);
}

.slider-section .main-carousel .active .content-box .btn-box {
  opacity: 1;
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
  -webkit-transition-delay: 1500ms;
  -moz-transition-delay: 1500ms;
  -ms-transition-delay: 1500ms;
  -o-transition-delay: 1500ms;
  transition-delay: 1500ms;
}

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

  ================================================
                      End Slider Section
  ================================================

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

/* Start Why Us Section */
/* ******************************
  * START Why Us SECTION ************
  ****************************** */

section.why-us {
  position: relative;
  padding: 100px 0 50px;
  background-color: #0a4426;
}

section.why-us::before {
  position: absolute;
  content: "";
  background: #0a4426;
  width: 100%;
  height: 100%;
  left: 0px;
  top: 0px;
  right: 0px;
  opacity: 0.9;
}

.why-us .sec-title {
  margin-bottom: 55px;
}

.why-us .sec-title h2 {
  font-size: 30px;
  color: #ffffff;
  text-align: center;
  letter-spacing: 2px;
}

.why-us .sec-title h2 span {
  color: #cf8b40;
  text-transform: uppercase;
}

.why-us .card-block {
  margin-bottom: 30px;
}

.why-us .card-block .card {
  border-radius: 11px;
  border: 1px solid #cf8b40;
  background-color: transparent;
  padding: 1.5em;
  height: 100%;
  -webkit-border-radius: 11px;
  -moz-border-radius: 11px;
  -ms-border-radius: 11px;
  -o-border-radius: 11px;
}

.why-us .card-block .card .card_title {
  margin: 16px 0 8px;
  font-size: 18px;
  font-weight: 600;
  color: #cf8b40;
  text-transform: capitalize;
}

.why-us .card .card-description {
  font-size: 15px;
  color: #ffffff;
  opacity: 0.75;
  margin: 0;
}

/* Start Why Us Section */
/* ******************************
  * End Why Us SECTION ************
  ****************************** */

.about-quran {
  position: relative;
  padding: 93px 0px 100px 0px;
}

.about-quran #content_block .content-box {
  margin-right: 60px;
}

.about-quran #content_block .content-box .sec-title {
  margin-bottom: 27px;
}

.about-quran #content_block .content-box .text {
  display: block;
  margin-bottom: 22px;
}

.about-quran #content_block .content-box .tabs-box .tab-btn-box {
  position: relative;
  display: block;
  border-bottom: 1px solid #080;
  margin-bottom: 29px;
}

.about-quran #content_block .content-box .tabs-box .tab-btn-box .tab-btns li {
  position: relative;
  display: inline-flex;
  float: left;
  font-size: 16px;
  font-weight: 700;
  color: #222222;
  padding: 10px 20px 19px 20px;
  cursor: pointer;
  margin-right: 30px;
  -webkit-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease;
}

.about-quran #content_block .content-box .tabs-box .tab-btn-box .tab-btns li::before {
  position: absolute;
  content: "";
  width: 100%;
  height: 2px;
  left: 0px;
  bottom: -2px;
  background-color: #0a4426;
  -webkit-transform: scale(0, 0);
  -moz-transform: scale(0, 0);
  -ms-transform: scale(0, 0);
  -o-transform: scale(0, 0);
  transform: scale(0, 0);
  -webkit-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease;
}

.about-quran #content_block .content-box .tabs-box .tab-btn-box .tab-btns li.active-btn::before,
.about-quran #content_block .content-box .tabs-box .tab-btn-box .tab-btns li:hover::before {
  -webkit-transform: scale(1, 1);
  -moz-transform: scale(1, 1);
  -ms-transform: scale(1, 1);
  -o-transform: scale(1, 1);
  transform: scale(1, 1);
}

.about-quran #content_block .content-box .tabs-box .tabs-content .tab {
  position: relative;
  display: none;
  -webkit-transition: all 900ms ease;
  -moz-transition: all 900ms ease;
  -ms-transition: all 900ms ease;
  -o-transition: all 900ms ease;
  transition: all 900ms ease;
  -webkit-transform: scale(0.9, 0.9) translateY(0px);
  -moz-transform: scale(0.9, 0.9) translateY(0px);
  -ms-transform: scale(0.9, 0.9) translateY(0px);
  -o-transform: scale(0.9, 0.9) translateY(0px);
  transform: scale(0.9, 0.9) translateY(0px);
}

.about-quran #content_block .content-box .tabs-box .tabs-content .tab.active-tab {
  display: block;
  -webkit-transform: scale(1) translateY(0px);
  -moz-transform: scale(1) translateY(0px);
  -ms-transform: scale(1) translateY(0px);
  -o-transform: scale(1) translateY(0px);
  transform: scale(1) translateY(0px);
}

.about-quran #content_block .content-box .tabs-box .tabs-content .content-inner p {
  margin-bottom: 17px;
}

.about-quran #image_block .image-box {
  position: relative;
  margin-top: 44px;
}

.about-quran #image_block .image-box .pattern-layer {
  position: absolute;
  top: 35px;
  right: -250px;
  bottom: -150px;
  width: 347px;
  height: 271px;
  background-repeat: no-repeat;
}

.about-quran #image_block .image-box .image {
  position: relative;
  overflow: hidden;
  display: block;
}

.about-quran #image_block .image-box .image::before {
  position: absolute;
  top: 0;
  left: -75%;
  z-index: 2;
  display: block;
  content: "";
  width: 50%;
  height: 100%;
  background: -o-linear-gradient(left,
      rgba(255, 255, 255, 0) 0%,
      rgba(255, 255, 255, 0.3) 100%);
  background: -webkit-gradient(linear,
      left top,
      right top,
      from(rgba(255, 255, 255, 0)),
      to(rgba(255, 255, 255, 0.3)));
  background: linear-gradient(to right,
      rgba(255, 255, 255, 0) 0%,
      rgba(255, 255, 255, 0.3) 100%);
  -webkit-transform: skewX(-25deg);
  -ms-transform: skewX(-25deg);
  -webkit-transform: skewX(-25deg);
  -moz-transform: skewX(-25deg);
  -ms-transform: skewX(-25deg);
  -o-transform: skewX(-25deg);
  transform: skewX(-25deg);
}

.about-quran #image_block .image-box .image:hover::before {
  -webkit-animation: shine 1s;
  animation: shine 1s;
}

.about-quran #image_block .image-box .image img {
  width: 100%;
}

.about-quran #image_block .image-box .content-box {
  position: absolute;
  left: 70px;
  bottom: 45px;
  max-width: 450px;
  width: 100%;
  overflow: hidden;
  background: #ffffff;
  padding: 29px 50px 34px 40px;
  border-left: 4px solid #0a4426;
  -webkit-box-shadow: 0 0px 20px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 0px 20px rgba(0, 0, 0, 0.1);
  -ms-box-shadow: 0 0px 20px rgba(0, 0, 0, 0.1);
  -o-box-shadow: 0 0px 20px rgba(0, 0, 0, 0.1);
  box-shadow: 0 0px 20px rgba(0, 0, 0, 0.1);
  z-index: 2;
}

.about-quran #image_block .image-box .content-box i {
  position: absolute;
  left: 30px;
  top: 20px;
  font-size: 90px;
  line-height: 90px;
  color: #e5e5e5;
}

.about-quran #image_block .image-box .content-box h4 {
  font-size: 20px;
  line-height: 30px;
  color: #222222;
  font-weight: 700;
  margin-bottom: 0px;
}

.about-quran #image_block .image-box .content-box h5 {
  font-size: 18px;
  line-height: 26px;
  color: #222222;
  font-weight: 400;
}

/* Start How to Join Us Section */
/* ******************************
  * End How to Join Us SECTION ************
  ****************************** */

.how-to-join {
  position: relative;
  width: 100%;
  padding: 110px 0px 120px 0px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  background-attachment: fixed;
}

.how-to-join:before {
  position: absolute;
  content: "";
  background: #222;
  width: 100%;
  height: 100%;
  left: 0px;
  top: 0px;
  right: 0px;
  opacity: 0.9;
}

.how-to-join .sec-title-two {
  position: relative;
  display: block;
  margin-bottom: 57px;
}

.how-to-join .sec-title-two.light h2 {
  color: #fff;
}

.how-to-join .join-steps .steps-wrap {
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 0 -15px;
  padding-left: 0;
  list-style: none;
}

.how-to-join .join-steps .steps-wrap>li {
  max-width: 20%;
  flex: 0 0 20%;
  padding: 0 15px;
}

.how-to-join .join-steps .steps-wrap>li:nth-child(2n) .step-bx:before {
  -webkit-transform: rotateX(180deg);
  -ms-transform: rotateX(180deg);
  -o-transform: rotateX(180deg);
  transform: rotateX(180deg);
  top: 60px;
}

.how-to-join .join-steps .steps-wrap>li:nth-child(5n) .step-bx:before {
  display: none;
}

.how-to-join .join-steps .steps-wrap .step-bx {
  float: left;
  width: 100%;
  position: relative;
  margin-bottom: 30px;
}

.how-to-join .join-steps .steps-wrap .step-bx::before {
  content: "";
  position: absolute;
  height: 27px;
  width: 81px;
  background-image: url(/src/images/sections/how-to-join/step-shape.png);
  top: 85px;
  right: -55px;
}

.how-to-join .join-steps .steps-wrap .step-bx>i {
  line-height: 155px;
  width: 160px;
  color: #fff;
  background-color: rgb(10 70 39 / 35%);
  font-size: 45px;
  border: 2px solid #fff;
  display: inline-block;
  height: 160px;
  margin-bottom: 20px;
  position: relative;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
}

.how-to-join .join-steps .steps-wrap .step-bx>h5 {
  color: #fff;
  font-size: 20px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 2px;
  line-height: 1.3;
}

/* End How to Join Us Section */
/* ******************************
  * End How to Join Us SECTION ************
  ****************************** */

/* Start Our Courses Section */
/* ******************************
  * Start Our Courses SECTION ************
  ****************************** */

.our-courses {
  padding: 100px 0;
  position: relative;
}

.our-courses .sec-title h2 {
  margin-bottom: 40px;
  text-transform: capitalize;
}

.our-courses .course-card {
  height: 100%;
  text-align: center;
  padding: 1.5em;
  border: none;
  border-radius: 12px;
  transition: all 500ms ease-in-out;
  -webkit-transition: all 500ms ease-in-out;
  -moz-transition: all 500ms ease-in-out;
  -ms-transition: all 500ms ease-in-out;
  -o-transition: all 500ms ease-in-out;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  -ms-border-radius: 12px;
  -o-border-radius: 12px;
}

.our-courses .course-card:hover {
  transform: translateY(-10px);
  box-shadow: 0 3px 41px #00000029;
  -webkit-transform: translateY(-10px);
  -moz-transform: translateY(-10px);
  -ms-transform: translateY(-10px);
  -o-transform: translateY(-10px);
}

.our-courses .course-card .card-img {
  width: 100%;
  border-radius: 12px;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  -ms-border-radius: 12px;
  -o-border-radius: 12px;
}

.our-courses .course-card .card-body {
  margin-bottom: 25px;
  padding: 0;
}

.our-courses .course-card .card-body .price {
  display: block;
  font-size: 20px;
  color: #0a4426;
  text-transform: capitalize;
  margin: 1em 0;
}

.our-courses .course-card .card-body .card-items .card-item {
  display: flex;
  align-items: center;
  margin-bottom: 10px;
}

.our-courses .course-card .card-body .card-items .card-item>.li-title {
  margin: 0 auto 0 0;
  text-transform: capitalize;
}

.our-courses .course-card .card-body .card-items .card-item svg {
  width: 25px;
}

.our-courses .course-card .card-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 25px 0 20px;
}

.our-courses .course-card .card-btn a {
  background-color: transparent;
  color: #0a4426;
  padding: 10px 40px;
  border: 3px solid #0a4426;
  border-radius: 6px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  -o-border-radius: 6px;
  text-transform: capitalize;
  overflow: hidden;
  transition: all 500ms ease-in-out;
  -webkit-transition: all 500ms ease-in-out;
  -moz-transition: all 500ms ease-in-out;
  -ms-transition: all 500ms ease-in-out;
  -o-transition: all 500ms ease-in-out;
}

.our-courses .course-card .card-btn:hover a {
  background-color: #0a4426;
  color: #fff;
  border: none;
}

.our-courses .show-all-lectures {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 50px auto 0;
}

.our-courses .show-all-lectures a {
  background: #0a4426;
  padding: 15px 40px;
  color: #fff;
  font-size: 20px;
  text-align: center;
  text-transform: capitalize;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
}

.our-courses .show-all-lectures a::after {
  content: "";
  position: absolute;
}

.our-courses .show-all-lectures a::before {
  content: "";
  position: absolute;
}

/* End Our Courses Section */
/* ******************************
  * End Our Courses SECTION ************
  ****************************** */

/* ****************************** ♥ ***************************/

/* Start Our Teacher Section */
/* ******************************
  * Start Our Teacher SECTION ************
  ****************************** */

.our-teachers {
  padding: 100px 0;
  position: relative;
  background-color: #0a4426;
}

.our-teachers::before {
  position: absolute;
  content: "";
  background: #0a4426;
  width: 100%;
  height: 100%;
  left: 0px;
  top: 0px;
  right: 0px;
  opacity: 0.9;
}

.our-teachers .sec-title {
  margin-bottom: 40px;
}

.our-teachers .sec-title h2 {
  margin-bottom: 40px;
  color: #ffffff;
  text-transform: capitalize;
}

.our-teachers .card {
  text-align: center;
  height: 100%;
  padding: 1.5em;
  border: none;
  border-radius: 12px;
  transition: 0.2s ease-in-out;
  position: relative;
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  min-width: 0;
  word-wrap: break-word;
  background-color: #fff;
  background-clip: initial;
  border: 1px solid rgba(0, 0, 0, 0.125);
  border-radius: 0.25rem;
  -webkit-border-radius: 0.25rem;
  -moz-border-radius: 0.25rem;
  -ms-border-radius: 0.25rem;
  -o-border-radius: 0.25rem;
  -webkit-transition: 0.2s ease-in-out;
  -moz-transition: 0.2s ease-in-out;
  -ms-transition: 0.2s ease-in-out;
  -o-transition: 0.2s ease-in-out;
}

.our-teachers .card:hover {
  transform: translateY(-10px);
  box-shadow: 0 3px 41px #00000029;
  -webkit-transform: translateY(-10px);
  -moz-transform: translateY(-10px);
  -ms-transform: translateY(-10px);
  -o-transform: translateY(-10px);
}

.our-teachers .card .card-header {
  position: relative;
  height: auto;
  margin: 0 auto;
  padding: 0;
  background: transparent;
  border: none;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  align-content: center;
}

.our-teachers .card .card-header .card-img {
  border: 2px solid #0c8849;
  border-radius: 50%;
  padding: 5px;
  width: 110px;
  height: auto;
}

.our-teachers .card .card-body .teacher-name {
  display: flex;
  margin: -5px 0 40px 0;
  font-size: 18px;
  font-weight: 600;
  color: #0c8849;
  text-transform: capitalize;
  align-items: center;
  justify-content: center;
}

.our-teachers .card .card-body .country {
  font-size: 16px;
  font-weight: 600;
  text-transform: capitalize;
  margin-bottom: 10px;
  color: #338a49;
}

.our-teachers .card .card-body .specialty {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-flow: row;
  flex-wrap: wrap;
}

.our-teachers .card .card-body .specialty .specialty-title {
  text-transform: capitalize;
  width: 100%;
  font-size: 15px;
  color: #757575;
  font-weight: 600;
  margin-bottom: 5px;
}

.our-teachers .card .card-body .specialty .tags {
  color: #0c8849;
  background-color: #0c884926;
  border-radius: 6px;
  padding: 5px 10px;
  font-size: 14px;
  display: inline-block;
  margin: 0 4px 5px;
  flex-grow: 1;
  text-transform: capitalize;
  font-weight: 600;
}

.our-teachers .show-all-teachers {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 50px auto 0;
}

.our-teachers .show-all-teachers a {
  background: #0a4426;
  padding: 15px 40px;
  color: #c39355;
  font-size: 20px;
  text-align: center;
  text-transform: capitalize;
  border: 2px solid #c39355;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
}


/* End Our Teacher Section */
/* ******************************
  * End Our Teacher SECTION ************
  ****************************** */

/* start fun fact section */
.fun-fact {
  position: relative;
  padding: 28px 0px 33px 0px;
  overflow: hidden;
}

.fun-fact::before {
  position: absolute;
  content: "";
  background: #1c0f00;
  width: 100%;
  height: 100%;
  left: 0px;
  top: 0px;
  right: 0px;
  opacity: 0.9;
}

.fun-fact .counter-column {
  position: relative;
}

.fun-fact .counter-column:first-child::after {
  position: absolute;
  content: "";
  background: rgb(195 147 85);
  width: 1px;
  height: 150px;
  top: -28px;
  left: 0px;
}

.fun-fact .counter-column::before {
  position: absolute;
  content: "";
  background: rgb(195 147 85);
  width: 1px;
  height: 150px;
  top: -28px;
  right: 0px;
}

.fun-fact .counter-block-one {
  position: relative;
  display: block;
}

.fun-fact .counter-block-one .count-outer {
  position: relative;
  display: block;
  font-size: 50px;
  line-height: 60px;
  color: #ffffff;
  font-weight: 700;
  margin-bottom: 0px;
}

.fun-fact .counter-block-one p {
  color: #ffffff;
  text-transform: uppercase;
}

/* end fun fact section */

/* Start Footer */

.main-footer {
  position: relative;
  display: block;
  text-align: center;
  padding: 10px 0px;
  background-color: #cf8b40;
}

.main-footer .copyright p {
  color: #000000;
  margin: 0px;
}

/* End Footer */


/* Join Us CSS */
@import url("../css/inc/join-us.css");