/*
@File: Everb Template Style

* This file contains the styling for the actual template, this
is the file you need to edit to change the look of the
template.

This files table contents are outlined below>>>>>

*******************************************
*******************************************
** - Default CSS
** - Header Area CSS
** - Navbar Area CSS
** - Banner Section CSS
** - Video Section CSS
** - Theory Section CSS
** - About Section CSS
** - Feature Section CSS
** - Service Section CSS
** - Team Section CSS
** - Testimonial Section CSS
** - Portfolio Section CSS
** - Progress Section CSS
** - Blog Section CSS
** - Contact Section CSS
** - Footer Section CSS
*/
@import url("https://fonts.googleapis.com/css?family=Montserrat:400,500,600,700|Poppins:400,500,600&display=swap");
/* Color Variable */
/* Font Variable */
body {
  color: #717477;
  font-family: "Montserrat", sans-serif;
  line-height: 1.8;
  font-size: 16px;
}

/* Default CSS Start */
img {
  max-width: 100%;
}

a {
  -webkit-transition: .5s;
  transition: .5s;
  text-decoration: none;
}

a:hover {
  text-decoration: none;
}

a:focus {
  text-decoration: none;
}

button {
  outline: 0 !important;
  -webkit-box-shadow: none;
          box-shadow: none;
  border: none;
  background-color: transparent;
}

.form-control:focus {
  -webkit-box-shadow: 0 0 0 0;
          box-shadow: 0 0 0 0;
}

.d-table {
  width: 100%;
  height: 100%;
}

.d-table-cell {
  display: table-cell;
  vertical-align: middle;
}

h1, h2, h3, h4, h5, h6 {
  color: #333333;
}

h3 {
  font-size: 22px;
  font-family: "Poppins", sans-serif;
  color: #0f2137;
}

.pt-100 {
  padding-top: 100px;
}

.pb-70 {
  padding-bottom: 70px;
}

.pb-100 {
  padding-bottom: 100px;
}

.theme-button {
  z-index: 1;
  position: relative;
}

.theme-button .default-btn {
  font-size: 16px;
  font-weight: 500;
  color: #FFFFFF;
  background: -webkit-gradient(linear, left top, right top, from(#ff7c00), to(#fe6219));
  background: linear-gradient(90deg, #ff7c00 0%, #fe6219 100%);
  padding: 16px 40px;
  position: relative;
  display: inline-block;
}

.theme-button .default-btn::before {
  position: absolute;
  content: '';
  border: 1px solid #fb7a00;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background: #FFFFFF;
  z-index: -1;
  -webkit-transition: .5s;
  transition: .5s;
}

.theme-button .default-btn:hover::before {
  top: -10px;
  right: -10px;
}

.section-title {
  margin: 0 auto 50px;
  max-width: 600px;
}

.section-title span {
  font-size: 16px;
  color: #886a03;
  display: inline-block;
  margin-bottom: 10px;
  font-weight: 600;
  text-transform: uppercase;
}

.section-title h2 {
  font-size: 38px;
  font-weight: 700;
  margin-bottom: 15px;
}

.buy-now-btn {
  right: 20px;
  z-index: 99;
  top: 50%;
  position: fixed;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  border-radius: 30px;
  display: inline-block;
  color: #FFFFFF;
  background-color: #82b440;
  padding: 10px 20px 10px 42px;
  -webkit-box-shadow: 0 1px 20px 1px #82b440;
          box-shadow: 0 1px 20px 1px #82b440;
  font-size: 13px;
  font-weight: 600;
}

.buy-now-btn img {
  top: 50%;
  left: 20px;
  width: 15px;
  position: absolute;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

.buy-now-btn:hover {
  background-color: #fb7a00;
  color: #FFFFFF;
}

/* Default CSS End */
/** -------------- Home Page One CSS Start --------------**/
/* Header CSS Start */
.navbar-area .mean-container a.meanmenu-reveal span {
  position: relative;
  margin-top: -6px;
  top: 8px;
}

.header-area {
  background: #feebd8;
  padding: 15px 0;
}

.header-area .header-left-text ul {
  padding-left: 0;
  margin-bottom: 0;
}

.header-area .header-left-text ul li {
  display: inline-block;
  color: #565659;
  font-size: 15px;
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  margin-right: 20px;
  line-height: 1;
}

.header-area .header-left-text ul li a {
  color: #565659;
}

.header-area .header-left-text ul li a:hover {
  color: #fb7a00;
}

.header-area .header-left-text ul li i {
  margin-right: 5px;
  font-size: 16px;
  top: 1px;
  position: relative;
}

.header-area .header-right .header-social ul {
  padding-left: 0;
  margin-bottom: 0;
}

.header-area .header-right .header-social ul li {
  display: inline-block;
  line-height: 1;
  margin-left: 5px;
}

.header-area .header-right .header-social ul li a i {
  width: 25px;
  height: 25px;
  line-height: 23px;
  background: -webkit-gradient(linear, left bottom, left top, color-stop(25%, #fb7a00), to(#fd740e));
  background: linear-gradient(0deg, #fb7a00 25%, #fd740e 100%);
  color: #FFFFFF;
  font-size: 14px;
  text-align: center;
  display: inline-block;
  -webkit-transition: .5s;
  transition: .5s;
  border: 1px solid transparent;
}

.header-area .header-right .header-social ul li a i:hover {
  background: #FFFFFF;
  color: #fb7a00;
  border: 1px dashed #fb7a00;
}

/* Header CSS End */
/* Navbar CSS Start */
.navbar-area .navbar-brand .white-logo {
  display: none;
}

.navbar-area .main-nav {
  position: inherit;
  background: #FFFFFF;
  border-bottom: 2px solid #fff9e6;
  padding-top: 20px;
  padding-bottom: 20px;
}

.navbar-area .main-nav .navbar {
  padding: 0;
}

.navbar-area .main-nav .navbar .navbar-brand {
  padding: 0;
  top: -2px;
  position: relative;
}

.navbar-area .main-nav .navbar .navbar-nav .nav-item .nav-link {
  color: #4a4a4a;
  font-weight: 500;
  text-transform: capitalize;
  line-height: 1;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

.navbar-area .main-nav .navbar .navbar-nav .nav-item .nav-link > i {
  font-size: 12px;
}

.navbar-area .main-nav .navbar .navbar-nav .nav-item .nav-link.active {
  color: #fb7a00;
}

.navbar-area .main-nav .navbar .navbar-nav .nav-item .dropdown-menu {
  background: #FFFFFF;
  padding: 10px 0;
  border: 0;
  -webkit-transform: scaleX(0);
          transform: scaleX(0);
  top: 55px !important;
  right: 0;
}

.navbar-area .main-nav .navbar .navbar-nav .nav-item .dropdown-menu .nav-item .nav-link {
  border-bottom: 1px dashed #fb7a00;
  padding: 10px 15px;
  position: relative;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

.navbar-area .main-nav .navbar .navbar-nav .nav-item .dropdown-menu .nav-item .nav-link > i {
  font-size: 12px;
  float: right;
}

.navbar-area .main-nav .navbar .navbar-nav .nav-item .dropdown-menu .nav-item .nav-link:hover {
  color: #fb7a00;
  padding-left: 25px;
}

.navbar-area .main-nav .navbar .navbar-nav .nav-item .dropdown-menu .nav-item .nav-link:hover::before {
  width: 10px;
}

.navbar-area .main-nav .navbar .navbar-nav .nav-item .dropdown-menu .nav-item .nav-link:hover::after {
  width: 0px;
}

.navbar-area .main-nav .navbar .navbar-nav .nav-item .dropdown-menu .nav-item .nav-link::before {
  position: absolute;
  content: '';
  background: #fb7a00;
  width: 0;
  height: 1px;
  top: 50%;
  left: 0;
  right: 0;
  -webkit-transition: .5s;
  transition: .5s;
}

.navbar-area .main-nav .navbar .navbar-nav .nav-item .dropdown-menu .nav-item .nav-link.active {
  color: #fb7a00;
}

.navbar-area .main-nav .navbar .navbar-nav .nav-item .dropdown-menu .nav-item .nav-link:hover {
  color: #fb7a00;
}

.navbar-area .main-nav .navbar .navbar-nav .nav-item .dropdown-menu .nav-item .dropdown-menu {
  left: -100%;
  top: 0 !important;
  opacity: 0;
  visibility: hidden;
}

.navbar-area .main-nav .navbar .navbar-nav .nav-item .dropdown-menu .nav-item .dropdown-menu .nav-item .nav-link:hover {
  color: #fb7a00;
  padding-left: 25px;
}

.navbar-area .main-nav .navbar .navbar-nav .nav-item .dropdown-menu .nav-item .dropdown-menu .nav-item .nav-link:hover::before {
  width: 10px;
}

.navbar-area .main-nav .navbar .navbar-nav .nav-item .dropdown-menu .nav-item .dropdown-menu .nav-item .nav-link:hover::after {
  width: 0px;
}

.navbar-area .main-nav .navbar .navbar-nav .nav-item .dropdown-menu .nav-item .dropdown-menu .nav-item .nav-link::before {
  position: absolute;
  content: '';
  background: #fb7a00;
  width: 0;
  height: 1px;
  top: 50%;
  left: 0;
  right: 0;
  -webkit-transition: .5s;
  transition: .5s;
}

.navbar-area .main-nav .navbar .navbar-nav .nav-item .dropdown-menu .nav-item .dropdown-menu .nav-item .nav-link.active {
  color: #fb7a00;
}

.navbar-area .main-nav .navbar .navbar-nav .nav-item .dropdown-menu .nav-item:hover .dropdown-menu {
  opacity: 1 !important;
  visibility: visible;
  top: 0px !important;
}

.navbar-area .main-nav .navbar .navbar-nav .nav-item .dropdown-menu:last-child .nav-link {
  border-bottom: 0px;
}

.navbar-area .main-nav .navbar .navbar-nav .nav-item .dropdown-toggle::after {
  display: none;
}

.navbar-area .main-nav .navbar .navbar-nav .nav-item:hover .dropdown-menu {
  -webkit-transform: scaleX(1);
          transform: scaleX(1);
}

.navbar-area .main-nav .navbar .other-option {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.navbar-area .main-nav .navbar .other-option .search-bar {
  position: relative;
}

.navbar-area .main-nav .navbar .other-option .search-bar .search-icon {
  width: 30px;
  height: 30px;
  border: 1px solid #fb7a00;
  text-align: center;
  line-height: 27px;
  color: #fb7a00;
  display: inline-block;
  cursor: pointer;
  -webkit-transition: .5s;
  transition: .5s;
}

.navbar-area .main-nav .navbar .other-option .search-bar .search-icon:hover {
  background: #fb7a00;
  color: #FFFFFF;
  border-radius: 20px;
}

.navbar-area .main-nav .navbar .other-option .search-bar .search-form {
  position: absolute;
  right: 0;
  -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.15);
          box-shadow: 0 0 15px rgba(0, 0, 0, 0.15);
  padding: 15px;
  background: #FFFFFF;
  top: 70px;
  -webkit-animation: fadeInDown 1s;
          animation: fadeInDown 1s;
  display: none;
  z-index: 1;
}

.navbar-area .main-nav .navbar .other-option .search-bar .search-form .search-input {
  height: 50px;
  width: 230px;
  padding-left: 20px;
  border: 1px dashed #fb7a00;
  font-size: 20px;
  background: #FFFFFF;
}

.navbar-area .main-nav .navbar .other-option .search-bar .search-form .search-input:focus {
  border: 1px solid #fb7a00;
  outline: 0;
}

.navbar-area .main-nav .navbar .other-option .search-bar .search-form ::-webkit-input-placeholder {
  color: #717477;
  font-size: 18px;
}

.navbar-area .main-nav .navbar .other-option .search-bar .search-form :-ms-input-placeholder {
  color: #717477;
  font-size: 18px;
}

.navbar-area .main-nav .navbar .other-option .search-bar .search-form ::-ms-input-placeholder {
  color: #717477;
  font-size: 18px;
}

.navbar-area .main-nav .navbar .other-option .search-bar .search-form ::placeholder {
  color: #717477;
  font-size: 18px;
}

.navbar-area .main-nav .navbar .other-option .search-bar .search-form button {
  position: absolute;
  top: 23px;
  right: 25px;
  border: 1px solid #fb7a00;
  border-radius: 17px;
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
          box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
  color: #fb7a00;
  width: 33px;
  height: 33px;
  line-height: 30px;
}

.navbar-area .main-nav .navbar .other-option .sidebar-toggle .navbar-toggle {
  width: 30px;
  height: 30px;
  border: 1px solid #fb7a00;
  text-align: center;
  line-height: 27px;
  color: #fb7a00;
  display: inline-block;
  cursor: pointer;
  -webkit-transition: .5s;
  transition: .5s;
  padding: 0;
  border-radius: 0;
  margin-left: 10px;
}

.navbar-area .main-nav .navbar .other-option .sidebar-toggle .navbar-toggle:hover {
  background: #fb7a00;
  color: #FFFFFF;
}

.navbar-area .main-nav .navbar .other-option .sidebar-toggle .navbar-toggle:focus {
  outline: 0;
  -webkit-box-shadow: 0 0 0 0;
          box-shadow: 0 0 0 0;
}

.navbar-area.sticky-top {
  -webkit-animation: .5s ease-in-out fadeInDown;
          animation: .5s ease-in-out fadeInDown;
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
          box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
}

/* Navbar CSS End */
/* Modal CSS Start */
.modal.fade:not(.in).left .modal-dialog {
  -webkit-transform: translate3d(-25%, 0, 0);
          transform: translate3d(-25%, 0, 0);
}

.modal.fade:not(.in).right .modal-dialog {
  -webkit-transform: translate3d(0%, 0, 0);
          transform: translate3d(0%, 0, 0);
}

.modal.fade:not(.in).bottom .modal-dialog {
  -webkit-transform: translate3d(0, 25%, 0);
          transform: translate3d(0, 25%, 0);
}

.modal.right .modal-dialog {
  position: absolute;
  top: 0;
  right: 0;
  margin: 0;
}

.right-modal .modal {
  z-index: 9999999;
  -webkit-transition: 1s;
  transition: 1s;
}

.right-modal .modal .modal-header img {
  width: 120px;
  padding-top: 5px;
  padding-left: 20px;
}

.right-modal .modal .modal-header button span {
  background: #fff;
  width: 50px;
  height: 50px;
  display: inline-block;
  border-radius: 40px;
  line-height: 50px;
  -webkit-transition: .5s;
  transition: .5s;
  -webkit-box-shadow: 7px 5px 30px rgba(72, 73, 121, 0.15);
          box-shadow: 7px 5px 30px rgba(72, 73, 121, 0.15);
  font-size: 50px;
  color: #fb7a00;
}

.right-modal .modal .modal-header button span:hover {
  border-radius: 0px;
}

.right-modal .modal .modal-body {
  width: 500px;
  padding: 40px;
  background: #FFFFFF;
}

.right-modal .modal .modal-body .modal-link {
  position: relative;
  margin-bottom: 30px;
}

.right-modal .modal .modal-body .modal-link a {
  display: inline-block;
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
          box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

.right-modal .modal .modal-body .modal-link h3 a {
  position: absolute;
  bottom: -8px;
  left: 0;
  background: #fff;
  width: 100%;
  height: 50px;
  text-align: center;
  padding-top: 15px;
  color: #3f3f3f;
  display: inline-block;
  font-size: 18px;
}

.right-modal .modal .modal-body .modal-link:hover h3 a {
  background: #fb7a00;
  color: #FFFFFF;
}

.right-modal .modal.fade {
  -webkit-transition: .5s linear;
  transition: .5s linear;
  -webkit-transform: translateX(100%);
          transform: translateX(100%);
}

.right-modal .modal.show {
  -webkit-transform: translateX(0%);
          transform: translateX(0%);
}

.modal.right .modal-content {
  min-height: 100vh;
  border: 0;
}

.modal-body {
  padding: 0;
}

.modal-header .close {
  margin-right: 0;
}

/* Modal CSS End */
/* Banner CSS Start */
.main-banner {
  position: relative;
  height: 700px;
}

.main-banner .banner-text {
  max-width: 600px;
}

.main-banner .banner-text h1 {
  font-size: 60px;
  font-weight: 700;
  font-family: "Montserrat", sans-serif;
  color: #080808;
  margin-bottom: 30px;
}

.main-banner .banner-text p {
  color: #808291;
  margin-bottom: 40px;
}

.main-banner .banner-text .theme-button .default-btn {
  margin-right: 30px;
}

.main-banner .banner-text .theme-button .video-btn {
  color: #333333;
  font-weight: 500;
  top: 5px;
  position: relative;
}

.main-banner .banner-text .theme-button .video-btn:hover {
  color: #fe6417;
}

.main-banner .banner-text .theme-button .video-btn i {
  color: #fe6417;
  border: 1px solid #fe6417;
  width: 60px;
  height: 60px;
  display: inline-block;
  text-align: center;
  line-height: 60px;
  -webkit-transition: .5s;
  transition: .5s;
  margin-right: 10px;
  font-size: 24px;
  position: relative;
}

.main-banner .banner-text .theme-button .video-btn:hover i {
  border-radius: 50px;
  -webkit-box-shadow: 0px 2px 20px 0px rgba(12, 0, 46, 0.15);
          box-shadow: 0px 2px 20px 0px rgba(12, 0, 46, 0.15);
}

/* Banner CSS End */
/* Video CSS Start */
.video-section {
  background: #0d3642;
  position: relative;
  padding-bottom: 300px;
}

.video-section::before {
  position: absolute;
  content: '';
  background-image: url(../img/video-shape.png);
  background-size: cover;
  background-position: center center;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}

.video-section .video-text {
  position: relative;
}

.video-section .video-text i {
  color: #FFFFFF;
  background: #fe6417;
  width: 80px;
  height: 80px;
  text-align: center;
  line-height: 85px;
  display: inline-block;
  font-size: 25px;
  position: relative;
  z-index: 0;
}

.video-section .video-text i::after {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  border: 3px solid rgba(255, 101, 80, 0.5);
  -webkit-animation: pulse 2s ease-out infinite;
          animation: pulse 2s ease-out infinite;
  left: 0;
  top: 0;
}

.video-section .video-text p {
  position: absolute;
  left: 150px;
  top: 0;
  font-size: 30px;
  color: #FFFFFF;
  line-height: 1.4;
}

/* Video CSS End */
/* Theory CSS Start */
.theory-section {
  margin-top: -200px;
}

.theory-section .theory-area {
  position: relative;
  background: #FFFFFF;
  -webkit-box-shadow: 0px 2px 20px 0px rgba(12, 0, 46, 0.04);
          box-shadow: 0px 2px 20px 0px rgba(12, 0, 46, 0.04);
}

.theory-section .theory-area .theory-text {
  padding: 60px;
}

.theory-section .theory-area .theory-text h2 {
  font-size: 35px;
  font-weight: 700;
  text-transform: capitalize;
  margin-bottom: 25px;
  line-height: 1.4;
}

.theory-section .theory-area .theory-text p {
  color: #333333;
  margin-bottom: 30px;
}

.theory-section .theory-area .theory-text .signature-box img {
  margin-bottom: 10px;
}

.theory-section .theory-area .theory-text .signature-box p {
  margin-bottom: 0;
  color: #333333;
  font-weight: 500;
}

.theory-section .theory-area .theory-text .signature-box span {
  font-size: 14px;
  color: #333333;
}

.theory-section .theory-area .theory-img {
  position: absolute;
  right: 0;
  max-width: 550px;
  bottom: 0;
}

/* Theory CSS End */
/* About CSS Start */
.about-section {
  padding-top: 100px;
  background: #FFFFFF;
}

.about-section .about-image img {
  border-radius: 30% 70% 70% 30% / 30% 30% 70% 70%;
  -webkit-box-shadow: 0 0 11px 0 rgba(0, 0, 0, 0.35);
          box-shadow: 0 0 11px 0 rgba(0, 0, 0, 0.35);
  z-index: 1;
  -webkit-animation: wrep 10s infinite linear;
          animation: wrep 10s infinite linear;
  width: 100%;
  max-width: unset;
}

.about-section .about-text .section-title {
  margin: 0 auto 45px 0;
}

.about-section .about-text .about-us {
  margin-bottom: 20px;
}

.about-section .about-text .about-us i {
  font-size: 40px;
  left: 20px;
  position: relative;
  top: 0;
  line-height: 1;
  margin-bottom: 10px;
  display: inline-block;
  color: #111111;
  z-index: 0;
}

.about-section .about-text .about-us i::after {
  position: absolute;
  content: '';
  width: 40px;
  height: 40px;
  top: 0;
  left: -15px;
  z-index: -1;
}

.about-section .about-text .about-us i.icon-one::after {
  background: rgba(132, 186, 63, 0.65);
}

.about-section .about-text .about-us i.icon-two::after {
  background: rgba(255, 124, 0, 0.64);
  border-radius: 50px;
}

.about-section .about-text .about-us i.icon-three::after {
  background: rgba(255, 199, 10, 0.66);
  -webkit-transform: rotate(30deg);
          transform: rotate(30deg);
}

.about-section .about-text .about-us p {
  font-size: 14px;
  color: #808291;
  margin-bottom: 0;
}

.about-section .about-text p {
  color: #808291;
  margin-bottom: 45px;
  max-width: 500px;
}

/* About CSS End */
/* Feature CSS Start */
.features-section .features-card {
  text-align: center;
  -webkit-box-shadow: 0px 2px 20px 0px rgba(12, 0, 46, 0.1);
          box-shadow: 0px 2px 20px 0px rgba(12, 0, 46, 0.1);
  padding: 30px 20px;
  margin-bottom: 30px;
  -webkit-transition: .5s;
  transition: .5s;
  position: relative;
  background: #FFFFFF;
  z-index: 1;
}

.features-section .features-card:hover {
  margin-top: -10px;
  -webkit-box-shadow: 0px 2px 20px 0px rgba(12, 0, 46, 0.04);
          box-shadow: 0px 2px 20px 0px rgba(12, 0, 46, 0.04);
}

.features-section .features-card:hover p, .features-section .features-card:hover h3 {
  color: #FFFFFF;
}

.features-section .features-card i {
  font-size: 35px;
  width: 90px;
  height: 90px;
  display: inline-block;
  text-align: center;
  line-height: 90px;
  border-radius: 46% 54% 68% 32% / 55% 48% 52% 45%;
  margin-bottom: 25px;
  -webkit-animation: icon-animation 5s ease-in-out infinite;
          animation: icon-animation 5s ease-in-out infinite;
  border: 1px dashed;
}

.features-section .features-card h3 {
  font-weight: 600;
  margin-bottom: 10px;
  -webkit-transition: .5s;
  transition: .5s;
}

.features-section .features-card p {
  margin-bottom: 0;
  font-size: 16px;
  -webkit-transition: .5s;
  transition: .5s;
}

.features-section .features-card.feature-one i {
  color: #18a87c;
  background: #daf4ec;
}

.features-section .features-card.feature-one:hover {
  background: #88a32a;
}

.features-section .features-card.feature-two i {
  color: #f0573c;
  background: #ffd7ca;
}

.features-section .features-card.feature-two:hover {
  background: #f0573c;
}

.features-section .features-card.feature-three i {
  color: #3454d1;
  background: #e1e6f8;
}

.features-section .features-card.feature-three:hover {
  background: #3454d1;
}

.features-section .features-card.feature-four i {
  color: #ffc70b;
  background: #fff9e6;
}

.features-section .features-card.feature-four:hover {
  background: #d1ad34;
}

.features-section .features-card.feature-five i {
  color: #f26d56;
  background: #ede5fb;
}

.features-section .features-card.feature-five:hover {
  background: #f26d56;
}

.features-section .features-card.feature-six i {
  color: #88a32a;
  background: #eff2e2;
}

.features-section .features-card.feature-six:hover {
  background: #88a32a;
}

/* Feature CSS End */
/* Service CSS Start */
.service-section {
  position: relative;
}

.service-section .service-img {
  position: absolute;
  background-image: url(../img/service-img.jpg);
  background-position: center center;
  background-size: cover;
  width: 55%;
  height: 100%;
  left: 0;
  top: 0;
}

.service-section .service-text {
  background: #0d3642;
  margin-bottom: 50px;
  margin-top: 50px;
  padding: 100px;
  position: relative;
}

.service-section .service-text h2 {
  margin-bottom: 50px;
  color: #FFFFFF;
  font-size: 35px;
  font-weight: 700;
  line-height: 1.4;
}

.service-section .service-text ul {
  padding-left: 0;
  margin-bottom: 0;
}

.service-section .service-text ul li {
  padding: 15px 15px 15px 90px;
  background: #FFFFFF;
  margin-bottom: 20px;
  position: relative;
  color: #808291;
  font-size: 18px;
  font-weight: 500;
  max-width: 400px;
  list-style: none;
}

.service-section .service-text ul li i {
  background: #fd6318;
  color: #FFFFFF;
  text-align: center;
  position: absolute;
  line-height: 65px;
  font-size: 25px;
  height: 100%;
  width: 60px;
  left: 0;
  top: 0;
}

/* Service CSS End */
/* Team CSS End */
.team-section .section-title {
  max-width: 700px;
}

.team-section .team-card {
  margin-bottom: 80px;
}

.team-section .team-card:hover .team-text {
  background: #fe6219;
}

.team-section .team-card:hover .team-text h3 {
  color: #FFFFFF;
}

.team-section .team-card:hover .team-text p {
  color: #FFFFFF;
}

.team-section .team-card:hover .team-text .team-social {
  opacity: 1;
  -webkit-transform: translateY(-15px);
          transform: translateY(-15px);
}

.team-section .team-card .team-img {
  position: relative;
}

.team-section .team-card .team-img img {
  width: 100%;
}

.team-section .team-card .team-text {
  background: #FFFFFF;
  padding: 25px;
  -webkit-box-shadow: 0 2px 10px rgba(12, 0, 46, 0.15);
          box-shadow: 0 2px 10px rgba(12, 0, 46, 0.15);
  position: absolute;
  text-align: center;
  z-index: 1;
  width: 230px;
  left: 0;
  right: 0;
  margin: auto;
  bottom: -50px;
  -webkit-transition: .5s;
  transition: .5s;
  transition: .5s;
}

.team-section .team-card .team-text .team-social {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  opacity: 0;
  -webkit-transition: .5s;
  transition: .5s;
}

.team-section .team-card .team-text .team-social ul {
  padding-left: 0;
  margin-bottom: 0;
}

.team-section .team-card .team-text .team-social ul li {
  display: inline-block;
}

.team-section .team-card .team-text .team-social ul li i {
  background: #FFFFFF;
  color: #333333;
  width: 25px;
  height: 25px;
  display: inline-block;
  line-height: 25px;
  text-align: center;
  -webkit-transition: .5s;
  transition: .5s;
  font-size: 14px;
  border-radius: 30px;
}

.team-section .team-card .team-text .team-social ul li i:hover {
  background: #fb7a00;
  color: #FFFFFF;
}

.team-section .team-card .team-text h3 {
  font-size: 18px;
  font-weight: 700;
  -webkit-transition: .5s;
  transition: .5s;
}

.team-section .team-card .team-text p {
  margin-bottom: 0;
  -webkit-transition: .5s;
  transition: .5s;
}

/* Team CSS End */
/* Testimonial CSS Start */
.testimonial-section {
  background: #0d3642;
}

.testimonial-section .testimonial-slider {
  text-align: center;
  position: relative;
  z-index: 0;
}

.testimonial-section .testimonial-slider::before {
  position: absolute;
  content: '';
  background: #FFFFFF;
  width: 85%;
  height: 85%;
  left: 0;
  z-index: -1;
  margin: auto;
  right: 0;
  bottom: -20px;
  z-index: -1;
  border-radius: 30px;
}

.testimonial-section .testimonial-slider img {
  max-width: 150px;
  width: unset;
  margin: 0 auto 40px;
  right: 0;
  left: 0;
  border: 3px solid #fb7a00;
  border-radius: 150px;
  padding: 5px;
  background: #fff;
  -webkit-box-shadow: 0 0 25px rgba(0, 0, 0, 0.15);
          box-shadow: 0 0 25px rgba(0, 0, 0, 0.15);
}

.testimonial-section .testimonial-slider h3 {
  font-size: 24px;
  font-weight: 500;
  margin-bottom: 0;
}

.testimonial-section .testimonial-slider span {
  color: #fe6219;
  font-size: 16px;
  margin-bottom: 20px;
  display: inline-block;
}

.testimonial-section .testimonial-slider p {
  padding: 0 105px;
}

.testimonial-section .testimonial-slider .owl-prev:hover, .testimonial-section .testimonial-slider .owl-next:hover {
  background: none;
}

.testimonial-section .testimonial-slider .owl-prev span, .testimonial-section .testimonial-slider .owl-next span {
  color: #fe6219;
  font-size: 16px;
  margin-bottom: 20px;
  display: inline-block;
  width: 45px;
  height: 45px;
  border-radius: 50px;
  line-height: 40px;
  font-size: 30px;
  text-align: center;
  border: 1px solid #fe6219 !important;
  -webkit-transition: .5s;
  transition: .5s;
}

.testimonial-section .testimonial-slider .owl-prev span:hover, .testimonial-section .testimonial-slider .owl-next span:hover {
  background: #fb7a00;
  color: #FFFFFF !important;
}

.testimonial-section .testimonial-image {
  background-image: url(../img/testimonial-img.jpg);
  background-position: center center;
  background-size: cover;
  height: 100%;
}

/* Testimonial CSS End */
/* Portfolio CSS Start */
.portfolio-section .portfolio-item {
  cursor: pointer;
  margin-bottom: 30px;
}

.portfolio-section .portfolio-item:hover .portfolio-img .portfolio-text {
  bottom: 0;
}

.portfolio-section .portfolio-item .portfolio-img {
  position: relative;
  overflow: hidden;
}

.portfolio-section .portfolio-item .portfolio-img img {
  width: 100%;
}

.portfolio-section .portfolio-item .portfolio-img::before {
  position: absolute;
  content: '';
  background: #000;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  opacity: .3;
}

.portfolio-section .portfolio-item .portfolio-img .portfolio-text {
  position: absolute;
  bottom: -68px;
  left: 0;
  right: 0;
  margin: auto;
  text-align: center;
  -webkit-transition: .5s;
  transition: .5s;
  background: rgba(0, 0, 0, 0.5);
}

.portfolio-section .portfolio-item .portfolio-img .portfolio-text h3 {
  color: #FFFFFF;
  font-weight: 700;
  padding: 15px 0 15px;
  margin-bottom: 0;
}

.portfolio-section .portfolio-item .portfolio-img .portfolio-text .portfolio-btn {
  font-size: 14px;
  font-weight: 500;
  background: #fb7a00;
  color: #FFFFFF;
  padding: 10px 20px;
  display: inline-block;
  margin-bottom: 20px;
  border: 1px solid transparent;
}

.portfolio-section .portfolio-item .portfolio-img .portfolio-text .portfolio-btn i {
  font-size: 10px;
}

.portfolio-section .portfolio-item .portfolio-img .portfolio-text .portfolio-btn:hover {
  border: 1px solid #FFFFFF;
  background: transparent;
}

/* Portfolio CSS End */
/* Progress CSS Start */
.progress-section {
  position: relative;
}

.progress-section .progress-image {
  background-image: url(../img/progress.jpg);
  background-position: center center;
  background-size: cover;
  position: absolute;
  height: 100%;
  width: 60%;
  left: 0;
  top: 0;
}

.progress-section .progress-text {
  background: #0d3642;
  margin-bottom: 50px;
  margin-top: 50px;
  padding: 80px;
  position: relative;
  z-index: 1;
}

.progress-section .progress-text h2 {
  color: #FFFFFF;
  margin-bottom: 40px;
  font-weight: 700;
  font-size: 35px;
  line-height: 1.4;
}

.progress-section .progress-text p {
  color: #FFFFFF;
  margin-bottom: 80px;
}

.progress-section .progress-text .progress-inner {
  position: relative;
  margin-bottom: 60px;
}

.progress-section .progress-text .progress-inner p {
  position: absolute;
  margin-bottom: 0;
  top: -35px;
  color: #FFFFFF;
}

.progress-section .progress-text .progress-inner span {
  position: absolute;
  top: -35px;
  right: 0;
  color: #FFFFFF;
}

.progress-section .progress-text .progress-inner .progress {
  height: 6px;
  border-radius: 0;
}

.progress-section .progress-text .progress-inner .progress .progress-bar {
  background-color: #fe6219;
  height: 6px;
}

.progress-section .progress-text :last-child {
  margin-bottom: 0;
}

/* Progress CSS End */
/* Blog CSS Start */
.blog-section .blog-card {
  -webkit-box-shadow: 0px 2px 25px 0px rgba(12, 0, 46, 0.1);
          box-shadow: 0px 2px 25px 0px rgba(12, 0, 46, 0.1);
  margin-bottom: 30px;
  background: #FFFFFF;
}

.blog-section .blog-card:hover .blog-img img {
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
}

.blog-section .blog-card:hover .blog-img .blog-date {
  left: 0;
}

.blog-section .blog-card .blog-img {
  position: relative;
  overflow: hidden;
}

.blog-section .blog-card .blog-img img {
  -webkit-transition: .5s;
  transition: .5s;
}

.blog-section .blog-card .blog-img .blog-date {
  position: absolute;
  background: #fe6219;
  width: 55px;
  text-align: center;
  top: 0;
  left: 25px;
  padding: 6px;
  -webkit-transition: .5s;
  transition: .5s;
}

.blog-section .blog-card .blog-img .blog-date span {
  color: #FFFFFF;
  display: inline-block;
  line-height: 25px;
}

.blog-section .blog-card .blog-text {
  padding: 25px 25px 65px;
}

.blog-section .blog-card .blog-text h3 {
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 15px;
  -webkit-transition: .5s;
  transition: .5s;
  line-height: 1.4;
}

.blog-section .blog-card .blog-text h3 a {
  color: #111111;
}

.blog-section .blog-card .blog-text .post-info {
  position: relative;
}

.blog-section .blog-card .blog-text .post-info img {
  position: absolute;
}

.blog-section .blog-card .blog-text .post-info a p {
  position: absolute;
  left: 50px;
  top: 8px;
  font-size: 14px;
  color: #808291;
  margin-bottom: 0;
  -webkit-transition: .5s;
  transition: .5s;
}

.blog-section .blog-card .blog-text .post-info .blog-btn {
  position: absolute;
  right: 0;
  top: 9px;
  font-size: 14px;
  color: #808291;
}

.blog-section .blog-card .blog-text .post-info .blog-btn i {
  font-size: 12px;
}

.blog-section .blog-card:hover .blog-text a h3, .blog-section .blog-card:hover .blog-text .post-info a p, .blog-section .blog-card:hover .blog-text .post-info .blog-btn {
  color: #fe6219;
}

/* Blog CSS End */
/* Contact CSS Start */
.contact-section .contact-img {
  position: relative;
  background-image: url(../img/contact.jpg);
  background-position: center center;
  background-size: cover;
}

.contact-section .contact-img img {
  position: absolute;
  max-width: 100%;
  height: 100%;
  display: none;
}

.contact-section .contact-form {
  -webkit-box-shadow: 0px 2px 25px 0px rgba(12, 0, 46, 0.1);
          box-shadow: 0px 2px 25px 0px rgba(12, 0, 46, 0.1);
  padding: 70px;
  background: #FFFFFF;
  position: relative;
}

.contact-section .contact-form .contact-text {
  padding-bottom: 40px;
}

.contact-section .contact-form .contact-text h3 {
  font-weight: 600;
  margin-bottom: 15px;
}

.contact-section .contact-form .contact-text p {
  color: #646464;
  margin-bottom: 0;
}

.contact-section .contact-form .form-group {
  margin-bottom: 15px;
}

.contact-section .contact-form .form-group .form-control {
  height: 50px;
  border: 1px solid #fe6219;
  border-radius: 10px;
}

.contact-section .contact-form .form-group .message-field {
  border: 1px solid #fe6219;
  width: 100%;
  border-radius: 10px;
  padding-left: 10px;
  padding-top: 10px;
}

.contact-section .contact-form .form-group .message-field:focus {
  border: 1px solid #fe6219;
  outline: 0;
}

.contact-section .contact-form .form-group .message-field .list-unstyled {
  margin-top: 0;
}

.contact-section .contact-form .form-group ::-webkit-input-placeholder {
  color: #464646;
}

.contact-section .contact-form .form-group :-ms-input-placeholder {
  color: #464646;
}

.contact-section .contact-form .form-group ::-ms-input-placeholder {
  color: #464646;
}

.contact-section .contact-form .form-group ::placeholder {
  color: #464646;
}

.contact-section .contact-form .form-group .list-unstyled {
  color: red;
  margin-top: 10px;
}

.contact-section .contact-form .default-btn {
  color: #FFFFFF;
  border-radius: 5px;
  padding: 10px 20px;
  margin-top: 10px;
  z-index: 0;
  position: relative;
  -webkit-transition: .5s;
  transition: .5s;
  font-size: 16px;
  border: 1px solid #ff7903;
  margin-bottom: 10px;
}

.contact-section .contact-form .default-btn::before {
  position: absolute;
  content: '';
  background: #ff7903;
  width: 100%;
  height: 100%;
  border-radius: 4px;
  top: 0;
  left: 0;
  -webkit-transform: scale(1);
          transform: scale(1);
  -webkit-transition: .5s;
  transition: .5s;
  z-index: -1;
}

.contact-section .contact-form .default-btn:hover::before {
  -webkit-transform: scale(0);
          transform: scale(0);
}

.contact-section .contact-form .default-btn:hover {
  color: #ff7903;
  border: 1px solid #ff7903;
}

.contact-section .contact-form .contact-shape {
  position: absolute;
  right: 0;
  bottom: 0;
  -webkit-animation: translatey 5s infinite linear;
          animation: translatey 5s infinite linear;
}

/* Contact CSS End */
/* Newsletter CSS Start */
.newsletter-section .newsletter-area {
  background: #ff7309;
  padding: 70px;
  margin-bottom: -140px;
  z-index: 1;
  position: relative;
  text-align: center;
}

.newsletter-section .newsletter-area h2 {
  font-size: 32px;
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 35px;
  line-height: 1;
}

.newsletter-section .newsletter-area .newsletter-form {
  position: relative;
}

.newsletter-section .newsletter-area .newsletter-form .form-control {
  border: 1px solid #FFFFFF;
  padding: 20px 0 20px 20px;
  height: 50px;
  background: #ff7309 !important;
  color: #FFFFFF;
  border-radius: 0;
}

.newsletter-section .newsletter-area .newsletter-form ::-webkit-input-placeholder {
  color: #FFFFFF;
}

.newsletter-section .newsletter-area .newsletter-form :-ms-input-placeholder {
  color: #FFFFFF;
}

.newsletter-section .newsletter-area .newsletter-form ::-ms-input-placeholder {
  color: #FFFFFF;
}

.newsletter-section .newsletter-area .newsletter-form ::placeholder {
  color: #FFFFFF;
}

.newsletter-section .newsletter-area .newsletter-form .default-btn {
  position: absolute;
  font-size: 16px;
  color: #FFFFFF;
  height: 50px;
  padding: 0 20px;
  top: 0px;
  right: -1px;
  -webkit-transition: .5s;
  transition: .5s;
  border-left: 1px solid;
  background: #ff7309;
  border: 1px solid;
}

.newsletter-section .newsletter-area .newsletter-form .default-btn:hover {
  color: #FFFFFF;
  background: #000;
}

.newsletter-section .newsletter-area .validation-danger {
  color: #ffffff;
  margin-top: 10px;
}

.newsletter-section .newsletter-area .subscribe-shape {
  position: absolute;
  right: 50px;
  bottom: 0;
  -webkit-animation: translatey 5s infinite linear;
          animation: translatey 5s infinite linear;
}

/* Newsletter CSS End */
/* Footer Section CSS Start */
.footer-area {
  background: #0d3642;
  padding-top: 235px;
  -webkit-clip-path: polygon(53% 15%, 100% 0, 100% 43%, 100% 78%, 100% 100%, 32% 100%, 0 100%, 0% 43%, 0 0);
          clip-path: polygon(53% 15%, 100% 0, 100% 43%, 100% 78%, 100% 100%, 32% 100%, 0 100%, 0% 43%, 0 0);
}

.footer-area .footer-widget .footer-logo img {
  margin-bottom: 25px;
}

.footer-area .footer-widget p {
  color: #FFFFFF;
  margin-bottom: 18px;
}

.footer-area .footer-widget .footer-social a i {
  color: #ff7c00;
  font-size: 16px;
  margin-right: 10px;
  -webkit-transition: .5s;
  transition: .5s;
}

.footer-area .footer-widget .footer-social a i:hover {
  color: #FFFFFF;
}

.footer-area .footer-widget h3 {
  color: #FFFFFF;
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 40px;
  display: inline-block;
  position: relative;
  padding-bottom: 5px;
}

.footer-area .footer-widget h3::before {
  position: absolute;
  content: '';
  background: #626a5b;
  width: 100%;
  height: 2px;
  bottom: -2px;
  left: 0;
}

.footer-area .footer-widget ul {
  padding-left: 0;
  line-height: 1;
  margin-bottom: 0;
}

.footer-area .footer-widget ul li {
  display: block;
  margin-bottom: 20px;
  -webkit-transition: .5s;
  transition: .5s;
  color: #FFFFFF;
}

.footer-area .footer-widget ul li a {
  color: #FFFFFF;
  -webkit-transition: .5s;
  transition: .5s;
}

.footer-area .footer-widget ul li a:hover {
  color: #fb7a00;
  margin-left: 2px;
}

.footer-area .footer-widget ul li a:hover i {
  color: #fb7a00;
}

.footer-area .footer-widget ul li a i {
  font-size: 12px;
  top: -1px;
  position: relative;
}

.footer-area .footer-widget ul li i {
  font-size: 12px;
  -webkit-transition: .5s;
  transition: .5s;
}

.footer-area .footer-widget ul :last-child {
  margin-bottom: 0;
}

.footer-area .pl-75 {
  padding-left: 75px;
}

.footer-area .copyright-area {
  border-top: 1px solid #4a6871;
  padding: 20px 0;
  margin-top: 95px;
}

.footer-area .copyright-area p {
  color: #FFFFFF;
  margin-bottom: 0;
  text-align: left;
}

.footer-area .copyright-area p a {
  color: #FFFFFF;
}

.footer-area .copyright-area p a:hover {
  color: #fb7a00;
}

.footer-area .copyright-area .lh-1 {
  line-height: 1;
}

.footer-area .copyright-area ul {
  margin-bottom: 0;
}

.footer-area .copyright-area ul li {
  display: inline-block;
  margin-left: 20px;
  position: relative;
}

.footer-area .copyright-area ul li::before {
  position: absolute;
  content: '';
  background: #FFFFFF;
  width: 5px;
  height: 5px;
  border-radius: 10px;
  right: -15px;
  top: 6px;
}

.footer-area .copyright-area ul li a {
  color: #FFFFFF;
}

.footer-area .copyright-area ul li a:hover {
  color: #fb7a00;
}

.footer-area .copyright-area ul :nth-child(2)::before {
  display: none;
}

/* Footer Section CSS End */
/** -------------- Home Page One CSS End --------------**/
/** -------------- Home Page Two CSS Start --------------**/
/* Header CSS Start */
.header-style-two {
  background: #071d24;
}

.header-style-two .header-left-text ul li {
  color: #95999a;
}

.header-style-two .header-left-text ul li a {
  color: #95999a;
}

/* Header CSS End */
/* Navbar CSS Start */
.navbar-style-two .main-nav {
  background: #0d3642;
  border-bottom: 2px solid #26453c;
}

.navbar-style-two .main-nav .navbar .navbar-nav .nav-item .nav-link {
  color: #9d9eaa;
}

.navbar-style-two .main-nav .navbar .navbar-nav .nav-item .nav-link:hover {
  color: #fb7a00;
}

.navbar-style-two .main-nav .navbar .navbar-nav .nav-item .dropdown-menu {
  background: #0d3642;
  -webkit-box-shadow: 3px -5px 12px rgba(0, 0, 0, 0.5);
          box-shadow: 3px -5px 12px rgba(0, 0, 0, 0.5);
}

.navbar-style-two .main-nav .navbar .navbar-nav .nav-item .dropdown-menu .nav-item .nav-link {
  color: #9d9eaa;
}

.navbar-style-two .main-nav .navbar .navbar-nav .nav-item .dropdown-menu .nav-item .nav-link:hover {
  color: #fb7a00;
}

/* Navbar CSS End */
/* Banner CSS Start */
.banner-style-two {
  background: #0d3642;
}

.banner-style-two .banner-text h1 {
  color: #FFFFFF;
}

.banner-style-two .banner-text p {
  color: #FFFFFF;
}

.banner-style-two .banner-text .default-btn::before {
  background: transparent;
  border: 1px solid #ff7c00;
}

.banner-style-two .banner-text .video-btn {
  color: #ff7c00 !important;
}

.banner-style-two .banner-text .video-btn:hover {
  color: #FFFFFF !important;
}

.banner-style-two .banner-text .video-btn:hover i {
  background: #FFFFFF;
}

.banner-style-two .banner-image img {
  width: 100%;
}

/* Banner CSS End */
/* About CSS Start */
.about-style-two {
  padding: 50px 0;
  position: relative;
}

.about-style-two .about-image {
  background-image: url(../img/about/4.jpg);
  background-position: center center;
  background-size: cover;
  height: 100%;
  width: 50%;
  position: absolute;
  top: 0;
  left: 0;
}

.about-style-two .about-text {
  background: #0d3642;
  padding: 70px 80px;
  position: relative;
}

.about-style-two .about-text p {
  color: #FFFFFF;
}

.about-style-two .about-text .section-title span {
  color: #886a03;
}

.about-style-two .about-text .section-title h2 {
  color: #FFFFFF;
}

.about-style-two .about-text .about-us i, .about-style-two .about-text .about-us p {
  color: #FFFFFF;
}

/* About CSS End */
/* Video CSS Start */
.video-style-two {
  background-image: url(../img/video-bg.jpg);
  background-position: center center;
  background-size: cover;
  position: relative;
  height: 100%;
  padding-top: 200px;
  padding-bottom: 200px;
  z-index: 0;
}

.video-style-two::before {
  position: absolute;
  content: '';
  background: #464544;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  opacity: .45;
  z-index: -1;
}

.video-style-two .video-text a {
  margin-bottom: 38px;
  display: inline-block;
}

.video-style-two .video-text a i {
  color: #FFFFFF;
  background: #fe6417;
  width: 80px;
  height: 80px;
  text-align: center;
  line-height: 85px;
  display: inline-block;
  font-size: 20px;
  position: relative;
  z-index: 0;
  border-radius: 55% 45% 38% 62% / 52% 57% 43% 48%;
}

.video-style-two .video-text a i::after {
  position: absolute;
  content: '';
  background: rgba(255, 101, 80, 0.5);
  width: 100px;
  height: 100px;
  top: -10px;
  left: -10px;
  z-index: -1;
  border-radius: 55% 45% 38% 62% / 52% 57% 43% 48%;
  -webkit-animation: wrep 5s infinite ease-in-out;
          animation: wrep 5s infinite ease-in-out;
}

.video-style-two .video-text p {
  color: #FFFFFF;
  margin-bottom: 0;
  font-size: 20px;
  font-weight: 500;
  text-transform: capitalize;
  line-height: 1;
}

/* Video CSS End */
/* Service CSS Start */
.service-style-two .service-img {
  width: 50%;
}

.service-style-two .service-text {
  margin-top: 0;
  margin-bottom: 0;
}

/* Service CSS End */
/* Progress CSS Start */
.progress-style-two .progress-image {
  width: 50%;
  right: 0;
  left: inherit;
  background-image: url(../img/testimonial-img.jpg);
}

.progress-style-two .progress-text {
  margin-top: 0;
  margin-bottom: 0;
}

/* Progress CSS End */
/* Price CSS Start */
.pricing-section .pricing-card {
  padding: 45px;
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
          box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
  position: relative;
  margin-bottom: 30px;
  background: #FFFFFF;
}

.pricing-section .pricing-card::before {
  top: 0;
  left: 0;
  z-index: 0;
  width: 100%;
  content: '';
  height: 270px;
  position: absolute;
  background: #fe6714;
  -webkit-clip-path: polygon(0 0, 100% 0, 100% 65%, 0% 100%);
          clip-path: polygon(0 0, 100% 0, 100% 65%, 0% 100%);
}

.pricing-section .pricing-card .price-header {
  position: relative;
  margin-bottom: 100px;
}

.pricing-section .pricing-card .price-header h2 {
  color: #FFFFFF;
  font-size: 32px;
  font-weight: 700;
  margin-bottom: 5px;
  line-height: 1;
}

.pricing-section .pricing-card .price-header h3 {
  color: #FFFFFF;
  font-size: 32px;
  font-weight: 700;
}

.pricing-section .pricing-card .price-header h3 sup {
  font-size: 15px;
  font-weight: 400;
  top: -14px;
  position: relative;
}

.pricing-section .pricing-card .price-header h3 span {
  font-size: 15px;
  font-weight: 400;
}

.pricing-section .pricing-card .price-header i {
  left: 0;
  right: 0;
  top: 115px;
  z-index: 0;
  margin: auto;
  width: 100px;
  height: 100px;
  color: #000;
  font-size: 60px;
  line-height: 90px;
  position: absolute;
  border-radius: 50px;
  display: inline-block;
  background: #FFFFFF;
  border: 5px solid #fe6714;
  -webkit-box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.15);
          box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.15);
}

.pricing-section .pricing-card .pricing-feature {
  padding: 75px 0px 40px;
}

.pricing-section .pricing-card .pricing-feature ul {
  padding-left: 0;
  margin-bottom: 0;
}

.pricing-section .pricing-card .pricing-feature ul li {
  color: #808291;
  font-size: 18px;
  margin-bottom: 5px;
  list-style: none;
}

.pricing-section .pricing-card .pricing-feature ul li i {
  color: #fe832e;
  margin-right: 10px;
}

.pricing-section .pricing-card .pricing-feature ul :last-child {
  margin-bottom: 0;
}

.pricing-section .pricing-card.price-card-two i {
  z-index: 1;
}

.pricing-section .pricing-card.price-card-two::before {
  height: 250px;
  -webkit-clip-path: polygon(0 0, 100% 0, 100% 70%, 0 70%);
          clip-path: polygon(0 0, 100% 0, 100% 70%, 0 70%);
}

.pricing-section .pricing-card.price-card-two::after {
  position: absolute;
  content: '';
  width: 50px;
  top: 150px;
  left: 0;
  right: 0;
  margin: auto;
  border-left: 90px solid transparent;
  border-right: 90px solid transparent;
  border-top: 100px solid #fe6714;
  z-index: 0;
}

.pricing-section .pricing-card.price-card-three::before {
  -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 65%);
          clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 65%);
}

/* Price CSS End */
/**-------------- Home Page Two CSS End --------------**/
/**-------------- About Page CSS Start --------------**/
/* About Title CSS Start */
.about-title {
  height: 350px;
  background: #0d3642;
}

.about-title .title-text h2 {
  color: #FFFFFF;
  font-size: 38px;
  font-weight: 700;
  margin-bottom: 10px;
}

.about-title .title-text ul {
  padding-left: 0;
  margin-bottom: 0;
}

.about-title .title-text ul li {
  font-size: 18px;
  color: #FFFFFF;
  display: inline-block;
  position: relative;
  margin: 0 10px;
}

.about-title .title-text ul li::before {
  position: absolute;
  content: '';
  width: 5px;
  height: 5px;
  background: #FFFFFF;
  top: 15px;
  right: -15px;
  border-radius: 10px;
}

.about-title .title-text ul li a {
  color: #FFFFFF;
}

.about-title .title-text ul li a:hover {
  color: #fb7a00;
}

.about-title .title-text ul li i {
  font-size: 14px;
}

.about-title .title-text ul li:last-child::before {
  display: none;
}

/* About Title CSS End */
/* Theory CSS Start */
.theory-style-two {
  margin-top: 75px;
  margin-bottom: -130px;
  z-index: 1;
  position: relative;
}

.theory-style-two .theory-area {
  -webkit-box-shadow: 0px 2px 20px 0px rgba(12, 0, 46, 0.14);
          box-shadow: 0px 2px 20px 0px rgba(12, 0, 46, 0.14);
}

.theory-style-two .theory-area .theory-img {
  bottom: 0;
}

/* Theory CSS End */
/* Video CSS Start */
.video-style-three {
  padding-top: 340px;
}

/* Video CSS End */
/**-------------- About Page CSS End --------------**/
/**-------------- Portfolio Page CSS Start --------------**/
.portfolio-title {
  height: 400px;
  background: #0d3642;
}

.portfolio-title .title-text h2 {
  color: #FFFFFF;
  font-size: 38px;
  font-weight: 700;
  margin-bottom: 10px;
}

.portfolio-title .title-text ul {
  padding-left: 0;
  margin-bottom: 0;
}

.portfolio-title .title-text ul li {
  font-size: 18px;
  color: #FFFFFF;
  display: inline-block;
  position: relative;
  margin: 0 10px;
}

.portfolio-title .title-text ul li::before {
  position: absolute;
  content: '';
  width: 5px;
  height: 5px;
  background: #FFFFFF;
  top: 15px;
  right: -15px;
  border-radius: 10px;
}

.portfolio-title .title-text ul li a {
  color: #FFFFFF;
}

.portfolio-title .title-text ul li a:hover {
  color: #fb7a00;
}

.portfolio-title .title-text ul li i {
  font-size: 14px;
}

.portfolio-title .title-text ul li:last-child::before {
  display: none;
}

/**-------------- Portfolio Page CSS End --------------**/
/**-------------- Blog Page CSS Start --------------**/
.blog-title {
  height: 400px;
  background: #0d3642;
}

.blog-title .title-text h2 {
  color: #FFFFFF;
  font-size: 38px;
  font-weight: 700;
  margin-bottom: 10px;
}

.blog-title .title-text ul {
  padding-left: 0;
  margin-bottom: 0;
}

.blog-title .title-text ul li {
  font-size: 18px;
  color: #FFFFFF;
  display: inline-block;
  position: relative;
  margin: 0 10px;
}

.blog-title .title-text ul li::before {
  position: absolute;
  content: '';
  width: 5px;
  height: 5px;
  background: #FFFFFF;
  top: 15px;
  right: -15px;
  border-radius: 10px;
}

.blog-title .title-text ul li a {
  color: #FFFFFF;
}

.blog-title .title-text ul li a:hover {
  color: #fb7a00;
}

.blog-title .title-text ul li i {
  font-size: 14px;
}

.blog-title .title-text ul li:last-child::before {
  display: none;
}

/**-------------- Blog Page CSS End --------------**/
/**-------------- Blog Details Page CSS Start --------------**/
.blog-details-area .blog-description .article-image {
  margin-bottom: 35px;
  position: relative;
}

.blog-details-area .blog-description .article-image .blog-date {
  position: absolute;
  background: #fe6219;
  width: 55px;
  text-align: center;
  top: 25px;
  left: 25px;
  padding: 6px;
}

.blog-details-area .blog-description .article-image .blog-date span {
  color: #FFFFFF;
  display: inline-block;
  line-height: 25px;
}

.blog-details-area .blog-description .article-info {
  margin-bottom: 25px;
  position: relative;
}

.blog-details-area .blog-description .article-info ul {
  margin: 0;
  padding-left: 0;
}

.blog-details-area .blog-description .article-info ul li {
  font-size: 14px;
  color: #ff7b01;
  display: inline-block;
  margin-right: 5px;
  font-weight: 700;
}

.blog-details-area .blog-description .article-info ul li i {
  margin-right: 5px;
}

.blog-details-area .blog-description .article-title {
  font-size: 32px;
  color: #111111;
  font-weight: 600;
  margin-bottom: 25px;
}

.blog-details-area .blog-description p {
  font-family: "Poppins", sans-serif;
  margin-bottom: 10px;
}

.blog-details-area .blog-description .article-bottom-img {
  margin-bottom: 20px;
  margin-top: 10px;
  width: 100%;
}

.blog-details-area .blog-description .article-meta {
  position: relative;
  padding-top: 15px;
  margin-bottom: 30px;
}

.blog-details-area .blog-description .article-meta::before {
  position: absolute;
  content: '';
  background: #ebebeb;
  width: 50%;
  height: 1px;
  top: 0;
  left: 0;
  right: 0;
  margin: auto;
}

.blog-details-area .blog-description .article-meta ul {
  padding-left: 0;
  margin-bottom: 0;
}

.blog-details-area .blog-description .article-meta ul li {
  display: inline-block;
  font-size: 14px;
  margin-right: 15px;
  color: #808291;
}

.blog-details-area .blog-description .article-meta ul li i {
  margin-right: 5px;
}

.blog-details-area .blog-description .blog-nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 40px;
  background: #ddd;
  padding: 20px;
  margin-top: 20px;
  border-radius: 5px;
}

.blog-details-area .blog-description .blog-nav .prev-btn, .blog-details-area .blog-description .blog-nav .next-btn {
  width: 50%;
}

.blog-details-area .blog-description .blog-nav .prev-btn a, .blog-details-area .blog-description .blog-nav .next-btn a {
  color: #3f3f3f;
  border: 1px solid #fb7a00;
  border-radius: 5px;
  padding: 8px 20px;
  font-family: "Poppins", sans-serif;
  display: inline-block;
  background: #FFFFFF;
}

.blog-details-area .blog-description .blog-nav .prev-btn a:hover, .blog-details-area .blog-description .blog-nav .next-btn a:hover {
  background: #fb7a00;
  color: #FFFFFF;
}

.blog-details-area .blog-description .blog-comment {
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
          box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
  padding: 30px;
  margin-bottom: 30px;
  border-radius: 5px;
}

.blog-details-area .blog-description .blog-comment h3 {
  font-size: 22px;
  font-weight: 600;
  color: #333333;
  margin-bottom: 25px;
}

.blog-details-area .blog-description .blog-comment .form-control {
  height: 60px;
  padding-left: 20px;
  border: 1px solid #fe6219;
  width: 100%;
  border-radius: 0;
  background: #fcf6f6;
  margin-bottom: 30px;
  border-radius: 5px;
}

.blog-details-area .blog-description .blog-comment .message-field {
  padding-top: 20px;
  padding-left: 20px;
  border: 1px solid #fe6219;
  width: 100%;
  background: #fcf6f6;
  border-radius: 5px;
}

.blog-details-area .blog-description .blog-comment .message-field:focus {
  outline: 0;
}

.blog-details-area .blog-description .blog-comment ::-webkit-input-placeholder {
  font-size: 14px;
  color: #a07373;
  font-family: "Poppins", sans-serif;
}

.blog-details-area .blog-description .blog-comment :-ms-input-placeholder {
  font-size: 14px;
  color: #a07373;
  font-family: "Poppins", sans-serif;
}

.blog-details-area .blog-description .blog-comment ::-ms-input-placeholder {
  font-size: 14px;
  color: #a07373;
  font-family: "Poppins", sans-serif;
}

.blog-details-area .blog-description .blog-comment ::placeholder {
  font-size: 14px;
  color: #a07373;
  font-family: "Poppins", sans-serif;
}

.blog-details-area .blog-description .blog-comment .default-btn {
  font-size: 16px;
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  background: #ff7c00;
  color: #FFFFFF;
  padding: 15px 40px;
  margin-top: 10px;
  border: 1px solid transparent;
  -webkit-transition: .5s;
  transition: .5s;
}

.blog-details-area .blog-description .blog-comment .default-btn:hover {
  background: #FFFFFF;
  border: 1px dashed #ff7c00;
  color: #ff7c00;
}

.blog-details-area .blog-search {
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
          box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
  padding: 20px;
  margin-bottom: 30px;
}

.blog-details-area .blog-search form {
  position: relative;
}

.blog-details-area .blog-search form input {
  border: 1px solid #fe6a12;
  padding: 10px 20px;
  width: 100%;
}

.blog-details-area .blog-search form input:focus {
  outline: 0;
}

.blog-details-area .blog-search form ::-webkit-input-placeholder {
  font-size: 16px;
  font-family: "Poppins", sans-serif;
  color: #333333;
}

.blog-details-area .blog-search form :-ms-input-placeholder {
  font-size: 16px;
  font-family: "Poppins", sans-serif;
  color: #333333;
}

.blog-details-area .blog-search form ::-ms-input-placeholder {
  font-size: 16px;
  font-family: "Poppins", sans-serif;
  color: #333333;
}

.blog-details-area .blog-search form ::placeholder {
  font-size: 16px;
  font-family: "Poppins", sans-serif;
  color: #333333;
}

.blog-details-area .blog-search form button {
  position: absolute;
  background: #fe6318;
  text-align: center;
  right: 0;
  top: 0;
  width: 50px;
  height: 100%;
  font-size: 18px;
  -webkit-transition: .5S;
  transition: .5S;
}

.blog-details-area .blog-search form button:hover {
  background: #333333;
}

.blog-details-area .blog-search form button i {
  color: #FFFFFF;
}

.blog-details-area .recent-blog {
  padding: 20px;
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
          box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
  margin-bottom: 30px;
}

.blog-details-area .recent-blog h3 {
  font-weight: 600;
  margin-bottom: 20px;
}

.blog-details-area .recent-blog .recent-post {
  position: relative;
  margin-bottom: 20px;
  border-bottom: 1px dashed #dddddd;
  padding-bottom: 20px;
}

.blog-details-area .recent-blog .recent-post img {
  position: absolute;
  top: 0;
  left: 0;
  width: 90px;
  height: 90px;
  border-radius: 5px;
}

.blog-details-area .recent-blog .recent-post h3 {
  margin-bottom: 0;
}

.blog-details-area .recent-blog .recent-post h3 a {
  color: #333333;
  font-size: 14px;
  padding-left: 110px;
  margin-bottom: 10px;
  padding-top: 8px;
  display: inline-block;
  line-height: 18px;
}

.blog-details-area .recent-blog .recent-post h3 a:hover {
  color: #ff7209;
}

.blog-details-area .recent-blog .recent-post ul {
  padding-left: 110px;
  margin-bottom: 0;
}

.blog-details-area .recent-blog .recent-post ul li {
  display: inline-block;
  color: #ff7209;
  font-size: 14px;
  font-family: "Poppins", sans-serif;
  margin-right: 10px;
}

.blog-details-area .recent-blog .recent-post ul li i {
  font-size: 14p;
}

.blog-details-area .recent-blog .recent-post:last-child {
  border-bottom: 0;
  padding-bottom: 0;
  margin-bottom: 0;
}

.blog-details-area .blog-category {
  padding: 20px;
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
          box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
  margin-bottom: 30px;
}

.blog-details-area .blog-category h3 {
  font-weight: 600;
  margin-bottom: 20px;
}

.blog-details-area .blog-category ul {
  padding-left: 0;
  margin-bottom: 0;
}

.blog-details-area .blog-category ul li {
  line-height: 1;
  list-style: none;
}

.blog-details-area .blog-category ul li a {
  padding: 15px 20px;
  display: block;
  border-left: 2px solid #ff7209;
  position: relative;
  border-bottom: 1px dashed #dddddd;
  font-size: 18px;
  font-weight: 600;
  color: #333333;
  margin-bottom: 5px;
}

.blog-details-area .blog-category ul li a i {
  position: absolute;
  top: 12px;
  right: 0px;
  font-size: 25px;
}

.blog-details-area .blog-category ul li a:hover {
  background: #fe6219;
  color: #FFFFFF;
}

.blog-details-area .photo-gallery {
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
          box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
  margin-bottom: 30px;
}

.blog-details-area .photo-gallery h3 {
  font-weight: 600;
  margin-bottom: 20px;
  padding-left: 20px;
  padding-top: 20px;
}

.blog-details-area .photo-gallery a img {
  padding-left: 20px;
  margin-bottom: 20px;
  max-width: 95px;
}

.blog-details-area .tags {
  padding: 20px;
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
          box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
  margin-bottom: 30px;
}

.blog-details-area .tags h3 {
  font-weight: 600;
  margin-bottom: 20px;
}

.blog-details-area .tags a {
  background: #e5e5e5;
  color: #333333;
  padding: 8px 16px;
  margin-bottom: 15px;
  display: inline-block;
  font-family: "Poppins", sans-serif;
  border-radius: 10px;
  border: 1px dashed #333333;
  width: 100px;
  text-align: center;
}

.blog-details-area .tags a:hover {
  background: #fe6219;
  color: #FFFFFF;
}

/**-------------- Blog Details Page CSS End --------------**/
/**-------------- Contact Page CSS Start --------------**/
/* Contact Title Start */
.contact-title {
  background: #0d3642;
  padding-top: 100px;
  padding-bottom: 200px;
}

.contact-title .title-text h2 {
  color: #FFFFFF;
  font-size: 38px;
  font-weight: 700;
  margin-bottom: 10px;
}

.contact-title .title-text ul {
  padding-left: 0;
  margin-bottom: 0;
}

.contact-title .title-text ul li {
  font-size: 18px;
  color: #FFFFFF;
  display: inline-block;
  position: relative;
  margin: 0 10px;
}

.contact-title .title-text ul li::before {
  position: absolute;
  content: '';
  width: 5px;
  height: 5px;
  background: #FFFFFF;
  top: 15px;
  right: -15px;
  border-radius: 10px;
}

.contact-title .title-text ul li a {
  color: #FFFFFF;
}

.contact-title .title-text ul li a:hover {
  color: #fb7a00;
}

.contact-title .title-text ul li i {
  font-size: 14px;
}

.contact-title .title-text ul li:last-child::before {
  display: none;
}

/* Contact Title Start */
/* Contact Section Start */
.contact-area .contact-box {
  margin-top: -100px;
  background: #fff;
  padding: 60px 45px;
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
          box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
}

.contact-area .contact-box .contact-card {
  border: 1px solid #ff7b01;
  position: relative;
  padding: 20px;
}

.contact-area .contact-box .contact-card i {
  width: 50px;
  height: 50px;
  border-radius: 50px;
  border: 1px solid #ff7b01;
  display: inline-block;
  color: #fb7a00;
  text-align: center;
  line-height: 50px;
  font-size: 20px;
  position: absolute;
  left: 25px;
}

.contact-area .contact-box .contact-card h3 {
  padding-left: 80px;
  font-weight: 700;
}

.contact-area .contact-box .contact-card ul {
  padding-left: 0;
  margin-bottom: 0;
  padding-left: 80px;
}

.contact-area .contact-box .contact-card ul li {
  color: #4a4a4a;
  font-size: 14px;
  list-style: none;
}

.map {
  line-height: 1;
  height: 500px;
  margin-bottom: -120px;
}

.map iframe {
  width: 100%;
  height: 500px;
  border: 0;
}

/* Contact Section End */
/* Footer Area Start */
.footer-style-three {
  -webkit-clip-path: none;
          clip-path: none;
}

/* Footer Area End */
/**-------------- Contact Page CSS End --------------**/
/**-------------- Service Page CSS Start --------------**/
.service-title {
  height: 400px;
  background: #0d3642;
}

.service-title .title-text h2 {
  color: #FFFFFF;
  font-size: 38px;
  font-weight: 700;
  margin-bottom: 10px;
}

.service-title .title-text ul {
  padding-left: 0;
  margin-bottom: 0;
}

.service-title .title-text ul li {
  font-size: 18px;
  color: #FFFFFF;
  display: inline-block;
  position: relative;
  margin: 0 10px;
}

.service-title .title-text ul li::before {
  position: absolute;
  content: '';
  width: 5px;
  height: 5px;
  background: #FFFFFF;
  top: 15px;
  right: -15px;
  border-radius: 10px;
}

.service-title .title-text ul li a {
  color: #FFFFFF;
}

.service-title .title-text ul li a:hover {
  color: #fb7a00;
}

.service-title .title-text ul li i {
  font-size: 14px;
}

.service-title .title-text ul li:last-child::before {
  display: none;
}

.service-style-three .service-card {
  text-align: center;
  -webkit-box-shadow: 0px 2px 20px 0px rgba(12, 0, 46, 0.1);
          box-shadow: 0px 2px 20px 0px rgba(12, 0, 46, 0.1);
  padding: 30px 20px;
  margin-bottom: 30px;
  -webkit-transition: .5s;
  transition: .5s;
  position: relative;
  border-bottom: 2px solid #717477;
}

.service-style-three .service-card:hover {
  margin-top: -10px;
}

.service-style-three .service-card:hover i {
  -webkit-animation: none;
          animation: none;
  border: 1px dashed #fb7a00;
  color: #fb7a00;
}

.service-style-three .service-card i {
  font-size: 35px;
  width: 90px;
  height: 90px;
  display: inline-block;
  text-align: center;
  line-height: 90px;
  border-radius: 46% 54% 68% 32% / 55% 48% 52% 45%;
  margin-bottom: 25px;
  -webkit-animation: icon-animation 5s ease-in-out infinite;
          animation: icon-animation 5s ease-in-out infinite;
  border: 1px dashed;
  -webkit-transition: .5s;
  transition: .5s;
}

.service-style-three .service-card h3 {
  font-weight: 600;
  margin-bottom: 10px;
}

.service-style-three .service-card p {
  margin-bottom: 0;
  font-size: 16px;
  color: #0f2137;
}

/**-------------- Serice Page CSS End --------------**/
/**-------------- Portfolio Page Two CSS Start --------------**/
.portfolio-style-two .portfolio-menu {
  margin-bottom: 50px;
}

.portfolio-style-two .portfolio-menu ul li {
  cursor: pointer;
  padding: 10px 20px;
  list-style-type: none;
  display: inline-block;
  border: 1px solid #fb7a00;
  -webkit-transition: .5s;
  transition: .5s;
}

.portfolio-style-two .portfolio-menu ul li:hover {
  background: #fb7a00;
  color: #FFFFFF;
}

.portfolio-style-two .portfolio-menu ul .mixitup-control-active {
  color: #FFFFFF;
  background: #fb7a00;
}

/**-------------- Portfolio Page Two CSS End --------------**/
/**-------------- Pricing Page CSS Start --------------**/
.pricing-title {
  height: 400px;
  background: #0d3642;
}

.pricing-title .title-text h2 {
  color: #FFFFFF;
  font-size: 38px;
  font-weight: 700;
  margin-bottom: 10px;
}

.pricing-title .title-text ul {
  padding-left: 0;
  margin-bottom: 0;
}

.pricing-title .title-text ul li {
  font-size: 18px;
  color: #FFFFFF;
  display: inline-block;
  position: relative;
  margin: 0 10px;
}

.pricing-title .title-text ul li::before {
  position: absolute;
  content: '';
  width: 5px;
  height: 5px;
  background: #FFFFFF;
  top: 15px;
  right: -15px;
  border-radius: 10px;
}

.pricing-title .title-text ul li a {
  color: #FFFFFF;
}

.pricing-title .title-text ul li a:hover {
  color: #fb7a00;
}

.pricing-title .title-text ul li i {
  font-size: 14px;
}

.pricing-title .title-text ul li:last-child::before {
  display: none;
}

/**-------------- Pricing Page CSS End --------------**/
/**-------------- 404 Page CSS Start --------------**/
.error-title {
  height: 400px;
  background: #0d3642;
}

.error-title .title-text h2 {
  color: #FFFFFF;
  font-size: 38px;
  font-weight: 700;
  margin-bottom: 10px;
}

.error-title .title-text ul {
  padding-left: 0;
  margin-bottom: 0;
}

.error-title .title-text ul li {
  font-size: 18px;
  color: #FFFFFF;
  display: inline-block;
  position: relative;
  margin: 0 10px;
}

.error-title .title-text ul li::before {
  position: absolute;
  content: '';
  width: 5px;
  height: 5px;
  background: #FFFFFF;
  top: 15px;
  right: -15px;
  border-radius: 10px;
}

.error-title .title-text ul li a {
  color: #FFFFFF;
}

.error-title .title-text ul li a:hover {
  color: #fb7a00;
}

.error-title .title-text ul li i {
  font-size: 14px;
}

.error-title .title-text ul li:last-child::before {
  display: none;
}

.error-section .error-img {
  margin-bottom: 50px;
}

.error-section .error-img img {
  width: 100%;
}

/**-------------- 404 Page CSS End --------------**/
/**-------------- Team Page CSS Start --------------**/
.team-title {
  height: 400px;
  background: #0d3642;
}

.team-title .title-text h2 {
  color: #FFFFFF;
  font-size: 38px;
  font-weight: 700;
  margin-bottom: 10px;
}

.team-title .title-text ul {
  padding-left: 0;
  margin-bottom: 0;
}

.team-title .title-text ul li {
  font-size: 18px;
  color: #FFFFFF;
  display: inline-block;
  position: relative;
  margin: 0 10px;
}

.team-title .title-text ul li::before {
  position: absolute;
  content: '';
  width: 5px;
  height: 5px;
  background: #FFFFFF;
  top: 15px;
  right: -15px;
  border-radius: 10px;
}

.team-title .title-text ul li a {
  color: #FFFFFF;
}

.team-title .title-text ul li a:hover {
  color: #fb7a00;
}

.team-title .title-text ul li i {
  font-size: 14px;
}

.team-title .title-text ul li:last-child::before {
  display: none;
}

.footer-style-two {
  padding-top: 100px;
  -webkit-clip-path: none;
          clip-path: none;
}

/**-------------- Team Page CSS End --------------**/
/**-------------- Team Page Two CSS Start --------------**/
.team-style-two .team-card {
  margin-bottom: 30px;
}

.team-style-two .team-card .team-img {
  position: relative;
}

.team-style-two .team-card .team-img:hover .team-text {
  background: rgba(0, 0, 0, 0.5);
  -webkit-transform: scale(1);
          transform: scale(1);
}

.team-style-two .team-card .team-img img {
  width: 100%;
}

.team-style-two .team-card .team-text {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  right: 0;
  margin: auto;
  top: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.5);
  color: #FFFFFF;
  -webkit-transform: scale(0);
          transform: scale(0);
}

.team-style-two .team-card .team-text h3 {
  font-size: 25px;
  color: #FFFFFF;
}

.team-style-two .team-card .team-text:hover {
  background: rgba(0, 0, 0, 0.5);
}

/**-------------- Team Page Two CSS End --------------**/
/**-------------- Service Page Details CSS Start --------------**/
.service-style-four .service-details-area .service-details-img {
  margin-bottom: 40px;
}

.service-style-four .service-details-area .service-details-img img {
  width: 100%;
}

.service-style-four .service-details-area h3 {
  position: relative;
  padding-left: 0;
  margin-bottom: 15px;
  font-size: 30px;
}

.service-style-four .service-details-area p {
  margin-bottom: 15px;
}

.service-style-four .service-details-area .mb-35 {
  margin-bottom: 35px;
}

.service-style-four .service-details-area .service-btm-img {
  margin: 10px 0 20px;
}

.service-style-four .blog-search {
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
          box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
  padding: 20px;
  margin-bottom: 30px;
}

.service-style-four .blog-search form {
  position: relative;
}

.service-style-four .blog-search form input {
  border: 1px solid #fe6a12;
  padding: 10px 20px;
  width: 100%;
}

.service-style-four .blog-search form input:focus {
  outline: 0;
}

.service-style-four .blog-search form ::-webkit-input-placeholder {
  font-size: 16px;
  font-family: "Poppins", sans-serif;
  color: #333333;
}

.service-style-four .blog-search form :-ms-input-placeholder {
  font-size: 16px;
  font-family: "Poppins", sans-serif;
  color: #333333;
}

.service-style-four .blog-search form ::-ms-input-placeholder {
  font-size: 16px;
  font-family: "Poppins", sans-serif;
  color: #333333;
}

.service-style-four .blog-search form ::placeholder {
  font-size: 16px;
  font-family: "Poppins", sans-serif;
  color: #333333;
}

.service-style-four .blog-search form button {
  position: absolute;
  background: #fe6318;
  text-align: center;
  right: 0;
  top: 0;
  width: 50px;
  height: 100%;
  font-size: 18px;
  -webkit-transition: .5S;
  transition: .5S;
}

.service-style-four .blog-search form button:hover {
  background: #333333;
}

.service-style-four .blog-search form button i {
  color: #FFFFFF;
}

.service-style-four .service-category {
  padding: 20px;
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
          box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
  margin-bottom: 30px;
}

.service-style-four .service-category h3 {
  font-weight: 600;
  margin-bottom: 20px;
}

.service-style-four .service-category ul {
  padding-left: 0;
  margin-bottom: 0;
}

.service-style-four .service-category ul li {
  line-height: 1;
  list-style: none;
}

.service-style-four .service-category ul li a {
  padding: 15px 20px;
  display: block;
  border-left: 2px solid #ff7209;
  position: relative;
  border-bottom: 1px dashed #dddddd;
  font-size: 18px;
  font-weight: 600;
  color: #333333;
  margin-bottom: 5px;
}

.service-style-four .service-category ul li a i {
  position: absolute;
  top: 12px;
  right: 0px;
  font-size: 25px;
}

.service-style-four .service-category ul li a:hover {
  background: #fe6219;
  color: #FFFFFF;
}

/**-------------- Service Page Details CSS End --------------**/
/**-------------- FAQ Page CSS Start --------------**/
.faq-title {
  height: 400px;
  background: #0d3642;
}

.faq-title .title-text h2 {
  color: #FFFFFF;
  font-size: 38px;
  font-weight: 700;
  margin-bottom: 10px;
}

.faq-title .title-text ul {
  padding-left: 0;
  margin-bottom: 0;
}

.faq-title .title-text ul li {
  font-size: 18px;
  color: #FFFFFF;
  display: inline-block;
  position: relative;
  margin: 0 10px;
}

.faq-title .title-text ul li::before {
  position: absolute;
  content: '';
  width: 5px;
  height: 5px;
  background: #FFFFFF;
  top: 15px;
  right: -15px;
  border-radius: 10px;
}

.faq-title .title-text ul li a {
  color: #FFFFFF;
}

.faq-title .title-text ul li a:hover {
  color: #fb7a00;
}

.faq-title .title-text ul li i {
  font-size: 14px;
}

.faq-title .title-text ul li:last-child::before {
  display: none;
}

.faq-area h2 {
  margin-left: 20px;
  padding-right: 20px;
  padding-bottom: 15px;
  margin-bottom: 50px;
  font-size: 32px;
  font-weight: 600;
  border-bottom: 2px dashed #886a03;
}

.faq-area .topic {
  padding: 20px;
  padding-top: 0px;
  padding-bottom: 0px;
}

.faq-area .topic h3 {
  color: #333333;
}

.faq-area .open {
  cursor: pointer;
  display: inline-block;
  padding: 0px;
  height: 60px;
}

.faq-area .open:hover {
  opacity: 0.7;
}

.faq-area .expanded {
  background-color: #f5f5f5;
  -webkit-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
}

.faq-area .question {
  padding-top: 20px;
  padding-right: 40px;
  padding-bottom: 20px;
  font-size: 18px;
  font-weight: 500;
  color: #526ee4;
  padding-left: 40px;
}

.faq-area .answer {
  font-size: 16px;
  line-height: 26px;
  display: none;
  margin-bottom: 30px;
  text-align: justify;
  padding-left: 40px;
  padding-right: 20px;
  padding-bottom: 20px;
}

.faq-area .faq-t {
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
  display: inline-block;
  position: relative;
  top: -55px;
  left: 5px;
  width: 10px;
  height: 10px;
  background: transparent;
  border-left: 2px solid #ccc;
  border-bottom: 2px solid #ccc;
  -webkit-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
}

.faq-area .faq-o {
  top: -50px;
  -webkit-transform: rotate(-224deg);
          transform: rotate(-224deg);
}

/**-------------- FAQ Page CSS End --------------**/
/**-------------- Privacy Page CSS Start --------------**/
.privacy-title {
  height: 400px;
  background: #0d3642;
}

.privacy-title .title-text h2 {
  color: #FFFFFF;
  font-size: 38px;
  font-weight: 700;
  margin-bottom: 10px;
}

.privacy-title .title-text ul {
  padding-left: 0;
  margin-bottom: 0;
}

.privacy-title .title-text ul li {
  font-size: 18px;
  color: #FFFFFF;
  display: inline-block;
  position: relative;
  margin: 0 10px;
}

.privacy-title .title-text ul li::before {
  position: absolute;
  content: '';
  width: 5px;
  height: 5px;
  background: #FFFFFF;
  top: 15px;
  right: -15px;
  border-radius: 10px;
}

.privacy-title .title-text ul li a {
  color: #FFFFFF;
}

.privacy-title .title-text ul li a:hover {
  color: #fb7a00;
}

.privacy-title .title-text ul li i {
  font-size: 14px;
}

.privacy-title .title-text ul li:last-child::before {
  display: none;
}

.privacy-section {
  padding-bottom: 60px;
}

.privacy-section .privacy-text {
  margin-bottom: 15px;
}

.privacy-section .privacy-text h3 {
  font-size: 20px;
  font-family: "Poppins", sans-serif;
  color: #0f2137;
  text-transform: capitalize;
  margin-bottom: 10px;
  display: inline-block;
}

.privacy-section .privacy-text p {
  margin-bottom: 0;
}

.privacy-section ul li {
  margin-top: 10px;
  list-style: circle;
  color: #111111;
}

/**-------------- Privacy Page CSS End --------------**/
/**-------------- Back to Top CSS Start --------------**/
/**-------------- Back to Top Page CSS End --------------**/
/**-------------- Pre Loader CSS Start --------------**/
.loader-content {
  background: #FFFFFF;
  height: 100%;
  width: 100%;
  position: fixed;
  z-index: 99999999;
  left: 0;
  top: 0;
  text-align: center;
}

.lds-ripple {
  display: inline-block;
  position: relative;
  width: 80px;
  height: 80px;
}

.lds-ripple div {
  position: absolute;
  border: 4px solid red;
  opacity: 1;
  border-radius: 50%;
  -webkit-animation: lds-ripple 1s cubic-bezier(0, 0.2, 0.8, 1) infinite;
          animation: lds-ripple 1s cubic-bezier(0, 0.2, 0.8, 1) infinite;
}

.lds-ripple div:nth-child(2) {
  -webkit-animation-delay: -0.5s;
          animation-delay: -0.5s;
}

@-webkit-keyframes lds-ripple {
  0% {
    top: 36px;
    left: 36px;
    width: 0;
    height: 0;
    opacity: 1;
  }
  100% {
    top: 0px;
    left: 0px;
    width: 72px;
    height: 72px;
    opacity: 0;
  }
}

@keyframes lds-ripple {
  0% {
    top: 36px;
    left: 36px;
    width: 0;
    height: 0;
    opacity: 1;
  }
  100% {
    top: 0px;
    left: 0px;
    width: 72px;
    height: 72px;
    opacity: 0;
  }
}

/**-------------- Pre Loader CSS End --------------**/
/* Magnific Popup */
.mfp-fade.mfp-bg {
  opacity: 0;
  -webkit-transition: all 0.15s ease-out;
  transition: all 0.15s ease-out;
}

.mfp-fade.mfp-bg.mfp-ready {
  opacity: 0.8;
}

.mfp-fade.mfp-bg.mfp-removing {
  opacity: 0;
}

.mfp-fade.mfp-wrap .mfp-content {
  opacity: 0;
  -webkit-transition: all 0.15s ease-out;
  transition: all 0.15s ease-out;
}

.mfp-fade.mfp-wrap.mfp-ready .mfp-content {
  opacity: 1;
}

.mfp-fade.mfp-wrap.mfp-removing .mfp-content {
  opacity: 0;
}

/* Animation CSS */
@-webkit-keyframes icon-animation {
  0% {
    border-radius: 46% 54% 68% 32% / 55% 48% 52% 45%;
  }
  50% {
    border-radius: 66% 34% 41% 59% / 51% 34% 66% 49%;
  }
  100% {
    border-radius: 46% 54% 68% 32% / 55% 48% 52% 45%;
  }
}
@keyframes icon-animation {
  0% {
    border-radius: 46% 54% 68% 32% / 55% 48% 52% 45%;
  }
  50% {
    border-radius: 66% 34% 41% 59% / 51% 34% 66% 49%;
  }
  100% {
    border-radius: 46% 54% 68% 32% / 55% 48% 52% 45%;
  }
}

@-webkit-keyframes wrep {
  0% {
    border-radius: 55% 45% 38% 62% / 52% 57% 43% 48%;
  }
  35% {
    border-radius: 67% 33% 39% 61% / 48% 63% 37% 52%;
  }
  70% {
    border-radius: 40% 60% 62% 38% / 32% 41% 59% 68%;
  }
  100% {
    border-radius: 55% 45% 38% 62% / 52% 57% 43% 48%;
  }
}

@keyframes wrep {
  0% {
    border-radius: 55% 45% 38% 62% / 52% 57% 43% 48%;
  }
  35% {
    border-radius: 67% 33% 39% 61% / 48% 63% 37% 52%;
  }
  70% {
    border-radius: 40% 60% 62% 38% / 32% 41% 59% 68%;
  }
  100% {
    border-radius: 55% 45% 38% 62% / 52% 57% 43% 48%;
  }
}

@-webkit-keyframes translatex {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  50% {
    -webkit-transform: translateX(20px);
            transform: translateX(20px);
  }
  10% {
    -webkit-transform: translateX(0px);
            transform: translateX(0px);
  }
}

@keyframes translatex {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  50% {
    -webkit-transform: translateX(20px);
            transform: translateX(20px);
  }
  10% {
    -webkit-transform: translateX(0px);
            transform: translateX(0px);
  }
}

@-webkit-keyframes translatey {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  50% {
    -webkit-transform: translateY(-15px);
            transform: translateY(-15px);
  }
  10% {
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
  }
}

@keyframes translatey {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  50% {
    -webkit-transform: translateY(-15px);
            transform: translateY(-15px);
  }
  10% {
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
  }
}

/* play button animation */
@-webkit-keyframes pulse {
  from {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-filter: opacity(0.9);
            filter: opacity(0.9);
  }
  to {
    -webkit-transform: scale(2);
            transform: scale(2);
    -webkit-filter: opacity(0);
            filter: opacity(0);
  }
}
@keyframes pulse {
  from {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-filter: opacity(0.9);
            filter: opacity(0.9);
  }
  to {
    -webkit-transform: scale(2);
            transform: scale(2);
    -webkit-filter: opacity(0);
            filter: opacity(0);
  }
}
/*# sourceMappingURL=style.css.map */
@media (max-width: 767px) {
  /* Default CSS */
  p {
    font-size: 14px;
  }
  .pt-100 {
    padding-top: 50px;
  }
  .pb-70 {
    padding-bottom: 20px;
  }
  .pb-100 {
    padding-bottom: 50px;
  }
  .section-title h2 {
    font-size: 20px;
  }
  .section-title span {
    font-size: 14px;
    margin-bottom: 0px;
  }
  h3 {
    font-size: 20px;
  }
  .theme-button .default-btn {
    padding: 10px 30px;
  }
  #particles-js {
    display: none;
  }
  /*------ Home Page ONE CSS Start ------*/
  /* Header CSS */
  .header-area {
    display: none;
  }
  /* Navbar CSS */
  .navbar-area .other-option {
    display: none;
  }
  .navbar-area .mobile-nav {
    display: block;
    position: relative;
  }
  .navbar-area .mobile-nav .navbar-nav {
    height: 300px;
    overflow-y: scroll;
  }
  .navbar-area .mobile-nav .logo {
    position: absolute;
    top: 8px;
    left: 15px;
    z-index: 99999;
    max-width: 100px;
  }
  .navbar-area .mean-container .mean-bar {
    background-color: #000;
    padding: 0;
  }
  .navbar-area .mean-container a.meanmenu-reveal {
    padding: 15px 15px 0 0;
  }
  .navbar-area .mobile-nav nav .navbar-nav .nav-item a i {
    display: none;
  }
  .navbar-area .main-nav {
    display: none !important;
  }
  .navbar-area.sticky-top {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
  }
  /* Banner CSS*/
  .main-banner {
    height: 100%;
  }
  .main-banner .banner-text {
    text-align: center;
    padding-top: 115px;
    padding-bottom: 75px;
  }
  .main-banner .banner-text h1 {
    font-size: 25px;
    margin-bottom: 25px;
  }
  .main-banner .banner-text p {
    font-size: 15px;
    margin-bottom: 30px;
  }
  .main-banner .banner-image {
    position: relative;
    left: 0;
    right: 0;
    max-width: 100%;
    top: inherit;
    bottom: 40px;
  }
  .main-banner .banner-text .theme-button .default-btn {
    margin-right: 5px;
    padding: 10px 16px;
    font-size: 14px;
  }
  .main-banner .banner-text .theme-button .video-btn {
    top: 0px;
  }
  .main-banner .banner-text .theme-button .video-btn i {
    width: 44px;
    height: 44px;
    line-height: 43px;
    font-size: 14px;
  }
  /* Video Section CSS */
  .video-section {
    padding-bottom: 60px;
  }
  .video-section .video-text {
    text-align: center;
  }
  .video-section .video-text i {
    width: 50px;
    height: 50px;
    line-height: 50px;
    font-size: 14px;
  }
  .video-section .video-text i::after {
    display: none;
  }
  .video-section .video-text p {
    position: relative;
    left: 0;
    right: 0;
    font-size: 20px;
    top: 40px;
  }
  /* Theory CSS */
  .theory-section {
    margin-top: 50px;
    text-align: center;
  }
  .theory-section .theory-area {
    -webkit-box-shadow: 0px 2px 20px 0px rgba(12, 0, 46, 0.14);
            box-shadow: 0px 2px 20px 0px rgba(12, 0, 46, 0.14);
    margin: 0;
  }
  .theory-section .theory-area .theory-text {
    padding: 50px 0px;
  }
  .theory-section .theory-area .theory-text h2 {
    font-size: 20px;
  }
  .theory-section .theory-area .theory-text p {
    margin-bottom: 15px;
  }
  .theory-section .theory-area .theory-img {
    position: relative;
    bottom: 0;
    max-width: 100%;
    right: 0;
    left: 0;
    margin: auto;
    top: inherit;
  }
  /* About CSS */
  .about-section {
    padding-top: 50px;
    text-align: center;
  }
  .about-section .about-text .about-us {
    margin-bottom: 30px;
  }
  .about-section .about-text .about-us i {
    left: 0;
  }
  .about-section .about-text p {
    margin-bottom: 40px;
  }
  .about-section .about-image img {
    position: relative;
    max-width: 100%;
    margin: auto;
    margin-bottom: 30px;
  }
  /* Feature CSS */
  .features-section .features-card {
    padding: 20px 15px;
  }
  .features-section .features-card i {
    font-size: 30px;
    width: 70px;
    height: 70px;
    line-height: 70px;
  }
  /* Service CSS */
  .service-section .service-text {
    padding: 20px;
    margin: 20px;
  }
  .service-section .service-text h2 {
    font-size: 20px;
    text-align: center;
  }
  .service-section .service-text ul li {
    padding: 10px 10px 10px 65px;
    max-width: 300px;
    font-size: 14px;
  }
  .service-section .service-text ul li i {
    width: 50px;
    line-height: 45px;
    height: 45px;
    font-size: 14px;
  }
  .service-section .service-img {
    width: 100%;
  }
  /* Team CSS */
  .team-section .team-card .team-img img {
    width: 100%;
  }
  /* Testimonial CSS */
  .testimonial-section .testimonial-slider::before {
    width: 100%;
    height: 90%;
    bottom: 0;
  }
  .testimonial-section .testimonial-slider img {
    margin: 0 auto 20px;
    max-width: 115px;
  }
  .testimonial-section .testimonial-slider p {
    padding: 0 10px;
  }
  /* Portofolio CSS */
  .portfolio-section .portfolio-item .portfolio-img img {
    width: 100%;
  }
  .portfolio-section .portfolio-item .portfolio-img .portfolio-text h3 {
    font-size: 16px;
  }
  .portfolio-section .portfolio-item .portfolio-img .portfolio-text .portfolio-btn {
    font-size: 13px;
    padding: 8px 15px;
  }
  .portfolio-section .theme-button {
    margin: 10px 0;
  }
  /* Progress CSS */
  .progress-section .progress-image {
    width: 100%;
  }
  .progress-section .progress-text {
    padding: 40px 25px;
  }
  .progress-section .progress-text h2 {
    font-size: 20px;
    margin-bottom: 15px;
  }
  .progress-section .progress-text p {
    font-size: 15px;
    margin-bottom: 55px;
  }
  /* Blog CSS */
  .blog-section .blog-card .blog-img img {
    width: 100%;
  }
  .blog-section .blog-card h3 {
    font-size: 16px !important;
  }
  .blog-section .blog-card .post-info .blog-btn {
    top: 7px !important;
  }
  /* Contact CSS */
  .contact-section .contact-form {
    padding: 30px;
  }
  .contact-section .contact-form .contact-shape {
    display: none;
  }
  .contact-section .contact-img {
    background-image: none;
  }
  .contact-section .contact-img img {
    position: relative;
    display: block;
    width: 100%;
  }
  .contact-section .p-0 {
    padding-left: 15px !important;
    padding-right: 15px !important;
  }
  /* Newsletter CSS */
  .newsletter-section .newsletter-area {
    margin-bottom: 50px;
    padding: 30px;
    text-align: center;
  }
  .newsletter-section .newsletter-area h2 {
    font-size: 20px;
    margin-bottom: 25px;
    line-height: 1.3;
  }
  .newsletter-section .newsletter-area .newsletter-form {
    text-align: center;
  }
  .newsletter-section .newsletter-area .newsletter-form .form-control {
    margin-bottom: 15px;
  }
  .newsletter-section .newsletter-area .newsletter-form .default-btn {
    position: relative;
    text-align: center;
  }
  .newsletter-section .newsletter-area .subscribe-shape {
    display: none;
  }
  /* Footer CSS */
  .footer-area {
    -webkit-clip-path: none;
            clip-path: none;
    padding-top: 50px;
  }
  .footer-area .footer-widget {
    margin-bottom: 30px;
  }
  .footer-area .footer-widget h3 {
    margin-bottom: 20px;
  }
  .footer-area .footer-widget ul li {
    margin-bottom: 15px;
  }
  .footer-area .pl-75 {
    padding-left: 0;
  }
  .footer-area .copyright-area {
    margin-top: 20px;
    text-align: center !important;
  }
  .footer-area .copyright-area p {
    text-align: center !important;
    margin-bottom: 10px;
    line-height: 1.6;
  }
  .footer-area .copyright-area ul {
    padding-left: 0;
  }
  .footer-area .copyright-area ul li a {
    text-align: center !important;
    font-size: 14px;
  }
  .footer-area .copyright-area .text-right, .footer-area .copyright-area .text-left {
    text-align: center !important;
  }
  /*------ Home Page One CSS End ------*/
  /*------ Home Page Two CSS Start ------*/
  /* Banner CSS */
  .banner-style-two .banner-image img {
    position: relative;
    left: 0 !important;
    right: 0 !important;
    margin: auto;
    width: 100% !important;
    margin-bottom: 30px;
    max-width: inherit !important;
  }
  /* About CSS */
  .about-style-two .about-image {
    width: 100%;
  }
  .about-style-two .about-text {
    padding: 20px;
    margin: 0 15px;
  }
  /* Video CSS */
  .video-style-two {
    padding: 100px 0;
  }
  .video-style-two .video-text a i {
    width: 60px;
    height: 60px;
    line-height: 60px;
    font-size: 15px;
  }
  .video-style-two .video-text a i::after {
    width: 80px;
    height: 80px;
  }
  /* Service CSS */
  .service-style-two {
    margin-top: 30px;
  }
  .service-style-two .service-text ul li {
    margin: 0 auto 20px;
  }
  /* Process CSS*/
  .progress-style-two {
    margin-top: 50px;
  }
  .progress-style-two .progress-image {
    z-index: -1;
  }
  .progress-style-two .progress-text {
    margin: 15px;
  }
  /* Price CSS */
  .pricing-section .pricing-card {
    padding: 40px 25px;
  }
  .pricing-section .pricing-card::before {
    height: 175px;
    -webkit-clip-path: none;
            clip-path: none;
  }
  .pricing-section .pricing-card .price-header {
    margin-bottom: 55px;
  }
  .pricing-section .pricing-card .price-header i {
    top: 90px;
    width: 90px;
    height: 90px;
    font-size: 50px;
    line-height: 80px;
  }
  .pricing-section .pricing-card .pricing-feature ul li {
    font-size: 14px;
  }
  .pricing-section .pricing-card.price-card-two::after {
    display: none;
  }
  .pricing-section .pricing-card.price-card-three::before {
    -webkit-clip-path: none;
            clip-path: none;
  }
  /* Contact CSS */
  .contact-section {
    text-align: center;
  }
  .contact-section .contact-form .contact-text h3 {
    font-size: 23px;
  }
  .contact-section .contact-form .contact-text p {
    font-size: 15px;
  }
  /*------ Home Page Two CSS End ------*/
  /*------ About Page CSS Start ------*/
  /* Theory CSS */
  .theory-style-two {
    margin-bottom: 50px;
    margin-top: 0;
  }
  /* Video CSS */
  .video-style-three {
    padding-top: 50px;
    padding-bottom: 50px;
  }
  .video-style-three .video-text a i {
    width: 60px;
    height: 60px;
    line-height: 60px;
  }
  .video-style-three .video-text a i::after {
    width: 70px;
    height: 70px;
    top: -5px;
    left: -5px;
  }
  /*------ About Page CSS End ------*/
  /*------ Service Page CSS Start ------*/
  .service-title {
    height: 100%;
    padding-top: 150px;
    padding-bottom: 100px;
  }
  .service-title h2 {
    font-size: 30px !important;
  }
  .service-style-three .service-card {
    padding: 20px 10px;
  }
  .service-style-three .service-card h3 {
    font-size: 18px !important;
  }
  /*------ Service Page CSS End ------*/
  /*------ Portfolio Page CSS Start ------*/
  .portfolio-title {
    height: 100%;
    padding-top: 150px;
    padding-bottom: 100px;
  }
  .portfolio-title h2 {
    font-size: 30px !important;
  }
  /*------ Portfolio Page CSS End ------*/
  /*------ Portfolio Page TWO CSS Start ------*/
  .portfolio-style-two .portfolio-menu li {
    margin-bottom: 10px;
    padding: 5px 15px;
    display: block;
  }
  /*------ Portfolio Page TWO CSS End ------*/
  /*------ Pricing Page CSS Start ------*/
  .pricing-title {
    height: 100%;
    padding-top: 150px;
    padding-bottom: 100px;
  }
  .pricing-title h2 {
    font-size: 30px !important;
  }
  /*------ Pricing Page CSS End ------*/
  /*------ 404 Page CSS Start ------*/
  .error-title {
    height: 100%;
    padding-top: 150px;
    padding-bottom: 100px;
  }
  .error-title h2 {
    font-size: 30px !important;
  }
  /*------ 404 Page CSS End ------*/
  /*------ Team Page CSS Start ------*/
  .team-title {
    height: 100%;
    padding-top: 150px;
    padding-bottom: 100px;
  }
  .team-title h2 {
    font-size: 30px !important;
  }
  /*------ Team Page CSS End ------*/
  /*------ Privacy Page CSS Start ------*/
  .privacy-title {
    height: 100%;
    padding-top: 150px;
    padding-bottom: 100px;
  }
  .privacy-title h2 {
    font-size: 30px !important;
  }
  .privacy-section h2 {
    font-size: 20px;
  }
  .privacy-section .privacy-text h3 {
    font-size: 16px;
  }
  /*------ Privacy Page CSS End ------*/
  /*------ Blog Page CSS Start ------*/
  .blog-title {
    height: 100%;
    padding-top: 150px;
    padding-bottom: 100px;
  }
  .blog-title h2 {
    font-size: 30px !important;
  }
  /*------ Blog Page CSS End ------*/
  /*------ Blog Details Page CSS Start ------*/
  .blog-details-area .blog-description .article-title {
    font-size: 20px;
    line-height: 1.4;
  }
  .blog-details-area .blog-description .blog-comment {
    padding: 20px;
    text-align: center;
  }
  .blog-details-area .blog-description .blog-comment .default-btn {
    font-size: 14px;
    padding: 10px 20px;
  }
  .blog-details-area .blog-description .article-info ul li {
    margin-right: 5px;
  }
  .blog-details-area .blog-category ul li a {
    font-size: 15px;
  }
  .blog-details-area .photo-gallery {
    text-align: center;
  }
  .blog-details-area .photo-gallery a img {
    padding-left: 0;
  }
  .blog-details-area .tags {
    text-align: center;
  }
  /*------ Blog Details Page CSS End ------*/
  /*------ FAQ Page CSS Start ------*/
  .faq-title {
    height: 100%;
    padding-top: 150px;
    padding-bottom: 100px;
  }
  .faq-title h2 {
    font-size: 30px !important;
  }
  .faq-area h2 {
    font-size: 20px;
  }
  .faq-area .question {
    padding-top: 10px;
    padding-right: 20px;
    padding-bottom: 10px;
    font-size: 15px;
    font-weight: 500;
    padding-left: 30px;
  }
  .faq-area .faq-t {
    top: -45px;
  }
  /*------ FAQ Page CSS End ------*/
  /*------ Contact Page CSS Start ------*/
  .contact-title {
    height: 100%;
    padding-top: 150px;
    padding-bottom: 100px;
  }
  .contact-title h2 {
    font-size: 30px !important;
  }
  .contact-area .contact-box {
    margin-top: 50px;
    padding: 40px 0px;
  }
  .contact-area .contact-box .contact-card {
    margin-bottom: 20px;
  }
  .map {
    height: 300px;
    margin-bottom: 50px;
  }
  .map iframe {
    height: 300px;
  }
  /*------ Contact Page CSS End ------*/
}

@media (min-width: 768px) and (max-width: 991px) {
  /*------ Home Page One CSS Start ------*/
  /* Default CSS */
  .pt-100 {
    padding-top: 70px;
  }
  .pb-70 {
    padding-bottom: 40px;
  }
  .pb-100 {
    padding-bottom: 70px;
  }
  .section-title h2 {
    font-size: 25px;
  }
  .section-title span {
    font-size: 14px;
    margin-bottom: 0px;
  }
  .theme-button .default-btn {
    padding: 10px 30px;
  }
  #particles-js {
    display: none;
  }
  /* Header CSS*/
  .header-area .header-left-text ul li {
    font-size: 14px;
  }
  /* Navbar CSS */
  .navbar-area .other-option {
    display: none;
  }
  .navbar-area .mobile-nav {
    display: block;
    position: relative;
  }
  .navbar-area .mobile-nav .navbar-nav {
    height: 300px;
    overflow-y: scroll;
  }
  .navbar-area .mobile-nav .logo {
    position: absolute;
    top: 8px;
    left: 15px;
    z-index: 99999;
    max-width: 100px;
  }
  .navbar-area .mean-container .mean-bar {
    background-color: #000;
    padding: 0;
  }
  .navbar-area .mean-container a.meanmenu-reveal {
    padding: 15px 15px 0 0;
  }
  .navbar-area .mobile-nav nav .navbar-nav .nav-item a i {
    display: none;
  }
  .navbar-area .main-nav {
    display: none !important;
  }
  .navbar-area.sticky-top {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
  }
  /* Banner CSS */
  .main-banner {
    height: 100%;
    text-align: center;
  }
  .main-banner .banner-text {
    margin: auto;
    padding-top: 150px;
    padding-bottom: 140px;
  }
  .main-banner .banner-text h1 {
    font-size: 45px;
    margin-bottom: 30px;
  }
  .main-banner .banner-text p {
    margin-bottom: 35px;
  }
  .main-banner .banner-text .theme-button .video-btn {
    top: 2px;
  }
  .main-banner .banner-text .theme-button .video-btn i {
    width: 48px;
    height: 48px;
    line-height: 48px;
    font-size: 16px;
  }
  .main-banner .banner-image {
    position: relative;
    margin: auto;
    bottom: 50px;
    top: inherit;
    right: 0;
    left: 0;
  }
  .main-banner .banner-image img {
    max-width: 100%;
  }
  /* Video Section CSS */
  .video-section {
    padding-bottom: 75px;
  }
  .video-section .video-text {
    text-align: center;
  }
  .video-section .video-text i {
    width: 50px;
    height: 50px;
    line-height: 50px;
    font-size: 14px;
  }
  .video-section .video-text p {
    position: relative;
    left: 0;
    right: 0;
    font-size: 20px;
    top: 40px;
  }
  /* Theory CSS */
  .theory-section {
    margin-top: 70px;
    text-align: center;
  }
  .theory-section .theory-area .theory-text {
    padding: 50px 0px;
  }
  .theory-section .theory-area .theory-text h2 {
    font-size: 20px;
  }
  .theory-section .theory-area .theory-text p {
    margin-bottom: 15px;
  }
  .theory-section .theory-area .theory-img {
    position: relative;
    bottom: 0;
    max-width: 100%;
    right: 0;
    left: 0;
    margin: auto;
    top: inherit;
  }
  /* About CSS */
  .about-section {
    padding-top: 70px;
  }
  .about-section .about-image {
    margin: auto;
  }
  .about-section .about-image img {
    position: relative;
    width: 100%;
    margin: auto;
    max-width: unset;
    margin-bottom: 30px;
  }
  .about-section .about-image :nth-child(3), .about-section .about-image :nth-child(2) {
    bottom: 0;
    left: 0;
    right: 0;
  }
  .about-section .about-text .section-title {
    margin: 0 auto 50px 0;
  }
  .service-section .service-text {
    padding: 35px;
  }
  .service-section .service-text h2 {
    font-size: 20px;
  }
  /* Team CSS */
  .team-section .team-card .team-img img {
    width: 100%;
  }
  /* Portofolio CSS */
  .portfolio-section .portfolio-item .portfolio-img img {
    width: 100%;
  }
  .portfolio-section .portfolio-item .portfolio-img .portfolio-text h3 {
    margin-bottom: 20px;
  }
  .portfolio-section .portfolio-item .portfolio-img .portfolio-text .portfolio-btn {
    padding: 10px 20px;
  }
  /* Progress CSS */
  .progress-section .progress-text {
    padding: 35px;
  }
  .progress-section .progress-text h2 {
    font-size: 25px;
  }
  .newsletter-section .newsletter-area {
    text-align: center;
  }
  .newsletter-section .newsletter-area .subscribe-shape {
    display: none;
  }
  /* Footer CSS */
  .footer-area {
    -webkit-clip-path: none;
            clip-path: none;
    padding-top: 200px;
  }
  .footer-area .footer-widget .footer-logo img {
    margin-top: 0;
    max-width: 100px;
  }
  .footer-area .footer-widget ul li {
    font-size: 14px;
    margin-bottom: 25px;
  }
  .footer-area .footer-widget p {
    font-size: 14px;
  }
  .footer-area .pl-75 {
    padding-left: 15px;
  }
  .footer-area .copyright-area {
    margin-top: 60px;
  }
  .footer-area .copyright-area p {
    font-size: 14px;
    line-height: 1.4;
  }
  .footer-area .copyright-area ul li a {
    font-size: 15px;
  }
  /*------ Home Page One CSS End ------*/
  /*------ Home Page Two CSS Start ------*/
  .banner-style-two .banner-text .theme-button .video-btn {
    top: 0;
  }
  .banner-style-two .banner-text .theme-button .video-btn i {
    width: 45px;
    height: 45px;
    line-height: 45px;
    font-size: 16px;
  }
  .banner-style-two .banner-image {
    margin: auto;
    max-width: 100%;
  }
  .banner-style-two .banner-image img {
    position: relative;
    max-width: 100%;
    right: 0 !important;
    margin: 0 10px;
  }
  /* About CSS */
  .about-style-two .about-image {
    width: 100%;
  }
  .about-style-two .about-text {
    margin: 0 50px;
  }
  /* Pricing CSS */
  .pricing-section .pricing-card::before {
    -webkit-clip-path: none;
            clip-path: none;
    height: 185px;
  }
  .pricing-section .pricing-card .price-header i {
    top: 90px;
  }
  .pricing-section .pricing-card.price-card-two::before {
    height: 260px;
  }
  .pricing-section .pricing-card.price-card-two::after {
    display: none;
  }
  .pricing-section .pricing-card.price-card-three::before {
    height: 185px;
    -webkit-clip-path: none;
            clip-path: none;
  }
  .pricing-section .pricing-card .pricing-feature ul li {
    font-size: 16px;
  }
  /* Blog CSS */
  .blog-section .blog-card .blog-text h3 {
    font-size: 18px;
  }
  /*------ Home Page Two CSS End ------*/
  /*------ About Page CSS Start ------*/
  /* Theory CSS */
  .theory-style-two {
    margin-top: 0;
    margin-bottom: 70px;
  }
  /*------ About Page CSS End ------*/
  /*------ Service Page CSS Start ------*/
  .service-title {
    height: 100%;
    padding-top: 150px;
    padding-bottom: 100px;
  }
  .service-title h2 {
    font-size: 30px !important;
  }
  /*------ Service Page CSS End ------*/
  /*------ Portfolio Page CSS Start ------*/
  .portfolio-title {
    height: 100%;
    padding-top: 150px;
    padding-bottom: 100px;
  }
  .portfolio-title h2 {
    font-size: 30px !important;
  }
  /*------ Portfolio Page CSS End ------*/
  /*------ Pricing Page CSS Start ------*/
  .pricing-title {
    height: 100%;
    padding-top: 150px;
    padding-bottom: 100px;
  }
  .pricing-title h2 {
    font-size: 30px !important;
  }
  /*------ Pricing Page CSS End ------*/
  /*------ 404 Page CSS Start ------*/
  .error-title {
    height: 100%;
    padding-top: 150px;
    padding-bottom: 100px;
  }
  .error-title h2 {
    font-size: 30px !important;
  }
  /*------ 404 Page CSS End ------*/
  /*------ Team Page CSS Start ------*/
  .team-title {
    height: 100%;
    padding-top: 150px;
    padding-bottom: 100px;
  }
  .team-title h2 {
    font-size: 30px !important;
  }
  /*------ Team Page CSS End ------*/
  /*------ Privacy Page CSS Start ------*/
  .privacy-title {
    height: 100%;
    padding-top: 150px;
    padding-bottom: 100px;
  }
  .privacy-title h2 {
    font-size: 30px !important;
  }
  .privacy-section h2 {
    font-size: 25px;
  }
  .privacy-section .privacy-text h3 {
    font-size: 18px;
  }
  /*------ Privacy Page CSS End ------*/
  /*------ Blog Page CSS Start ------*/
  .blog-title {
    height: 100%;
    padding-top: 150px;
    padding-bottom: 100px;
  }
  .blog-title h2 {
    font-size: 30px !important;
  }
  /*------ Blog Page CSS End ------*/
  /*------ FAQ Page CSS Start ------*/
  .faq-title {
    height: 100%;
    padding-top: 150px;
    padding-bottom: 100px;
  }
  .faq-title h2 {
    font-size: 30px !important;
  }
  /*------ FAQ Page CSS End ------*/
  /*------ Contact Page CSS Start ------*/
  .contact-title {
    height: 100%;
    padding-top: 150px;
    padding-bottom: 100px;
  }
  .contact-title h2 {
    font-size: 30px !important;
  }
  .contact-area .contact-box {
    margin-top: 50px;
    padding: 40px 0px;
  }
  .contact-area .contact-box .contact-card {
    margin-bottom: 20px;
  }
  .map {
    height: 500px;
    margin-bottom: 70px;
  }
  .map iframe {
    height: 500px;
  }
  /*------ Contact Page CSS End ------*/
}

@media (min-width: 992px) and (max-width: 1199px) {
  /* Default CSS */
  .section-title h2 {
    font-size: 30px;
  }
  /*------ Home Page One CSS Start ------*/
  /* Header CSS */
  .header-area .header-left-text ul li i {
    font-size: 14px;
  }
  /* Banner CSS */
  .main-banner {
    height: 100%;
  }
  .main-banner .banner-text {
    max-width: 520px;
    padding-top: 100px;
    padding-bottom: 100px;
  }
  .main-banner .banner-text h1 {
    font-size: 50px;
  }
  .main-banner .banner-image {
    max-width: 340px;
    right: 50px;
    top: 100px;
  }
  /* Theory CSS */
  .theory-section .theory-area .theory-img {
    top: inherit;
    bottom: 0;
    max-width: 445px;
  }
  .theory-section .theory-area .theory-text h3 {
    font-size: 30px;
  }
  /* Service Section */
  .service-section .service-text {
    padding: 60px;
  }
  .service-section .service-text h2 {
    margin-bottom: 30px;
    font-size: 20px;
  }
  /* Team CSS */
  .team-section .team-card .team-text {
    width: 100%;
  }
  .team-section .team-card .team-text h3 {
    font-size: 15px;
  }
  .team-section .team-card .team-text p {
    font-size: 14px;
  }
  /* Testimonial Section */
  .testimonial-section .testimonial-slider p {
    padding: 0 50px;
  }
  /* Process Section */
  .progress-section .progress-text {
    padding: 50px;
  }
  .progress-section .progress-text h2 {
    font-size: 20px;
    margin-bottom: 30px;
  }
  .progress-section .progress-text p {
    margin-bottom: 70px;
  }
  /* Blog Section */
  .blog-section .blog-card .blog-text h3 {
    font-size: 16px;
  }
  .blog-section .blog-card .blog-text .post-info .blog-btn {
    top: 7px;
  }
  /*------ Home Page One CSS End ------*/
  /*------ Home Page Two CSS Start ------*/
  /* Banner CSS */
  .banner-style-two .banner-image img {
    width: 100%;
  }
  /* About CSS */
  .about-style-two {
    background: none;
  }
  /* Price CSS */
  .pricing-section .pricing-card {
    padding: 30px;
  }
  .pricing-section .pricing-card .pricing-feature ul li {
    font-size: 16px;
  }
  .pricing-section .pricing-card.price-card-two::after {
    top: 140px;
  }
  /* Footer CSS */
  .footer-area .pl-75 {
    padding-left: 40px;
  }
  .footer-area .footer-widget p {
    font-size: 15px;
  }
  .footer-area .footer-widget ul li {
    margin-bottom: 25px;
  }
  /*------ Home Page Two CSS End ------*/
  /*------ About Page CSS Start ------*/
  /* Theory CSS */
  .theory-style-two {
    margin-top: 30px;
    margin-bottom: 100px;
  }
  /*------ About Page CSS End ------*/
}

@media (min-width: 1800px) {
  /* Home Page CSS Start */
  /* Banner CSS */
  /* Progress CSS */
  .progress-section .progress-text {
    padding: 100px;
  }
  /* Home Page CSS End */
  /* Home Page Two CSS Start */
  /* Banner CSS*/
  .service-section .service-text h2 {
    max-width: 590px;
  }
  /* Home Page Two CSS End */
}
/*# sourceMappingURL=responsive.css.map */