/*------------------------------------

    Theme Name: Afra
    Theme URI: http://demo.afracode.com/afra
    Description: Financial & Corporate Business HTML5 Template
    Author: AfraCode
    Author URI: http://themeforest.net/user/afracode
    Version: 1.0

------------------------------------*/

/*------------------------------------

    // TABLE OF CONTENT //

    Basic
    Typography
    Bootstrap Reset
    Helper Classes
    Header
    Footer
    Sidenav
    Forms
    Buttons
    Social Links
    Lists
    Titles
    Widgets
    Dividers
    Comments
    Progress
    Accordions
    Blockquote
    Breadcrumb
    Sections
    Hero
    About
    Team/Users
    Posts
    Search
    Contact
    Features
    Services
    Portfolio
    Pagination
    Testimonials
    Call To Action
    Pricing Tables
    Data Filters
    Scroll To Up
    Owl Carousel
    Magnific Popup
    Animations

------------------------------------*/

/*------------------------------------
    Basic
------------------------------------*/

body {
  width: 100%;
  position: relative;
  overflow-x: hidden;
  background-color: #fff;
  margin: 0;
}

a,
a:hover,
button {
  color: inherit;
  background-color: inherit;
}

a,
a:hover,
a:focus,
a:active,
button,
button:focus {
  outline: 0;
  border: none;
  text-decoration: none;
}

a img {
  border: none;
}

img {
  height: auto;
  /* display: block; */
  max-width: 100%;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  margin: inherit;
}

pre,
ul,
ol,
dl,
dd,
blockquote,
address,
table,
fieldset,
form {
  margin-bottom: 30px;
}

iframe {
  display: block;
  border: none !important;
}

:active,
:focus {
  outline: none !important;
}

::-moz-selection {
  color: #fff;
  background-color: var(--primary);
}

::selection {
  color: #fff;
  background-color: var(--primary);
}

/*------------------------------------
Typography
------------------------------------*/

body {
  color: #000;
  font-size: 16px;
  line-height: 1.5;
  font-family: "Poppins", sans-serif;
}

p {
  font-size: 16px;
  line-height: 1.8;
  margin-bottom: 15px;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  line-height: 1.3;
  margin-bottom: 15px;
  font-family: "Poppins", sans-serif;
}

h1 {
  font-size: 36px;
  font-weight: 700;
}

h2 {
  font-size: 30px;
  font-weight: 700;
}

h3 {
  font-size: 24px;
  font-weight: 700;
}

h4 {
  font-size: 18px;
  font-weight: 700;
}

h5 {
  font-size: 14px;
}

h6 {
  font-size: 12px;
}

@media (max-width: 575px) {
  body,
  p {
    font-size: 14px;
  }
}

/*------------------------------------
Bootstrap Reset
------------------------------------*/
.row-0 {
  margin-left: 0;
  margin-right: 0;
}

.row-0 > * {
  padding-left: 0;
  padding-right: 0;
}

@media (max-width: 768px) {
  .container {
    width: 100%;
    display: block;
    max-width: 600px;
    padding-left: 15px;
    padding-right: 15px;
  }
}
@media (min-width: 1200px) {
  .container {
    max-width: 1170px;
  }
}

/*------------------------------------
Helper Classes
------------------------------------*/

.text-left {
  text-align: left;
}

.text-right {
  text-align: right;
}

.text-center {
  text-align: center;
}

.div-center {
  float: none !important;
  display: block !important;
  position: relative !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

.lowercase {
  text-transform: lowercase !important;
}

.uppercase {
  text-transform: uppercase !important;
}

.capitalize {
  text-transform: capitalize !important;
}

.inline-block {
  float: none;
  display: inline-block;
}

.vertical-wrap {
  width: 100%;
  height: 100%;
  position: absolute;
}

.vertical-wrap .vertical-inner {
  top: 50%;
  left: 50%;
  width: 100%;
  position: absolute;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

/*
* Overlay & Backgrounds
*/

.overlay-light,
.overlay-light h3 {
  color: #ffffff;
}

.overlay-light p,
.overlay-light h2,
.overlay-light .section-title span {
  color: #eee !important;
}

.overlay-dark,
.overlay-dark h1,
.overlay-dark h2,
.overlay-dark h3,
.overlay-dark h4,
.overlay-dark h5,
.overlay-dark h6 {
  color: #000000;
}

.overlay-dark p {
  color: #666666;
}

.overlay-color,
.overlay-pattern,
.overlay-gradient .overlay-animation,
.overlay-color .container,
.overlay-image .container,
.overlay-gradient .container {
  position: relative;
}

.overlay-image {
  background: no-repeat center center / cover;
}

.overlay-color .bg-color {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  position: absolute;
}

.overlay-pattern .bg-pattern {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  position: absolute;
}

.overlay-pattern .bg-pattern-1 {
  background: rgba(0, 0, 0, 0.3);
}

.overlay-pattern .bg-pattern-2 {
  background: repeat url("../images/pattern-1.png") center center / 9px;
}

.overlay-pattern .bg-pattern-3 {
  background: repeat url("../images/pattern-3.png") center center;
}

.overlay-gradient .bg-gradient,
.overlay-animation .bg-animation {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  position: absolute;
}

.bg-primary {
  background-color: var(--primary) !important;
}

.bg-secondary {
  background-color: var(--secondary) !important;
}

.bg-dark-10 {
  background-color: rgba(0, 0, 0, 0.1) !important;
}

.bg-dark-20 {
  background-color: rgba(0, 0, 0, 0.2) !important;
}

.bg-dark-30 {
  background-color: rgba(0, 0, 0, 0.3) !important;
}

.bg-dark-40 {
  background-color: rgba(0, 0, 0, 0.4) !important;
}

.bg-dark-50 {
  background-color: rgba(0, 0, 0, 0.5) !important;
}

.bg-dark-60 {
  background-color: rgba(0, 0, 0, 0.6) !important;
}

.bg-dark-70 {
  background-color: rgba(0, 0, 0, 0.7) !important;
}

.bg-dark-80 {
  background-color: rgba(0, 0, 0, 0.8) !important;
}

.bg-dark-90 {
  background-color: rgba(0, 0, 0, 0.9) !important;
}

.bg-dark-100 {
  background-color: rgba(0, 0, 0, 1) !important;
}

.bg-light-10 {
  background-color: rgba(255, 255, 255, 0.1) !important;
}

.bg-light-20 {
  background-color: rgba(255, 255, 255, 0.2) !important;
}

.bg-light-30 {
  background-color: rgba(255, 255, 255, 0.3) !important;
}

.bg-light-40 {
  background-color: rgba(255, 255, 255, 0.4) !important;
}

.bg-light-50 {
  background-color: rgba(255, 255, 255, 0.5) !important;
}

.bg-light-60 {
  background-color: rgba(255, 255, 255, 0.6) !important;
}

.bg-light-70 {
  background-color: rgba(255, 255, 255, 0.7) !important;
}

.bg-light-80 {
  background-color: rgba(255, 255, 255, 0.8) !important;
}

.bg-light-90 {
  background-color: rgba(255, 255, 255, 0.9) !important;
}

.bg-light-100 {
  background-color: rgba(255, 255, 255, 1) !important;
}

.bg-gradient,
.bg-gradient-0 {
  background-image: -webkit-gradient(
    linear,
    left bottom,
    left top,
    from(var(--primary)),
    to(var(--secondary))
  );
  background-image: linear-gradient(
    0deg,
    var(--primary) 0%,
    var(--secondary) 100%
  );
}

.bg-gradient-45 {
  background-image: linear-gradient(
    45deg,
    var(--primary) 0%,
    var(--secondary) 100%
  );
}

.bg-gradient-90 {
  background-image: -webkit-gradient(
    linear,
    left top,
    right top,
    from(var(--primary)),
    to(var(--secondary))
  );
  background-image: linear-gradient(
    90deg,
    var(--primary) 0%,
    var(--secondary) 100%
  );
}

.bg-gradient-135 {
  background-image: linear-gradient(
    135deg,
    var(--primary) 0%,
    var(--secondary) 100%
  );
}

.bg-gradient-180 {
  background-image: -webkit-gradient(
    linear,
    left top,
    left bottom,
    from(var(--primary)),
    to(var(--secondary))
  );
  background-image: linear-gradient(
    180deg,
    var(--primary) 0%,
    var(--secondary) 100%
  );
}

.bg-gradient-225 {
  background-image: linear-gradient(
    225deg,
    var(--primary) 0%,
    var(--secondary) 100%
  );
}

.bg-gradient-270 {
  background-image: -webkit-gradient(
    linear,
    right top,
    left top,
    from(var(--primary)),
    to(var(--secondary))
  );
  background-image: linear-gradient(
    270deg,
    var(--primary) 0%,
    var(--secondary) 100%
  );
}

.bg-gradient-315 {
  background-image: linear-gradient(
    315deg,
    var(--primary) 0%,
    var(--secondary) 100%
  );
}

.bg-gradient-360 {
  background-image: -webkit-gradient(
    linear,
    left bottom,
    left top,
    from(var(--primary)),
    to(var(--secondary))
  );
  background-image: linear-gradient(
    360deg,
    var(--primary) 0%,
    var(--secondary) 100%
  );
}

.bg-animation-1 {
  background: linear-gradient(
    -45deg,
    #000,
    #151515,
    var(--secondary),
    var(--primary),
    #000
  );
  background-size: 400% 400%;
  -webkit-animation: Gradient 9s ease infinite;
  animation: Gradient 9s ease infinite;
}

.bg-animation-2 {
  background: linear-gradient(
    -45deg,
    #fff,
    var(--primary),
    var(--secondary),
    var(--primary),
    #fff
  );
  background-size: 400% 400%;
  -webkit-animation: Gradient 9s ease infinite;
  animation: Gradient 9s ease infinite;
}

/*
* Font Weight
*/

.fw-100 {
  font-weight: 100 !important;
}

.fw-200 {
  font-weight: 200 !important;
}

.fw-300 {
  font-weight: 300 !important;
}

.fw-400 {
  font-weight: 400 !important;
}

.fw-500 {
  font-weight: 500 !important;
}

.fw-600 {
  font-weight: 600 !important;
}

.fw-700 {
  font-weight: 700 !important;
}

.fw-900 {
  font-weight: 900 !important;
}

/*
* Spacing
*/

.pt-0 {
  padding-top: 0;
}

.pt-5 {
  padding-top: 5px !important;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.pb-0 {
  padding-bottom: 0;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.pr-0 {
  padding-right: 0;
}

.pr-5 {
  padding-right: 5px;
}

.pr-10 {
  padding-right: 10px;
}

.pr-15 {
  padding-right: 15px;
}

.pr-20 {
  padding-right: 20px;
}

.pr-30 {
  padding-right: 30px;
}

.pr-35 {
  padding-right: 35px;
}

.pr-40 {
  padding-right: 40px;
}

.pr-45 {
  padding-right: 45px;
}

.pr-50 {
  padding-right: 50px;
}

.pr-60 {
  padding-right: 60px;
}

.pr-65 {
  padding-right: 65px;
}

.pr-70 {
  padding-right: 70px;
}

.pr-90 {
  padding-right: 90px;
}

.pl-0 {
  padding-left: 0;
}

.pl-5 {
  padding-left: 5px;
}

.pl-10 {
  padding-left: 10px;
}

.pl-15 {
  padding-left: 15px;
}

.pl-20 {
  padding-left: 20px;
}

.pl-30 {
  padding-left: 30px;
}

.pl-35 {
  padding-left: 35px;
}

.pl-40 {
  padding-left: 40px;
}

.pl-45 {
  padding-left: 45px;
}

.pl-50 {
  padding-left: 50px;
}

.pl-60 {
  padding-left: 60px;
}

.pl-65 {
  padding-left: 65px;
}

.pl-70 {
  padding-left: 70px;
}

.pl-90 {
  padding-left: 90px;
}

@media (max-width: 767px) {
  .pb-90 {
    padding-bottom: 15px;
  }
}

.mt-0 {
  margin-top: 0 !important;
}

.mt-10 {
  margin-top: 10px !important;
}

.mt-15 {
  margin-top: 15px !important;
}

.mt-20 {
  margin-top: 20px !important;
}

.mt-25 {
  margin-top: 25px !important;
}

.mt-30 {
  margin-top: 30px !important;
}

.mt-35 {
  margin-top: 35px !important;
}

.mt-40 {
  margin-top: 40px !important;
}

.mt-45 {
  margin-top: 45px !important;
}

.mt-50 {
  margin-top: 50px !important;
}

.mt-60 {
  margin-top: 60px !important;
}

.mt-70 {
  margin-top: 70px !important;
}

.mt-80 {
  margin-top: 80px !important;
}

.mt-90 {
  margin-top: 90px !important;
}

.mt-100 {
  margin-top: 100px !important;
}

.mt-110 {
  margin-top: 110px !important;
}

.mt-120 {
  margin-top: 120px !important;
}

.mb-0 {
  margin-bottom: 0 !important;
}

.mb-10 {
  margin-bottom: 10px !important;
}

.mb-15 {
  margin-bottom: 15px !important;
}

.mb-20 {
  margin-bottom: 20px !important;
}

.mb-25 {
  margin-bottom: 25px !important;
}

.mb-30 {
  margin-bottom: 30px !important;
}

.mb-35 {
  margin-bottom: 35px !important;
}

.mb-40 {
  margin-bottom: 40px !important;
}

.mb-45 {
  margin-bottom: 45px !important;
}

.mb-50 {
  margin-bottom: 50px !important;
}

.mb-60 {
  margin-bottom: 60px !important;
}

.mb-70 {
  margin-bottom: 70px !important;
}

.mb-80 {
  margin-bottom: 80px !important;
}

.mb-90 {
  margin-bottom: 90px !important;
}

.mb-100 {
  margin-bottom: 100px !important;
}

.mb-110 {
  margin-bottom: 110px !important;
}

.mb-120 {
  margin-bottom: 120px !important;
}

.ml-0 {
  margin-left: 0 !important;
}

.ml-10 {
  margin-left: 10px !important;
}

.ml-15 {
  margin-left: 15px !important;
}

.ml-20 {
  margin-left: 20px !important;
}

.ml-25 {
  margin-left: 25px !important;
}

.ml-30 {
  margin-left: 30px !important;
}

.ml-35 {
  margin-left: 35px !important;
}

.ml-40 {
  margin-left: 40px !important;
}

.ml-45 {
  margin-left: 45px !important;
}

.ml-50 {
  margin-left: 50px !important;
}

.ml-60 {
  margin-left: 60px !important;
}

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

.ml-80 {
  margin-left: 80px !important;
}

.ml-90 {
  margin-left: 90px !important;
}

.ml-100 {
  margin-left: 100px !important;
}

.ml-110 {
  margin-left: 110px !important;
}

.ml-120 {
  margin-left: 120px !important;
}

.mr-0 {
  margin-right: 0 !important;
}

.mr-10 {
  margin-right: 10px !important;
}

.mr-15 {
  margin-right: 15px !important;
}

.mr-20 {
  margin-right: 20px !important;
}

.mr-25 {
  margin-right: 25px !important;
}

.mr-30 {
  margin-right: 30px !important;
}

.mr-35 {
  margin-right: 35px !important;
}

.mr-40 {
  margin-right: 40px !important;
}

.mr-45 {
  margin-right: 45px !important;
}

.mr-50 {
  margin-right: 50px !important;
}

.mr-60 {
  margin-right: 60px !important;
}

.mr-70 {
  margin-right: 70px !important;
}

.mr-80 {
  margin-right: 80px !important;
}

.mr-90 {
  margin-right: 90px !important;
}

.mr-100 {
  margin-right: 100px !important;
}

.mr-110 {
  margin-right: 110px !important;
}

.mr-120 {
  margin-right: 120px !important;
}

/*
* Max Width
*/

.max-w-576 {
  max-width: 576px;
}

.max-w-768 {
  max-width: 768px;
}

.max-w-992 {
  max-width: 992px;
}

/*
* Text Colors
*/

.text-dark {
  color: #000000 !important;
}

.text-dark-1 {
  color: #333333 !important;
}

.text-dark-2 {
  color: #666666 !important;
}

.text-dark-3 {
  color: #999999 !important;
}

.text-light {
  color: #ffffff !important;
}

.text-light-1 {
  color: #eeeeee !important;
}

.text-light-2 {
  color: #cccccc !important;
}

.text-light-3 {
  color: #aaaaaa !important;
}

.text-primary {
  color: var(--primary) !important;
}

.text-secondary {
  color: var(--secondary) !important;
}

/*------------------------------------
Header
------------------------------------*/

/*
* Header Logo
*/

.site-header .logo {
  width: 215px;
  height: 78px;
  overflow: hidden;
  padding-top: 0px;
  display: inline-block;
}
.site-header .logo img {
  height: auto;
  display: block;
  max-width: 100%;
}

/*
* Header Menu
*/

.site-header .menu {
  float: right;
  list-style: none;
  padding: 0;
  margin: 0 -15px;
}

.site-header .menu > li {
  position: relative;
  display: inline-block;
}

.site-header .menu > li > a {
  color: #fff;
  display: block;
  font-size: 16px;
  font-weight: 700;
  line-height: 76px;
  padding-left: 15px;
  padding-right: 15px;
  text-transform: uppercase;
}

.site-header .menu > li.active > a {
  text-decoration: line-through !important;
}

/*
* Header Mega Menu
*/

.site-header .mega-menu {
  top: 100%;
  left: 6px;
  opacity: 0;
  z-index: 9;
  display: block;
  min-width: 150px;
  list-style: none;
  position: absolute;
  visibility: hidden;
  padding: 15px 30px 6px;
  background: #fff;
  border-radius: 3px;
  border: 1px solid #eee;
  border-bottom: 2px solid #eee;
  -webkit-box-shadow: 0 6px 30px rgba(0, 0, 0, 0.12);
  box-shadow: 0 6px 30px rgba(0, 0, 0, 0.12);
  -webkit-transform: translate(0, 15px);
  transform: translate(0, 15px);
  -webkit-transition: all 0.45s;
  transition: all 0.45s;
}

.site-header .mega-menu:before,
.site-header .mega-menu:after {
  content: "";
  position: absolute;
}

.site-header .mega-menu:before {
  top: -18px;
  left: 15px;
  border: 9px solid transparent;
  border-bottom: 9px solid #eee;
}

.site-header .mega-menu:after {
  top: -14px;
  left: 17px;
  border: 7px solid transparent;
  border-bottom: 7px solid #fff;
}

.site-header .mega-menu > li {
  font-size: 14px;
  padding: 3px 0;
  margin-bottom: 9px;
  white-space: nowrap;
}

.site-header .mega-menu > li > a {
  color: #999;
}

.site-header .mega-menu > li:hover > a {
  color: var(--primary);
}

.site-header .mega-menu > li.active > a {
  color: var(--primary);
  text-decoration: line-through !important;
}

.site-header .menu > li:hover > .mega-menu {
  opacity: 1;
  visibility: visible;
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
}

/*
* Header Button
*/

.site-header .button {
  float: right;
  display: none;
  margin-top: 30px;
  text-align: center;
  padding: 5px 0 0;
}

.site-header .button span,
.site-header .button span:before,
.site-header .button span:after {
  width: 27px;
  height: 3px;
  display: block;
  margin: 0 auto 5px;
  background-color: #fff;
}

.site-header .button span:before,
.site-header .button span:after {
  content: "";
  position: absolute;
}

.site-header .button span:before {
  top: 14px;
}

.site-header .button span:after {
  bottom: 9px;
}

/* 
 * Sticky header
*/

.site-header.sticky-header {
  top: 0;
  left: 0;
  width: 100%;
  z-index: 999;
  opacity: 0;
  position: fixed;
  visibility: hidden;
  background-color: #fff;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  -webkit-box-shadow: 0 6px 25px rgba(0, 0, 0, 0.1);
  box-shadow: 0 6px 25px rgba(0, 0, 0, 0.1);
  -webkit-transition: all 0.9s;
  transition: all 0.9s;
}

.site-header.sticky-header .main-bar {
  height: 75px;
}

.site-header.sticky-header .menu > li > a {
  color: #000;
}

.site-header.sticky-header .menu > li:hover > a,
.site-header.sticky-header .menu > li.active > a {
  color: var(--primary);
}

.site-header.sticky-header .button span,
.site-header.sticky-header .button span:before,
.site-header.sticky-header .button span:after {
  background: #000;
}

.site-header.sticky-header.sticky {
  opacity: 1;
  visibility: visible;
}

/*
* Static Header - Style 1
*/

.site-header.static-header-1 {
  top: 0;
  left: 0;
  width: 100%;
  z-index: 999;
  position: absolute;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
.site-header.static-header-1 .main-bar {
  background-color: transparent;
}

/*
* Static Header - Style 2
*/

.site-header.static-header-2 {
  top: 30px;
  left: 0;
  width: 100%;
  z-index: 999;
  position: absolute;
}
.site-header.static-header-2 .main-bar {
  height: 75px;
  border-radius: 3px;
  background-color: #fff;
  box-shadow: 0 0 20px rgba(0, 1, 1, 0.1);
}

.site-header.static-header-2 .logo {
  margin-left: 25px;
}

.site-header.static-header-2 .menu {
  padding-right: 45px;
}
.site-header.static-header-2 .menu > li > a {
  color: #000;
}

.site-header.static-header-2 .menu > li:hover > a,
.site-header.static-header-2 .menu > li.active > a {
  color: var(--primary);
}

.site-header.static-header-2 .button-search {
  width: 75px;
  height: 75px;
  float: right;
  color: #fff;
  text-align: center;
  line-height: 75px;
  border-left: 1px solid #eee;
  background-color: var(--primary);
  transition: all 0.3s;
}

.site-header.static-header-2 .button-search:hover {
  background-color: var(--primary-1);
}

@media (max-width: 767px) {
  .site-header.sticky-header {
    display: none !important;
  }
}

@media (max-width: 991px) {
  .site-header .menu {
    display: none !important;
  }

  .site-header .button {
    display: block !important;
  }

  .site-header.static-header {

  }
  .site-header.sticky-header {
    background-color: #fff !important;
  }
}

/*------------------------------------
Footer
------------------------------------*/

.site-footer {
  color: #999;
  font-size: 14px;
  overflow: hidden;
  position: relative;
  background-color: #000;
}

.site-footer p {
  font-size: 14px;
}

.site-footer .footer-link {
  padding: 0;
  list-style: none;
}

.site-footer .footer-link li {
  margin-bottom: 10px;
}

.site-footer .footer-link li i {
  margin-right: 9px;
}

/*
* Footer Copyright
*/

.site-footer .footer-copyright {
  height: 80px;
  position: relative;
  padding: 20px 0 0;
  border-top: 1px solid rgba(255, 255, 255, 0.06);
}

.site-footer .footer-copyright .copyright {
  text-align: center;
}

/*
* Footer Widgets
*/

.site-footer .footer-widgets {
  overflow: hidden;
  position: relative;
  padding: 100px 0 70px;
  z-index: 3;
}

.site-footer .widget .widget-head .divider {
  margin-left: 0;
  margin-right: 0;
  position: inherit;
}

.site-footer .widget .widget-head .widget-title {
  color: #fff;
}

.site-footer .widget .widget-head .widget-title:after {
  left: 0;
  bottom: -1px;
  width: 100%;
  height: 1px;
  content: "";
  position: absolute;
  background: rgba(255, 255, 255, 0.1);
}

.site-footer .widget .footer-social-links {
  padding: 0;
  list-style: none;
}

.site-footer .widget .footer-social-links li {
  display: inline-block;
}

.site-footer .widget .footer-social-links li a {
  display: block;
  margin-right: 15px;
}

.site-footer .widget .footer-social-links li a:hover {
  color: var(--primary);
}

.site-footer .widget .form-item {
  height: 51px;
  max-width: 100%;
  position: relative;
  background: rgba(255, 255, 255, 0.1);
  padding-left: 51px;
  border-radius: 30px;
}

.site-footer .widget .form-item > .fa {
  top: 17px;
  left: 21px;
  color: var(--primary);
  position: absolute;
}

.site-footer .widget .form-item .input {
  color: #fff;
  font-size: 14px;
  line-height: 49px;
  outline: 0;
  border: 0;
  border-radius: 30px;
  background-color: transparent;
}

.site-footer .widget .form-item .button {
  top: 0;
  right: 0;
  color: #fff;
  width: 51px;
  height: 51px;
  font-size: 14px;
  display: block;
  line-height: 48px;
  text-align: center;
  position: absolute;
  margin: 0 !important;
}

.site-footer .widget .form-item .button i {
  color: #fff;
}

.site-footer .widget .form-item .input::placeholder {
  color: #999999;
}

.site-footer .widget .form-item .input:-ms-input-placeholder {
  color: #999999;
}

.site-footer .widget .form-item .input::-ms-input-placeholder {
  color: #999999;
}

/* 
 * Footer - Style 2
*/
.site-footer-2 .footer-details {
  height: 75px;
  position: relative;
  border-top: 1px solid #eee;
  border-bottom: 1px solid #eee;
}
.site-footer-2 .footer-logo {
  width: 120px;
  height: 75px;
  padding-top: 17px;
  display: inline-block;
}

.site-footer-2 .footer-social-links {
  list-style: none;
  display: inline-block;
  padding: 0 30px 0 15px;
  margin-right: 15px;
  border-left: 1px solid rgba(255, 255, 255, 0.06);
}
.site-footer-2 .footer-social-links li {
  line-height: 75px;
  margin-left: 15px;
  display: inline-block;
}

.site-footer.overlay-dark {
  color: #333;
  background: #fff;
}

.site-footer.overlay-dark,
.site-footer.overlay-dark p {
  color: #333;
}
.site-footer.overlay-dark,
.site-footer.overlay-dark * {
  border-color: rgba(0, 0, 0, 0.1) !important;
}

.site-footer.overlay-dark a:hover {
  color: var(--primary);
}

.site-footer.overlay-dark .widget .widget-head .widget-title {
  color: #000;
}
.site-footer.overlay-dark .widget .widget-head .widget-title:after {
  background-color: rgba(0, 0, 0, 0.1);
}

/*------------------------------------
Sidenav
------------------------------------*/

.site-sidenav {
  top: 0;
  left: 0;
  width: 100%;
  opacity: 0;
  z-index: 10000;
  position: fixed;
  visibility: hidden;
  background: rgba(0, 0, 0, 0.9);
  -webkit-transition: all 0.6s;
  transition: all 0.6s;
}

.site-sidenav .sidenav-menu {
  left: -100%;
  width: 450px;
  height: 100%;
  min-height: 100%;
  z-index: 10001;
  max-width: 75%;
  position: fixed;
  overflow: hidden;
  overflow-y: scroll;
  background-color: #e1e1e1;
  border-top: 1px solid #000;
  -webkit-transition: all 0.45s;
  transition: all 0.45s;
}

.site-sidenav .sidenav-menu .logo {
  width: 180px;
  height: 70px;
  overflow: hidden;
  position: relative;
  display: inline-block;
  padding: 20px 30px 0;
  z-index: 3;
}

.site-sidenav .sidenav-menu .logo img {
  width: 100%;
  margin: 0 !important;
}

/*
* Sidenav Menu
*/

.site-sidenav .sidenav-menu .menu {
  width: 100%;
  display: block;
  list-style: none;
  position: relative;
  border-top: 1px solid #000;
  padding: 15px 0;
  z-index: 3;
}

.site-sidenav .sidenav-menu .menu li {
  display: block;
  position: relative;
}

.site-sidenav .sidenav-menu .menu li a {
  display: block;
  font-size: 15px;
  font-weight: 600;
  padding: 15px 30px;
  text-transform: uppercase;
}

.site-sidenav .sidenav-menu .menu > li i {
  float: right;
  font-size: 14px;
  padding-top: 6px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.site-sidenav .sidenav-menu .menu > li.open i {
  color: var(--primary);
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}

.site-sidenav .sidenav-menu .menu > li > a:hover {
  color: var(--secondary);
  background-color: rgba(255, 255, 255, 0.3);
}

.site-sidenav .sidenav-menu .menu > li.active-menu i {
  color: var(--primary);
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}

/*
* Sidenav - Megamenu
*/

.site-sidenav .sidenav-menu .mega-menu {
  display: none;
}

.site-sidenav .sidenav-menu .button {
  top: 22px;
  right: 15px;
  width: 30px;
  height: 30px;
  position: absolute;
  z-index: 12;
}

.site-sidenav .sidenav-menu .button:before,
.site-sidenav .sidenav-menu .button:after {
  top: 50%;
  left: 50%;
  width: 100%;
  height: 2px;
  content: "";
  position: absolute;
  background-color: #000;
}

.site-sidenav .sidenav-menu .button:after {
  -webkit-transform: translate(-50%, -50%) rotate(-45deg);
  transform: translate(-50%, -50%) rotate(-45deg);
}

.site-sidenav .sidenav-menu .button:before {
  -webkit-transform: translate(-50%, -50%) rotate(45deg);
  transform: translate(-50%, -50%) rotate(45deg);
}

.site-sidenav.active {
  opacity: 1;
  visibility: visible;
}

.site-sidenav.active .sidenav-menu {
  left: 0;
}

@media (max-width: 575px) {
  .site-sidenav .sidenav-menu .mega-menu a {
    font-size: 14px !important;
    padding-left: 15px !important;
    padding-right: 15px !important;
  }

  .site-sidebar {
    padding-top: 45px;
  }
}

@media (min-width: 992px) {
  .site-sidenav {
    opacity: 0;
    visibility: hidden;
  }
}

/*------------------------------------
Forms
------------------------------------*/

.form select,
.form textarea,
.form input[type="tel"],
.form input[type="text"],
.form input[type="date"],
.form input[type="email"],
.form input[type="number"],
.form input[type="search"],
.form input[type="password"] {
  width: 100%;
  display: block;
  font-size: 14px;
  line-height: 1.5;
}

.form textarea,
.form select[multiple] {
  min-height: 120px;
}

/*
* Form Item
*/

.form .form-item {
  margin-bottom: 30px;
}

.form.form-simple .form-item label {
  color: #333333;
  font-weight: bold;
  text-transform: uppercase;
}

.form.form-simple .form-item select,
.form.form-simple .form-item textarea,
.form.form-simple .form-item input[type="tel"],
.form.form-simple .form-item input[type="text"],
.form.form-simple .form-item input[type="date"],
.form.form-simple .form-item input[type="email"],
.form.form-simple .form-item input[type="number"],
.form.form-simple .form-item input[type="search"],
.form.form-simple .form-item input[type="password"] {
  width: 100%;
  height: 51px;
  background-color: #eee;
  border-radius: 6px;
  border: 0;
  outline: 0;
  padding: 15px 15px;
}

/*
* Form Group
*/

.form .form-group {
  margin-bottom: 30px;
}

.form .form-group label {
  display: block;
  font-size: 14px;
}

/*
* Form Simple
*/

.form.form-simple .form-group label {
  color: #333;
  font-weight: bold;
  text-transform: uppercase;
}

.form.form-simple .form-group select,
.form.form-simple .form-group textarea,
.form.form-simple .form-group input[type="tel"],
.form.form-simple .form-group input[type="text"],
.form.form-simple .form-group input[type="date"],
.form.form-simple .form-group input[type="email"],
.form.form-simple .form-group input[type="number"],
.form.form-simple .form-group input[type="search"],
.form.form-simple .form-group input[type="password"] {
  width: 100%;
  height: 40px;
  display: block;
  color: #666;
  font-size: 14px;
  line-height: 1.5;
  padding: 9px 15px;
  background: rgba(255, 255, 255, 0.3);
  border: 1px solid #ccc;
  border-radius: 3px;
}

/*
* Check Box
*/

.form-radio,
.form-checkbox {
  display: block;
  cursor: pointer;
  font-size: 12px !important;
  position: relative;
  padding-left: 30px;
  margin-bottom: 12px;
}

.form-radio .checkmark,
.form-checkbox .checkmark {
  top: 0;
  left: 0;
  width: 20px;
  height: 20px;
  position: absolute;
  background-color: #cccccc;
}

.form-radio .checkmark,
.form-radio .checkmark:after {
  border-radius: 50%;
}

.form-radio .checkmark:after,
.form-checkbox .checkmark:after {
  top: 2px;
  left: 2px;
  width: 16px;
  height: 16px;
  content: "";
  display: none;
  position: absolute;
  border: 2px solid #eeeeee;
  background: var(--primary);
}

.form-radio input,
.form-checkbox input {
  opacity: 0;
  cursor: pointer;
  position: absolute;
}

.form-radio input:checked ~ .checkmark,
.form-checkbox input:checked ~ .checkmark {
  background-color: var(--primary);
}

.form-radio input:checked ~ .checkmark:after,
.form-checkbox input:checked ~ .checkmark:after {
  display: block;
}

/*------------------------------------
Buttons
------------------------------------*/

.button {
  font-size: 14px;
  font-weight: 600;
  position: relative;
  border-radius: 3px;
  white-space: nowrap;
  display: inline-block;
  margin: 3px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  box-shadow: 0 6px 25px rgb(0 0 0 / 50%);
}

.button-block {
  float: inherit;
  display: block;
}

.button:not(.button-circle) i {
  margin-left: -3px;
  margin-right: 9px;
}

.button:not(:disabled):not(.disabled) {
  cursor: pointer;
}

/*
* Button Sizes
*/

.button-sm {
  height: 36px;
  font-size: 12px;
  padding: 9px 18px;
}

.button-circle-sm {
  width: 36px;
  height: 36px;
  font-size: 12px;
  line-height: 36px;
}

.button-md {
  height: 45px;
  font-size: 14px;
  padding: 12px 30px;
}

.button-circle-md {
  width: 45px;
  height: 45px;
  font-size: 14px;
  line-height: 45px;
}

.button-lg {
  height: 55px;
  font-size: 18px;
  padding: 14px 33px;
}

.button-circle-lg {
  width: 55px;
  height: 55px;
  font-size: 18px;
  line-height: 55px;
}

.button-xl {
  height: 62px;
  font-size: 20px;
  padding: 16px 42px;
}

.button-circle-xl {
  width: 62px;
  height: 62px;
  font-size: 20px;
  line-height: 62px;
}

/*
* Button Colors
*/

.button-dark {
  color: #fff;
  background-color: #242424;
}

.button-dark:hover {
  color: #fff;
  background-color: #111;
}

.button-light {
  color: #333;
  background-color: #fff;
}

.button-light:hover {
  color: #000;
  background-color: #eee;
}

.button-primary {
  color: #fff;
  background-color: var(--primary);
}

.button-primary:hover {
  color: #fff;
  background-color: var(--primary-1);
}

.button-secondary {
  color: #fff;
  background-color: var(--secondary);
}

.button-secondary:hover {
  color: #fff;
  background-color: var(--secondary-1);
}

.button-gradient {
  color: #fff;
}

.button-gradient:hover {
  color: #fff;
  -webkit-box-shadow: 0 3px 12px var(--primary);
  box-shadow: 0 3px 12px var(--primary);
}

/*
* Button Styles
*/

.button-flat {
  border-radius: 0;
}

.button-radius {
  border-radius: 24px;
}

.button-circle {
  border-radius: 50%;
}

.button-circle i {
  top: 50%;
  left: 50%;
  position: absolute;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

/*------------------------------------
Social Links
------------------------------------*/

.social-links {
  list-style: none;
  padding: 0;
}

.social-links li {
  width: 39px;
  height: 39px;
  font-size: 14px;
  line-height: 39px;
  text-align: center;
  border: 1px solid transparent;
}

.social-links li a {
  display: block;
}

/*
* Inline
*/

.social-links.inline li {
  display: inline-block;
  margin-right: 3px;
}

/*
* Block
*/

.social-links.block li {
  display: block;
  margin-bottom: 3px;
}

/*------------------------------------
Lists
------------------------------------*/

.list-check {
  list-style: none;
  padding: 0;
}

.list-check .fa {
  color: var(--primary);
  margin-right: 9px;
}

/*------------------------------------
Titles
------------------------------------*/

.section-title {
  overflow: hidden;
  position: relative;
}

.section-title p {
  color: #666;
  display: block;
  max-width: 660px;
  margin: 0 auto 15px;
}

.section-title h2 {
  color: var(--primary);
  display: block;
  font-size: 16px;
  font-weight: 700;
  text-transform: uppercase;
  line-height: 1;
  margin-bottom: 12px;
}

.section-title h3 {
  font-size: 30px;
}

/*
 * Section Title 1
 */
.section-title-1 {
  padding-bottom: 9px;
}

/*
 * Section Title 2
 */
.section-title-2 {
  padding-bottom: 77px;
}

@media (max-width: 767px) {
  .section-title h3,
  .section-title h4 {
    font-size: 24px;
  }

  .section-title h2 {
    font-size: 14px;
  }
}

@media (max-width: 575px) {
  .section-title h3,
  .section-title h4 {
    font-size: 21px;
  }

  .section-breadcrumb + .section {
    padding-top: 120px !important;
  }

  .section-breadcrumb + .section.section-pricing-3 {
    padding-top: 150px !important;
  }
}

/*------------------------------------
Widgets
------------------------------------*/

.widget {
  margin-bottom: 30px;
}

.widget .widget-body {
  position: relative;
}

.widget .widget-head {
  position: relative;
  margin-bottom: 15px;
}

.widget .widget-head .divider {
  margin-left: 0;
  margin-right: 0;
  position: inherit;
}

.widget .widget-head .widget-title {
  font-size: 18px;
  font-weight: 500;
}

.widget .widget-head .widget-title:after {
  left: 0;
  bottom: -1px;
  width: 100%;
  height: 1px;
  content: "";
  position: absolute;
  background: rgba(0, 0, 0, 0.1);
}

/*
* Widget Search
*/

.widget.widget-search button {
  top: 0;
  right: 0;
  width: 51px;
  height: 51px;
  color: #999;
  display: block;
  line-height: 36px;
  text-align: center;
  position: absolute;
}

.widget.widget-search button:hover {
  color: var(--primary);
}

/*
* Widget Tags
*/

.widget.widget-tags ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.widget.widget-tags ul li {
  display: inline-block;
  margin-bottom: 4px;
}

.widget.widget-tags ul li a {
  display: block;
  color: #999;
  font-size: 14px;
  padding: 6px 9px;
  border-radius: 3px;
  background: #eee;
  -webkit-transition: all 300ms;
  transition: all 300ms;
}

.widget.widget-tags ul li:hover a {
  background: var(--primary);
  color: #fff;
}

/*
* Widget Categories
*/

.widget.widget-categories ul {
  color: #999;
  list-style: none;
  padding: 0;
}

.widget.widget-categories ul li {
  display: block;
  overflow: hidden;
  margin-bottom: 6px;
}

.widget.widget-categories ul li a {
  color: #999;
  font-size: 14px;
  padding: 6px 9px;
  display: inline-block;
  background-color: #eee;
  border-radius: 3px;
  -webkit-transition: all 300ms;
  transition: all 300ms;
}

.widget.widget-categories ul li:hover a {
  background: var(--primary);
  color: #fff;
}

/*------------------------------------
Dividers
------------------------------------*/

.divider {
  height: 5px;
  display: block;
  position: relative;
  margin: 15px auto;
  background-color: var(--primary);
}

.divider-line {
  width: 45px;
  line-height: 1;
}

.divider-block {
  width: 100%;
  display: block;
}

.divider-dots,
.divider-dots:before,
.divider-dots:after {
  width: 7px;
  height: 7px;
  display: block;
  background: var(--primary);
  border-radius: 50%;
}

.divider-dots:before,
.divider-dots:after {
  content: "";
  position: absolute;
}

.divider-dots:before {
  left: -15px;
}

.divider-dots:after {
  right: -15px;
}

.divider-double {
  height: 7px;
  background: transparent !important;
  border-top: 2px solid;
  border-bottom: 2px solid;
  border-color: var(--primary);
}

.text-left .divider {
  margin-left: 0;
}

.text-right .divider {
  margin-right: 0;
}

.text-left .divider-dots {
  left: 15px;
}

.text-right .divider-dots {
  right: 15px;
}

/*------------------------------------
Comments
------------------------------------*/

.comments {
  padding-top: 40px;
}

.comments .comment-date {
  font-size: 12px;
}

.comments .comments-head {
  position: relative;
  margin-bottom: 30px;
}

.comments .comments-head .divider {
  margin-left: 0;
  margin-right: 0;
  position: inherit;
}

.comments .comments-head .comments-title {
  font-size: 18px;
  font-weight: 500;
}

.comments .comments-head .comments-title:after {
  left: 0;
  bottom: -1px;
  width: 100%;
  height: 1px;
  content: "";
  position: absolute;
  background: rgba(0, 0, 0, 0.1);
}

.comments .comments-body {
  overflow: hidden;
  position: relative;
}

.comments .comments-body > ul {
  list-style: none;
  padding: 0;
}

.comments .comments-body ul li {
  display: block;
  margin-bottom: 15px;
}

.comments .comments-body > ul > li:not(:last-child) {
  margin-bottom: 30px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.comments .comment .comment-head {
  height: 60px;
  overflow: hidden;
  position: relative;
}

.comments .comment .comment-head .comment-image {
  float: left;
  width: 51px;
  height: 51px;
  overflow: hidden;
  border-radius: 50%;
  margin-right: 15px;
}

.comments .comment .comment-head .comment-author {
  font-size: 16px;
  padding-top: 6px;
  margin-bottom: 0;
}

.comments .comment .comment-body {
  margin-bottom: 30px;
}

.comments .comment .comment-body p {
  color: #666;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.6;
  margin-bottom: 12px;
}

.comments .comment .comment-body a:hover {
  color: var(--primary);
}

.comments .comment .comment-children {
  padding-left: 45px;
}

.comments .comments-form {
  margin-bottom: 60px;
}

@media (max-width: 575px) {
  .comments .comment .comment-body p {
    font-size: 12px;
  }
}

/*------------------------------------
Progress
------------------------------------*/

.progress-item {
  overflow: hidden;
}

.progress-item:not(:last-child) {
  margin-bottom: 30px;
}

.progress-item span {
  color: #000 !important;
  display: inline-block;
  font-size: 15px;
  font-weight: 700;
  position: relative;
  margin: 0 0 12px;
}

.progress-item .progress-count {
  float: right;
}

/*------------------------------------
Accordions
------------------------------------*/

.accordion {
  border: 0;
}

.accordion i {
  display: none;
}

.accordion .card {
  border-color: #eee;
}

.accordion .card-header {
  border: 0;
}

.accordion .card-body {
  padding: 0;
}

.accordion .card-body p {
  font-size: 14px;
  line-height: 1.8;
  margin: 20px 30px;
}

.accordion .card-header {
  height: 54px;
  padding: 0;
  border-bottom: 1px solid #eee;
}

.accordion .card-header button {
  width: 100%;
  color: var(--primary);
  display: block;
  text-align: left;
  padding: 16px 30px;
  background: transparent;
}

.accordion .card-header button .fa {
  margin-right: 9px;
}

.accordion .card-header .accordion-icon {
  width: 15px;
  height: 15px;
  float: right;
  position: relative;
  margin-top: 6px;
}

.accordion .card-header .accordion-icon:before,
.accordion .card-header .accordion-icon:after {
  top: 6px;
  left: 0;
  width: 14px;
  height: 2px;
  content: "";
  display: block;
  position: absolute;
  background: #333;
  -webkit-transition: -webkit-transform 0.45s;
  transition: -webkit-transform 0.45s;
}

.accordion .card-header .collapsed .accordion-icon:before {
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}

.accordion .card-header .collapsed .accordion-icon:after {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}

@media (max-width: 575px) {
  .accordion .card-body p {
    font-size: 12px;
    margin: 15px;
  }

  .accordion .card-header button {
    font-size: 12px;
    padding-left: 15px;
    padding-right: 15px;
    white-space: nowrap;
  }

  .accordion .card-header .accordion-icon {
    display: none;
  }
}

/*------------------------------------
Blockquote
------------------------------------*/

.blockquote {
  overflow: hidden;
  position: relative;
  padding: 15px 30px 15px 81px;
}

.blockquote .blockquote-icon {
  top: 12px;
  left: 0;
  width: 60px;
  height: 60px;
  color: #fff;
  display: block;
  line-height: 60px;
  text-align: center;
  border-radius: 50%;
  position: absolute;
  background: var(--primary);
}

.blockquote .blockquote-text {
  margin: 0;
  text-align: left;
}

.blockquote .blockquote-author {
  color: var(--primary);
  font-size: 14px;
}

/*------------------------------------
Breadcrumb
------------------------------------*/

.section-breadcrumb {
  height: 360px;
  position: relative;
  padding-top: 60px;
  margin-bottom: 30px;
  background: no-repeat top center / cover;
  z-index: 30;
}

.section-breadcrumb h1,
.section-breadcrumb h2,
.section-breadcrumb h3 {
  color: #fff;
  font-size: 45px;
  font-weight: 700;
}

.section-breadcrumb h1 span,
.section-breadcrumb h2 span,
.section-breadcrumb h3 span {
  color: #ccc;
  display: block;
  font-size: 30px;
  font-weight: 300;
  margin-top: 9px;
  letter-spacing: 0.01em;
}

.section-breadcrumb .breadcrumb-box {
  left: 15px;
  right: 15px;
  bottom: -28px;
  height: 56px;
  position: absolute;
  padding-top: 10px;
  border-radius: 30px;
  background-color: var(--primary);
}

.section-breadcrumb .breadcrumb-box .button {
  top: 0;
  right: 36px;
  height: 30px;
  display: block;
  color: #fff;
  font-size: 12px;
  position: absolute;
  z-index: 15;
}

.section-breadcrumb .breadcrumb-box input {
  outline: 0;
  z-index: 12;
  float: right;
  width: 180px;
  height: 36px;
  color: #fff;
  font-size: 12px;
  padding: 0 18px;
  position: relative;
  margin-right: 15px;
  border-radius: 30px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  background-color: rgba(255, 255, 255, 0.1);
}

.section-breadcrumb .breadcrumb-box input::-webkit-input-placeholder {
  color: #fff;
}

.section-breadcrumb .breadcrumb-box input:-ms-input-placeholder {
  color: #fff;
}

.section-breadcrumb .breadcrumb-box input::-ms-input-placeholder {
  color: #fff;
}

.section-breadcrumb .breadcrumb-box input::placeholder {
  color: #fff;
}

.section-breadcrumb .breadcrumb-box .breadcrumb {
  padding-top: 0;
  margin-top: -1px;
}

/*
* Breadcrumb
*/

.breadcrumb {
  color: #333;
  font-size: 12px;
  font-weight: 600;
  display: inline-block;
  list-style: none;
  padding: 10px 15px;
  border-radius: 30px;
  white-space: nowrap;
  background-color: transparent !important;
}

.breadcrumb li {
  padding: 0 5px;
  position: relative;
  display: inline-block;
}

.breadcrumb li.active {
  opacity: 0.6;
}

.breadcrumb li .breadcrumb-icon {
  width: 36px;
  height: 36px;
  display: block;
  font-size: 16px;
  line-height: 36px;
  text-align: center;
  padding-left: 3px;
  margin-right: 6px;
  border-radius: 50%;
  border: 1px solid rgba(255, 255, 255, 0.1);
  background-color: rgba(255, 255, 255, 0.1);
}

.breadcrumb li:not(:last-child):after {
  top: 50%;
  right: -3px;
  content: "/";
  display: block;
  font-size: 9px;
  position: absolute;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
}

@media (max-width: 767px) {
  .breadcrumb,
  .breadcrumb li {
    font-size: 11px;
    padding-left: 0;
    padding-right: 0;
    margin-bottom: 3px;
  }

  .breadcrumb li:not(:first-child) {
    padding-left: 6px;
    padding-right: 6px;
  }

  .section-breadcrumb h1,
  .section-breadcrumb h2,
  .section-breadcrumb h3 {
    font-size: 30px;
  }
  .section-breadcrumb h1 span,
  .section-breadcrumb h2 span,
  .section-breadcrumb h3 span {
    font-size: 21px;
  }

  .section-breadcrumb .breadcrumb-box {
    padding-left: 12px;
    padding-right: 12px;
  }

  .section-breadcrumb .breadcrumb-box input {
    width: 100%;
    margin: auto;
    display: block;
    float: inherit;
  }

  .section-breadcrumb .breadcrumb-box .button {
    right: 15px;
  }
}

@media (max-width: 575px) {
  .section-breadcrumb .breadcrumb-box {
    bottom: -90px;
    height: 120px;
    padding: 15px;
  }
}

/*------------------------------------
Sections
------------------------------------*/

.section {
  padding-top: 100px;
  padding-bottom: 100px;
}

.section .container-fluid > .row:not(.row-0),
.section:not(.section-posts-4):not(.section-features):not(.section-about-us):not(.section-services-1)
  .container
  > .row:not(.row-0) {
  margin-bottom: -30px;
}

.section-404 {
  width: 100%;
  height: 80vh;
  position: relative;
}

.section-404 h1 {
  color: #fff;
  font-size: 150px;
  font-weight: 700;
  text-align: center;
}

.section-404 h2 {
  color: #fff;
  font-size: 36px;
  font-weight: 100;
  text-align: center;
}

.section-divider {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

@media (max-width: 767px) {
  .section {
    padding-top: 60px;
    padding-bottom: 60px;
  }
  .section-title {
    padding-bottom: 40px;
  }
  .section .button-refresh {
    padding-top: 60px;
  }

  .section .nav-pagination ul,
  .section .carousel-style-1 .owl-stage-outer {
    margin-bottom: 60px;
  }
}

/*------------------------------------
Hero
------------------------------------*/

.section-hero {
  width: 100%;
  height: 80vh;
  max-width: 100%;
  min-height: 450px;
  position: relative;
}

.section-hero .container {
  height: 80vh;
  position: relative !important;
}

.section-hero .owl-item,
.section-hero .owl-carousel {
  overflow: hidden;
}

.section-hero .hero-item {
  padding-left: 15px;
  padding-right: 15px;
}

.section-hero .hero-scroll {
  left: 0;
  right: 0;
  bottom: 66px;
  width: 30px;
  height: 45px;
  z-index: 18;
  margin: auto;
  position: absolute;
  border-radius: 25px;
  border: 1px solid #fff;
  -webkit-box-shadow: 0 3px 5px -1px rgba(0, 0, 0, 0.2),
    0 6px 10px 0 rgba(0, 0, 0, 0.14), 0 1px 18px 0 rgba(0, 0, 0, 0.12);
  box-shadow: 0 3px 5px -1px rgba(0, 0, 0, 0.2),
    0 6px 10px 0 rgba(0, 0, 0, 0.14), 0 1px 18px 0 rgba(0, 0, 0, 0.12);
}

.section-hero .hero-scroll:before {
  left: 0;
  right: 0;
  top: 9px;
  width: 2px;
  height: 9px;
  display: block;
  background: #fff;
  position: absolute;
  border-radius: 3px;
  margin: auto;
  content: "";
  -webkit-animation-name: scroll;
  animation-name: scroll;
  -webkit-animation-duration: 1.2s;
  animation-duration: 1.2s;
  -webkit-animation-timing-function: cubic-bezier(0.15, 0.41, 0.69, 0.94);
  animation-timing-function: cubic-bezier(0.15, 0.41, 0.69, 0.94);
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}

.section-hero .hero-scroll-line {
  left: 0;
  right: 0;
  bottom: -50px;
  width: 1px;
  height: 100px;
  margin: auto;
  position: absolute;
}

.section-hero .hero-scroll-line:before,
.section-hero .hero-scroll-line:after {
  left: 0;
  right: 0;
  width: 1px;
  height: 50px;
  display: block;
  content: "";
}

.section-hero .hero-scroll-line:before {
  top: 0;
  background: #fff;
}

.section-hero .hero-scroll-line:after {
  bottom: 0;
  background: #000;
}

.section-hero .carousel-item .inner {
  z-index: 6;
}

/*
* Hero Style 1
*/

.section-hero-1 {
  height: 80vh;
  background: #000;
}

.section-hero-1 p {
  color: #fff;
  margin-bottom: 25px;
}

.section-hero-1 h1,
.section-hero-1 h2 {
  color: #fff;
  font-size: 60px;
  line-height: 1.3;
  margin-bottom: 25px;
}

.section-hero-1 .button {
  float: inherit;
}

.section-hero-1 .button i {
  display: none;
}

.section-hero-1 .hero-item {
  top: 50%;
  left: 50%;
  width: 100%;
  position: absolute;
  z-index: 9;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.section-hero-1 .hero-parallax {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  background: no-repeat center center / cover;
  z-index: 3;
  opacity: 0.6;
}

.section-hero-1 .bg-pattern {
  z-index: 3;
  background-color: rgba(0, 0, 0, 0.45) !important;
}

.section-hero-1 .owl-item p,
.section-hero-1 .owl-item .button {
  opacity: 0;
  transition: all 1.2s;
  transform: translate(0, -30px);
}

.section-hero-1 .owl-item h1,
.section-hero-1 .owl-item h2 {
  opacity: 0;
  transition: all 1.2s;
  transform: translate(0, 30px);
}

.section-hero-1 .owl-item.active p,
.section-hero-1 .owl-item.active h1,
.section-hero-1 .owl-item.active h2,
.section-hero-1 .owl-item.active .button {
  opacity: 1;
  transform: translate(0, 0);
}

/*
* Hero Style 2
*/

.section-hero-2 {
  background-color: #212121;
}

.section-hero-2 .carousel-item {
  height: 80vh;
  display: block;
  position: relative;
  background: #000 center center / cover;
}

.section-hero-2 p {
  color: #fff;
  font-weight: 300;
  margin-bottom: 30px;
}

.section-hero-2 h1,
.section-hero-2 h2 {
  color: #fff;
  font-size: 60px;
  margin-bottom: 15px;
}

.section-hero-2 .form-item {
  width: 500px;
  height: 51px;
  max-width: 100%;
  position: relative;
  background: #fff;
  padding-left: 51px;
  border-radius: 30px;
}

.section-hero-2 .form-item .fa {
  top: 17px;
  left: 21px;
  color: var(--primary);
  position: absolute;
}

.section-hero-2 .form-item .input {
  font-size: 15px;
  line-height: 49px;
  outline: 0;
  border: 0;
  border-radius: 30px;
}

.section-hero-2 .form-item .button {
  top: 0;
  right: 0;
  height: 51px;
  display: block;
  position: absolute;
  border: 3px solid #fff;
  margin: 0 !important;
  padding: 0 30px;
}

.section-hero-2 .hero-item {
  top: 55%;
  left: 50%;
  width: 100%;
  position: absolute;
  z-index: 9;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.section-hero-2 .bg-pattern {
  z-index: 3;
  background-color: rgba(0, 0, 0, 0.45) !important;
}

.section-hero-2 .owl-item p,
.section-hero-2 .owl-item .button,
.section-hero-2 .owl-item .form-item {
  opacity: 0;
  transition: all 1.2s;
  transform: translate(0, -30px);
}

.section-hero-2 .owl-item h1,
.section-hero-2 .owl-item h2 {
  opacity: 0;
  transition: all 1.2s;
  transform: translate(0, 30px);
}

.section-hero-2 .owl-item.active p,
.section-hero-2 .owl-item.active h1,
.section-hero-2 .owl-item.active h2,
.section-hero-2 .owl-item.active .button,
.section-hero-2 .owl-item.active .form-item {
  opacity: 1;
  transform: translate(0, 0);
}

/*
* Hero Style 3
*/

.section-hero-3 {
  background-color: #000;
}

.section-hero-3 p {
  color: #ccc;
  display: block;
  position: relative;
  margin-bottom: 21px;
  z-index: 15;
}

.section-hero-3 h1,
.section-hero-3 h2 {
  color: #fff;
  font-size: 60px;
  font-weight: 700;
  position: relative;
  margin-bottom: 15px;
}

.section-hero-3 .button {
  float: inherit;
}

.section-hero-3 .hero-item {
  top: 50%;
  left: 50%;
  width: 100%;
  position: absolute;
  z-index: 9;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.section-hero-3 .hero-image {
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: relative;
}

.section-hero-3 .hero-image span {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  opacity: 0.45;
  position: absolute;
  background: #000 center center / cover;
  -webkit-transform: scale(1.11, 1.11);
  transform: scale(1.11, 1.11);
}

@media (max-width: 575px) {
  .section-hero {
    margin-bottom: 0 !important;
  }

  .section-hero p {
    font-size: 14px;
  }

  .section-hero h1,
  .section-hero h2 {
    font-size: 24px;
  }

  .section-hero .max-w-576 {
    margin: auto;
  }

  .section-hero .hero-item {
    padding: 0 15px;
  }

  .section-hero .form-item {
    width: 100%;
    display: block;
  }

  .section-hero .hero-scroll,
  .section-hero .hero-scroll-line {
    display: none;
  }
}

@media (min-width: 576px) and (max-width: 767px) {
  .section-hero {
    margin-bottom: 15px !important;
  }

  .section-hero h1,
  .section-hero h2 {
    font-size: 30px;
  }

  .section-hero .hero-item {
    padding: 0 45px;
  }
}

@media (max-width: 767px) {
  .section-hero .owl-nav {
    display: none;
  }

  .section-hero .form-item {
    padding-left: 36px;
  }

  .section-hero .form-item .fa {
    top: 20px;
    left: 15px;
    font-size: 12px;
  }

  .section-hero .form-item .input {
    font-size: 12px;
  }

  .section-hero .form-item .button {
    font-size: 12px;
    padding: 0 15px;
  }

  .section-hero .hero-content {
    border: 0;
    padding: 0;
    background: transparent;
  }

  .section-hero-2 .button .fa {
    display: none;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .section-hero h1,
  .section-hero h2 {
    font-size: 42px;
  }
}

/*------------------------------------
About
------------------------------------*/

.section-about-us p {
  color: #666;
  font-size: 15px;
}

.section-about-us h2 {
  margin-bottom: 0;
}

.section-about-us h2 span {
  color: var(--primary);
  display: block;
  font-size: 16px;
  font-weight: 700;
  text-transform: uppercase;
  margin-bottom: 12px;
}

.section-about-us .button {
  float: inherit;
  margin: 0;
  box-shadow: 0 6px 25px rgb(0 0 0 / 50%);
}

.section-about-us .about-us-box {
  position: relative;
}

.section-about-us .about-us-box .about-us-image {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  position: absolute;
  background: #fff center center / cover;
}

.section-about-us .feature-item p {
  max-width: 360px;
  font-size: 14px;
}

/*
* About Us Style 1
*/

.section-about-us-1 .inner p {
  margin-bottom: 15px;
}

.section-about-us-1 .about-us-box {
  text-align: center;
  padding: 30px;
}

.section-about-us-1 .about-us-box img {
  width: 100%;
  z-index: 6;
  position: relative;
  box-shadow: 0 5px 20px 0 rgba(0,0,0,.15);
}

.section-about-us-1 .about-us-box .shape-1 {
  top: 0;
  left: 0;
  width: 60%;
  height: 90px;
  position: absolute;
}

.section-about-us-1 .about-us-box .shape-2 {
  right: 0;
  top: 54%;
  display: block;
  color: #fff;
  font-weight: 700;
  text-align: left;
  position: absolute;
  padding: 30px;
  background-color: var(--primary);
  z-index: 15;
}

.section-about-us-1 .about-us-box .shape-2 span {
  display: block;
  font-size: 45px;
  padding: 0;
}

.section-about-us-1 .about-us-box .shape-2:after {
  right: 8px;
  bottom: -21px;
  content: "";
  opacity: 0.45;
  display: block;
  position: absolute;
  border: 22px solid transparent;
  border-bottom-color: var(--primary);
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

/*
* About Us Style 2
*/

.section-about-us-2 .inner {
  height: 100%;
  position: relative;
  z-index: 12;
  /* padding: 30px 0 30px 15px; */
}

.section-about-us-2 .inner b {
  display: block;
  font-weight: 600;
  margin-bottom: 6px;
}

.section-about-us-2 .inner .fa {
  width: 66px;
  height: 66px;
  display: block;
  font-size: 36px;
  line-height: 66px;
  text-align: center;
  color: var(--primary);
  background-color: #eee;
  border-radius: 50%;
  margin: auto;
}

.section-about-us-2 .about-us-box {
  height: 100%;
}

.section-about-us-2 .owl-carousel .owl-nav {
  top: 18px;
  left: 15px;
  right: calc(50% + 30px);
  bottom: 15px;
  position: absolute;
  border: 3px solid #fff;
  z-index: 9;
}

.section-about-us-2 .owl-carousel .owl-nav .owl-prev,
.section-about-us-2 .owl-carousel .owl-nav .owl-next {
  bottom: 6px;
  width: 39px;
  height: 39px;
  color: #fff;
  position: absolute;
  border-radius: 3px;
  background: var(--primary);
}

.section-about-us-2 .owl-carousel .owl-nav .owl-prev {
  right: 51px;
}

.section-about-us-2 .owl-carousel .owl-nav .owl-next {
  right: 6px;
}

.section-about-us-2 .owl-carousel .owl-nav .owl-prev:hover,
.section-about-us-2 .owl-carousel .owl-nav .owl-next:hover {
  color: #fff;
  background-color: var(--primary-1);
}

/*
* About Us Style 3
*/

.section-about-us-3 hr {
  border-color: rgba(255, 255, 255, 0.1);
}

.section-about-us-3 .inner p {
  color: #ccc;
}

.section-about-us-3 .about-us-box {
  top: 0;
  left: 15px;
  right: 15px;
  height: 100%;
  text-align: center;
  overflow: hidden;
  position: absolute;
  padding: 0 15px 0 30px;
}

.section-about-us-3 .about-us-box img {
  width: 100%;
  z-index: 3;
  position: relative;
  -webkit-box-shadow: 0 5px 20px 0 rgba(0, 0, 0, 0.15);
  box-shadow: 0 5px 20px 0 rgba(0, 0, 0, 0.15);
}

.section-about-us-3 .about-us-box .shape-1 {
  left: 0;
  top: 50%;
  display: block;
  color: #fff;
  font-weight: 700;
  text-align: left;
  position: absolute;
  padding: 30px;
  background-color: var(--primary);
  z-index: 3;
}

.section-about-us-3 .about-us-box .shape-1 span {
  display: block;
  font-size: 45px;
  padding: 0;
}

.section-about-us-3 .about-us-box .shape-1:after {
  left: 8px;
  bottom: -21px;
  content: "";
  opacity: 0.45;
  display: block;
  position: absolute;
  border: 22px solid transparent;
  border-bottom-color: var(--primary);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

.section-about-us-3 .progress-item span {
  color: #ccc !important;
}

@media (max-width: 991px) {
  .section-about-us-1 .about-us-box {
    padding: 15px !important;
    margin-top: 45px;
  }

  .section-about-us-2 .row > * {
    position: inherit !important;
  }

  .section-about-us-2 .inner {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 30px;
    background: rgba(255, 255, 255, 0.9);
    /* position: absolute !important;
    z-index: 999; */
  }

  .section-about-us-2 .owl-carousel .owl-nav {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
  }

  .section-about-us-2 .about-us-box {
    min-height: 510px;
  }

  .section-about-us .progress-item {
    padding-top: 0 !important;
  }
}

@media (max-width: 767px) {
  .section-about-us hr {
    display: none;
  }

  .section-about-us-1 .about-us-box {
    padding: 0;
    margin: 45px 0 0;
  }

  .section-about-us-1 .about-us-box .shape-1,
  .section-about-us-1 .about-us-box .shape-2 {
    display: none;
  }

  .section-about-us-2 .about-us-box {
    min-height: 390px;
  }
  .section-about-us-2 .owl-carousel .owl-nav {
    display: none;
  }

  .section-about-us h2 {
    font-size: 21px;
  }

  .section-about-us h2 span {
    font-size: 14px;
  }

  .section-about-us .feature-item {
    display: none;
  }
}

/*------------------------------------
Team / Users
------------------------------------*/

.section-users {
  overflow: hidden;
  position: relative;
}

.section-users .user-item p {
  font-size: 14px;
}

.section-users .user-item ul {
  list-style: none;
  padding: 0;
  margin-top: 12px;
  -webkit-transition: opacity 0.9s;
  transition: opacity 0.9s;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.section-users .user-item ul li {
  width: 24px;
  height: 24px;
  line-height: 24px;
  text-align: center;
  display: inline-block;
  -webkit-transition: -webkit-transform 0.45s;
  transition: -webkit-transform 0.45s;
}

.section-users .user-item ul li:hover {
  -webkit-transform: translate(0, -3px);
  transform: translate(0, -3px);
}

/*
* Team - Style 1
*/

.section-users-1 .user-item {
  overflow: hidden;
  position: relative;
  padding-top: 100%;
  margin-bottom: 30px;
  background-color: #fff;
  -webkit-transition: all 0.45s;
  transition: all 0.45s;
}

.section-users-1 .user-item p {
  color: #eee;
  -webkit-transform: translate(0, 45px);
  transform: translate(0, 45px);
  -webkit-transition: -webkit-transform 0.51s;
  transition: -webkit-transform 0.51s;
}

.section-users-1 .user-item h4 {
  color: #fff;
  margin-bottom: 9px;
  -webkit-transform: translate(0, 30px);
  transform: translate(0, 30px);
  -webkit-transition: -webkit-transform 0.45s;
  transition: -webkit-transform 0.45s;
}

.section-users-1 .user-item ul li {
  color: #eee;
}

.section-users-1 .user-item .user-image {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  background: no-repeat top center / cover;
  -webkit-transition: all 0.6s;
  transition: all 0.6s;
}

.section-users-1 .user-item .user-details {
  top: 50%;
  left: 50%;
  width: 100%;
  opacity: 0;
  text-align: center;
  position: absolute;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -webkit-transition: opacity 300ms;
  transition: opacity 300ms;
}

.section-users-1 .user-item .divider-dots,
.section-users-1 .user-item .divider-dots:before,
.section-users-1 .user-item .divider-dots:after {
  background: #ccc;
}

.section-users-1 .user-item:hover {
  -webkit-box-shadow: 0 5px 30px -2px rgba(0, 0, 0, 0.3);
  box-shadow: 0 5px 30px -2px rgba(0, 0, 0, 0.3);
}

.section-users-1 .user-item:hover p,
.section-users-1 .user-item:hover .user-name {
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
}

.section-users-1 .user-item:hover .user-image {
  opacity: 0.2;
  -webkit-transform: scale(1.11, 1.11);
  transform: scale(1.11, 1.11);
}

.section-users-1 .user-item:hover ul,
.section-users-1 .user-item:hover .user-overlay,
.section-users-1 .user-item:hover .user-details {
  opacity: 1;
}

.section-users-1.overlay-image .section-title h2 {
  color: #ccc;
}

/*
* Team - Style 2
*/

.section-users-2 {
  text-align: center;
}

.section-users-2 .user-item {
  margin: 0 0 30px;
  padding: 30px 0 15px;
  -webkit-box-shadow: 0 6px 25px rgba(0, 0, 0, 0.2);
  box-shadow: 0 6px 25px rgba(0, 0, 0, 0.2);
}

.section-users-2 .user-item ul li {
  color: var(--primary);
}

.section-users-2 .user-item .user-image {
  width: 230px;
  height: 200px;
  margin: 0 auto 30px;
  /* border-radius: 50%; */
  /* border: 10px solid var(--primary); */
  background: #fff no-repeat top center / cover;
  transition: transform 0.5s;
}

.section-users-2 .user-item:hover .user-image {
  -webkit-transform: scale(1.11, 1.11);
  transform: scale(1.11, 1.11);
}

/*
* Team - Style 3
*/

.section-users-3 .user-item {
  margin-bottom: 0;
}

@media (max-width: 575px) {
  .section-users .row {
    margin-left: -6px !important;
    margin-right: -6px !important;
  }

  .section-users .row > * {
    padding-left: 6px !important;
    padding-right: 6px !important;
  }

  .section-users .user-item {
    margin-bottom: 12px;
    box-shadow: none;
  }

  .section-users .user-item p {
    font-size: 12px;
  }

  .section-users .user-item h4 {
    font-size: 14px;
  }
}

/*------------------------------------
Posts
------------------------------------*/

.section-posts {
  width: 100%;
  position: relative;
}

.section-posts .post-item {
  overflow: hidden;
  position: relative;
  margin-bottom: 30px;
}

.section-posts .post-item .button {
  float: inherit;
  margin: 0;
}

.section-posts .post-item .post-info p {
  font-size: 14px;
}

.section-posts .post-item .post-info h3 {
  font-size: 18px;
  line-height: 1.5;
}

.section-posts .post-item .post-image img {
  width: 100%;
  display: block;
  transition: all 0.6s;
}

.section-posts .post-item:hover .post-image img {
  transform: scale(1.11, 1.11);
}

.section-posts .post-item .button-read-more {
  color: #000;
  font-size: 12px;
  font-weight: 700;
  padding-bottom: 3px;
  display: inline-block;
  text-transform: uppercase;
  border-bottom: 2px solid #000;
}

.section-posts .post-item .post-info h3:hover,
.section-posts .post-item .post-info .button-read-more:hover {
  color: var(--primary);
  border-color: var(--primary);
}

/*
 * Section Posts - Style 1
 */

.section-posts-1 .post-image {
  overflow: hidden;
  position: relative;
  padding-top: 45%;
}
.section-posts-1 .post-image img {
  top: 0;
  left: 0;
  width: 100%;
  position: absolute;
}
.section-posts-1 .post-info p {
  color: #333;
}
.section-posts-1 .post-info h3 {
  font-size: 24px !important;
}
.section-posts-1 .post-meta {
  top: -45px;
  left: 15px;
  height: 50px;
  color: #666;
  position: relative;
}
.section-posts-1 .post-meta .post-date {
  right: 15px;
  bottom: -25px;
  font-size: 14px;
  position: absolute;
}
.section-posts-1 .post-meta .post-author-name {
  top: -6px;
  left: 6px;
  font-size: 14px;
  display: inline-block;
  position: relative;
}
.section-posts-1 .post-meta .post-author-name a {
  color: var(--primary);
}
.section-posts-1 .post-meta .post-author-image {
  width: 75px;
  height: 75px;
  display: inline-block;
  overflow: hidden;
  border-radius: 50%;
}
.section-posts-1 .post-item:hover .post-image img {
  opacity: 0.45;
}

/*
* Section Posts - Style 2
*/

.section-posts-2 .post-item .post-info p {
  color: #666;
  font-size: 14px;
}

.section-posts-2 .post-item .post-info h3 {
  font-size: 18px;
}

.section-posts-2 .post-item .post-image {
  width: 100%;
  overflow: hidden;
  position: relative;
  margin-bottom: 18px;
}

/*
* Section Posts - Style 3
*/

.section-posts-3 .post-item .post-info p {
  color: #666;
  font-size: 14px;
}

.section-posts-3 .post-item .post-info h3 {
  font-size: 18px;
}

.section-posts-3 .post-item .post-info .divider {
  margin: 15px 0;
}

.section-posts-3 .post-item .post-image {
  width: 100%;
  overflow: hidden;
  position: relative;
  margin-bottom: 15px;
}

.section-posts-3 .post-item .post-image .post-meta {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  box-shadow: inset 0 -45px 60px -30px #000;
}

.section-posts-3 .post-item .post-image .post-meta .post-meta-date {
  left: 15px;
  bottom: 10px;
  color: #fff;
  display: block;
  font-size: 14px;
  position: absolute;
}

/*
* Section Posts - Style 4
*/

.section-posts-4 .row .row {
  margin-bottom: -30px;
}

/*
* Section Posts - Style 5
*/

.section-posts-5 .post-item {
  margin-bottom: 30px;
}

/*
* Section Posts - Style 6
*/

.section-posts-6 {
  position: relative;
}

.section-posts-6 .post-item {
  padding-top: 120%;
  margin-bottom: 30px;
}

.section-posts-6 .post-item .post-info {
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 3;
  position: absolute;
  padding: 100% 15px 15px;
  -webkit-box-shadow: inset 0 -100px 150px -60px rgba(0, 0, 0, 0.9);
  box-shadow: inset 0 -100px 150px -60px rgba(0, 0, 0, 0.9);
}

.section-posts-6 .post-item .post-info p {
  color: #eee;
}

.section-posts-6 .post-item .post-info h3,
.section-posts-6 .post-item .post-info .button {
  color: #fff;
}

.section-posts-6 .post-item .post-image {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  position: absolute;
  background: no-repeat top center / cover;
}

@media (max-width: 991px) {
  .site-sidebar {
    padding-top: 100px !important;
  }
}

@media (max-width: 575px) {
  .site-sidebar {
    padding-top: 60px !important;
    border-top: 1px solid #eee;
  }
  .section-posts-1 .post-meta .post-author-image {
    display: none;
  }

  .section-posts-1 .post-meta .post-author-name {
    left: -15px;
    top: 55px;
  }
}

/*
* Related posts
*/

.section-related-posts {
  border-top: 1px solid #eee;
}

/*
* Blog Single Page
*/

.section-single-post .single-post {
  overflow: hidden;
  position: relative;
  margin-bottom: 15px;
}

.section-single-post .single-post .post-title {
  font-size: 30px;
  font-weight: 700;
  margin-bottom: 15px;
}

.section-single-post .single-post .post-image {
  overflow: hidden;
  position: relative;
  margin-bottom: 15px;
}

.section-single-post .single-post .post-content {
  margin-bottom: 30px;
}

.section-single-post .single-post .post-content p {
  color: #333;
  font-size: 15px;
  font-weight: 400;
  line-height: 1.8;
}

.section-single-post .single-post .post-content h1,
.section-single-post .single-post .post-content h2,
.section-single-post .single-post .post-content h3,
.section-single-post .single-post .post-content h4,
.section-single-post .single-post .post-content h5,
.section-single-post .single-post .post-content h6 {
  line-height: 1.44;
  margin-bottom: 15px;
}

.section-single-post .single-post .post-content img {
  margin-bottom: 24px;
}

.section-single-post .single-post .post-details {
  overflow: hidden;
  position: relative;
  padding-left: 99px;
}

.section-single-post .single-post .post-details .post-author-image {
  top: 12px;
  left: 0;
  width: 75px;
  height: 75px;
  overflow: hidden;
  border-radius: 50%;
  display: inline-block;
  position: absolute;
}

.section-single-post .single-post .post-info {
  display: block;
  color: #666;
  font-size: 14px;
  overflow: hidden;
  padding: 0 0 9px;
}

.section-single-post .single-post .post-info .post-category {
  color: var(--primary);
}

.section-single-post .single-post .post-share span {
  float: left;
}

.section-single-post .single-post .post-share ul li {
  height: 30px;
  min-width: 60px;
  font-size: 14px;
  line-height: 30px;
  text-align: center;
  display: inline-block;
  color: #fff;
}

.section-single-post .single-post .post-tags {
  display: block;
}

.section-single-post .single-post .post-tags ul {
  list-style: none;
  display: inline-block;
  padding: 0 0 0 15px;
}

.section-single-post .single-post .post-tags ul li {
  display: inline-block;
  font-size: 14px;
  margin-right: 9px;
  margin-bottom: 3px;
}

.section-single-post .single-post .post-tags ul li:before {
  content: "#";
}

.section-single-post .single-post .post-tags ul li:hover {
  color: var(--primary);
}

.section-single-post .post-share-icons {
  list-style: none;
  padding: 0;
}

.section-single-post .post-share-icons li {
  margin-bottom: 6px;
}

.section-single-post .post-share-icons li a {
  display: block;
}

@media (max-width: 575px) {
  .section-single-post {
    padding-top: 90px;
  }

  .section-single-post .single-post .post-title {
    font-size: 20px;
  }

  .section-single-post .single-post .post-content p {
    text-align: left;
  }

  .section-single-post .single-post .post-tags ul {
    display: block;
    padding: 15px 0 0;
  }
}

/*------------------------------------
Search
------------------------------------*/

.section-search {
  padding-top: 360px;
  background: #333;
}

.section-search .form-search {
  display: block;
  position: relative;
  border-radius: 6px;
  background-color: #fff;
}

.section-search .form-search-button {
  top: 0;
  right: 0;
  width: 120px;
  height: 60px;
  float: right;
  padding: 5px 4px;
  position: absolute;
}

.section-search .form-search-button .fa {
  display: none;
}

.section-search .form-search-fields {
  width: calc(100% - 120px);
  position: relative;
}

.section-search .form-search-fields .fa {
  color: var(--primary);
  line-height: 60px;
  padding-left: 15px;
}

.section-search .form-search-fields label {
  top: -45px;
  color: #fff;
  font-size: 14px;
  font-weight: 600;
  padding: 6px 12px;
  position: absolute;
  border-radius: 6px;
  background-color: var(--primary);
}

.section-search .form-search-fields input {
  top: 0;
  left: 0;
  width: 100%;
  height: 60px;
  position: absolute;
  padding-top: 3px;
  border: 0 !important;
  outline: 0 !important;
  background-color: transparent;
}

.section-search .form-search-fields .form-search-input {
  float: left;
  width: 50%;
  height: 60px;
  position: relative;
  border-right: 1px solid #ccc;
}

@media (max-width: 768px) {
  .section-search .form-search-button {
    width: inherit;
  }

  .section-search .form-search-button i {
    margin: 0 !important;
    display: block !important;
  }

  .section-search .form-search-button span {
    display: none;
  }

  .section-search .form-search-button .button {
    width: 45px !important;
    height: 45px !important;
    padding: 0;
  }

  .section-search .form-search-fields {
    width: calc(100% - 60px) !important;
  }

  .section-search .form-search-fields input {
    font-size: 14px;
    padding-left: 15px;
  }

  .section-search .form-search-fields .form-search-input > .fa {
    display: none;
  }
}

/*------------------------------------
Contact
------------------------------------*/

.section-contact-us h3 {
  line-height: 1;
}

.section-contact-us .form {
  margin-bottom: 25px;
}

.section-contact-us .contact-us-box {
  padding: 30px;
  background-color: #eee;
}

.section-contact-us .contact-us-info {
  width: 100%;
  color: #000;
  padding: 46px 45px;
  background: #fff;
  box-shadow: 0 6px 25px rgba(0, 0, 0, 0.2);
}

.section-contact-us .contact-us-info p {
  color: #666;
  font-weight: 300;
  margin-bottom: 9px;
  /* white-space: nowrap; */
}

.section-contact-us .contact-us-info i {
  width: 21px;
  color: var(--primary);
  display: inline-block;
}

.section-contact-us .contact-us-info h4 {
  font-size: 30px;
  font-weight: 300;
  margin-bottom: 19px;
}

.section-contact-us .contact-us-info h4 span {
  font-weight: 700;
}

.section-contact-us .contact-us-info .contact-us-info-inner {
  width: 100%;
  max-width: 360px;
  margin: auto;
}

/* 
 * Contact Us - Style 2
*/

.section-contact-us-2 .box {
  width: 450px;
  height: ;
  position: relative;
}

.section-contact-us-2 .box img {
  position: relative;
  z-index: 3;
}

.section-contact-us-2 .box:after {
  top: 0;
  left: 0;
  width: 450px;
  height: 450px;
  content: "";
  position: absolute;
  border-radius: 50%;
  background-color: #eee;
}

.section-contact-us-2 .section-title {
  padding-bottom: 15px !important;
}

/*------------------------------------
Features
------------------------------------*/

.section-features {
  overflow: hidden;
  position: relative;
}

.section-features p {
  color: #666;
  font-size: 14px;
}

.section-features h4 {
  font-size: 15px;
  margin-bottom: 9px;
}

.section-features .feature-item {
  overflow: hidden;
  margin-bottom: 30px;
}

.section-features .feature-item i {
  width: 66px;
  height: 66px;
  display: block;
  font-size: 36px;
  line-height: 66px;
  text-align: center;
  border-radius: 50%;
  margin: 0 0 30px;
}

/*
* Features - Style 1
*/

.section-features-1 .feature-item i {
  color: #eee;
  margin: 0 auto;
  background-color: var(--primary);
}

/*
* Features - Style 1
*/

.section-features-2 .feature-item {
  text-align: center;
}

.section-features-2 .feature-item i {
  color: #fff;
  font-size: 18px;
  margin: 0 auto 30px;
  background-color: var(--primary);
}

.section-features-2 .feature-item h4 {
  color: var(--primary);
}

/*
* Features - Style 3
*/

.section-features-3 .feature-item i {
  color: var(--primary);
  margin: 0 auto;
  background-color: #eee;
}

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

  .section-features .feature-item {
    margin-bottom: 15px;
  }

  .section-features .feature-item i {
    font-size: 27px;
  }

  .section-features-3 .feature-item i {
    margin-bottom: 0;
  }
}
@media (min-width: 768px) {
  .section-features .container > .row {
    margin-bottom: -50px;
  }
}
/*------------------------------------
Services
------------------------------------*/

.section-services {
  overflow: hidden;
}

.section-services .service-item {
  margin-bottom: 30px;
  -webkit-transition: all 0.45s;
  transition: all 0.45s;
}

.section-services .service-item p {
  color: #666;
  margin-bottom: 0;
}

.section-services .service-item h4 {
  font-weight: 700;
  margin-bottom: 12px;
}

.section-services .service-item .service-icon {
  width: 51px;
  height: 51px;
  color: #fff;
  font-size: 18px;
  line-height: 51px;
  text-align: center;
  border-radius: 50%;
  margin-bottom: 15px;
  -webkit-transition: all 0.45s;
  transition: all 0.45s;
}

/*
* Services Style 1
*/

.section-services-1 .service-item {
  text-align: center;
  position: relative;
  padding: 0 30px;
}

.section-services-1 .service-item i {
  width: 66px;
  height: 66px;
  display: block;
  font-size: 18px;
  text-align: center;
  line-height: 66px;
  position: relative;
  margin: 30px auto 30px;
  border-radius: 50%;
  background-color: #eee;
}

.section-services-1 .service-item p {
  margin-bottom: 30px;
}

.section-services-1 .service-item span {
  display: block;
  font-size: 14px;
  font-weight: 500;
}

.section-services-1 .active {
  -webkit-box-shadow: 0 6px 25px rgba(0, 0, 0, 0.18);
  box-shadow: 0 6px 25px rgba(0, 0, 0, 0.18);
}

.section-services-1 .active .service-item {
  padding: 75px 15px 30px;
}

.section-services-1 .active .service-item i {
  top: -30px;
  left: 15px;
  right: 15px;
  color: #fff;
  position: absolute;
  margin: 0 auto;
  background-color: var(--primary);
}

.section-services-1 .active .service-item h4 {
  color: var(--primary);
}

.section-services-1 .active .service-item span {
  color: var(--primary);
}

/*
* Services Style 2
*/

.section-services-2 .service-item {
  overflow: hidden;
  text-align: center;
  position: relative;
  padding: 30px;
  border-radius: 6px;
  -webkit-box-shadow: 0 6px 25px rgba(0, 0, 0, 0.2);
  box-shadow: 0 6px 25px rgba(0, 0, 0, 0.2);
}

.section-services-2 .service-item h4 {
  color: var(--primary);
  font-size: 18px;
  font-weight: 700;
}

.section-services-2 .service-item span {
  bottom: -11px;
  right: -11px;
  width: 66px;
  height: 66px;
  color: #fff;
  font-size: 27px;
  font-weight: 400;
  line-height: 66px;
  text-align: center;
  position: absolute;
  border-radius: 50%;
}

.section-services-2 .service-item span:after {
  top: 0;
  width: 66px;
  height: 66px;
  content: "";
  z-index: -1;
  display: block;
  position: absolute;
  border-radius: 50%;
  background: var(--primary);
}

/*
* Services Style 3
*/

.section-services-3 .service-item {
  text-align: left;
  position: relative;
  padding: 30px;
}

.section-services-3 .service-item p {
  color: #666;
}

.section-services-3 .service-item h4 {
  color: #000;
  margin-bottom: 20px;
}

.section-services-3 .service-item span {
  top: 0;
  left: 0;
  right: 0;
  width: 60px;
  height: 60px;
  color: #fff;
  text-align: center;
  line-height: 66px;
  font-size: 18px;
  font-weight: 400;
  position: absolute;
  margin: 0 auto;
  border-radius: 50%;
  background: #fff;
  display: none;
}

.section-services-3 .service-item .button {
  left: -14px;
  bottom: -14px;
  position: absolute;
}

/*
* Services Single Page
*/

.section-services-post form {
  margin: 0 0 25px;
}

.section-services-post .section-title-1 {
  padding-bottom: 0;
}

.section-services-post .single-service .service-image {
  overflow: hidden;
  position: relative;
  margin-bottom: 15px;
}

.section-services-post .single-service .service-content {
  margin-bottom: 30px;
}

.section-services-post .single-service .service-content p {
  color: #333;
  font-size: 15px;
  font-weight: 400;
  line-height: 1.8;
  margin-bottom: 15px;
}

.section-services-post .single-service .service-content ul {
  margin-bottom: 21px;
}

.section-services-post .single-service .service-content ul li {
  color: #666;
  font-size: 15px;
  font-weight: 400;
  line-height: 1.8;
  margin-bottom: 6px;
}

.section-services-post .single-service .service-content h1,
.section-services-post .single-service .service-content h2,
.section-services-post .single-service .service-content h3,
.section-services-post .single-service .service-content h4,
.section-services-post .single-service .service-content h5,
.section-services-post .single-service .service-content h6 {
  line-height: 1.44;
  margin-bottom: 15px;
}

.section-services-post .single-post .post-content img {
  margin-bottom: 24px;
}

@media (max-width: 575px) {
  .section-services-post {
    padding-top: 45px;
  }

  .section-services-post .single-service .service-content p {
    text-align: left;
  }
}

@media (max-width: 761px) {
  .section-services-1 .service-item {
    margin-bottom: 60px;
  }

  .section-services-1 .active .service-item {
    padding-bottom: 0;
    margin-bottom: 45px;
  }
}

/*------------------------------------
Portfolio
------------------------------------*/

.section-portfolio ul {
  /* padding: 0; */
  list-style: outside;
}
.section-portfolio form {
  margin: 0 0 25px;
}
.section-portfolio .portfolio-item {
  overflow: hidden;
  position: relative;
  -webkit-transition: all 0.45s;
  transition: all 0.45s;
}

.section-portfolio .portfolio-item p {
  color: #eee;
  font-size: 14px;
}

.section-portfolio .portfolio-item h4 {
  color: #fff;
  font-weight: 700;
  margin-bottom: 12px;
}

.section-portfolio .portfolio-item img {
  width: 100%;
  -webkit-transition: all 0.6s;
  transition: all 0.6s;
}

.section-portfolio .portfolio-item .portfolio-link {
  display: inline-block;
  margin: 15px 0;
  -webkit-transition: margin 0.75s;
  transition: margin 0.75s;
}

.section-portfolio .portfolio-item .portfolio-info {
  top: 50%;
  left: 50%;
  width: 100%;
  opacity: 0;
  text-align: center;
  position: absolute;
  padding: 20px 15px;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
}

.section-portfolio .portfolio-item:hover img {
  opacity: 0.1;
  -webkit-transform: scale(1.11, 1.11);
  transform: scale(1.11, 1.11);
}

.section-portfolio .portfolio-item:hover .portfolio-link {
  margin-left: -8px;
  margin-right: -8px;
}

.section-portfolio .portfolio-item:hover .portfolio-info {
  opacity: 1;
}

/*
* Portfolio Style 1
*/

.section-portfolio-1 .data-filters {
  margin-bottom: -30px;
}

.section-portfolio-1 .portfolio-item {
  background-color: #fff;
}

.section-portfolio-1 .portfolio-item p {
  color: #333;
}

.section-portfolio-1 .portfolio-item h4 {
  color: #000;
}

.section-portfolio-1 .data-filters {
  margin-bottom: -60px;
}
.section-portfolio-1 .portfolio-item {
  border-radius: 6px;
  margin-bottom: 30px;
}

/*
* Portfolio Style 2
*/

.section-portfolio-2 .data-filters {
  margin-bottom: -30px;
}

.section-portfolio-2 .portfolio-item {
  background-color: #fff;
}

.section-portfolio-2 .portfolio-item p {
  color: #333;
}

.section-portfolio-2 .portfolio-item h4 {
  color: #000;
}

/*
* Portfolio Style 3
*/

.section-portfolio-3 .portfolio-item {
  border-radius: 6px;
}

/*
* Portfolio Style 4
*/

.section-portfolio-4 .portfolio-item {
  background-color: #fff;
}

.section-portfolio-4 .portfolio-item p {
  color: #333;
}

.section-portfolio-4 .portfolio-item h4 {
  color: #000;
}

/*
* Portfolio Style 5
*/

.section-portfolio-5 {
  padding-bottom: 0;
}

.section-portfolio-5 .portfolio-item {
  width: 100%;
  background-color: #eee;
}

.section-portfolio-5 .portfolio-item p {
  color: #333;
  max-width: 300px;
  margin: 0 auto 15px;
}

.section-portfolio-5 .portfolio-item h4 {
  color: #000;
}

.section-portfolio-5 .portfolio-item:hover img {
  opacity: 0.15;
}

/*
* Portfolio Style 6
*/

.section-portfolio-6 .portfolio-item {
  overflow: hidden;
  border-radius: 6px;
  margin-bottom: 30px;
}

.section-portfolio-6 .portfolio-item p {
  color: #333;
}

.section-portfolio-6 .portfolio-item h4 {
  color: #000;
}

@media (max-width: 991px) {
  .section-portfolio .button-circle {
    width: 39px;
    height: 39px;
    font-size: 12px;
    line-height: 39px;
  }

  .section-portfolio-1 .row,
  .section-portfolio-6 .row {
    margin-left: -6px;
    margin-right: -6px;
  }

  .section-portfolio-1 .row > *,
  .section-portfolio-6 .row > * {
    padding-left: 6px;
    padding-right: 6px;
  }

  .section-portfolio-1 .portfolio-item,
  .section-portfolio-6 .portfolio-item {
    margin-bottom: 12px;
  }

  .section-portfolio .portfolio-item p {
    display: none;
  }

  .section-portfolio .portfolio-item h4 {
    font-size: 15px;
  }
}

@media (min-width: 1200px) {
  .section-portfolio-6 {
    padding-left: 90px;
    padding-right: 90px;
  }
}

/*
* Portfolio Content
*/

.section-portfolio .portfolio-content {
  margin-bottom: 30px;
}

.section-portfolio .portfolio-content p {
  color: #333;
  font-size: 15px;
  font-weight: 400;
  line-height: 1.8;
  margin-bottom: 15px;
}

.section-portfolio .portfolio-content h1,
.section-portfolio .portfolio-content h2,
.section-portfolio .portfolio-content h3,
.section-portfolio .portfolio-content h4,
.section-portfolio .portfolio-content h5,
.section-portfolio .portfolio-content h6 {
  line-height: 1.44;
  margin-bottom: 15px;
}

.section-portfolio .portfolio-content .portfolio-box {
  color: var(--primary);
  text-align: center;
  padding: 30px 0 48px;
}

.section-portfolio .portfolio-content .portfolio-box span {
  color: #000;
  display: block;
  font-weight: 700;
  margin-top: 20px;
  margin-bottom: 6px;
}

@media (max-width: 575px) {
  .section-portfolio .portfolio-content {
    padding-top: 45px;
  }
}

/*------------------------------------
Pagination
------------------------------------*/

.nav-pagination {
  text-align: center;
}

.nav-pagination ul {
  list-style: none;
  text-align: center;
  display: inline-block;
  padding: 8px 12px 0;
  margin: 100px auto 0;
  border-radius: 30px;
  border: 1px solid #eee;
  background: rgba(0, 0, 0, 0.1);
}

.nav-pagination ul li {
  width: 39px;
  height: 39px;
  font-size: 12px;
  font-weight: 600;
  line-height: 37px;
  text-align: center;
  display: inline-block;
  transition: all 300ms;
  -webkit-transition: all 300ms;
}

.nav-pagination ul li a {
  display: block;
}

/*
* Pagination Style 1
*/

.nav-pagination-1 ul {
  background-color: var(--primary);
}

.nav-pagination-1 ul li {
  color: #fff;
  overflow: hidden;
  border-radius: 50%;
  border: 1px solid transparent;
}

.nav-pagination-1 ul li:hover {
  color: #fff;
  background-color: rgba(255, 255, 255, 0.1);
}

.nav-pagination-1 ul li.active {
  color: var(--primary);
  background-color: #fff;
}
@media (max-width: 575px) {
  .nav-pagination ul li {
    width: 33px;
    height: 33px;
    line-height: 34px;
  }
  .nav-pagination-1 ul li.prev,
  .nav-pagination-1 ul li.next {
    display: none;
  }
}

/*------------------------------------
Testimonials
------------------------------------*/

.section-testimonials {
  overflow: hidden;
  position: relative;
}

.section-testimonials .testimonial-item {
  margin: auto;
}

.section-testimonials .testimonial-item i {
  width: 42px;
  height: 42px;
  text-align: center;
  line-height: 42px;
  border-radius: 50%;
  -webkit-transition: all 0.75s;
  transition: all 0.75s;
}

.section-testimonials .testimonial-item p {
  color: #333;
  font-size: 14px;
  margin: 0;
}

.section-testimonials .testimonial-item h4 {
  font-size: 14px;
  padding-top: 12px;
  margin-bottom: 15px;
}

.section-testimonials .testimonial-item h4 span {
  color: #666;
  display: block;
  font-size: 12px;
  padding-top: 6px;
}

.section-testimonials .testimonial-item h5 {
  color: #333;
  font-size: 21px;
  font-weight: 500;
  margin-bottom: 12px;
}

.section-testimonials .testimonial-item .testimonial-image {
  float: left;
  width: 60px;
  height: 60px;
  overflow: hidden;
  position: relative;
  margin-right: 12px;
  border-radius: 50%;
  border: 3px solid #fff;
}

.section-testimonials .owl-item:not(.center) .testimonial-item {
  opacity: 0.75;
}

.section-testimonials .center .testimonial-item .testimonial-image {
  border-color: var(--primary);
}

.section-testimonials .testimonial-details {
  margin-top: 30px;
}

/*
* Testimonials Style 2
*/

.section-testimonials-2 .testimonial-item {
  max-width: 576px;
  padding: 0 30px 0;
}

.section-testimonials-2 .testimonial-content {
  position: relative;
  padding: 45px;
  border-radius: 15px;
  background-color: rgba(0, 0, 0, 0.1);
  -webkit-transition: background 0.45s;
  transition: background 0.45s;
}

.section-testimonials-2 .testimonial-content i {
  top: -12px;
  left: -12px;
  color: var(--primary);
  position: absolute;
  background-color: #fff;
}

.section-testimonials-2 .center .testimonial-content {
  background-color: var(--primary);
}

.section-testimonials-2 .testimonial-content:after {
  left: 6px;
  bottom: -14px;
  content: "";
  display: block;
  position: absolute;
  border: 14px solid transparent;
  border-right-color: #eee;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  -webkit-transition: all 0.75s;
  transition: all 0.75s;
}

.section-testimonials-2 .center .testimonial-item p,
.section-testimonials-2 .center .testimonial-item h5 {
  color: #fff;
}

.section-testimonials-2 .center .testimonial-content:after {
  border-right-color: var(--primary);
}

/*
* Testimonials Style 3
*/

.section-testimonials-3 .testimonial-item {
  max-width: 576px;
  padding: 0 30px 0;
}

.section-testimonials-3 .testimonial-item h4 {
  margin: 0 0 30px;
}

.section-testimonials-3 .center .testimonial-item p,
.section-testimonials-3 .center .testimonial-item h4,
.section-testimonials-3 .center .testimonial-item h4 span {
  color: #fff;
}

.section-testimonials-3 .testimonial-content {
  position: relative;
  padding: 45px;
  border-radius: 15px;
  background-color: #f1f1f1;
  -webkit-transition: background 0.45s;
  transition: background 0.45s;
}

.section-testimonials-3 .testimonial-content i {
  top: -12px;
  left: -12px;
  color: var(--primary);
  position: absolute;
  background-color: #fff;
}

.section-testimonials-3 .center .testimonial-content {
  background-color: var(--primary);
}

@media (max-width: 767px) {
  .section-testimonials .testimonial-item {
    padding: 0 15px 15px;
  }

  .section-testimonials .testimonial-content {
    padding: 30px;
  }
}

@media (max-width: 575px) {
  .section-testimonials .testimonial-item {
    padding: 0 15px 0;
  }
}

/*------------------------------------
Call To Action
------------------------------------*/

.call-to-action {
  color: #fff;
  overflow: hidden;
  position: relative;
  padding: 100px 0;
  background: no-repeat center center / cover;
}

.call-to-action p {
  margin-bottom: 30px;
}

.call-to-action .form-item {
  height: 51px;
  max-width: 100%;
  position: relative;
  background: #fff;
  padding-left: 51px;
  border-radius: 30px;
  margin-left: auto;
  margin-right: auto;
}

.call-to-action .form-item > .fa {
  top: 18px;
  left: 21px;
  color: var(--primary);
  position: absolute;
}

.call-to-action .form-item .input {
  float: left;
  font-size: 15px;
  line-height: 49px;
  outline: 0;
  border: 0;
  border-radius: 30px;
  background-color: transparent;
}

.call-to-action .form-item .button {
  top: 0;
  right: 0;
  height: 51px;
  display: block;
  font-size: 14px;
  position: absolute;
  border: 3px solid #fff;
  margin: 0 !important;
  padding: 0 30px;
}

.call-to-action .section-title {
  padding: 0 !important;
}

/*
 * Call To Action - Style 1
 */

.call-to-action-1 h3 {
  font-size: 30px;
  line-height: 1;
  margin-bottom: 30px;
}

.call-to-action-1 .box {
  padding: 45px;
  border: 1px solid rgba(255, 255, 255, 0.1);
}

/*
 * Call To Action - Style 2
 */

.call-to-action-2 .divider {
  background: #fff;
  opacity: 0.3;
}

.call-to-action-2 .bg-animation {
  opacity: 0.75;
}

.call-to-action-2 .section-title span {
  color: #eee;
  display: block;
  font-size: 16px;
  font-weight: 700;
  margin-bottom: 12px;
  text-transform: uppercase;
}

/*
 * Call To Action - Style 3
 */

.call-to-action-3 .bg-gradient {
  opacity: 0.3;
}
.call-to-action-3 .form-item {
  margin-top: 100px;
}

/*
 * Call To Action - Style 6
 */

.call-to-action-6 h3 {
  font-size: 30px;
  margin: 0;
}
.call-to-action-6 .box {
  padding: 60px;
}
.call-to-action-6 .form-item {
  margin-top: 12px;
}

@media (max-width: 767px) {
  .call-to-action {
    padding: 90px 0;
  }

  .call-to-action p {
    font-size: 14px;
  }

  .call-to-action .button i {
    display: none;
  }

  .call-to-action .form-item {
    padding-left: 45px;
  }

  .call-to-action .form-item .input {
    font-size: 12px;
  }

  .call-to-action .form-item .button {
    font-size: 12px;
    padding: 0 15px;
  }

  .call-to-action h3 {
    font-size: 21px;
  }

  .call-to-action-1 .box {
    padding: 0;
    border: 0;
  }

  .call-to-action-6 .box {
    padding: 30px;
    text-align: center;
  }

  .call-to-action-6 .form-item {
    margin-top: 20px;
  }
}

/*------------------------------------
Pricing Tables
------------------------------------*/

.section-pricing .pricing-item {
  overflow: hidden;
  position: relative;
  padding: 60px 45px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.section-pricing .pricing-item h4 {
  font-size: 30px;
  font-weight: 700;
}

.section-pricing .pricing-item ul {
  list-style: none;
  margin-bottom: 30px;
  padding: 0;
}

.section-pricing .pricing-item ul li {
  display: block;
  font-size: 14px;
  margin-bottom: 9px;
}

.section-pricing .pricing-item ul li i {
  margin-right: 9px;
}

.section-pricing .pricing-item .button {
  float: inherit !important;
}

.section-pricing .pricing-item .pricing-item-head,
.section-pricing .pricing-item .pricing-item-body {
  position: relative;
}

.section-pricing .pricing-item .pricing-item-price {
  margin-bottom: 30px;
}

.section-pricing .pricing-item .pricing-item-price span {
  font-size: 24px;
  font-weight: 700;
}

.section-pricing .pricing-item .pricing-item-price strong {
  font-size: 36px;
}

.section-pricing .pricing-item.active {
  z-index: 3;
  background-color: var(--primary);
  border-color: inherit;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.section-pricing .pricing-item.active .btn-read-more {
  background-color: var(--secondary);
}

.section-pricing .pricing-item:hover {
  -webkit-transform: translate(0, -6px);
  transform: translate(0, -6px);
}

/*
* Pricing Tables Style 1
*/

.section-pricing-1 .pricing-item {
  color: #fff;
}

.section-pricing-1 .pricing-item.active:hover {
  background-color: var(--secondary) !important;
}

@media (max-width: 575px) {
  .section-pricing .pricing-item {
    padding: 45px;
  }
}

/*
* Pricing Tables Style 2
*/

.section-pricing-2 .pricing-item {
  color: #000;
  margin: 0 0 30px;
  background-color: rgba(0, 0, 0, 0.1);
}

.section-pricing-2 .pricing-item ul {
  color: #333;
}

.section-pricing-2 .pricing-item.active {
  color: #fff;
}

.section-pricing-2 .pricing-item.active ul {
  color: #fff;
}

.section-pricing-2 .pricing-item.active:hover {
  background-color: var(--secondary);
}

/*
* Pricing Tables Style 3
*/

.section-pricing-3 .pricing-item {
  color: #000;
  margin: 0 0 30px;
  background-color: #fff;
  -webkit-box-shadow: 0 6px 25px rgba(0, 0, 0, 0.1);
  box-shadow: 0 6px 25px rgba(0, 0, 0, 0.1);
}

.section-pricing-3 .pricing-item h4 {
  color: #000;
}

.section-pricing-3 .pricing-item ul {
  color: #333;
}

.section-pricing-3 .pricing-item.active {
  color: #fff;
  border: 0;
  background-color: var(--primary);
}

.section-pricing-3 .pricing-item.active h4 {
  color: #fff;
}

.section-pricing-3 .pricing-item.active ul {
  color: #fff;
}

.section-pricing-3 .pricing-item.active:hover {
  background: var(--secondary);
}

/*------------------------------------
Data Filters
------------------------------------*/

.data-filters {
  overflow: hidden;
  position: relative;
}

.data-filters ul {
  list-style: none;
  padding: 0;
}

.data-filters .data-filters-links li {
  display: inline-block;
}



/*
* Data Filters Links
*/

.data-filters .data-filters-links {
  text-align: center;
  margin-bottom: 30px;
  padding-left: 15px;
}

.data-filters .data-filters-links li {
  cursor: pointer;
  font-weight: 600;
  position: relative;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.data-filters .data-filters-links li:after {
  top: 2px;
  width: 2px;
  height: 14px;
  content: "";
  display: inline-block;
  position: relative;
  margin: 0 12px;
}

.data-filters .data-filters-links li:not(:last-child):after {
  background-color: var(--primary);
}

.data-filters .data-filters-links li span {
  color: #999;
  font-size: 9px;
  margin-left: 3px;
}

.data-filters .data-filters-links li.active {
  color: var(--primary);
}

/*
* Data Filters Items
*/

.data-filters .data-filters-items {
  text-align: center;
  min-height: 348px;
}

.data-filters .data-filters-items li {
  overflow: hidden;
}

.data-filters .data-filters-items li.hide {
  display: none;
}

@media (max-width: 768px) {
  .data-filters .data-filters-links {
    padding-left: 6px;
  }

  .data-filters .data-filters-links li:after {
    margin: 0 6px;
  }
}

/*------------------------------------
Scroll To Up
------------------------------------*/

.scroll-up {
  right: 15px;
  bottom: 8px;
  width: 39px;
  height: 39px;
  cursor: pointer;
  display: none;
  color: #fff;
  font-size: 21px;
  line-height: 36px;
  text-align: center;
  position: fixed;
  z-index: 9999;
  border-radius: 50%;
  background: var(--primary);
}

/*------------------------------------
Owl Carousel
------------------------------------*/

.owl-carousel .owl-nav .disabled {
  cursor: not-allowed;
}

.owl-carousel .owl-dots .owl-dot {
  width: 10px;
  height: 10px;
  margin: 0 3px;
  border-radius: 50%;
}

/*
* Carousel Style 1
*/

.carousel-style-1 .owl-nav {
  width: 250px;
  height: 40px;
  line-height: 42px;
  border-radius: 30px;
  background: var(--primary);
  padding: 0 15px;
  margin: 0 auto;
}

.carousel-style-1 .owl-nav .owl-prev,
.carousel-style-1 .owl-nav .owl-next {
  z-index: 3;
  color: #fff !important;
  font-size: 21px !important;
  position: relative;
}

.carousel-style-1 .owl-nav .owl-prev {
  float: left;
}

.carousel-style-1 .owl-nav .owl-next {
  float: right;
}

.carousel-style-1 .owl-dots {
  left: 0;
  right: 0;
  bottom: 0;
  position: absolute;
  min-height: 40px;
  line-height: 40px;
  text-align: center;
  margin: 0 auto;
}

.carousel-style-1 .owl-dots .owl-dot {
  width: 10px;
  height: 10px;
  margin: 0 3px;
  border-radius: 50%;
  border: 0;
  background-color: var(--primary-1);
}

.carousel-style-1 .owl-dots .owl-dot.active {
  background-color: #fff !important;
}

.carousel-style-1 .owl-stage-outer {
  margin-bottom: 100px;
}

/*
* Carousel Style 2
*/

.carousel-style-2 .owl-dots {
  left: 0;
  right: 0;
  bottom: 30px;
  text-align: center;
  position: absolute;
  margin: auto;
}

.carousel-style-2 .owl-dots .owl-dot {
  width: 10px;
  height: 10px;
  margin: 0 3px;
  border-radius: 50%;
  border: 1px solid;
}

.carousel-style-2 .owl-nav .disabled {
  opacity: 0;
}

.carousel-style-2 .owl-nav .owl-prev,
.carousel-style-2 .owl-nav .owl-next {
  top: 50%;
  width: 80px;
  height: 80px;
  background-color: rgba(0, 0, 0, 0.45) !important;
  font-size: 24px !important;
  line-height: 80px;
  display: inline-block;
  position: absolute;
  border-radius: 50%;
  margin-top: -40px;
  z-index: 3;
}

.carousel-style-2 .owl-nav .owl-prev {
  left: 15px;
}

.carousel-style-2 .owl-nav .owl-next {
  right: 15px;
}

/*
* Carousel - Style 3
*/

.carousel-style-3 .owl-nav .disabled {
  opacity: 0;
}

.carousel-style-3 .owl-nav .owl-prev,
.carousel-style-3 .owl-nav .owl-next {
  top: 50%;
  width: 80px;
  height: 80px;
  background-color: rgba(255, 255, 255, 0.45) !important;
  font-size: 21px !important;
  line-height: 80px;
  display: inline-block;
  position: absolute;
  border-radius: 50%;
  margin-top: -40px;
  z-index: 3;
}

.carousel-style-3 .owl-nav .owl-prev {
  left: 15px;
}

.carousel-style-3 .owl-nav .owl-next {
  right: 15px;
}

/*
* Carousel Dark
*/

.carousel-dark .owl-nav {
  color: #333;
}

.carousel-dark .owl-dots .owl-dot {
  border-color: #333;
}

.carousel-dark .owl-dots .owl-dot.active {
  background-color: #333;
}

/*
* Carousel Light
*/

.carousel-light .owl-nav {
  color: #f9f9f9;
}

.carousel-light .owl-dots .owl-dot {
  border-color: #ffffff;
}

.carousel-light .owl-dots .owl-dot.active {
  background-color: #ffffff;
}

/*
* Carousel Center
*/

.carousel-center .owl-item:not(.center) {
  opacity: 0.3;
  -webkit-transition: opacity 300ms;
  transition: opacity 300ms;
}

.carousel-center .owl-item.center + .owl-item {
  border: 3px solid red;
}

@media (max-width: 991px) {
  .carousel-style-2 .owl-nav .owl-prev,
  .carousel-style-2 .owl-nav .owl-next,
  .carousel-style-3 .owl-nav .owl-prev,
  .carousel-style-3 .owl-nav .owl-next {
    width: 50px;
    height: 50px;
    font-size: 14px !important;
    line-height: 50px;
  }
}

/*------------------------------------
Magnific Popup
------------------------------------*/

.mfp-with-zoom.mfp-bg,
.mfp-with-zoom .mfp-container {
  opacity: 0;
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  -webkit-transition: all 0.45s ease-out;
  transition: all 0.45s ease-out;
}

.mfp-with-zoom.mfp-ready .mfp-container {
  opacity: 1;
}

.mfp-with-zoom.mfp-ready.mfp-bg {
  opacity: 0.8;
}

.mfp-with-zoom.mfp-removing .mfp-container,
.mfp-with-zoom.mfp-removing.mfp-bg {
  opacity: 0;
}

/*------------------------------------
Animations
------------------------------------*/

@-webkit-keyframes scroll {
  0% {
    opacity: 0;
  }
  10% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateY(15px);
    transform: translateY(15px);
    opacity: 0.5;
  }
}

@keyframes scroll {
  0% {
    opacity: 0;
  }
  10% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateY(15px);
    transform: translateY(15px);
    opacity: 0.5;
  }
}

@-webkit-keyframes Gradient {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}

@keyframes Gradient {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}