:root {

  --thm-font: 'Merriweather', serif;	

  --thm-font-2: "Domine", serif;

  --thm-base: #016eb5;

  --thm-base-rgb: 108, 171, 45;

  --thm-black: #0b0b0c;

  --thm-black-rgb: 11, 11, 12;

  --thm-gray: #727274;

  --thm-gray-rgb: 114, 114, 116;

  --thm-primary: #ffa500;

  --thm-primary-rgb: 242, 94, 37;

}



.row {

  --bs-gutter-x: 30px;

}



.gutter-y-30 {

  --bs-gutter-y: 30px;

}



body {

  font-family: var(--thm-font);

  color: rgba(var(--thm-black-rgb), 0.8);

      font-size: 14px;
    line-height: 27px;
  font-weight: 400;

}



body.locked {

  overflow: hidden;

}



a {

  color: var(--thm-black);

}



a,

a:hover,

a:focus,

a:visited {

  text-decoration: none;

}



::-webkit-input-placeholder {

  color: inherit;

  opacity: 1;

}



::-moz-placeholder {

  color: inherit;

  opacity: 1;

}



:-ms-input-placeholder {

  color: inherit;

  opacity: 1;

}



::-ms-input-placeholder {

  color: inherit;

  opacity: 1;

}



::placeholder {

  color: inherit;

  opacity: 1;

}



h1,

h2,

h3,

h4,

h5,

h6 {

  color: var(--thm-black);

  font-weight: 700;

  font-family: var(--thm-font-2);

  margin: 0;

}



p {

  margin: 0;

}

.joinchat{
    bottom: 22px !important;
}

.noSelect {

  -ms-user-select: none;

  user-select: none;

  -o-user-select: none;

  -moz-user-select: none;

  -khtml-user-select: none;

  -webkit-user-select: none;

}



ul,

li {

  list-style: none;

  margin: 0;

  padding: 0;

}



dl,

ol,

ul {

  margin-top: 0;

  margin-bottom: 0;

}



::-webkit-input-placeholder {

  color: inherit;

  opacity: 1;

}



::-moz-placeholder {

  color: inherit;

  opacity: 1;

}



:-ms-input-placeholder {

  color: inherit;

  opacity: 1;

}



::-ms-input-placeholder {

  color: inherit;

  opacity: 1;

}



::placeholder {

  color: inherit;

  opacity: 1;

}



.auto-container {

  position: static;

  max-width: 1200px;

  padding: 0px 15px;

  margin: 0 auto;

}



.page-wrapper {

  position: relative;

  margin: 0 auto;

  width: 100%;

  min-width: 300px;

  overflow: hidden;

}



button {

  cursor: pointer;

  border: none;

  background: transparent;

  padding: 0;

}



.container {

  padding-left: 15px;

  padding-right: 15px;

}



@media (min-width: 1200px) {

  .container {

       max-width: 1200px;

  }

}



.bootstrap-select .btn-light:not(:disabled):not(.disabled).active,

.bootstrap-select .btn-light:not(:disabled):not(.disabled):active,

.bootstrap-select .show > .btn-light.dropdown-toggle {

  box-shadow: none !important;

  outline: none !important;

}



.bootstrap-select > .dropdown-toggle {

  box-shadow: none !important;

}



.bootstrap-select .dropdown-toggle:focus,

.bootstrap-select > select.mobile-device:focus + .dropdown-toggle {

  outline: none !important;

}



.bootstrap-select .dropdown-menu {

  border: 0;

  padding-top: 0;

  padding-bottom: 0;

  margin-top: 0;

  z-index: 991;

  border-radius: 0;

}



.bootstrap-select .dropdown-menu > li + li > a {

  border-top: 1px solid rgba(255, 255, 255, 0.2);

}



.bootstrap-select .dropdown-menu > li.selected > a {

  background: var(--thm-primary);

  color: #fff;

}



.bootstrap-select .dropdown-menu > li > a {

  font-size: 16px;

  font-weight: 500;

  padding: 4px 20px;

  color: #ffffff;

  background: var(--thm-black);

  transition: all 0.4s ease;

}



.bootstrap-select .dropdown-menu > li > a:hover {

  background: var(--thm-primary);

  color: #fff;

  cursor: pointer;

}



::-webkit-input-placeholder {

  color: inherit;

  opacity: 1;

}



::-moz-placeholder {

  color: inherit;

  opacity: 1;

}



:-ms-input-placeholder {

  color: inherit;

  opacity: 1;

}



::-ms-input-placeholder {

  color: inherit;

  opacity: 1;

}



::placeholder {

  color: inherit;

  opacity: 1;

}



.section-separator {

  border-color: var(--thm-border);

  border-width: 1px;

  margin-top: 0;

  margin-bottom: 0;

}



/***

=============================================

    Thm Btn

=============================================

***/

.thm-btn {

  position: relative;

  display: inline-block;

  vertical-align: middle;

  -webkit-appearance: none;

  border: none;

  outline: none !important;

  background-color: var(--thm-base);

  color: #ffffff;

  font-size: 18px;

  font-weight: 400;

  text-transform: uppercase;

  padding: 16px 45px 15px;

  border-radius: 40px;

  -webkit-transition: all 0.3s linear;

  -o-transition: all 0.3s linear;

  transition: all 0.3s linear;

  font-family: var(--thm-font-2);

  letter-spacing: 0.025em;

  overflow: hidden;

  z-index: 1;

}



.thm-btn:hover {

  color: #ffffff;

}



.thm-btn:after {

  position: absolute;

  top: 0;

  left: 0;

  bottom: 0;

  right: 0;

  background: var(--thm-primary);

  border-radius: 40px;

  content: "";

  transform: scaleY(0) rotateX(0deg);

  -webkit-transition: all 0.2s linear;

  -o-transition: all 0.2s linear;

  transition: all 0.2s linear;

}



.thm-btn:hover:after {

  transform: scaleY(1) rotateX(0deg);

  -webkit-transition: all 0.4s linear;

  -o-transition: all 0.4s linear;

  transition: all 0.4s linear;

  z-index: -1;

}



/***

=============================================

    Section Title

=============================================

***/

.sec-title {

  position: relative;

  display: block;

  margin-top: -9px;

  margin-bottom: 61px;

}



.sec-title__tagline {

  position: relative;

  display: inline-block;

  color: var(--thm-gray);

  font-size: 31px;

  line-height: 26px;

  font-weight: 500;

  text-transform: CAPITALIZE;

  font-family: 'Lobster', cursive;

  margin-bottom: 22px;

}



.sec-title__title {

  color: var(--thm-base);

  font-size: 50px;

  line-height: 1.2em;

  font-weight: 700;

  margin-bottom: 10px;

}



.sec-title__text {

  font-size: 16px;

}



.bootstrap-select .dropdown-menu {

  padding-top: 0;

  padding-bottom: 0;

  border-radius: 0;

}



.bootstrap-select .dropdown-item.active,

.bootstrap-select .dropdown-item:active {

  background-color: var(--thm-base);

}



.preloader {

  position: fixed;

  background-color: #fff;

  background-position: center center;

  background-repeat: no-repeat;

  top: 0;

  left: 0;

  right: 0;

  bottom: 0;

  z-index: 999999999999999;

  display: flex;

  justify-content: center;

  align-items: center;

  text-align: center;

}



.preloader svg {

  overflow: visible;

  width: 60px;

  height: 90px;

}

.preloader svg g {

  animation: slide 2s linear infinite;

}

.preloader svg g:nth-child(2) {

  animation-delay: 0.5s;

}

.preloader svg g:nth-child(2) path {

  stroke: var(--thm-primary);

  animation-delay: 0.5s;

  stroke-dasharray: 0px 158px;

  stroke-dashoffset: 1px;

}

.preloader svg path {

  stroke: var(--thm-base);

  stroke-width: 10px;

  stroke-linecap: round;

  fill: none;

  stroke-dasharray: 0 157px;

  stroke-dashoffset: 0;

  animation: escalade 2s cubic-bezier(0.8, 0, 0.2, 1) infinite;

}



@keyframes slide {

  0% {

    transform: translateY(-50px);

  }

  100% {

    transform: translateY(50px);

  }

}

@keyframes escalade {

  0% {

    stroke-dasharray: 0 157px;

    stroke-dashoffset: 0;

  }

  50% {

    stroke-dasharray: 156px 157px;

    stroke-dashoffset: 0;

  }

  100% {

    stroke-dasharray: 156px 157px;

    stroke-dashoffset: -156px;

  }

}



.preloader__image {

  -webkit-animation-fill-mode: both;

  animation-fill-mode: both;

  -webkit-animation-name: flipInY;

  animation-name: flipInY;

  -webkit-animation-duration: 2s;

  animation-duration: 2s;

  -webkit-animation-iteration-count: infinite;

  animation-iteration-count: infinite;

}



/***

=============================================

    Dot Style1

=============================================

***/

.owl-carousel.owl-dot-type1 .owl-stage-outer,

.owl-carousel.owl-nav-type1 .owl-stage-outer {

  position: relative;

  display: block;

  padding-top: 0px;

  padding-bottom: 0px;

  transition: all 100ms linear;

  transition-delay: 0.1s;

  padding-bottom: 0px;

}



.owl-carousel.owl-dot-type1 .owl-dots {

  position: absolute;

  display: block;

  text-align: center;

  line-height: 12px;

  margin-top: 82px !important;

  transition: all 100ms linear;

  transition-delay: 0.1s;

  width: 100%;

}



.owl-carousel.owl-dot-type1 .owl-dots .owl-dot {

  position: relative;

  display: inline-block;

  width: 20px;

  height: 5px;

  background: #e7e6e5;

  margin: 0px 5px;

  padding: 0px;

  border-radius: 5px;

  transition: all 100ms linear;

  transition-delay: 0.1s;

}



.owl-carousel.owl-dot-type1 .owl-dots .owl-dot::before {

  position: absolute;

  top: 0px;

  left: -5px;

  bottom: 0px;

  right: -5px;

  background: var(--thm-base);

  content: "";

  transform: scale(0);

  border-radius: 5px;

}



.owl-carousel.owl-dot-type1 .owl-dots .owl-dot.active::before {

  transform: scale(1);

}



.owl-carousel.owl-dot-type1 .owl-dots .owl-dot span {

  display: none;

}



/***

=============================================

    Owl Nav Style1

=============================================

***/

.owl-nav-type1.owl-theme .owl-nav {

  position: absolute;

  max-width: 180px;

  width: 100%;

  text-align: left;

  -webkit-tap-highlight-color: transparent;

  left: 0;

  bottom: -36px;

  z-index: 9;

}



.owl-nav-type1.owl-carousel .owl-nav button.owl-next,

.owl-nav-type1.owl-carousel .owl-nav button.owl-prev {

  background: transparent;

  padding: 0 !important;

  font: inherit;

  border: 2px solid var(--thm-color-1);

  width: 30px;

  height: 30px;

  line-height: 30px;

  text-align: center;

  border-radius: 8px;

}



.owl-nav-type1.owl-carousel .owl-nav button.owl-prev {

  position: absolute;

  left: 0px;

  bottom: 0px;

}



.owl-nav-type1.owl-carousel .owl-nav button.owl-next {

  position: absolute;

  right: 0;

  bottom: 0px;

}



.owl-nav-type1.owl-carousel .owl-nav button.owl-next span::before,

.owl-nav-type1.owl-carousel .owl-nav button.owl-prev span::before {

  color: var(--thm-color-1);

  font-size: 15px;

  font-weight: 700;

}



.owl-nav-type1.owl-carousel .owl-nav button.owl-prev span::before {

  position: relative;

  display: inline-block;

  transform: rotate(180deg);

}



/***

=============================================

    Scroll To Top

=============================================

***/

.scroll-to-top {

  position: relative;

  display: inline-block;

  width: 60px;

  height: 70px;

  background: var(--thm-base);

  position: fixed;

  bottom: 91px;

  right: 20px;

  z-index: 99;

  border-top-left-radius: 10px;

  border-top-right-radius: 10px;

  text-align: center;

  transition: all 0.4s ease;

  display: none;

  transition: all 0.4s ease;

  overflow: hidden;

}



.scroll-to-top i {

  position: relative;

  display: inline-block;

  color: #ffffff;

  font-size: 18px;

  line-height: 70px;

  transform: rotate(-90deg);

}



.scroll-to-top:hover {

  background-color: var(--thm-black);

}



.scroll-to-top:hover i {

  color: #fff;

}



/***

=============================================

    Main Header One

=============================================

***/

.main-header {

  position: relative;

  display: block;

}



.main-menu {

  position: relative;

  z-index: 91;

}



.main-menu__inner {

  position: relative;

  display: flex;

  align-items: center;

  justify-content: space-between;

  -ms-flex-wrap: wrap;

  flex-direction: row;

  flex-wrap: wrap;

}



.main-menu__inner .left {

  display: flex;

  align-items: center;

}



.main-menu .main-menu__list,

.main-menu .main-menu__list ul,

.stricky-header .main-menu__list,

.stricky-header .main-menu__list ul {

  margin: 0;

  padding: 0;

  list-style-type: none;

  align-items: center;

  display: none;

}



.main-menu .main-menu__list > li,

.stricky-header .main-menu__list > li {

  position: relative;

}



.main-menu .main-menu__list > li + li,

.stricky-header .main-menu__list > li + li {

  margin-left: 29px;

}



.main-menu .main-menu__list > li > a,

.stricky-header .main-menu__list > li > a {

  position: relative;

  display: inline-block;

  color: var(--thm-black);

  font-size: 20px;

  font-weight: 400;

  text-transform: none;

  transition: all 500ms ease;

  font-family: var(--thm-font-2);

  padding-top: 30px;

  padding-bottom: 30px;

  z-index: 1;

}



.main-menu .main-menu__list > li.current > a,

.main-menu .main-menu__list > li:hover > a,

.stricky-header .main-menu__list > li.current > a,

.stricky-header .main-menu__list > li:hover > a {

  color: var(--thm-base);

}



.main-menu .main-menu__list > li.dropdown a,

.stricky-header .main-menu__list > li.dropdown a {

  padding-right: 0px;

}



.main-menu .main-menu__list > li.current > a::before,

.main-menu .main-menu__list > li:hover > a::before,

.stricky-header .main-menu__list > li.current > a::before,

.stricky-header .main-menu__list > li:hover > a::before {

  transform: scale(1, 1);

  transform-origin: right center;

}



.main-menu .main-menu__list li ul,

.stricky-header .main-menu__list li ul {

  position: absolute;

  top: 100%;

  left: 0;

  min-width: 250px;

  background-color: #fff;

  flex-direction: column;

  justify-content: flex-start;

  align-items: flex-start;

  opacity: 0;

  visibility: hidden;

  transition: 500ms ease;

  z-index: 99;

  box-shadow: 0px 0px 65px 0px rgba(0, 0, 0, 0.1);

}



.main-header-two__bottom .main-menu .main-menu__list li ul {

  margin-top: 13px;

}



.stricky-header .main-menu__list li ul {

  margin-top: 0px;

}



.main-menu .main-menu__list li:hover > ul,

.stricky-header .main-menu__list li:hover > ul {

  opacity: 1;

  visibility: visible;

}



.main-menu .main-menu__list li ul li,

.stricky-header .main-menu__list li ul li {

  flex: 1 1 100%;

  width: 100%;

  position: relative;

}



.main-menu .main-menu__list li ul li + li,

.stricky-header .main-menu__list li ul li + li {

  border-top: 1px solid #f7f7f7;

}



.main-menu .main-menu__list li ul li a,

.stricky-header .main-menu__list li ul li a {

  position: relative;

  display: block;

  color: rgba(var(--thm-black-rgb), 0.7);

  font-size: 14px;

  line-height: 28px;

  font-weight: 400;

  padding-left: 20px;

  padding-right: 20px;

  padding-top: 2px;
    padding-bottom: 2px;

  transition: 500ms;

  font-family: var(--thm-font-2);

}



.main-menu .main-menu__list li ul li:hover > a,

.stricky-header .main-menu__list li ul li:hover > a {

  background-color: var(--thm-base);

  color: #ffffff;

}



.main-menu .main-menu__list li ul li > ul,

.stricky-header .main-menu__list li ul li > ul {

  top: 0;

  left: 100%;

}



.main-menu .main-menu__list li ul li > ul.right-align,

.stricky-header .main-menu__list li ul li > ul.right-align {

  top: 0;

  left: auto;

  right: 100%;

}



.main-menu .main-menu__list li ul li > ul ul,

.stricky-header .main-menu__list li ul li > ul ul {

  display: none;

}



.main-header-one__bottom .right {

  position: relative;

  display: block;

}



.main-menu__right {

  position: relative;

  display: flex;

  align-items: center;

}



.main-menu__right-login-register {

  position: relative;

  display: block;

  margin-right: 26px;

}



.main-menu__right-login-register ul {

  position: relative;

  display: block;

  overflow: hidden;

}



.main-menu__right-login-register ul li {

  position: relative;

  float: left;

  margin-left: 11px;

  padding-right: 12px;

}



.main-menu__right-login-register ul li::before {

  position: absolute;

  top: 10px;

  bottom: 10px;

  right: 0;

  background: #e2e4eb;

  width: 1px;

  transform: rotate(20deg);

  content: "";

}



.main-menu__right-login-register ul li:first-child {

  margin-left: 0;

}



.main-menu__right-login-register ul li:last-child {

  padding-right: 0;

}



.main-menu__right-login-register ul li:last-child:before {

  display: none;

}



.main-menu__right-login-register ul li a {

  color: var(--thm-gray);

  font-size: 14px;

  line-height: 24px;

  font-weight: 400;

  transition: all 200ms linear;

  transition-delay: 0.1s;

}



.main-menu__right-login-register ul li a:hover {

  color: var(--thm-base);

}



.main-menu__right-cart-search {

  position: relative;

  display: flex;

  align-items: center;

  padding-left: 30px;

}



.main-menu__right-cart-search::before {

  position: absolute;

  top: 0;

  left: 0;

  bottom: 0;

  background: rgba(255, 255, 255, 0.1);

  width: 1px;

  content: "";

}



.main-menu__right-cart-box {

  position: relative;

  display: block;

}



.main-menu__right-cart-box a {

  color: var(--thm-black);

  transition: all 200ms linear;

  transition-delay: 0.1s;

}



.main-menu__right-cart-box a:hover {

  color: var(--thm-base);

}



.main-menu__right-cart-box a span::before {

  font-size: 25px;

  line-height: 35px;

}



.main-menu__right-search-box {

  position: relative;

  display: block;

  margin-left: 29px;

}



.main-menu__right-search-box .thm-btn {

  font-size: 12px;

  padding: 5px 30px 2px;

}



.stricky-header {

  position: fixed;

  z-index: 991;

  top: 0;

  left: 0;

  background-color: #fff;

  width: 100%;

  visibility: hidden;

  transform: translateY(-120%);

  transition: transform 500ms ease, visibility 500ms ease;

  box-shadow: 0px 10px 60px 0px rgba(0, 0, 0, 0.05);

}



.stricky-header.main-menu {

  padding: 0 0px;

}



.stricky-header.stricky-fixed {

  transform: translateY(0);

  visibility: visible;

}



.stricky-header .main-menu__inner {

  box-shadow: none;

  padding-right: 0;

  max-width: 1200px;

  width: 100%;

  margin: 0 auto;

  padding: 0 15px;

}



.mobile-nav__buttons {

  display: flex;

  margin-left: auto;

  margin-right: 10px;

}



@media (min-width: 1200px) {

  .main-menu .main-menu__list,

  .main-menu .main-menu__list ul,

  .stricky-header .main-menu__list,

  .stricky-header .main-menu__list ul {

    display: flex;

  }

}



@media (max-width: 1199px) {

  .stricky-header {

    display: none !important;

  }

}



@media (min-width: 1200px) {

  .mobile-nav__buttons {

    display: none;

  }

}



@media (min-width: 1200px) {

  .main-menu .mobile-nav__toggler {

    display: none;

  }

}



.mobile-nav__buttons a {

  font-size: 20px;

  color: var(--thm-black);

  cursor: pointer;

}



.mobile-nav__buttons a + a {

  margin-left: 10px;

}



.mobile-nav__buttons a:hover {

  color: var(--thm-base);

}



.main-menu .mobile-nav__toggler {

  font-size: 30px;

  color: var(--thm-base);

  cursor: pointer;

  transition: 500ms;

  margin-right: 0px;

}



.main-menu .mobile-nav__toggler:hover {

  color: var(--thm-primary);

}



.main-menu.main-menu--1--2 .mobile-nav__toggler {

  color: var(--thm-base);

}



.main-menu.main-menu--1--2 .mobile-nav__toggler:hover {

  color: #ffffff;

}



/***

=============================================

    Mobile Nav

=============================================

***/

.mobile-nav__wrapper {

  position: fixed;

  top: 0;

  left: 0;

  width: 100vw;

  height: 100vh;

  opacity: 0;

  transform: translateX(-50%);

  transform-origin: right center;

  transition: transform 500ms ease-in, opacity 500ms linear,

    visibility 500ms ease-in;

  z-index: 999;

  visibility: hidden;

}



.mobile-nav__wrapper .container {

  padding-left: 0;

  padding-right: 0;

}



.mobile-nav__wrapper.expanded {

  opacity: 1;

  transform: translateX(0%);

  visibility: visible;

}



.mobile-nav__overlay {

  position: absolute;

  top: 0;

  left: 0;

  right: 0;

  bottom: 0;

  background-color: #000000;

  opacity: 0.5;

  cursor: pointer;

}




.mobile-nav__content {

  width: 300px;

  background: var(--thm-black);

  z-index: 10;

  position: relative;

  height: 100%;

  overflow-y: auto;

  padding-top: 30px;

  padding-bottom: 30px;

  padding-left: 15px;

  padding-right: 15px;

}



.mobile-nav__content .thm-btn {

  padding: 8px 0;

  width: 100%;

  text-align: center;

}



.mobile-nav__content .logo-box {

  margin-bottom: 40px;

  display: flex;

}



.mobile-nav__close {

  position: absolute;

  top: 20px;

  right: 15px;

  font-size: 18px;

  color: #fff;

  cursor: pointer;

}



.mobile-nav__content .main-menu__list,

.mobile-nav__content .main-menu__list ul {

  margin: 0;

  padding: 0;

  list-style-type: none;

}



.mobile-nav__content .main-menu__list ul {

  display: none;

  border-top: 1px solid rgba(255, 255, 255, 0.1);

}



.mobile-nav__content .main-menu__list li:not(:last-child) {

  border-bottom: 1px solid rgba(255, 255, 255, 0.1);

}



.mobile-nav__content .main-menu__list li ul {

  padding-left: 10px;

}



.mobile-nav__content .main-menu__list li a {

  display: flex;

  justify-content: flex-start;

  line-height: 30px;

  color: #ffffff;

  font-size: 16px;

  font-family: var(--thm-font);

  font-weight: 400;

  height: 46px;

  align-items: center;

  transition: 500ms;

}



.mobile-nav__content .main-menu__list li a.expanded {

  color: #fff;

}



.mobile-nav__content .main-menu__list .dropdown ul li a{

  color: #ffa500;

}



.mobile-nav__content .main-menu__list li a:hover {

  color: #fff;

}



.mobile-nav__content .main-menu__list li a button {

  width: 28px;

  height: 28px;

  border: none;

  outline: none;

  color: #fff;

  display: flex;

  align-items: center;

  justify-content: center;

  text-align: center;

  transform: rotate(-90deg);

  border-radius: 0px;

  transition: transform 500ms ease;

}



.mobile-nav__content .main-menu__list li a button.expanded {

  transform: rotate(0deg);

}



.mobile-nav__content .main-menu__list li.cart-btn span {

  position: relative;

  top: auto;

  right: auto;

  transform: translate(0, 0);

}



.mobile-nav__content .main-menu__list li.cart-btn i {

  font-size: 16px;

}



.mobile-nav__top {

  display: flex;

  align-items: center;

  justify-content: space-between;

  margin-top: 20px;

  margin-bottom: 30px;

}



.mobile-nav__top .main-menu__login a {

  color: var(--thm-text-dark);

}



.mobile-nav__container {

  border-top: 1px solid rgba(255, 255, 255, 0.1);

  border-bottom: 1px solid rgba(255, 255, 255, 0.1);

}



.mobile-nav__social {

  display: flex;

  align-items: center;

}



.mobile-nav__social a {

  font-size: 16px;

  color: var(--thm-base);

  transition: 500ms;

}



.mobile-nav__social a + a {

  margin-left: 30px;

}



.mobile-nav__social a:hover {

  color: #ffffff;

}



.mobile-nav__contact {

  margin-bottom: 0;

  margin-top: 20px;

  margin-bottom: 20px;

}



.mobile-nav__contact li {

  color: var(--thm-text-dark);

  font-size: 14px;

  font-weight: 400;

  position: relative;

  display: flex;

  align-items: center;

  letter-spacing: 0.07em;

}



.mobile-nav__contact li + li {

  margin-top: 15px;

}



.mobile-nav__contact li a {

  color: #ffffff;

  transition: 500ms;

}



.mobile-nav__contact li a:hover {

  color: var(--thm-base);

}



.mobile-nav__contact li > i {

  width: 40px;

  height: 40px;

  border-radius: 50%;

  background-color: var(--thm-base);

  display: flex;

  justify-content: center;

  align-items: center;

  text-align: center;

  font-size: 16px;

  margin-right: 10px;

  color: #fff;

}



.mobile-nav__container .main-logo,

.mobile-nav__container .topbar__buttons,

.mobile-nav__container .main-menu__language,

.mobile-nav__container .main-menu__login {

  display: none;

}



/***

=============================================

    Search Popup

=============================================

***/



.search-popup {

  position: fixed;

  top: 0;

  left: 0;

  width: 100vw;

  height: 100vh;

  z-index: 9999;

  padding-left: 20px;

  padding-right: 20px;

  display: flex;

  justify-content: center;

  align-items: center;

  transform: translateY(-110%);

  transition: transform 500ms ease, opacity 500ms ease;

}



.search-popup.active {

  transform: translateY(0%);

}



.search-popup__overlay {

  position: absolute;

  top: 0;

  left: 0;

  right: 0;

  bottom: 0;

  background-color: var(--thm-black);

  opacity: 0.9;

  cursor: pointer;

}



.search-popup__content {

  width: 100%;

  max-width: 560px;

}



.search-popup__content form {

  display: flex;

  flex-wrap: wrap;

  position: relative;

  background-color: #fff;

  border-radius: 0px;
padding: 32px;
  overflow: hidden;

}



.search-popup__content form input[type="search"],

.search-popup__content form input[type="text"] {

  width: 100%;

  background-color: #fff;

  font-size: 16px;

  border: none;

  outline: none;

  height: 53px;
    border: 1px solid;
    margin: 7px 31px;
    padding: 0 30px;

}



.search-popup__content .thm-btn2 {

  padding: 0;

  width: 68px;

  height: 68px;

  display: flex;

  justify-content: center;

  align-items: center;

  text-align: center;

  position: absolute;

  top: 0;

  right: -1px;

  border-radius: 0;

  background-color: var(--thm-base);

  border: none;

  transition: all 200ms linear;

  transition-delay: 0.1s;

}



.search-popup__content .thm-btn2::before {

  display: none;

}



.search-popup__content .thm-btn2:hover {

  background-color: var(--thm-black);

  color: #ffffff;

}



.search-popup__content .thm-btn2 i::before {

  margin: 0;

  color: #ffffff;

}



/***

=============================================

    Main Header One

=============================================

***/

.main-header--one {

  position: relative;

  display: block;

}



.main-header--one__wrapper {

  position: relative;

  display: block;

}



.main-header--one .auto-container {

  position: static;

  max-width: 100%;

  width: 100%;

  padding: 0px 30px;

  margin: 0 auto;

}



.main-header--one__inner {

  position: relative;

  display: flex;

  align-items: center;

  justify-content: space-between;

}



.main-header--one__left {

  position: relative;

  display: contents;

  align-items: center;

  float: left;

}



.main-header--one__left .logo {

  position: relative;

  display: inline-block;

  top: -4px;

}



.main-header--one__left .logo a {

  position: relative;

  display: inline-block;

}



.main-menu--1 {

  position: relative;

  display: block;

}



.main-header--one__middle {

  position: relative;

  display: block;

  padding-left: 0px;

}



.main-header--one__right {

  position: relative;

  display: flex;

  align-items: center;

  float: right;

}



.main-header--one__right .contact-box {

  position: relative;

  display: flex;

  align-items: center;

  margin-right: 30px;

}



.main-header--one__right .contact-box .icon {

  position: relative;

  display: inline-block;

  color: var(--thm-black);

  font-size: 35px;

  line-height: 35px;

  transform: rotate(270deg);

  transition: all 200ms linear;

  transition-delay: 0.1s;

}



.main-header--one__right .contact-box .icon span::before {

  position: relative;

  display: inline-block;

  right: -3px;

}



.main-header--one__right .contact-box .icon:hover {

  color: var(--thm-base);

}



.main-header--one__right .contact-box .text {

  position: relative;

  display: block;

  padding-left: 3px;

}



.main-header--one__right .contact-box .text a {

  color: var(--thm-black);

  font-size: 24px;

  line-height: 24px;

  font-weight: 400;

  font-family: var(--thm-font-2);

  transition: all 200ms linear;

  transition-delay: 0.1s;

}



.main-header--one__right .contact-box .text a:hover {

  color: var(--thm-base);

}



.main-header--one__right .search-box {

  position: relative;

  display: block;

}



.main-header--one__right .search-box .search {

  position: relative;

  display: inline-block;

  width: 60px;

  height: 60px;

  background: var(--thm-base);

  border-radius: 50%;

  color: #ffffff;

  text-align: center;

  transition: all 200ms linear;

  transition-delay: 0.1s;

}



.main-header--one__right .search-box .search:hover {

  color: #ffffff;

  background: var(--thm-primary);

}



.main-header--one__right .search-box .search span::before {

  position: relative;

  display: inline-block;

  font-size: 15px;

  line-height: 60px;

  font-weight: 700;

}



.main-header--one__right-btn {

  position: relative;

  display: block;

  margin-left: 35px;

}



.main-header--one__right-btn .thm-btn {

  color: var(--thm-primary);

  border: 1px solid var(--thm-base);

  background: transparent;

  border-radius: 3px;

  padding: 3px 12px 3px;

}



.main-header--one__right-btn .thm-btn::after {

  background: var(--thm-base);

  border-radius: 3px;

}



.main-header--one__right-btn .thm-btn:hover {

  border: 1px solid var(--thm-base);

  color: #ffffff;

}



/***

=============================================

    Main Header Two

=============================================

***/

.main-header--one--two {

  position: absolute;

  top: 0;

  left: 0;

  right: 0;

  z-index: 999;

}



.main-header--one--two .main-menu .main-menu__list > li > a {

  color: #ffffff;

}



.main-header--one--two .main-menu .main-menu__list > li > a:hover,

.main-header--one--two .main-menu .main-menu__list > li.current > a {

  color: var(--thm-base);

}



.main-header--one--two .main-header--one__middle {

  padding-left: 0px;

}



.main-header--one--two .main-header--one__right .contact-box .icon {

  color: #ffffff;

  font-size: 35px;

  transition: all 200ms linear;

  transition-delay: 0.1s;

}



.main-header--one--two .main-header--one__right .contact-box .icon:hover {

  color: var(--thm-base);

}



.main-header--one--two .main-header--one__right .contact-box .text {

  position: relative;

  display: block;

  padding-left: 7px;

}



.main-header--one--two .main-header--one__right .contact-box .text a {

  color: #ffffff;

  font-size: 24px;

  line-height: 24px;

  font-weight: 400;

  font-family: var(--thm-font-2);

  transition: all 200ms linear;

  transition-delay: 0.1s;

}



.main-header--one--two .main-header--one__right .contact-box .text a:hover {

  color: var(--thm-base);

}



.main-header--one--two .main-header--one__right .search-box .search {

  position: relative;

  display: inline-block;

}



.main-header--one--two .main-header--one__right .search-box .search:hover {

  background: var(--thm-primary);

}



/***

=============================================

    Slider One

=============================================

***/

.main-slider-one {

  position: relative;

  display: block;

}



.main-slider .swiper-slide {

  position: relative;

  z-index: 1;

}



.main-slider .image-layer {

  position: absolute;

  top: 0;

  left: 0;

  right: 0;

  bottom: 0;

  background-repeat: no-repeat;

  background-size: cover;

  background-position: center center;

  z-index: 1;

}



.main-slider .swiper-slide .shape1 {

  position: absolute;

  top: -260px;

  left: -810px;

  width: 960px;

  height: 960px;

  border-radius: 50%;

  background: #fabe88;

  opacity: 0;

  transform: translateX(-100%);

  z-index: 3;

}



.main-slider.main-slider-one .swiper-slide-active .shape1 {

  opacity: 1;

  transform: translate(0);

  transition: all 1000ms ease;

  transition-delay: 200ms;

}



.main-slider .swiper-slide .shape2 {

  position: absolute;

  top: -30px;

  left: -810px;

  width: 960px;

  height: 960px;

  border-radius: 50%;

  background: rgba(255, 0255, 255, 0.7);

  opacity: 0;

  transform: translateX(-100%);

  z-index: 4;

}



.main-slider.main-slider-one .swiper-slide-active .shape2 {

  opacity: 1;

  transform: translate(0);

  transition: all 1500ms ease;

  transition-delay: 200ms;

}



.main-slider .swiper-slide .shape3 {

  position: absolute;

  top: 40px;

  left: -785px;

  width: 960px;

  height: 960px;

  border-radius: 50%;

  background: #83b452;

  opacity: 0;

  transform: translateX(-100%);

  z-index: 2;

}



.main-slider.main-slider-one .swiper-slide-active .shape3 {

  opacity: 1;

  transform: translate(0);

  transition: all 2000ms ease;

  transition-delay: 200ms;

}



.main-slider .container {

  position: relative;

  padding-top: 165px;

  padding-bottom: 140px;

  z-index: 2;

}



.main-slider-one__content {

  position: relative;

  display: block;

  margin-top: 60px;

  z-index: 99;

}



.main-slider__title {

  color: #ffffff;

  font-size: 51px;

  line-height: 1.2em;

  font-weight: 700;

  text-transform: capitalize;

  margin-bottom: 14px;

  opacity: 0;

  transition: all 1000ms ease;

  transform: translateY(80px);

}



.main-slider-one .swiper-slide-active .main-slider__title {

  opacity: 1;

  transform: translateX(0);

  transition-delay: 1000ms;

}



.main-slider__title span {

  position: relative;

  display: inline-block;

  z-index: 1;

}



.main-slider__title span::before {

  position: absolute;

  top: 18px;

  left: 0;

  bottom: 0px;

  right: 0;

  background-image: url(../images/shapes/slider-v1-shape4.png);

  content: "";

  z-index: -1;

  background-attachment: scroll;

  background-position: center center;

  background-repeat: no-repeat;

}



.main-slider__text {

  color: #ffffff;

  font-size: 20px;

  line-height: 30px;

  font-weight: 400;

  opacity: 0;

  transition: all 1500ms ease;

  transform: translateY(80px);

}



.main-slider-one .swiper-slide-active .main-slider__text {

  opacity: 1;

  transform: translateX(0);

  transition-delay: 1200ms;

}



.main-slider__btn {

  position: relative;

  display: block;

  opacity: 0;

  transition: all 1500ms ease;

  transform: translateY(80px);

  margin-top: 57px;

}



.main-slider-one .swiper-slide-active .main-slider__btn {

  opacity: 1;

  transform: translateX(0);

  transition-delay: 1600ms;

}



.main-slider-one__img {

  position: relative;

  display: block;

  margin-left: 200px;

  opacity: 0;

  transform: translateY(100%);

  z-index: 1;

}



.main-slider.main-slider-one .swiper-slide-active .main-slider-one__img {

  opacity: 1;

  transform: translate(0);

  transition: all 1000ms ease;

  transition-delay: 200ms;

}



.main-slider-one__img::before {

  position: absolute;

  top: -15px;

  left: -10px;

  bottom: 0;

  right: 0;

  width: 630px;

  height: 630px;

  background: #ffffff;

  border-radius: 50%;

  content: "";

  z-index: -1;

}



.main-slider-one__img .shape5 {

  position: absolute;

  top: 15px;

  left: 10px;

  bottom: 5px;

  right: 0px;

  width: 630px;

  height: 630px;

  background: #ffffff;

  border-radius: 50%;

  opacity: 0.23;

  content: "";

  z-index: -1;

}



.main-slider-one__img-inner {

  position: relative;

  display: block;

  width: 630px;

  height: 630px;

  z-index: 1;

}



.main-slider-one__img-inner img {

  width: 100%;

}



.main-slider__nav {

  position: absolute;

  display: block;

  align-items: flex-start;

  bottom: 50px;

  right: 0;

  width: 150px;

  z-index: 100;

}



.main-slider__nav .swiper-button-next,

.main-slider__nav .swiper-button-prev {

  position: relative;

  top: auto;

  left: auto;

  right: auto;

  bottom: auto;

  z-index: 100;

  width: 50px;

  height: 50px;

  color: rgba(255, 255, 255, 0.4);

  font-size: 15px;

  background: transparent;

  border: 2px solid rgba(255, 255, 255, 0.4);

  margin: 10px 0px;

  text-align: center;

  transition: all 500ms ease;

  border-radius: 50%;

}



.main-slider__nav .swiper-button-next:hover,

.main-slider__nav .swiper-button-prev:hover {

  color: #ffffff;

  background: transparent;

  border: 2px solid #ffffff;

}



.main-slider__nav .swiper-button-next::after,

.main-slider__nav .swiper-button-prev::after {

  display: none;

}



.main-slider__nav .swiper-button-prev {

  margin-bottom: 0px;

}



.main-slider__nav .swiper-button-prev .icon-left-arrow {

  position: relative;

}



.main-slider__nav .swiper-button-prev {

  position: relative;

  transform: rotate(180deg);

}



#main-slider-pagination {

  position: absolute;

  left: 100px;

  bottom: 60px;

  width: 26px;

  z-index: 10;

}



#main-slider-pagination .swiper-pagination-bullet {

  position: relative;

  display: block;

  width: 9px;

  height: 9px;

  border-radius: 50%;

  background: #ffffff;

  opacity: 0.4;

}



#main-slider-pagination .swiper-pagination-bullet + .swiper-pagination-bullet {

  margin-top: 10px;

}



#main-slider-pagination

  .swiper-pagination-bullet.swiper-pagination-bullet-active {

  position: relative;

  width: 13px;

  height: 13px;

  border-radius: 50%;

  background: #ffffff;

  left: -2px;

  opacity: 1;

}



/***

=============================================

    Slider Two

=============================================

***/

.main-slider.main-slider-one--two .image-layer {

  position: absolute;

  top: 0;

  left: 0;

  right: 0;

  bottom: 0;

  background-repeat: no-repeat;

  background-size: cover;

  background-position: center bottom;

  transform: scale(1);

  transition: transform 7000ms ease;

  z-index: 1;

}



.main-slider.main-slider-one--two .swiper-slide-active .image-layer {

  transform: scale(1.3);

}



.main-slider.main-slider-one--two .swiper-slide .shape-one {

  position: absolute;

  top: 110px;

  left: -810px;

  width: 960px;

  height: 960px;

  border-radius: 50%;

  background: #83b452;

  opacity: 0;

  transform: translateX(-100%);

  z-index: 2;

}



.main-slider.main-slider-one--two .swiper-slide-active .shape-one {

  opacity: 1;

  transform: translate(0);

  transition: all 1000ms ease;

  transition-delay: 200ms;

}



.main-slider.main-slider-one--two .swiper-slide .shape-two {

  position: absolute;

  top: -30px;

  left: -820px;

  width: 960px;

  height: 960px;

  border-radius: 50%;

  background: #fabe88;

  opacity: 0;

  transform: translateX(-100%);

  z-index: 2;

}



.main-slider.main-slider-one--two .swiper-slide-active .shape-two {

  opacity: 1;

  transform: translate(0);

  transition: all 1500ms ease;

  transition-delay: 200ms;

}



.main-slider.main-slider-one--two .swiper-slide .shape-three {

  position: absolute;

  top: 70px;

  left: -840px;

  width: 960px;

  height: 960px;

  border-radius: 50%;

  background: rgba(255, 0255, 255, 0.6);

  opacity: 0;

  transform: translateX(-100%);

  z-index: 2;

}



.main-slider.main-slider-one--two .swiper-slide-active .shape-three {

  opacity: 1;

  transform: translate(0);

  transition: all 2000ms ease;

  transition-delay: 200ms;

}



.main-slider.main-slider-one--two .swiper-slide .shape-four {

  position: absolute;

  top: 155px;

  right: -460px;

  width: 605px;

  height: 605px;

  border-radius: 50%;

  background: #fbb89e;

  opacity: 0;

  transform: translateX(100%);

  z-index: 2;

}



.main-slider.main-slider-one--two .swiper-slide-active .shape-four {

  opacity: 1;

  transform: translate(0);

  transition: all 1000ms ease;

  transition-delay: 200ms;

}



.main-slider.main-slider-one--two .swiper-slide .shape-five {

  position: absolute;

  top: 395px;

  right: -480px;

  width: 605px;

  height: 605px;

  border-radius: 50%;

  background: #83b452;

  opacity: 0;

  transform: translateX(100%);

  z-index: 2;

}



.main-slider.main-slider-one--two .swiper-slide-active .shape-five {

  opacity: 1;

  transform: translate(0);

  transition: all 1500ms ease;

  transition-delay: 200ms;

}



.main-slider.main-slider-one--two .swiper-slide .shape-six {

  position: absolute;

  top: 240px;

  right: -420px;

  width: 605px;

  height: 605px;

  border-radius: 50%;

  background: rgba(255, 0255, 255, 0.23);

  opacity: 0;

  transform: translateX(100%);

  z-index: 2;

}



.main-slider.main-slider-one--two .swiper-slide-active .shape-six {

  opacity: 1;

  transform: translate(0);

  transition: all 2500ms ease;

  transition-delay: 200ms;

}



.main-slider.main-slider-one--two .container {

	position: relative;

	padding-top: 96px;

	padding-bottom: 99px;

	z-index: 2;

}

.logo img{

	margin-top: 7px;

}

.main-slider-one--two .main-slider__title {

  margin-bottom: 29px;

}



.main-slider-one--two .main-slider__btn {

  position: relative;

  display: flex;

  align-items: center;

  justify-content: center;

  margin-top: 77px;

}



.main-slider-one--two .main-slider__btn .btn1 {

  position: relative;

  display: block;

}



.main-slider-one--two .main-slider__btn .btn2 {

  position: relative;

  display: block;

  padding-left: 20px;

}



.main-slider-one--two .main-slider__btn .btn2 .thm-btn {

  background: var(--thm-primary);

}



.main-slider-one--two .main-slider__btn .btn2 .thm-btn::after {

  background: var(--thm-base);

}



/***

=============================================

    Page Header

=============================================

***/

.page-header {

  position: relative;

  display: block;

  padding: 78px 0px 0px;

  overflow: hidden;

  z-index: 1;

}



.page-header .shape1 {

  position: absolute;

  left: -215px;

  bottom: 35px;

  width: 295px;

  height: 295px;

  background: rgba(255, 0255, 255, 0.23);

  border-radius: 50%;

  z-index: 2;

}



.page-header .shape2 {

  position: absolute;

  left: -145px;

  bottom: -105px;

  width: 295px;

  height: 295px;

  background: rgba(var(--thm-primary-rgb), 0.1);

  border-radius: 50%;

  z-index: 2;

}



.page-header .shape3 {

  position: absolute;

  top: 250px;

  right: -175px;

  width: 285px;

  height: 285px;

  background: #fbb89e;

  border-radius: 50%;

  z-index: 2;

}



.page-header .shape4 {

  position: absolute;

  top: 310px;

  right: -215px;

  width: 285px;

  height: 285px;

  background: #83b452;

  border-radius: 50%;

  z-index: 2;

}



.page-header .shape5 {

  position: absolute;

  top: 165px;

  right: -200px;

  width: 285px;

  height: 285px;

  background: rgba(255, 0255, 255, 0.23);

  border-radius: 50%;

  z-index: 2;

}



.page-header__bg {

  position: absolute;

  top: 0;

  left: 0;

  bottom: 0;

  right: 0;

  background-attachment: scroll;

  background-position: center center;

  background-repeat: no-repeat;

  background-size: cover;

  z-index: 1;

}



.page-header__bg::before {

  content: "";

  position: absolute;

  top: 0;

  left: 0;

  bottom: 0;

  width: 1645px;

  background-image: -moz-linear-gradient(

    5deg,

    rgb(36, 25, 23) 0%,

    rgba(10, 6, 2, 0) 100%

  );

  background-image: -webkit-linear-gradient(

    5deg,

    rgb(36, 25, 23) 0%,

    rgba(10, 6, 2, 0) 100%

  );

  background-image: -ms-linear-gradient(

    5deg,

    rgb(36, 25, 23) 0%,

    rgba(10, 6, 2, 0) 100%

  );

  z-index: -1;

}



.page-header__bg::after {

  content: "";

  position: absolute;

  top: 0;

  bottom: 0;

  right: 0;

  width: 515px;

  background-image: -moz-linear-gradient(

    -178deg,

    rgb(36, 25, 23) 0%,

    rgba(10, 6, 2, 0) 100%

  );

  background-image: -webkit-linear-gradient(

    -178deg,

    rgb(36, 25, 23) 0%,

    rgba(10, 6, 2, 0) 100%

  );

  background-image: -ms-linear-gradient(

    -178deg,

    rgb(36, 25, 23) 0%,

    rgba(10, 6, 2, 0) 100%

  );

  z-index: -1;

}



.page-header__wrapper {

  position: relative;

  display: block;

  padding-top: 80px;

  padding-bottom: 29px;

  z-index: 2;

}



.page-header__content {

  position: relative;

  display: block;

  padding-bottom: 0px;

}



.page-header__content h2 {

  color: #ffffff;

  font-size: 46px;

  line-height: 1em;

  font-weight: 700;

  margin-bottom: 23px;

}



.page-header__content p {

  color: #ffffff;

  font-size: 20px;

}



.page-header__menu {

  position: relative;

  display: block;

}



.page-header__menu ul {

  position: relative;

  display: block;

}



.page-header__menu ul li {

  position: relative;

  display: inline-block;

  color: #ffffff;

  font-size: 16px;

  padding-left: 3px;

  padding-right: 7px;

}



.page-header__menu ul li:first-child {

  padding-left: 0;

}



.page-header__menu ul li:last-child {

  padding-right: 0;

}



.page-header__menu ul li::before {

  position: absolute;

  top: 9px;

  right: 0;

  bottom: 10px;

  width: 1px;

  background: #ffffff;

  transform: rotate(20deg);

  content: "";

}



.page-header__menu ul li:last-child:before {

  display: none;

}



.page-header__menu ul li a {

  position: relative;

  display: inline-block;

  color: #ffffff;

  font-size: 16px;

  transition: all 200ms linear;

  transition-delay: 0.1s;

}



.page-header__menu ul li a:hover {

  color: var(--thm-base);

}



.page-header--blog-single {

  position: relative;

  display: block;

}



.page-header--blog-single .page-header__content h2 {

  font-size: 65px;

  line-height: 1.3em;

}



/***

=============================================

    Services One

=============================================

***/



.services-one {

  position: relative;

  display: block;

  background: #ffffff;

  padding: 68px 0px;

  overflow: hidden;

  z-index: 1;

}



.services-one .shape1 {

  position: absolute;

  top: -280px;

  left: -715px;

  z-index: -1;

}



.services-one .shape2 {

  position: absolute;

  top: 325px;

  left: 105px;

  z-index: -1;

}



.services-one .shape3 {

  position: absolute;

  left: 260px;

  bottom: 40px;

  z-index: -1;

}



.services-one .shape4 {

  position: absolute;

  top: -10px;

  right: 50px;

  z-index: -1;

}



.services-one .shape5 {

  position: absolute;

  bottom: 220px;

  right: -30px;

  z-index: -1;

}



.services-one .shape6 {

  position: absolute;

  left: 562px;

  bottom: 20px;

  width: 770px;

  height: 770px;

  border-radius: 50%;

  background: #fdf9f5;

  z-index: -1;

}



.services-one__single {

	position: relative;

    display: block;

    background: #fcecd2;

    box-shadow: 0px 0px 26px 0px rgb(215 212 212 / 35%);

    padding: 37px 35px;

    border-radius: 5px;
	height: 395px;
    margin-bottom: 30px;

    z-index: 1;

}



.services-one__single::before {

  position: absolute;

  top: 0;

  left: 0;

  right: 0;

  bottom: 0;

  content: "";

  background-color: transparent;

  border: 1px solid var(--thm-black);

  border-radius: 5px;

  transition: all 500ms ease;

  transform: scaleY(0);

  z-index: -1;

}



.services-one__single:hover:before {

  transform: scaleY(1);

}



.services-one__single-icon {

  position: relative;

  display: inline-block;

  margin-bottom: 13px;

  transition-delay: 0.1s;

  transition: all 500ms ease;

  z-index: 1;

}



.services-one__single:hover .services-one__single-icon {

  transform: rotateY(180deg);

  transition-delay: 0.1s;

}



.services-one__single-icon::before {

  content: "";

  position: absolute;

  top: -15px;

  left: 0;

  right: 0;

  margin: 0 auto;

  width: 90px;

  height: 90px;

  border-radius: 50%;

  background: #ebf2e4;

  z-index: -1;

}



.bg2.services-one__single-icon::before {

  background: #ffe9e0;

}



.bg3.services-one__single-icon::before {

  background: #f7ebed;

}



.bg4.services-one__single-icon::before {

  background: #e0f2ff;

}



.bg5.services-one__single-icon::before {

  background: #e5fbf3;

}



.services-one__single-icon span::before {

  position: relative;

  display: inline-block;

  color: var(--thm-black);

  font-size: 85px;

  line-height: 85px;

}



.services-one__single h2 {

  font-size: 30px;

  line-height: 40px;

  font-weight: 400;

}



.services-one__single h2 a {

  color: var(--thm-black);

  transition: all 200ms linear;

  transition-delay: 0.1s;

}



.services-one__single h2 a:hover {

  color: var(--thm-base);

}



.services-one__single .text {

  position: relative;

  display: block;

  margin-top: 21px;

}



.services-one__single .text p {

	font-size: 15px;

	line-height: 21px;

}



/***

=============================================

    Best Logistics One

=============================================

***/

.best-logistics-one {

  position: relative;

  display: block;

  background: #ffffff;

  padding: 90px 0 60px;

  z-index: 1;

}



.best-logistics-one .shapeone {

  position: absolute;

  bottom: 175px;

  right: 50px;

  z-index: 1;

}



.best-logistics-one__img {

  position: absolute;

  top: 120px;

  left: 56%;

  bottom: 120px;

  right: 0;

  background-attachment: scroll;

  background-size: cover;

  background-position: center right;

  background-repeat: no-repeat;

}



.best-logistics-one__img .overlay-content {

  position: absolute;

  left: 100px;

  bottom: 70px;

}



.best-logistics-one__img .overlay-content h2 {

  position: relative;

  color: #ffffff;

  font-size: 28px;

  line-height: 38px;

}



.best-logistics-one__img .overlay-content__bg {

  position: absolute;

  left: -125px;

  bottom: -95px;

}



.best-logistics-one__content {

  position: relative;

  display: block;

  max-width: 570px;

  width: 100%;

}



.best-logistics-one__content .sec-title {

  margin-bottom: 58px;

}



.best-logistics-one__content-counter {

  position: relative;

  display: block;

}



.best-logistics-one__content-counter li {

  position: relative;

  display: inline-block;

  max-width: 245px;

  width: 100%;

  padding: 35px 0px 29px;

  padding-left: 30px;

  padding-right: 20px;

  background: #ffffff;

  box-shadow: 7.5px 12.99px 38px 0px rgb(197, 198, 208, 0.35);

  border-radius: 5px;

  margin-right: 70px;

  z-index: 1;

}



.best-logistics-one__content-counter li:last-child {

  margin-right: 0;

}



.best-logistics-one__content-counter li::before {

  position: absolute;

  top: 0;

  left: 0;

  bottom: 0;

  right: 0;

  background: #ffffff;

  border-radius: 5px;

  z-index: -1;

  content: "";

}



.best-logistics-one__content-counter li::after {

  position: absolute;

  top: -7px;

  left: -7px;

  bottom: 20px;

  right: -7px;

  background: #f6eadf;

  z-index: -2;

  content: "";

}



.best-logistics-one__content-counter li.bg2 {

  position: relative;

  display: inline-block;

}



.best-logistics-one__content-counter li.bg2::after {

  position: absolute;

  top: -7px;

  left: -7px;

  bottom: 20px;

  right: -7px;

  background: #dae4d2;

  z-index: -2;

  content: "";

}



.best-logistics-one__content-counter li h2 {

  font-size: 50px;

  line-height: 1em;

  margin-bottom: 10px;

}



.best-logistics-one__content-counter li h2 .plus-icon {

  position: relative;

  display: inline-block;

  bottom: 3px;

  padding-left: 2px;

  color: var(--thm-black);

  font-size: 12px;

  font-weight: 700;

}



.best-logistics-one__content-counter-title {

  font-size: 19px;

  line-height: 30px;

  margin-bottom: 7px;

}



.best-logistics-one__content-bottom {

  position: relative;

  display: flex;

  align-items: center;

  justify-content: space-between;

  background: #fdf9f5;

  padding: 32px 0px 34px;

  padding-left: 30px;

  padding-right: 15px;

  margin-top: 40px;

  overflow: hidden;

  z-index: 1;

}



.best-logistics-one__content-bottom .shape1 {

  position: absolute;

  top: -40px;

  right: -85px;

  width: 200px;

  height: 200px;

  border-radius: 50%;

  background: #f8ece1;

  z-index: -1;

}



.best-logistics-one__content-bottom .shape2 {

  position: absolute;

  bottom: -20px;

  right: -120px;

  width: 200px;

  height: 200px;

  border-radius: 50%;

  background: #dde7d4;

  z-index: -1;

}



.best-logistics-one__content-bottom-text {

  position: relative;

  display: block;

  width: 260px;

}



.best-logistics-one__content-bottom-text h2 {

  font-size: 28px;

  line-height: 38px;

  margin-bottom: 10px;

}



.best-logistics-one__content-bottom-text p {

  font-size: 20px;

  line-height: 34px;

}



.best-logistics-one__content-bottom-btn {

  position: relative;

  display: block;

}



/***

=============================================

    About One

=============================================

***/

.about-one {

  position: relative;

  display: block;

  background: #f5f5f7;

  padding: 120px 0px 193px;

  z-index: 1;

}



.about-one .sec-title__title {

  font-size: 48px;

}



.about-one .shape5 {

  position: absolute;

  bottom: 200px;

  right: -150px;

  z-index: -1;

}



.about-one__img {

  position: relative;

  display: block;

  max-width: 480px;

  width: 100%;

  z-index: 1;

}



.about-one__img .shape1 {

  position: absolute;

  left: -130px;

  bottom: -200px;

  z-index: -1;

}



.about-one__img .shape2 {

  position: absolute;

  left: -67px;

  bottom: -50px;

  z-index: -1;

}



.about-one__img .shape3 {

  position: absolute;

  top: 215px;

  right: -35px;

  width: 210px;

  height: 210px;

  background: #ffffff;

  z-index: -1;

}



.about-one__img .shape4 {

  position: absolute;

  bottom: -200px;

  right: -60px;

  z-index: -1;

}



.about-one__img1 {

  position: relative;

  display: block;

  margin-left: -270px;

}



.about-one__img2 {

  position: absolute;

  left: 73px;

  bottom: -130px;

  z-index: 1;

}



.about-one__img2::before {

  position: absolute;

  top: -14px;

  left: -14px;

  bottom: -14px;

  right: -14px;

  background: #ffffff;

  content: "";

  z-index: -1;

}



.about-one__img2 .video-icon {

  position: absolute;

  left: -95px;

  bottom: 70px;

}



.about-one__img2 .video-icon .video-popup {

  position: relative;

  display: inline-block;

  width: 150px;

  height: 130px;

  line-height: 130px;

  background: var(--thm-base);

  border-radius: 10px;

  color: #ffffff;

  font-size: 45px;

  font-weight: 700;

  text-align: center;

  transition: all 200ms linear;

  transition-delay: 0.1s;

}



.about-one__img2 .video-icon .video-popup:hover {

  background: var(--thm-primary);

}



.about-one__content {

  position: relative;

  display: block;

  margin-left: 25px;

}



.about-one__content .sec-title {

  margin-bottom: 0px;

}



.about-one__content-title {

  position: relative;

  display: block;

  padding-bottom: 35px;

}



.about-one__content-title h2 {

  font-size: 28px;

  line-height: 38px;

  font-weight: 400;

}



.about-one__content-list {

  position: relative;

  display: block;

  border-top: 1px solid #e9e9e9;

  border-bottom: 1px solid #e9e9e9;

  padding-top: 30px;

  padding-bottom: 31px;

}



.about-one__content-list li {

  position: relative;

  display: flex;

  align-items: center;

  margin-bottom: 17px;

}



.about-one__content-list li:last-child {

  margin-bottom: 0;

}



.about-one__content-list li .icon {

  position: relative;

  display: block;

  color: var(--thm-black);

  font-size: 40px;

  line-height: 40px;

}



.about-one__content-list li .title {

  position: relative;

  display: block;

  padding-left: 20px;

}



.about-one__content-list li .title h3 {

  font-size: 18px;

  line-height: 28px;

  text-transform: uppercase;

}



.about-one__content-text {

  position: relative;

  display: block;

  padding-top: 21px;

}



/***

=============================================

    Work One

=============================================

***/

.work-one {

  position: relative;

  display: block;

  background: #ffffff;

  padding: 60px 0px;

  counter-reset: count;

  z-index: 1;

}



.work-one .shape1 {

  position: absolute;

  top: 185px;

  left: 90px;

  z-index: -1;

}



.work-one .shape2 {

  position: absolute;

  top: 250px;

  right: -110px;

  z-index: -1;

}



.work-one .sec-title {

  margin-bottom: 81px;

}



.work-one__single {

  position: relative;

  display: block;

  margin-bottom: 30px;

}

.work-one__single:hover .work-one__single-icon {

    transform: rotateY(180deg);

    transition-delay: 0.1s;

}

.work-one__single-icon {

  position: relative;

  display: inline-block;

  color: var(--thm-base);

  font-size: 60px;

  width: 120px;

  height: 120px;

  line-height: 155px;

  border-radius: 50%;

  background: #fcf7e8;

  text-align: center;

      transition-delay: 0.1s;

    transition: all 500ms ease;

  margin-bottom: 22px;

  z-index: 1;

}



.work-one__single-icon::before {

  position: absolute;

  top: 0;

  left: 0;

  right: 0;

  bottom: 0;

  margin: 0 auto;

  text-align: center;

  border-radius: 50%;

  z-index: -1;

  content: "";

}



.bg2.work-one__single-icon::before {

  background: #faf1f1;

}



.bg3.work-one__single-icon::before {

  background: #eff9ff;

}



.bg4.work-one__single-icon::before {

  background: #f9f5ed;

}



.work-one__single-icon .count-box {

  position: absolute;

  top: -25px;

  left: 0px;

  right: 0;

  width: 45px;

  height: 45px;

  line-height: 45px;

  text-align: center;

  margin: 0 auto;

  font-size: 15px;

  background: var(--thm-black);

  color: #ffffff;

  border-radius: 50%;

  font-family: var(--thm-font);

  font-weight: 700;

  z-index: 1;

  transition: all 200ms linear;

  transition-delay: 0.1s;

}



.work-one__single-icon .count-box::before {

  top: -25px;

  left: 0px;

  right: 0;

  width: 45px;

  height: 45px;

  line-height: 45px;

  text-align: center;

  margin: 0 auto;

  font-size: 15px;

  border-radius: 50%;

  font-family: var(--thm-font);

  font-weight: 700;

  counter-increment: count;

  content: "0" counter(count);

}



.work-one__single h2 {

  font-size: 24px;

  line-height: 34px;

}



.work-one__single h2 a {

  color: var(--thm-black);

  transition: all 200ms linear;

  transition-delay: 0.1s;

}



.work-one__single h2 a:hover {

  color: var(--thm-base);

}



.work-one__single-img {

  position: relative;

  display: block;

  margin-top: 51px;

  overflow: hidden;

}



.work-one__single-img::before {

  position: absolute;

  top: 50%;

  left: 50%;

  z-index: 1;

  display: block;

  content: "";

  width: 0;

  height: 0;

  background: rgba(255, 255, 255, 0.2);

  border-radius: 0%;

  transform: translate(-50%, -50%);

  opacity: 0;

}



.work-one__single:hover .work-one__single-img::before {

  -webkit-animation: circle 0.95s;

  animation: circle 0.95s;

}



.work-one__single-img img {

  width: 100%;

  transition: all 500ms ease;

}



.work-one__single:hover .work-one__single-img img {

  transform: scale(1.05);

}



/***

=============================================

    Projects One

=============================================

***/

.projects-one {

  position: relative;

  display: block;

  background-position: center center;

  background-attachment: scroll;

  background-size: cover;

  background-repeat: no-repeat;

  padding: 60px 0px;

  overflow: hidden;

  z-index: 1;

}



.projects-one .sec-title {

  margin-bottom: 56px;

}



.projects-one .sec-title__title span {

  color: var(--thm-primary);

}



.projects-one .sec-title__title .plus {

  position: relative;

  display: inline-block;

  top: 5px;

}



.projects-one__single {

  position: relative;

  display: block;

  margin-bottom: 30px;

}



.projects-one__single-img {

  position: relative;

  display: block;

  overflow: hidden;

  z-index: 1;

}



.projects-one__single-img::before {

  position: absolute;

  top: 50%;

  left: 50%;

  display: block;

  content: "";

  width: 0;

  height: 0;

  background: rgba(255, 255, 255, 0.3);

  border-radius: 50%;

  transform: translate(-50%, -50%);

  opacity: 0;

  z-index: 1;

}



.projects-one__single:hover .projects-one__single-img::before {

  -webkit-animation: circle 0.75s;

  animation: circle 0.75s;

}



.projects-one__single-img img {

  width: 100%;

  transform: scale(1);

  transition: all 0.7s ease 0s;

	border-top-left-radius: 40px;

}



.projects-one__single:hover .projects-one__single-img img {

  transform: scale(1.1);

}



.projects-one__single-content {

	position: relative;

	display: block;

	background: #ffffff;

	padding: 36px 40px 44px;

	border-bottom-right-radius: 40px;	

	z-index: 1;

}



.projects-one__single-content .shape1 {

  position: absolute;

  bottom: 25px;

  right: 0;

  opacity: 0.1;

  z-index: -1;

}



.projects-one__single-content span {

  color: var(--thm-primary);

  font-size: 16px;

  line-height: 26px;

  font-weight: 400;

}



.projects-one__single-content h2 {

  font-size: 28px;

  line-height: 38px;

  margin-top: 6px;

  margin-bottom: 16px;

}



.projects-one__single-content h2 a {

  color: var(--thm-black);

  transition: all 200ms linear;

  transition-delay: 0.1s;

}



.projects-one__single-content h2 a:hover {

  color: var(--thm-base);

}



.projects-one__single-content p {

  margin: 0;

}



.projects-one__single-content .btn-box {

  position: absolute;

  top: -27px;

  right: 40px;

  z-index: 10;

}



.projects-one__single-content .btn-box a {

  position: relative;

  display: inline-block;

  width: 55px;

  height: 55px;

  line-height: 55px;

  border-radius: 50%;

  background: var(--thm-base);

  color: #ffffff;

  font-size: 20px;

  text-align: center;

  transition: all 200ms linear;

  transition-delay: 0.1s;

}



.projects-one__single:hover .projects-one__single-content .btn-box a {

  background: var(--thm-primary);

}



.projects-one__single-content .btn-box a span::before {

  color: #ffffff;

}



.projects-one__bottom {

  position: relative;

  display: block;

  background: #ffffff;

  padding: 42px 50px 40px;

  margin-top: 60px;

  z-index: 1;

}



.projects-one__bottom .shape2 {

  position: absolute;

  top: 100px;

  right: 335px;

  z-index: -1;

}



.projects-one__bottom .shape3 {

  position: absolute;

  top: 30px;

  right: 35px;

  z-index: -1;

}



.projects-one__bottom::before {

  position: absolute;

  top: 10px;

  left: 10px;

  right: 10px;

  bottom: -10px;

  border: 1px solid var(--thm-black);

  content: "";

}



.projects-one__bottom-wrapper {

  position: relative;

  display: flex;

  align-items: center;

  justify-content: space-between;

}



.projects-one__bottom-wrapper .text {

  position: relative;

  display: block;

}



.projects-one__bottom-wrapper .text h2 {

  color: var(--thm-black);

  font-size: 30px;

  line-height: 40px;

  font-weight: 400;

}



.projects-one__bottom-wrapper .btn-box {

  position: relative;

  display: block;

}



/***

=============================================

    Testimonial One

=============================================

***/

.testimonial-one {

  position: relative;

  display: block;

  background: #ffffff;

  padding: 60px 0px;

  z-index: 1;

}



.testimonial-one .shape2 {

  position: absolute;

  top: 65px;

  left: -10px;

  z-index: -1;

}



.testimonial-one .shape3 {

  position: absolute;

  top: 120px;

  right: 360px;

  z-index: -1;

}



.testimonial-one .shape4 {

  position: absolute;

  top: 85px;

  right: 55px;

  z-index: -1;

}



.testimonial-one .shape5 {

  position: absolute;

  left: 115px;

  bottom: 70px;

  z-index: -1;

}



.testimonial-one .shape6 {

  position: absolute;

  bottom: 40px;

  right: -135px;

  z-index: -1;

}



.testimonial-one::before {

  position: absolute;

  left: 0;

  bottom: 0;

  right: 0;

  background: #60535c;

  min-height: 460px;

  z-index: -1;

  content: "";

}



.testimonial-one .sec-title {

  margin-bottom: 56px;

}



.testimonial-one .auto-container {

  position: static;

  max-width: 1800px;

  width: 100%;

}



.testimonial-one__wrapper {

  position: relative;

  display: block;

}



.testimonial-one__single {

  position: relative;

  display: block;

  background: #fff1d7;

  box-shadow: 0px 0px 84px 0px rgb(220, 220, 220, 0.46);

  padding: 55px 40px;

  z-index: 1;

}



.testimonial-one__single .shape1 {

  position: absolute;

  bottom: 15px;

  right: 30px;

  opacity: 0.1;

  z-index: -1;

}



.testimonial-one__single-top {

  position: relative;

  display: flex;

  align-items: center;

  justify-content: space-between;

}



.testimonial-one__single-top-left {

  position: relative;

  display: flex;

  align-items: center;

}



.testimonial-one__single-top-left .img {

  position: relative;

  display: block;

}



.testimonial-one__single-top-left .img img {

  width: auto;

}



.testimonial-one__single-top-left .title {

  position: relative;

  display: block;

  padding-left: 15px;

}



.testimonial-one__single-top-left .title h3 {

  font-size: 20px;

  line-height: 30px;

}



.testimonial-one__single-top-left .title p {

  color: rgba(var(--thm-black-rgb), 0.8);

  font-size: 18px;

  line-height: 28px;

}



.testimonial-one__single-top-icon {

  position: relative;

  display: block;

}



.testimonial-one__single-top-icon span::before {

  position: relative;

  display: inline-block;

  color: #c4c1bd;

  font-size: 45px;

  line-height: 45px;

  transform: rotate(180deg);

}



.testimonial-one__single-text {

  position: relative;

  display: block;

  padding-left: 10px;

  margin-top: 41px;

}



.testimonial-one__single-text p {

	color: rgba(var(--thm-black-rgb), 0.9);

	font-size: 14px;

    line-height: 23px;

	text-align: justify;

}



.testimonial-one__bottom-text {

  position: relative;

  display: block;

}



.testimonial-one__bottom-text h2 {

  color: #ffffff;

  font-size: 30px;

  line-height: 40px;

  font-weight: 700;

}



.testimonial-one__carousel.owl-theme .owl-stage-outer {

  overflow: visible;

}



.testimonial-one__carousel .owl-stage-outer .owl-item {

  opacity: 0;

  transition: all 500ms linear;

  transition-delay: 0.1s;

}



.testimonial-one__carousel .owl-stage-outer .owl-item.active {

  opacity: 1;

}



/***

=============================================

    Contact One

=============================================

***/

.contact-one {

  position: relative;

  display: block;

  background: #ffffff;

  padding: 120px 0px 0px;

  z-index: 1;

}



.contact-one .shape1 {

  position: absolute;

  top: 120px;

  left: 180px;

  z-index: -1;

}



.contact-one .shape2 {

  position: absolute;

  top: 300px;

  left: 35px;

  z-index: -1;

}



.contact-one .shape3 {

  position: absolute;

  top: 250px;

  right: 70px;

  z-index: -1;

}



.contact-one__img {

  position: relative;

  display: block;

}



.contact-one__img .overlay-content {

  position: absolute;

  display: flex;

  align-items: center;

  justify-content: center;

  flex-direction: column;

  top: 180px;

  left: -115px;

  width: 205px;

  height: 205px;

  border-radius: 50%;

  background: var(--thm-base);

  z-index: 1;

}



.contact-one__img .overlay-content::before {

  position: absolute;

  top: 0;

  left: 5px;

  bottom: 0;

  right: -10px;

  border-radius: 50%;

  border: 2px dashed #ffffff;

  content: "";

  z-index: -1;

}



.contact-one__img .overlay-content h2 {

  color: #ffffff;

  font-size: 66px;

  line-height: 1em;

  font-weight: 700;

  margin-bottom: 2px;

}



.contact-one__img .overlay-content h3 {

  color: #ffffff;

  font-size: 22px;

  line-height: 30px;

  font-weight: 700;

}



.contact-one__content {

  position: relative;

  display: block;

}



.contact-one__content-comment-form {

  position: relative;

  display: block;

}



.contact-one__content .comment-form__input-box input[type="text"],

.contact-one__content .comment-form__input-box input[type="email"] {

  height: 70px;

  width: 100%;

  border: none;

  background: #f6f6f6;

  padding: 0 20px;

  margin-bottom: 35px;

  border-radius: 0px;

  outline: none;

  font-size: 16px;

  color: rgba(var(--thm-black-rgb), 0.8);

  font-weight: 400;

  text-transform: capitalize;

  font-family: var(--thm-font);

}



.contact-one__content .comment-form__input-box textarea {

  color: rgba(var(--thm-black-rgb), 0.8);

  font-size: 16px;

  height: 160px;

  width: 100%;

  background: #f6f6f6;

  padding: 16px 20px 30px;

  border: none;

  border-radius: 0px;

  outline: none;

  margin-bottom: 30px;

  font-weight: 400;

  text-transform: capitalize;

}



.contact-one__content .comment-form__btn {

  position: relative;

  display: block;

}



.contact-one__content .comment-form__btn.thm-btn::before {

  background: var(--thm-primary);

}



/***

=============================================

    Blog One

=============================================

***/

.blog-one {

  position: relative;

  display: block;

  padding: 0 0 60px;

  background: #ffffff;

  z-index: 1;

}



.blog-one .sec-title {

  margin-bottom: 56px;

}



.blog-one .shape1 {

  position: absolute;

  top: 60px;

  left: -285px;

  z-index: -1;

}



.blog-one .shape2 {

  position: absolute;

  top: 110px;

  right: 85px;

  z-index: -1;

}



.blog-one__single {

  position: relative;

  display: block;

  margin-bottom: 30px;

}



.blog-one__single-img {

  position: relative;

  display: block;

  overflow: hidden;

}



.blog-one__single-img img {

  width: 100%;
border-radius: 21px 30px;
}



.blog-one__single-img::before {

  position: absolute;

  content: "";

  bottom: 0;

  left: 0;

  right: 0;

  height: 100%;

  background: rgba(var(--thm-black-rgb), 0.7);

  transition-delay: 0.1s;

  transition-timing-function: ease-in-out;

  transition-duration: 0.5s;

  transition-property: all;

  opacity: 1;

  transform-origin: top;

  transform-style: preserve-3d;

  transform: scaleY(0);

  border-radius: 21px 30px;

  z-index: 1;

}



.blog-one__single:hover .blog-one__single-img::before {

  transform: scaleY(1);

}



.blog-one__single-img .overlay-icon {

  position: absolute;

  top: 0;

  left: 0;

  bottom: 0;

  right: 0;

  z-index: 3;

  display: flex;

  justify-content: center;

  align-items: center;

  flex-wrap: wrap;

  transition: 0.9s;

  transform: perspective(400px) scaleY(0);

  transform-origin: bottom;

}



.blog-one__single:hover .blog-one__single-img .overlay-icon {

  transform: perspective(400px) scaleY(1);

}



.blog-one__single .blog-one__single-img .overlay-icon a {

  position: relative;

  display: inline-block;

}



.blog-one__single .blog-one__single-img .overlay-icon span {

  color: #ffffff;

  font-size: 30px;

  line-height: 30px;

}



.blog-one__single-content {

  position: relative;

  display: block;

  padding-top: 40px;

}



.blog-one__single-content span {

  position: relative;

  display: inline-block;

  color: #ffffff;

  font-size: 16px;

  line-height: 26px;

  font-weight: 400;

  background: var(--thm-base);

  border-radius: 5px;

  padding: 4px 15px 2px;

  margin-bottom: 26px;

}



.blog-one__single-content h2 {

  font-size: 24px;

  line-height: 34px;

  font-weight: 700;

}



.blog-one__single-content h2 a {

  color: var(--thm-black);

  transition: all 200ms linear;

  transition-delay: 0.1s;

}



.blog-one__single-content h2 a:hover {

  color: var(--thm-base);

}



/***

=============================================

    Footer One

=============================================

***/



.footer-one {

  position: relative;

  display: block;

  background: rgba(24, 28, 21, 0.98);

  padding: 47px 0px 0;

  z-index: 1;

}



.footer-one__bg {

  position: absolute;

  left: 0;

  bottom: 0;

  right: 0;

  min-height: 180px;

  background-position: left bottom;

  background-repeat: repeat-x;

  background-attachment: scroll;

  animation: bgSlide 20s linear infinite;

  z-index: -1;

}



.footer-one .shape1 {

  position: absolute;

  top: 50px;

  left: -60px;

  z-index: -1;

}



.footer-one .shape2 {

  position: absolute;

  top: 310px;

  left: 120px;

  z-index: -1;

}



.footer-one .shape3 {

  position: absolute;

  top: 70px;

  right: 55px;

  z-index: -1;

}



.footer-one .shape4 {

  position: absolute;

  bottom: 5px;

  right: -40px;

  z-index: -1;

}



.footer-one__top {

  position: relative;

  display: block;

}



.footer-one__top-wrapper {

  position: relative;

  display: block;

  border-bottom: 1px solid #252922;

  padding-bottom: 43px;

}



.footer-widget__column {

  position: relative;

  display: block;

}



.footer-widget__about {

  position: relative;

  display: block;

/*  max-width: 290px;*/

  width: 100%;

}



.footer-widget__about-logo {

  position: relative;

  display: block;

  margin-bottom: 10px;

}



.footer-widget__about-logo a {

  position: relative;

  display: inline-block;

}



.footer-widget__about-text {

  color: #ffffff;

  font-size: 18px;

  line-height: 28px;

  font-weight: 400;

}



.subscribe-form {

  position: relative;

  display: block;

  width: 100%;

  margin-top: 22px;

}



.subscribe-form .input-box {

  position: relative;

  display: block;

}



.subscribe-form .input-box .icon {

  position: absolute;

  top: 18px;

  left: 25px;

  font-size: 20px;

  color: #7c7b84;

}



.subscribe-form input[type="email"] {

  position: relative;

  display: block;

  width: 100%;

  height: 65px;

  padding: 0 60px;

  padding-right: 80px;

  background: #ffffff;

  border: none;

  color: #888f85;

  font-size: 16px;

  font-weight: 400;

  font-style: normal;

  border-radius: 40px;

  transition: all 500ms ease;

  font-family: var(--thm-font);

  text-transform: capitalize;

  outline: none;

}



.subscribe-form input::-webkit-input-placeholder {

  color: #888f85;

}



.subscribe-form input:-moz-placeholder {

  color: #888f85;

}



.subscribe-form input::-moz-placeholder {

  color: #888f85;

}



.subscribe-form input:-ms-input-placeholder {

  color: #888f85;

}



.subscribe-form button {

  position: absolute;

  top: 0px;

  right: 0px;

  bottom: 0px;

  width: 65px;

  height: 65px;

  color: #ffffff;

  font-size: 20px;

  line-height: 65px;

  font-weight: 700;

  border-radius: 50%;

  background: var(--thm-primary);

  transition: all 300ms ease 100ms;

  font-family: var(--thm-font);

}



.subscribe-form input[type="email"]:focus {

  color: #888f85;

}



.subscribe-form input[type="email"]:focus + button,

.subscribe-form button:hover {

  color: #ffffff;

  background: var(--thm-base);

}



.checked-box {

  position: relative;

  display: block;

  min-height: 30px;

  margin-top: 17px;

}



.checked-box label {

  position: relative;

  display: inline-block;

  padding-left: 25px;

  margin-right: 0px;

  margin-bottom: 0;

  color: #ffffff;

  font-size: 16px;

  line-height: 26px;

  font-weight: 400;

  cursor: pointer;

  min-height: 30px;

  font-family: var(--thm-font);

}



.checked-box input[type="checkbox"] {

  display: none;

}



.checked-box input[type="checkbox"] + label span {

  position: absolute;

  top: 4px;

  left: 0;

  width: 17px;

  height: 16px;

  vertical-align: middle;

  background-color: transparent;

  border: 1px solid #6e6b6a;

  cursor: pointer;

  -webkit-transition: all 300ms ease;

  -moz-transition: all 300ms ease;

  -ms-transition: all 300ms ease;

  -o-transition: all 300ms ease;

  transition: all 300ms ease;

}



.checked-box label span:before {

  font-family: "icomoon" !important;

  content: "\e92f";

  position: absolute;

  top: 0px;

  left: 0px;

  bottom: 0;

  right: 0;

  width: 16px;

  height: 16px;

  margin: 0px;

  color: var(--thm-base);

  font-size: 10px;

  line-height: 16px;

  text-align: center;

  opacity: 0;

  -webkit-transition: all 300ms ease;

  -moz-transition: all 300ms ease;

  -ms-transition: all 300ms ease;

  -o-transition: all 300ms ease;

  transition: all 300ms ease;

}



.checked-box input[type="checkbox"]:checked + label span {

  border-color: #6e6b6a;

}



.checked-box input[type="checkbox"]:checked + label span:before {

  opacity: 1;

}



.footer-widget__title {

  color: #ffffff;

  font-size: 24px;

  line-height: 34px;

  font-weight: 700;

  margin-bottom: 24px;

  margin-top: 4px;

}



.footer-widget__quick-links {

  position: relative;

  display: block;

}



.footer-widget__quick-links-list {

  position: relative;

  display: block;

}



.footer-widget__quick-links-list-item {

  position: relative;

  display: block;

}



.footer-widget__quick-links-list-item a {

  color: rgba(255, 0255, 255, 0.9);

  font-size: 16px;
    line-height: 28px;

  font-weight: 400;

  transition: all 200ms linear;

  transition-delay: 0.1s;

}



.footer-widget__quick-links-list-item a:hover {

  color: var(--thm-base);

}



.footer-widget__services {

  position: relative;

  display: block;

  margin-left: 45px;

}



.footer-widget__services-list {

  position: relative;

  display: block;

}



.footer-widget__services-list-item {

  position: relative;

  display: block;

}



.footer-widget__services-list-item a {

  color: rgba(255, 0255, 255, 0.9);

  font-size: 18px;

  line-height: 38px;

  font-weight: 400;

  transition: all 200ms linear;

  transition-delay: 0.1s;

}



.footer-widget__services-list-item a:hover {

  color: var(--thm-base);

}



.footer-widget__contact-info {

  position: relative;

  display: block;

}



.footer-widget__contact-info .text {

  color: rgba(255, 0255, 255, 0.9);

  font-size: 14px;
    line-height: 16px;

  font-weight: 400;

  padding-top: 3px;

  margin-bottom: 10px;

}



.footer-widget__contact-info .email {

  font-size: 17px;

  line-height: 27px;

  font-weight: 400;

}



.footer-widget__contact-info .email a {

  color: #ffffff;

  transition: all 200ms linear;

  transition-delay: 0.1s;

}



.footer-widget__contact-info .email a:hover {

  color: var(--thm-base);

}



.footer-widget__contact-info-social-links {

  position: relative;

  display: block;

  margin-top: 27px;

}



.footer-widget__contact-info-social-links ul {

  position: relative;

  display: block;

}



.footer-widget__contact-info-social-links ul li {

  position: relative;

  display: inline-block;

  margin-right: 6px;

}



.footer-widget__contact-info-social-links ul li:last-child {

  margin-right: 0;

}



.footer-widget__contact-info-social-links ul li a {

  position: relative;

  display: inline-block;

  width: 50px;

  height: 50px;

  line-height: 50px;

  background: #ffffff;

  border-radius: 50%;

  color: var(--thm-black);

  font-size: 25px;

  text-align: center;

  transition: all 200ms linear;

  transition-delay: 0.1s;

  z-index: 1;

}



.footer-widget__contact-info-social-links ul li a:before {

  position: absolute;

  top: 0;

  left: 0;

  bottom: 0;

  right: 0;

  content: "";

  background: var(--thm-base);

  border-radius: 50%;

  transform: scale(0);

  transform-origin: center;

  transform-style: preserve-3d;

  transition: all 200ms linear;

  transition-delay: 0.1s;

  z-index: -1;

}



.footer-widget__contact-info-social-links ul li a:hover:before {



}



.footer-widget__contact-info-social-links ul li a:hover {

  color: #ffffff;

}



.footer-one__bottom {

  position: relative;

  display: block;

}



.footer-one__bottom-inner {

  position: relative;

  display: flex;

  align-items: center;

  justify-content: space-between;

  padding: 8px 0px 4px;

}



.footer-one__bottom-text {

  position: relative;

  display: block;

}



.footer-one__bottom-text p {

  color: rgba(255, 0255, 255, 0.9);

  font-size: 17px;

  line-height: 26px;

  font-weight: 400;

}



.footer-one__bottom-list {

  position: relative;

  display: block;

}



.footer-one__bottom-list ul {

  position: relative;

  display: block;

}



.footer-one__bottom-list ul li {

  position: relative;

  display: inline-block;

  padding-left: 10px;

  padding-right: 15px;

}



.footer-one__bottom-list ul li:last-child {

  padding-right: 0;

}



.footer-one__bottom-list ul li::before {

  position: absolute;

  top: 9px;

  right: 0;

  bottom: 10px;

  width: 1px;

  background: #ffffff;

  transform: rotate(20deg);

  content: "";

}



.footer-one__bottom-list ul li:last-child:before {

  display: none;

}



.footer-one__bottom-list ul li a {

  position: relative;

  display: inline-block;

  color: rgba(255, 0255, 255, 0.9);

  font-size: 16px;

  line-height: 26px;

  font-weight: 400;

  transition: all 200ms linear;

  transition-delay: 0.1s;

}



.footer-one__bottom-list ul li a:hover {

  color: var(--thm-base);

}



/***

=============================================

    About Two

=============================================

***/

.about-one--two {

  position: relative;

  display: block;

  padding: 72px 0;

  z-index: 10;

}



.about-one--two .about-one__img .shape3 {

  position: absolute;

  top: 186px;

  right: -49px;

  width: 210px;

  height: 210px;

  background: #ffffff;

  z-index: -1;

}



.about-one--two .about-one__img1 {

  position: relative;

  display: block;

  margin-left: -60px;

}



.about-one--two .about-one__img2 {

  position: absolute;

  left: 73px;

  bottom: -158px;

  z-index: 1;

}



.about-one--two .about-one__img2 img {

  width: 100%;

}



/***

=============================================

    Footer Two

=============================================

***/

.footer-one--two {

  background: #ecefe5;

}



.footer-one--two .footer-widget__about-text {

  color: var(--thm-black);

}



.footer-one--two .checked-box label {

  color: rgba(var(--thm-black-rgb), 0.9);

}



.footer-one--two .footer-widget__title {

  color: var(--thm-black);

}



.footer-one--two .footer-widget__quick-links-list-item a {

  color: rgba(var(--thm-black-rgb), 0.9);

}



.footer-one--two .footer-widget__quick-links-list-item a:hover {

  color: var(--thm-base);

}



.footer-one--two .footer-widget__services-list-item a {

  color: rgba(var(--thm-black-rgb), 0.9);

}



.footer-one--two .footer-widget__services-list-item a:hover {

  color: var(--thm-base);

}



.footer-one--two .footer-widget__contact-info .text {

  color: rgba(var(--thm-black-rgb), 0.9);

}



.footer-one--two .footer-widget__contact-info .email a {

  color: rgba(var(--thm-black-rgb), 0.9);

}



.footer-one--two .footer-widget__contact-info .email a:hover {

  color: var(--thm-base);

}



.footer-one--two .footer-one__top-wrapper {

  border-bottom: 1px solid #cdd5c6;

}



.footer-one--two .footer-one__bottom-text p {

  color: rgba(var(--thm-black-rgb), 0.9);

}



.footer-one--two .footer-one__bottom-list ul li a {

  color: rgba(var(--thm-black-rgb), 0.9);

}



.footer-one--two .footer-one__bottom-list ul li a:hover {

  color: var(--thm-base);

}



.footer-one__bottom-list ul li::before {

  background: rgba(var(--thm-black-rgb), 0.9);

}



/***

=============================================

    Team Two

=============================================

***/

.team-one {

  position: relative;

  display: block;

  background: #fdf9f5;

  padding: 120px 0px 90px;

  z-index: 1;

}



.team-one .sec-title {

  margin-bottom: 53px;

}



.team-one .sec-title__title span {

  color: var(--thm-primary);

}



.team-one__single {

  position: relative;

  display: block;

  margin-bottom: 30px;

}



.team-one__single-img {

  position: relative;

  display: block;

  overflow: hidden;

  z-index: 1;

}



.team-one__single-img::before {

  position: absolute;

  top: 0;

  left: -100%;

  display: block;

  content: "";

  width: 50%;

  height: 100%;

  background: linear-gradient(

    to right,

    rgba(255, 255, 255, 0) 0%,

    rgba(255, 255, 255, 0.5) 100%

  );

  transform: skewX(-25deg);

  z-index: 1;

}



.team-one__single:hover .team-one__single-img::before {

  -webkit-animation: shine 1.5s;

  animation: shine 1.5s;

}



.team-one__single-img img {

  width: 100%;

  transform: scale(1);

  transition: all 0.7s ease 0s;

}



.team-one__single:hover .team-one__single-img img {

  transform: scale(1.1);

}



.team-one__single-content {

  position: relative;

  display: block;

  background: #ffffff;

  padding: 27px 0px 35px;

}



.team-one__single-content h2 {

  font-size: 24px;

  line-height: 34px;

  margin-bottom: 2px;

}



.team-one__single-content h2 a {

  color: var(--thm-black);

  transition: all 200ms linear;

  transition-delay: 0.1s;

}



.team-one__single-content h2 a:hover {

  color: var(--thm-base);

}



.team-one__single-content p {

  color: rgba(var(--thm-black-rgb), 0.8);

}



.team-one__single-content .social-links {

  position: relative;

  display: block;

  max-width: 140px;

  width: 100%;

  margin: 0 auto;

  border: 1px solid #efefef;

  margin-top: 14px;

  padding: 7px 0px 5px;

  border-radius: 40px;

}



.team-one__single-content .social-links ul {

  position: relative;

  display: block;

}



.team-one__single-content .social-links ul li {

  position: relative;

  display: inline-block;

  margin-right: 11px;

}



.team-one__single-content .social-links ul li:last-child {

  margin-right: 0;

}



.team-one__single-content .social-links ul li a {

  position: relative;

  display: inline-block;

  color: var(--thm-black);

  font-size: 15px;

  line-height: 15px;

  transition: all 200ms linear;

  transition-delay: 0.1s;

}



.team-one__single-content .social-links ul li a:hover {

  color: var(--thm-base);

}



/***

=============================================

    Contact Two

=============================================

***/

.contact-one--two {

  position: relative;

  display: block;

  padding: 0px 0px 120px;

}



.contact-one--two .contact-one__content-comment-form .thm-btn {

  background: var(--thm-primary);

}



.contact-one--two .contact-one__content-comment-form .thm-btn::after {

  background: var(--thm-base);

}



/***

=============================================

    Projects Two

=============================================

***/

.projects-one--two {

  position: relative;

  display: block;

  padding: 0px 0px 130px;

  z-index: 1;

}



.projects-one--two .shape-one {

  position: absolute;

  left: -290px;

  bottom: 265px;

  z-index: -1;

}



.projects-one--two .projects-one__single-content {

  background: #ffffff;

  box-shadow: 17.5px 30.311px 25px 0px rgb(219, 223, 224, 0.35);

}



.projects-one--two .projects-one__bottom {

  box-shadow: 0px 10px 84px 0px rgb(96, 94, 94, 0.46);

}



/***

=============================================

    Testimonial Two

=============================================

***/

.testimonial-two {

  position: relative;

  display: block;

  padding: 0px 0px 120px;

  z-index: 1;

}



.testimonial-two .shape2 {

  position: absolute;

  top: -70px;

  left: 0;

  z-index: -1;

}



.testimonial-two .shape3 {

  position: absolute;

  left: 70px;

  bottom: 65px;

  z-index: -1;

}



.testimonial-two .shape5 {

  position: absolute;

  right: 100px;

  bottom: 200px;

  z-index: -1;

}



.testimonial-two__left {

  position: relative;

  display: block;

  z-index: 3;

}



.testimonial-two__left .sec-title {

  position: relative;

  display: block;

  margin-top: -9px;

  margin-bottom: 0px;

}



.testimonial-two__left .sec-title__title {

  margin-bottom: 17px;

}



.testimonial-two__left .title {

  position: relative;

  display: block;

  margin-bottom: 45px;

}



.testimonial-two__left .title h2 {

  color: var(--thm-primary);

  font-size: 30px;

  line-height: 40px;

}



.testimonial-two .testimonial-one__single {

  position: relative;

  display: block;

  max-width: 620px;

  width: 100%;

  background: #ffffff;

  box-shadow: none;

  padding: 0px 0px 0px;

  padding-left: 0px;

  padding-right: 0px;

  padding: 55px 0px 46px;

  z-index: 1;

}



.testimonial-two .testimonial-one__single .shape1 {

  position: absolute;

  bottom: -40px;

  right: -35px;

  opacity: 0.1;

  z-index: -1;

}



.testimonial-two .testimonial-one__single-text {

  padding-left: 0px;

}



.testimonial-two .testimonial-one__single-text p {

  color: rgba(var(--thm-black-rgb), 0.9);

  font-size: 24px;

  line-height: 34px;

}



.testimonial-two .testimonial-one__single-top-left .title {

  margin-bottom: 0;

}



.testimonial-two__img {

  position: relative;

  display: block;

  float: right;

  z-index: 1;

}



.testimonial-two__img .shape4 {

  position: absolute;

  top: -75px;

  right: -90px;

  z-index: -1;

}



.testimonial-two__img-overlay {

  position: absolute;

  top: 0;

  left: -170px;

  bottom: 0;

  right: 0;

}



.testimonial-two__img .icon {

  position: absolute;

  top: 220px;

  left: -10px;

  width: 95px;

  height: 95px;

  line-height: 100px;

  border-radius: 50%;

  background: var(--thm-base);

  color: #ffffff;

  font-size: 30px;

  text-align: center;

  transform: rotate(180deg);

}



.testimonial-two__carousel.owl-carousel.owl-dot-type1 .owl-dots {

  position: absolute;

  display: block;

  text-align: left;

  line-height: 12px;

  margin-top: 0px !important;

  transition: all 100ms linear;

  transition-delay: 0.1s;

  width: 100%;

}



.testimonial-two__carousel.owl-carousel.owl-dot-type1 .owl-stage-outer,

.testimonial-two__carousel.owl-carousel.owl-nav-type1 .owl-stage-outer {

  position: relative;

  display: block;

  padding-top: 0px;

  padding-bottom: 0px;

  transition: all 100ms linear;

  transition-delay: 0.1s;

  padding-bottom: 36px;

}



/***

=============================================

    Best Logistics Two

=============================================

***/

.best-logistics-one--two {

  position: relative;

  display: block;

  z-index: 1;

}



.best-logistics-one--two .shape2 {

  position: absolute;

  left: 25px;

  bottom: -25px;

  z-index: -1;

}



.best-logistics-one--two .best-logistics-one__content-bottom-btn .thm-btn {

  text-transform: capitalize;

  background: var(--thm-primary);

}



.best-logistics-one--two

  .best-logistics-one__content-bottom-btn

  .thm-btn::after {

  background: var(--thm-base);

}



.best-logistics-one--two .best-logistics-one__content-bottom {

  position: relative;

  display: flex;

  align-items: center;

  justify-content: space-between;

  background: transparent;

  padding: 0px 0px 0px;

  padding-left: 0px;

  padding-right: 0px;

  margin-top: 55px;

}



.best-logistics-one--two .best-logistics-one__content-bottom-text {

  position: relative;

  display: block;

  width: auto;

}



.best-logistics-one--two__img {

  position: relative;

  display: block;

  z-index: 1;

}



.best-logistics-one--two__img .shape3 {

  position: absolute;

  top: -40px;

  left: -40px;

  z-index: -1;

}



.best-logistics-one--two__img .overlay-content {

  position: absolute;

  left: 100px;

  bottom: 60px;

  z-index: 1;

}



.best-logistics-one--two__img .overlay-content .shape4 {

  position: absolute;

  left: -125px;

  bottom: -85px;

  z-index: -1;

}



.best-logistics-one--two__img .overlay-content h2 {

  color: #ffffff;

  font-size: 28px;

  line-height: 40px;

  font-weight: 700;

}



/***

=============================================

    Your Project One

=============================================

***/

.your-project-one {

  position: relative;

  display: block;

}



.your-project-one__wrapper {

  position: relative;

  display: block;

  background: #fdf9f5;

  padding: 30px 0px 30px;

  padding-left: 35px;

  padding-right: 20px;

  margin-top: -120px;

  overflow: hidden;

  z-index: 12;

}



.your-project-one__wrapper .shape1 {

  position: absolute;

  top: -45px;

  right: -90px;

  width: 205px;

  height: 205px;

  background: #f8ece1;

  border-radius: 50%;

  z-index: -1;

}



.your-project-one__wrapper .shape2 {

  position: absolute;

  top: 45px;

  right: -125px;

  width: 205px;

  height: 205px;

  background: #dde7d4;

  border-radius: 50%;

  z-index: -1;

}



.your-project-one__wrapper ul {

  position: relative;

  display: flex;

  align-items: center;

}



.your-project-one__single {

  position: relative;

  display: flex;

  align-items: center;

  padding-left: 40px;

  padding-right: 40px;

  z-index: 1;

}



.your-project-one__single:last-child {

  padding-right: 0;

}



.your-project-one__single:first-child {

  padding-left: 0;

}



.your-project-one__single::before {

  content: "";

  position: absolute;

  top: 0;

  right: 0;

  bottom: 0;

  width: 1px;

  background: #ece7e3;

  z-index: -1;

}



.your-project-one__single:last-child:before {

  display: none;

}



.your-project-one__single-content-box {

  position: relative;

  display: flex;

  align-items: center;

  justify-content: center;

  width: 120px;

  height: 120px;

  border-radius: 50%;

  margin-right: 40px;

  z-index: 1;

}



.your-project-one__single-content-box::before {

  position: absolute;

  top: 0px;

  left: 0px;

  bottom: 0px;

  right: 0px;

  background: var(--thm-primary);

  z-index: -1;

  border-radius: 50%;

  content: "";

}



.your-project-one__single-content-box::after {

  position: absolute;

  top: -10px;

  left: -10px;

  bottom: -10px;

  right: -10px;

  background: #f8ece1;

  z-index: -2;

  border-radius: 50%;

  content: "";

}



.your-project-one__single-content-box h4 {

  color: #ffffff;

  font-size: 18px;

  line-height: 25px;

  font-weight: 400;

  text-transform: uppercase;

}



.your-project-one__single-text-box {

  position: relative;

  display: block;

}



.your-project-one__single-text-box h2 {

  font-size: 28px;

  line-height: 40px;

  margin-bottom: 10px;

}



.your-project-one__single-text-box p {

  font-size: 20px;

  line-height: 34px;

}



.your-project-one__single-btn {

  position: relative;

  display: block;

  padding-left: 45px;

}



/***

=============================================

    Services Two

=============================================

***/

.services-one.services-one--two {

  position: relative;

  display: block;

  overflow: initial;

}



.services-one.services-one--two .shape1 {

  position: absolute;

  top: -280px;

  left: -360px;

  z-index: -1;

}



/***

=============================================

    Blog  Two

=============================================

***/

.blog-one--two {

  position: relative;

  display: block;

  z-index: 1;

}



.blog-one--two .shapeone {

  position: absolute;

  top: 150px;

  left: 90px;

  z-index: -1;

}



/***

=============================================

    Mission One

=============================================

***/



.mission-one {

  position: relative;

  display: block;

  background: #e9e9e9;

  padding: 60px 0;

  overflow: hidden;

  z-index: 1;

}



.mission-one .shape4 {

  position: absolute;

  top: 280px;

  left: 105px;

  z-index: -1;

}



.mission-one .shape5 {

  position: absolute;

  bottom: 180px;

  right: 200px;

  z-index: -1;

}



.mission-one__content {

  position: relative;

  display: block;

  max-width: 585px;

  width: 100%;

}



.mission-one__content ul {

  position: relative;

  display: block;

  padding-left: 30px;

}



.mission-one__content ul::before {

  position: absolute;

  top: 8px;

  left: 0;

  bottom: 10px;

  width: 2px;

  background: #f4f2f0;

  content: "";

}



.mission-one__content ul li {

  position: relative;

  display: block;

  margin-bottom: 37px;

}



.mission-one__content ul li:last-child {

  margin-bottom: 0;

}



.mission-one__content ul li h2 {

  font-size: 28px;

  line-height: 38px;

  font-weight: 700;

  margin-bottom: 21px;

}



.mission-one__content ul li p {

  color: rgba(var(--thm-black-rgb), 0.9);

  font-size: 16px;

  line-height: 32px;

}



.mission-one__img {

  position: relative;

  display: block;

  max-width: 420px;

  width: 100%;

  margin-left: 55px;

}



.mission-one__img-inner {

  position: relative;

  display: block;

  z-index: 1;

}



.mission-one__img-inner .shape1 {

  position: absolute;

  bottom: 0;

  left: -33px;

  right: 0;

  width: 405px;

  height: 405px;

  border-radius: 50%;

  background: #f8ece1;

  z-index: -1;

}



.mission-one__img-inner .shape2 {

  position: absolute;

  bottom: 35px;

  left: -33px;

  right: 0;

  width: 405px;

  height: 405px;

  border-radius: 50%;

  background: #6cab2d;

  z-index: -2;

}



.mission-one__img-inner .shape3 {

  position: absolute;

  bottom: 45px;

  left: -33px;

  right: 0;

  width: 405px;

  height: 405px;

  border-radius: 50%;

  background: #a2c97a;

  z-index: -3;

}



/***

=============================================

    Testimonial Two About

=============================================

***/

.testimonial-two--about {

  position: relative;

  display: block;

  padding: 60px 0;

}



.testimonial-two.testimonial-two--about .shape2 {

  position: absolute;

  top: 100px;

  left: 0;

  z-index: -1;

}



/***

=============================================

    Services One Services

=============================================

***/

.services-one--services {

  position: relative;

  display: block;

}



.services-one.services-one--services .shape2 {

  position: absolute;

  top: 135px;

  left: 105px;

  z-index: -1;

}



/***

=============================================

    Work One Services

=============================================

***/

.work-one--services {

  position: relative;

  display: block;

  padding: 30px 0px 90px;

}



/***

=============================================

    Services Single

=============================================

***/

.services-single {

  position: relative;

  display: block;

  background: #ffffff;

  padding: 60px 0 0;

  z-index: 1;

}



.services-single .shape1 {

  position: absolute;

  top: 135px;

  left: 100px;

  z-index: -1;

}



.services-single .shape2 {

  position: absolute;

  top: 475px;

  right: 75px;

  z-index: -1;

}



.services-single .shape3 {

  position: absolute;

  left: 70px;

  bottom: 950px;

  z-index: -1;

}



.services-single .shape4 {

  position: absolute;

  bottom: 570px;

  right: 140px;

  z-index: -1;

}



.services-single__sidebar {

  position: relative;

  display: block;

  max-width: 340px;

}



.services-single__sidebar-single {

  position: relative;

  display: block;

}



.services-single__sidebar__title {

  position: relative;

  font-size: 24px;

  line-height: 32px;

  font-weight: 700;

  padding-bottom: 19px;

}



.services-single__sidebar__title::before {

  position: absolute;

  left: 0;

  bottom: 0;

  right: 0;

  height: 1px;

  background: #dddddd;

  content: "";

}



.services-single__sidebar-services {

  position: relative;

  display: block;

  padding: 25px;

  background: #ecefe5;

}



.services-single__sidebar-services-inner {

  position: relative;

  display: block;

  background: #ffffff;

  padding: 23px 30px;

}



.services-single__sidebarlink {

  position: relative;

  display: block;

  margin-top: 25px;

}



.services-single__sidebarlink li {

  position: relative;

  display: block;

  background: #ecefe5;

  margin-bottom: 10px;

  z-index: 1;

}



.services-single__sidebarlink li:after {

  position: absolute;

  top: 0;

  left: 0;

  bottom: 0;

  right: 0;

  content: "";

  z-index: -1;

  opacity: 1;

  transform: perspective(400px) rotateX(90deg);

  transform-origin: bottom;

  transition: all 300ms linear;

  transition-delay: 0.1s;

  background: var(--thm-base);

}



.services-single__sidebarlink li:hover:after,

.services-single__sidebarlink li.active:after {

  opacity: 1;

  transform: perspective(400px) rotateX(0deg);

  transition: all 300ms linear;

  transition-delay: 0.1s;

}



.services-single__sidebarlink li.active a {

  color: #ffffff;

}



.services-single__sidebarlink li:last-child {

  margin-bottom: 0px;

}



.services-single__sidebarlink li a {

  position: relative;

  display: block;

  color: var(--thm-black);

  font-size: 16px;

  line-height: 32px;

  font-weight: 700;

  padding: 6px 25px 6px;

  font-family: var(--thm-font-2);

  transition: all 300ms linear;

  transition-delay: 0.1s;

}



.services-single__sidebarlink li:hover a {

  color: #ffffff;

}



.services-single__sidebar-contact-info {

  position: relative;

  display: block;

  background: var(--thm-primary);

  margin-top: 30px;

  padding: 38px 30px 33px;

  z-index: 1;

}



.services-single__sidebar-contact-info .icon {

  position: absolute;

  top: 20px;

  right: 35px;

  z-index: -1;

}



.services-single__sidebar-contact-info-title {

  color: #ffffff;

  font-size: 24px;

  line-height: 32px;

  font-weight: 700;

  text-transform: capitalize;

  margin-bottom: 11px;

}



.services-single__sidebar-contact-info-text {

  color: #ffffff;

  font-size: 20px;

  line-height: 26px;

  font-weight: 400;

  margin-bottom: 18px;

}



.services-single__sidebar-contact-info a {

  color: #ffffff;

  font-size: 28px;

  line-height: 32px;

  font-weight: 700;

  transition: all 300ms linear;

  transition-delay: 0.1s;

}



.services-single__sidebar-contact-info a:hover {

  color: var(--thm-base);

}



.services-single__sidebar-single-contact-agent {

  position: relative;

  display: block;

  background: #ffffff;

  box-shadow: 0px 0px 26px 0px rgb(215, 212, 212, 0.35);

  padding: 38px 0px 45px;

  padding-left: 30px;

  padding-right: 50px;

}



.services-single__sidebar-single-contact-agent h4 {

  font-size: 18px;

  line-height: 28px;

  font-weight: 400;

  margin-bottom: 12px;

}



.services-single__sidebar-single-contact-agent p {

  font-size: 16px;

  line-height: 26px;

}



.services-single__sidebar-single-contact-agent .btn {

  position: relative;

  display: inline-block;

  padding-left: 30px;

  padding-right: 15px;

  background-color: var(--thm-base);

  color: #ffffff;

  font-size: 16px;

  line-height: 35px;

  font-weight: 400;

  text-transform: capitalize;

  border-radius: 40px;

  margin-top: 27px;

  -webkit-transition: all 0.4s linear;

  -o-transition: all 0.4s linear;

  transition: all 0.4s linear;

}



.services-single__sidebar-single-contact-agent .btn:hover {

  background: var(--thm-primary);

}



.services-single__sidebar-single-contact-agent .btn .txt {

  position: relative;

  display: flex;

  align-items: center;

}



.services-single__sidebar-single-contact-agent .btn i {

  position: relative;

  display: flex;

  flex-direction: column;

  justify-content: center;

  align-items: center;

  color: var(--thm-black);

  font-size: 15px;

  background: #ffffff;

  width: 35px;

  height: 35px;

  border-radius: 50%;

  margin-left: 20px;

  -webkit-transition: all 0.3s linear;

  -o-transition: all 0.3s linear;

  transition: all 0.3s linear;

}



.services-single__sidebar-single-contact-agent .btn:hover i {

  transform: rotate(360deg);

}



.services-single__content {

  position: relative;

  display: block;

  margin-left: 20px;

}



.services-single__content .title {

  position: relative;

  display: block;

}



.services-single__content .title h2 {

  font-size: 50px;

  line-height: 60px;

}



.services-single__content .text-box1 {

  position: relative;

  display: block;

  margin-top: 22px;

  margin-bottom: 24px;

}



.services-single__content .text-box2 {

  position: relative;

  display: block;

  margin-bottom: 30px;

}



.services-single__content .text-box2 h2 {

  font-size: 28px;

  line-height: 42px;

  font-weight: 400;

  margin-bottom: 24px;

}



.services-single__content .text-box3 {

  position: relative;

  display: block;

  margin-bottom: 23px;

}



.services-single__content .text-box3 h2 {

  font-size: 28px;

  line-height: 42px;

  font-weight: 400;

  margin-bottom: 9px;

}



.services-single__content .text-box4 {

  position: relative;

  display: block;

  margin-bottom: 23px;

}



.services-single__content .text-box4 h2 {

  font-size: 28px;

  line-height: 42px;

  font-weight: 400;

  margin-bottom: 9px;

}



.services-single__content .text-box5 {

  position: relative;

  display: block;

}



.services-single__content .text-box5 h2 {

  font-size: 28px;

  line-height: 42px;

  font-weight: 400;

  margin-bottom: 9px;

}



.services-single__content-img1 {

  position: relative;

  display: block;

  margin-top: 49px;

}



.services-single__content-img1 img {

  width: 100%;

}



.detail-application {

  position: relative;

  display: block;

  background: #ffe7bd;

  border-radius: 10px;

  margin-top: -290px;

  margin-left: 80px;

  padding: 40px 40px 40px;

  z-index: 1;

}



.detail-application .title {

  position: relative;

  display: block;

  margin-bottom: 19px;

}



.detail-application .title h2 {

  font-size: 43px;

  line-height: 53px;

}



.detail-application__inner {

  position: relative;

  display: block;

}



.detail-application__inner h2 {

  font-size: 24px;

  line-height: 36px;

  font-weight: 400;

}



.detail-application__inner p {

  margin: 0;

  margin-top: 16px;

}



.detail-application__list {

  position: relative;

  display: block;

  margin-top: 30px;

}



.detail-application__list-item {

  position: relative;

  display: block;

  padding-left: 30px;

  margin-bottom: 5px;

}



.detail-application__list-item:last-child {

  margin-bottom: 0;

}



.detail-application__list-item .icon {

  position: absolute;

  top: 0;

  left: 0;

  color: var(--thm-base);

  font-size: 15px;

}



.detail-application__list-item .text {

  position: relative;

  display: block;

}



.detail-application__list-item .text p {

  margin: 0;

}



.industrial-boiler {

  position: relative;

  display: block;

  margin-top: 20px;

}



.industrial-boiler ul {

  position: relative;

  display: flex;

  align-items: center;

}



.industrial-boiler__single {

  position: relative;

  display: block;

  max-width: 240px;

  background: #c1e7ff;

  box-shadow: 4px 6.928px 18px 0px rgb(214, 214, 214, 0.45);

  padding: 30px 25px 25px;

  width: 100%;

  z-index: 1;

}



.industrial-boiler__single::before {

  content: "";

  position: absolute;

  left: 0;

  bottom: 0;

  right: 0;

  background: #d8d8d8;

  height: 6px;

}



.industrial-boiler__single::after {

  content: "";

  position: absolute;

  left: 0;

  bottom: 0;

  right: 0;

  height: 5px;

  background: var(--thm-base);

  transform: scaleX(0);

  transition: all 300ms linear;

  transition-delay: 0.1s;

  z-index: 1;

}



.industrial-boiler__single:hover:after {

  transform: scaleX(1);

  transition: all 300ms linear;

  transition-delay: 0.2s;

}



.industrial-boiler__single .icon {

  position: relative;

  display: block;

  font-size: 55px;

  margin-bottom: 19px;

}



.industrial-boiler__single h2 {

  font-size: 20px;

  line-height: 30px;

  margin-bottom: 2px;

}



.industrial-boiler__single p {

  margin: 0;

}



.services-single__content .text-box6 {

  position: relative;

  display: block;

  margin-top: 46px;

  margin-bottom: 15px;

}



.services-single__content .text-box7 {

  position: relative;

  display: block;

}



.services-single__content-img2 {

  position: relative;

  display: block;

  overflow: hidden;

  margin-top: 44px;

}



.services-single__content-img2::before {

  position: absolute;

  top: 50%;

  left: 50%;

  z-index: 1;

  display: block;

  content: "";

  width: 0;

  height: 0;

  background: rgba(255, 255, 255, 0.4);

  border-radius: 0%;

  transform: translate(-50%, -50%);

  opacity: 0;

}



.services-single__content-img2:hover:before {

  -webkit-animation: circle 0.95s;

  animation: circle 0.95s;

}



.services-single__content-img2 img {

  width: 100%;

}



/***

=============================================

    Your Project One Project

=============================================

***/

.your-project-one--project {

  position: relative;

  display: block;

}



.your-project-one--project .your-project-one__wrapper {

  margin-top: 0px;

}



/***

=============================================

    Projects One Projects

=============================================

***/

.projects-one--projects {

  position: relative;

  display: block;

  padding: 40px 0;

}



.projects-one--projects .projects-one__single-content {

  background: #ffffff;

  box-shadow: 17.5px 30.311px 25px 0px rgb(219, 223, 224, 0.35);

}



/***

=============================================

    Contact One Project Two

=============================================

***/

.contact-one--project-two {

  position: relative;

  display: block;

  padding-top: 120px;

}



/***

=============================================

    Project Two

=============================================

***/

.case-studies-one--portfolio-grid {

  position: relative;

  display: block;

  padding: 120px 0px 90px;

  background: #ffffff;

  border-bottom: 1px solid #ededed;

}



.projects-one--projects__top {

  position: relative;

  display: block;

  margin-bottom: 55px;

}



.projects-one--projects__menu-box {

  position: relative;

  display: block;

  overflow: hidden;

  text-align: center;

}



.projects-one--projects__menu-box ul {

  position: relative;

  display: block;

  overflow: hidden;

}



.projects-one--projects__menu-box ul .active {

  color: #ffffff;

  background-color: var(--thm-base);

  border: 1px solid var(--thm-base);

}



.projects-one--projects__menu-box ul li {

  position: relative;

  display: inline-block;

  color: #ffffff;

  font-size: 16px;

  line-height: 26px;

  font-weight: 400;

  color: var(--thm-black);

  padding: 10px 25px 7px;

  border: 1px solid #e3e3e3;

  cursor: pointer;

  text-transform: capitalize;

  transition: all 0.4s linear;

  border-radius: 40px;

  margin-right: 6px;

}



.projects-one--projects__menu-box ul li:last-child {

  margin-right: 0;

}



.projects-one--projects__menu-box ul li:hover {

  color: #ffffff;

  background: var(--thm-base);

  border: 1px solid var(--thm-base);

}



.projects-one--projects__menu-box li .count {

  display: none;

}



/***

=============================================

    Project Single

=============================================

***/

.project-single {

  position: relative;

  display: block;

  background: #ffffff;

  padding: 120px 0px 120px;

  z-index: 1;

}



.project-single .shape1 {

  position: absolute;

  top: 140px;

  left: 100px;

  z-index: -1;

}



.project-single .shape2 {

  position: absolute;

  top: 470px;

  right: 70px;

  z-index: -1;

}



.project-single .shape3 {

  position: absolute;

  left: 70px;

  bottom: 750px;

  z-index: -1;

}



.project-single .shape4 {

  position: absolute;

  bottom: 370px;

  right: 140px;

  z-index: -1;

}



.project-single__wrapper {

  position: relative;

  display: block;

}



.project-single__img1 {

  position: relative;

  display: block;

}



.project-single__img1 img {

  width: 100%;

}



.solution-method {

  position: relative;

  display: block;

  margin-top: 75px;

}



.solution-method__content {

  position: relative;

  display: block;

  max-width: 700px;

}



.solution-method__content-text-box1 {

  position: relative;

  display: block;

  margin-bottom: 26px;

}



.solution-method__content-text-box1 h2 {

  font-size: 50px;

  line-height: 60px;

  margin-bottom: 22px;

}



.solution-method__content-text-box1 p {

  margin: 0;

}



.solution-method__content-text-box2 {

  position: relative;

  display: block;

}



.solution-method__content-text-box2 h2 {

  font-size: 28px;

  line-height: 38px;

  font-weight: 400;

  margin-bottom: 31px;

}



.solution-method__content-text-box2 p {

  margin: 0;

}



.solution-method__project-info {

  position: relative;

  display: block;

  background: var(--thm-base);

  padding: 44px 45px 39px;

}



.solution-method__project-info ul {

  position: relative;

  display: block;

}



.solution-method__project-info ul li {

  position: relative;

  display: block;

  margin-bottom: 11px;

}



.solution-method__project-info ul li:last-child {

  margin-bottom: 0;

}



.solution-method__project-info ul li h2 {

  color: #ffffff;

  font-size: 24px;

  line-height: 34px;

  margin-bottom: 2px;

}



.solution-method__project-info ul li p {

  color: rgba(255, 0255, 255, 0.8);

  margin: 0;

}



.project-single__img2 {

  position: relative;

  display: block;

  margin-top: 57px;

}



.project-single__img2 img {

  width: 100%;

}



.costs-plan {

  position: relative;

  display: block;

  background: #ffffff;

  border-radius: 10px;

  margin-top: -290px;

  margin-left: 100px;

  margin-right: 100px;

  padding: 50px 65px 59px;

}



.costs-plan .title {

  position: relative;

  display: block;

  margin-bottom: 36px;

}



.costs-plan .title h2 {

  font-size: 43px;

  line-height: 53px;

  margin-bottom: 20px;

}



.costs-plan .title h3 {

  font-size: 24px;

  line-height: 34px;

  font-weight: 400;

}



.costs-plan__single {

  position: relative;

  display: block;

  max-width: 370px;

  width: 100%;

}



.costs-plan__single p {

  color: rgba(var(--thm-black-rgb), 0.9);

}



.costs-plan__single-list {

  position: relative;

  display: block;

  margin-top: 30px;

}



.costs-plan__single-list-item {

  position: relative;

  display: block;

  padding-left: 30px;

  margin-bottom: 11px;

}



.costs-plan__single-list-item:last-child {

  margin-bottom: 0;

}



.costs-plan__single-list-item .icon {

  position: absolute;

  top: 0;

  left: 0;

  color: var(--thm-base);

  font-size: 15px;

}



.costs-plan__single-list-item .text {

  position: relative;

  display: block;

}



.costs-plan__single-list-item .text p {

  margin: 0;

}



.project-single__industrial-boiler {

  position: relative;

  display: block;

}



.project-single__industrial-boiler-single {

  position: relative;

  display: block;

}



.project-single__industrial-boiler-single-img {

  position: relative;

  display: block;

}



.project-single__industrial-boiler-single-img img {

  width: 100%;

}



/***

=============================================

    Blog One Blog

=============================================

***/

.blog-one--blog {

  position: relative;

  display: block;

  z-index: 1;

}



.blog-one--blog .shape-one {

  position: relative;

  top: 0px;

  left: 100px;

  z-index: -1;

}



/***

=============================================

    Blog Two

=============================================

***/

.blog-page-two {

  position: relative;

  display: block;

  background: #ffffff;

  padding: 120px 0px 120px;

}



.blog-page-two__left {

  position: relative;

  display: block;

}



.blog-page-two__single {

  position: relative;

  display: block;

  margin-bottom: 50px;

}



.blog-page-two__single-img {

  position: relative;

  display: block;

  overflow: hidden;

}



.blog-page-two__single-img::before {

  position: absolute;

  content: "";

  bottom: 0;

  left: 0;

  right: 0;

  height: 100%;

  background: rgba(var(--thm-black-rgb), 0.7);

  transition-delay: 0.1s;

  transition-timing-function: ease-in-out;

  transition-duration: 0.5s;

  transition-property: all;

  opacity: 1;

  transform-origin: top;

  transform-style: preserve-3d;

  transform: scaleY(0);

  border-radius: 5px;

  z-index: 1;

}



.blog-page-two__single:hover .blog-page-two__single-img::before {

  transform: scaleY(1);

}



.blog-page-two__single-img img {

  width: 100%;

}



.blog-page-two__single-img .overlay {

  position: absolute;

  top: 20px;

  left: 20px;

  z-index: 5;

}



.blog-page-two__single-img .overlay p {

  position: relative;

  display: inline-block;

  color: #ffffff;

  background: var(--thm-primary);

  border-radius: 30px;

  padding: 0px 17px 0px;

}



.blog-page-two__single-img .overlay-icon {

  position: absolute;

  top: 0;

  left: 0;

  bottom: 0;

  right: 0;

  z-index: 3;

  display: flex;

  justify-content: center;

  align-items: center;

  flex-wrap: wrap;

  transition: 0.9s;

  transform: perspective(400px) scaleY(0);

  transform-origin: bottom;

}



.blog-page-two__single:hover .blog-page-two__single-img .overlay-icon {

  transform: perspective(400px) scaleY(1);

}



.blog-page-two__single .blog-page-two__single-img .overlay-icon a {

  position: relative;

  display: inline-block;

}



.blog-page-two__single .blog-page-two__single-img .overlay-icon span {

  color: #ffffff;

  font-size: 30px;

  line-height: 30px;

}



.blog-page-two__single-content {

  position: relative;

  display: block;

  background: #f5f8f6;

  padding: 40px 35px 50px;

}



.blog-page-two__single-content-meta-info {

  position: relative;

  display: block;

  margin-bottom: 20px;

}



.blog-page-two__single-content-meta-info ul {

  position: relative;

  display: flex;

  align-items: center;

}



.blog-page-two__single-content-meta-info ul li {

  position: relative;

  display: flex;

  align-items: center;

  margin-left: 20px;

}



.blog-page-two__single-content-meta-info ul li:first-child {

  margin-left: 0;

}



.blog-page-two__single-content-meta-info ul li .img {

  position: relative;

  display: block;

}



.blog-page-two__single-content-meta-info ul li .text {

  position: relative;

  display: block;

  padding-left: 10px;

}



.blog-page-two__single-content-meta-info ul li .text p {

  color: #4e4944;

}



.blog-page-two__single-content-meta-info ul li .icon {

  color: #4e4944;

  font-size: 20px;

}



.blog-page-two__single-content h2 {

  font-size: 32px;

  line-height: 46px;

  margin-bottom: 23px;

}



.blog-page-two__single-content h2 a {

  color: var(--thm-black);

  transition: all 200ms linear;

  transition-delay: 0.1s;

}



.blog-page-two__single-content h2 a:hover {

  color: var(--thm-base);

}



.blog-page-two__single-content p {

  color: var(--thm-black);

}



.blog-page-two__single-btn {

  position: relative;

  display: inline-block;

  margin-top: 29px;

}



.blog-page-two__single-btn a {

  position: relative;

  display: inline-block;

  background: var(--thm-base);

  border-radius: 40px;

  padding-right: 30px;

  padding-top: 8px;

  padding-bottom: 7px;

  transition: all 200ms linear;

  transition-delay: 0.1s;

}



.blog-page-two__single-btn a:hover {

  background: var(--thm-primary);

}



.blog-page-two__single-btn a span::before {

  position: absolute;

  top: 0;

  left: 0;

  display: inline-block;

  width: 50px;

  height: 50px;

  line-height: 50px;

  border-radius: 50%;

  background: #77b836;

  text-align: center;

  color: #ffffff;

  font-size: 20px;

  transition: all 200ms linear;

  transition-delay: 0.1s;

}



.blog-page-two__single-btn a:hover span::before {

  transform: rotate(360deg);

  background: #f4713e;

}



.blog-page-two__single-btn a .text {

  position: relative;

  display: inline-block;

  color: #ffffff;

  font-size: 18px;

  line-height: 28px;

  padding-left: 70px;

  margin-top: 4px;

}



/***

=============================================

    Pagination

=============================================

***/



.styled-pagination {

  position: relative;

  display: block;

  width: 100%;

  height: auto;

}



.styled-pagination li {

  position: relative;

  display: inline-block;

  margin: 0px 5px;

}



.styled-pagination li a {

  position: relative;

  display: inline-block;

  width: 60px;

  height: 60px;

  border-radius: 50%;

  background: #f5f8f6;

  color: var(--thm-black);

  font-size: 22px;

  line-height: 60px;

  font-weight: 400;

  text-align: center;

  text-transform: capitalize;

  transition: all 500ms ease;

  z-index: 1;

}



.styled-pagination li a span::before {

  position: relative;

  display: inline-block;

  color: var(--thm-black);

  font-size: 20px;

  line-height: 60px;

  font-weight: 700;

  transition: all 500ms ease;

}



.styled-pagination li a:hover span::before {

  color: #ffffff;

}



.styled-pagination li a:hover {

  color: #ffffff;

  background: var(--thm-primary);

}



.styled-pagination li a:hover,

.styled-pagination li a.active {

  color: #ffffff;

  background: var(--thm-primary);

}



.styled-pagination li.prev a,

.styled-pagination li.next a {

  color: var(--thm-black);

  line-height: 60px;

}



.styled-pagination li.prev a:hover,

.styled-pagination li.next a:hover {

  color: #ffffff;

}



.sidebar {

  position: relative;

  display: block;

  background: #f5f8f6;

  padding: 50px 30px;

  margin-left: 0px;

}



.sidebar__single {

  position: relative;

  display: block;

  margin-bottom: 60px;

}



.sidebar__single .title {

  position: relative;

  display: block;

  border-bottom: 1px solid #e1e5e2;

  padding-bottom: 5px;

  margin-bottom: 15px;

}



.sidebar__single .title h2 {

  font-size: 26px;

  line-height: 36px;

  font-weight: 700;

}



.sidebar__search {

  position: relative;

  display: block;

  margin-bottom: 38px;

}



.sidebar__search-form {

  position: relative;

}



.sidebar__search-form input[type="search"] {

  display: block;

  border: none;

  outline: none;

  background-color: #ffffff;

  color: #0c0d24;

  font-size: 16px;

  line-height: 26px;

  font-weight: 400;

  padding-left: 25px;

  height: 70px;

  width: 100%;

  border: 1px solid #000108;

  padding-right: 50px;

  font-family: var(--thm-font);

}



.sidebar__search-form ::-webkit-input-placeholder {

  color: #0c0d24;

  opacity: 1;

}



.sidebar__search-form ::-moz-placeholder {

  color: #0c0d24;

  opacity: 1;

}



.sidebar__search-form :-ms-input-placeholder {

  color: #0c0d24;

  opacity: 1;

}



.sidebar__search-form ::-ms-input-placeholder {

  color: #0c0d24;

  opacity: 1;

}



.sidebar__search-form ::placeholder {

  color: #0c0d24;

  opacity: 1;

}



.sidebar__search-form :-ms-input-placeholder {

  color: #0c0d24;

}



.sidebar__search-form ::-ms-input-placeholder {

  color: #0c0d24;

}



.sidebar__search-form button[type="submit"] {

  position: absolute;

  top: 0;

  right: 0px;

  bottom: 0;

  width: 60px;

  height: 70px;

  background-color: transparent;

  color: #0e0e0e;

  font-size: 20px;

  font-weight: 700;

  outline: none;

  border: none;

  padding: 0;

}



.sidebar__single.sidebar__categories {

  position: relative;

  display: block;

  margin-bottom: 48px;

}



.sidebar-categories-box {

  position: relative;

  display: block;

  overflow: hidden;

}



.sidebar-categories-box li {

  position: relative;

  display: block;

  color: var(--thm-black);

  font-size: 18px;

  line-height: 45px;

  font-weight: 400;

}



.sidebar-categories-box li a {

  color: var(--thm-black);

  transition: all 200ms linear;

  transition-delay: 0.1s;

}



.sidebar-categories-box li a span {

  position: relative;

  display: block;

  float: right;

}



.sidebar-categories-box li a:hover {

  color: var(--thm-primary);

}



.sidebar__latest-post {

  position: relative;

  display: block;

  margin-bottom: 0;

}



.sidebar__latest-post .title {

  position: relative;

  display: block;

  margin-bottom: 32px;

}



.sidebar__latest-post-box {

  position: relative;

  display: block;

  overflow: hidden;

}



.sidebar__latest-post-single {

  position: relative;

  display: block;

  border-bottom: 1px solid #e1e5e2;

      padding-bottom: 11px;
    margin-bottom: 14px;

}



.sidebar__latest-post-single:last-child {

  margin-bottom: 0;

}



.sidebar__latest-post-single-title {

  font-size: 22px;

  line-height: 34px;

  font-weight: 700;

  margin-bottom: 11px;

}



.sidebar__latest-post-single-title a {

  color: var(--thm-black);

  transition: all 200ms linear;

  transition-delay: 0.1s;

}



.sidebar__latest-post-single-title a:hover {

  color: var(--thm-base);

}



.sidebar__latest-post-single-date {

  color: #5c5955;

  font-size: 16px;

  line-height: 32px;

  font-weight: 400;

}



.sidebar__single.sidebar__tags {

  position: relative;

  display: block;

  margin-bottom: 0px;

}



.sidebar__tags .title {

  margin-bottom: 41px;

}



.sidebar__tags-list {

  position: relative;

  display: block;

  overflow: hidden;

  margin-left: -5px;

  margin-right: -5px;

}



.sidebar__tags-list li {

  position: relative;

  display: block;

  float: left;

  margin-bottom: 15px;

  padding: 0px 5px 0px;

}



.sidebar__tags-list li a {

  position: relative;

  display: inline-block;

  color: var(--thm-black);

  font-size: 16px;

  line-height: 32px;

  font-weight: 400;

  background: #ffffff;

  padding: 1px 20px 0px;

  border-radius: 40px;

  text-transform: capitalize;

  -webkit-transition: all 0.4s ease;

  transition: all 0.4s ease;

}



.sidebar__tags-list li a:hover {

  color: #ffffff;

  background: var(--thm-primary);

}



/***

=============================================

    Blog Single

=============================================

***/

.blog-single {

  position: relative;

  display: block;

  background: #ffffff;

  padding: 120px 0px 120px;

}



.blog-single .blog-page-two__single-img::before {

  display: none;

}



.blog-single .blog-page-two__single-content {

  background: transparent;

  padding: 35px 0px 5px;

  border-bottom: 1px solid #eaeaea;

}



.blog-single__left {

  position: relative;

  display: block;

}



.blog-single__left .blog-page-two__single {

  position: relative;

  display: block;

  margin-bottom: 31px;

}



.blog-single__left .text-box1 {

  position: relative;

  display: block;

  margin-bottom: 20px;

}



.blog-single__left .text-box2 {

  position: relative;

  display: block;

  margin-bottom: 20px;

}



.blog-single__left .text-box3 {

  position: relative;

  display: block;

}



.blog-single__img1 {

  position: relative;

  display: block;

  margin-top: 44px;

}



.blog-single__img1 img {

  width: 100%;

}



.blog-single__left .text-box4 {

  position: relative;

  display: block;

  margin-top: 46px;

}



.blog-single__left .blockquote-box {

  position: relative;

  display: block;

  margin-top: 42px;

}



.blog-single__left .blockquote-box blockquote {

  position: relative;

  display: block;

  margin: 0;

}



.blog-single__left .blockquote-box blockquote h2 {

  position: relative;

  color: var(--thm-black);

  font-size: 24px;

  line-height: 36px;

  font-weight: 400;

  padding-left: 20px;

}



.blog-single__left .blockquote-box blockquote h2::before {

  position: absolute;

  top: 7px;

  left: 0;

  bottom: 2px;

  width: 7px;

  background: var(--thm-base);

  content: "";

}



.blog-single__left .text-box5 {

  position: relative;

  display: block;

  margin-top: 44px;

  margin-bottom: 30px;

}



.blog-single__left .text-box5 {

  position: relative;

  display: block;

}



.tag-social-share-box {

  position: relative;

  overflow: hidden;

  display: flex;

  flex-direction: row;

  justify-content: space-between;

  align-content: center;

  flex-wrap: wrap;

  margin-top: 66px;

  align-items: center;

}



.tag-social-share-box .single-box {

  position: relative;

  display: block;

  overflow: hidden;

}



.tag-social-share-box .single-box .title {

  position: absolute;

  top: 0;

  left: 0;

  overflow: hidden;

}



.tag-social-share-box .single-box .title.right {

  text-align: right;

  top: 5px;

}



.tag-social-share-box .single-box .title h3 {

  color: var(--thm-black);

  font-size: 22px;

  line-height: 32px;

  font-weight: 700;

}



.tag-social-share-box .tag-list {

  position: relative;

  display: block;

  overflow: hidden;

  padding-left: 97px;

}



.tag-social-share-box .tag-list li {

  position: relative;

  display: inline-block;

  margin-right: 5px;

}



.tag-social-share-box .tag-list li:last-child {

  margin-right: 0;

}



.tag-social-share-box .tag-list li a {

  position: relative;

  display: inline-block;

  background: #f6f1ec;

  color: var(--thm-black);

  padding: 0 20px;

  padding-top: 1px;

  border-radius: 40px;

  transition: all 200ms linear;

  transition-delay: 0.1s;

}



.tag-social-share-box .tag-list li a:hover {

  color: #ffffff;

  background: var(--thm-primary);

}



.tag-social-share-box .social-share {

  position: relative;

  overflow: hidden;

  padding-left: 85px;

}



.tag-social-share-box .social-share li {

  position: relative;

  display: block;

  float: left;

  margin-right: 10px;

}



.tag-social-share-box .social-share li:last-child {

  margin-right: 0;

}



.tag-social-share-box .social-share li a {

  position: relative;

  display: inline-block;

  width: 45px;

  height: 45px;

  line-height: 45px;

  border-radius: 50%;

  border: 1px solid#1b1b1b;

  color: var(--thm-black);

  background: transparent;

  font-size: 15px;

  text-align: center;

  transition: all 200ms linear;

  transition-delay: 0.1s;

}



.tag-social-share-box .social-share li a:hover {

  color: #ffffff;

  background: var(--thm-base);

  border: 1px solid var(--thm-base);

}



/***

=============================================

    Author

=============================================

***/

.author-one {

  position: relative;

  display: -webkit-box;

  display: flex;

  background-color: #f6f1ec;

  padding: 35px 25px 35px;

  margin-top: 74px;

}



.author-one::before {

  position: absolute;

  top: 15px;

  left: 15px;

  bottom: 15px;

  right: 15px;

  border: 1px solid #161616;

  content: "";

}



.author-one__image {

  position: relative;

  display: block;

}



.author-one__content {

  margin-left: 20px;

  margin-top: 13px;

}



.author-one__content h3 {

  font-size: 20px;

  line-height: 30px;

  font-weight: 700;

}



.author-one__content p {

  margin: 0;

  margin-top: 7px;

}



.author-one__content .social-links {

  position: relative;

  display: block;

  margin-top: 14px;

}



.author-one__content .social-links li {

  position: relative;

  display: inline-block;

  margin-right: 7px;

}



.author-one__content .social-links li:last-child {

  margin-right: 0;

}



.author-one__content .social-links li a {

  position: relative;

  display: inline-block;

  width: 45px;

  height: 45px;

  line-height: 45px;

  border-radius: 50%;

  border: 1px solid #1d1d1d;

  color: var(--thm-black);

  font-size: 15px;

  text-align: center;

  -webkit-transition: all 500ms ease;

  transition: all 500ms ease;

}



.author-one__content .social-links li a:hover {

  color: #ffffff;

  background: var(--thm-base);

  border: 1px solid var(--thm-base);

}



.blog-single__left .text-box7 {

  position: relative;

  display: block;

  margin-top: 52px;

}



.blog-single__left .text-box7 h3 {

  font-size: 22px;

  line-height: 34px;

  font-weight: 400;

}



.blog-single__left .text-box7 h3 a {

  position: relative;

  color: var(--thm-black);

  transition: all 200ms linear;

  transition-delay: 0.1s;

}



.blog-single__left .text-box7 h3 a::before {

  position: absolute;

  left: 0;

  bottom: -2px;

  right: 0;

  height: 1px;

  background: #161616;

  content: "";

  transition: all 200ms linear;

  transition-delay: 0.1s;

}



.blog-single__left .text-box7 h3 a:hover:before {

  background: var(--thm-base);

}



.blog-single__left .text-box7 h3 a:hover {

  color: var(--thm-base);

}



/***

=============================================

    Comments

=============================================

***/

.comment-one {

  position: relative;

  display: block;

  border: 1px solid #161616;

  padding: 72px 20px 106px;

  margin-top: 57px;

}



.comment-one .ul {

  position: relative;

  display: block;

}



.comment-one__single {

  position: relative;

  display: block;

  margin-bottom: 91px;

}



.comment-one__single:last-child {

  margin-bottom: 0;

}



.comment-one__single.mr-l60 {

  padding-left: -1px;

  position: relative;

  display: block;

  margin-left: 60px;

}



.comment-one__image {

  position: absolute;

  top: -10px;

  left: 0;

  text-align: center;

}



.comment-one__image .client-info {

  position: relative;

  display: block;

  margin-top: 8px;

}



.comment-one__image .client-info h3 {

  font-size: 18px;

  line-height: 28px;

  font-weight: 400;

}



.comment-one__image .client-info p {

  color: rgba(var(--thm-black-rgb), 0.7);

  font-size: 14px;

  line-height: 24px;

}



.comment-one__content {

  position: relative;

  display: block;

  margin-left: 145px;

}



.comment-one__content p {

  position: relative;

  display: block;

  color: rgba(var(--thm-black-rgb), 0.8);

  background: #f6f1ec;

  padding: 15px 25px 15px;

  border-radius: 30px;

}



.comment-one__content-btn {

  position: absolute;

  right: 30px;

  top: -41px;

}



.comment-one__content-btn a {

  color: var(--thm-base);

  font-size: 16px;

  line-height: 26px;

  font-weight: 400;

  font-family: var(--thm-font-2);

  transition: all 200ms linear;

  transition-delay: 0.1s;

}



.comment-one__content-btn a:hover {

  color: var(--thm-primary);

}



.comment-one__image img {

  border-radius: 50%;

}



/***

=============================================

    Comment Form

=============================================

***/



.blog-single__comment-form {

  position: relative;

  display: block;

  margin-top: 52px;

}



.blog-single__comment-form-title {

  font-size: 24px;

  line-height: 34px;

  font-weight: 700;

  margin-bottom: 26px;

}



.blog-single__comment-form .comment-form__input-box input[type="text"],

.blog-single__comment-form .comment-form__input-box input[type="email"] {

  height: 55px;

  width: 100%;

  border: none;

  background: #ffffff;

  padding: 0 30px;

  margin-bottom: 35px;

  border-radius: 40px;

  outline: none;

  font-size: 15px;

  color: rgba(var(--thm-black-rgb), 0.6);

  border: 1px solid #e6e6e6;

  font-weight: 400;

  text-transform: capitalize;

  font-family: var(--thm-font);

}



.blog-single__comment-form .comment-form__input-box textarea {

  color: rgba(var(--thm-black-rgb), 0.6);

  font-size: 15px;

  height: 215px;

  width: 100%;

  background: #ffffff;

  padding: 26px 30px 30px;

  border: 1px solid #e6e6e6;

  border-radius: 30px;

  outline: none;

  margin-bottom: 25px;

  font-weight: 400;

  text-transform: capitalize;

}



.blog-single__comment-form .comment-form__btn.thm-btn {

  text-transform: capitalize;

}



.blog-single__comment-form .comment-form__btn {

  position: relative;

  display: block;

}



.blog-single__comment-form .comment-form__btn.thm-btn::before {

  background: var(--thm-primary);

}



/***

=============================================

    Faq Page

=============================================

***/

.faq-page {

  position: relative;

  display: block;

  background: #ffffff;

  padding: 120px 0px 120px;

}



.faq-page__accordions {

  position: relative;

  display: block;

  max-width: 745px;

  width: 100%;

  z-index: 1;

}



.faq-page__accordions .title {

  position: relative;

  display: block;

  margin-bottom: 51px;

}



.faq-page__accordions .title h2 {

  font-size: 36px;

  line-height: 46px;

  margin-bottom: 10px;

}



.faq-page__accordions .title h3 {

  color: var(--thm-base);

  font-size: 24px;

  line-height: 34px;

  font-weight: 400;

}



.faq-page__accordions .accrodion {

  position: relative;

  display: block;

  background: #f0f3ec;

  overflow: hidden;

  margin-bottom: 20px;

  padding-left: 30px;

  padding-right: 25px;

  transition: all 200ms linear;

  transition-delay: 0.1s;

  border-radius: 40px;

}



.faq-page__accordions .accrodion.active {

  border-radius: 0px;

}



.faq-page__accordions .accrodion .accrodion-title {

  position: relative;

  display: block;

  cursor: pointer;

  background: #f0f3ec;

  padding: 18px 0px 16px;

  border-radius: 40px;

  transition: all 200ms linear;

  transition-delay: 0.1s;

}



.faq-page__accordions .accrodion.active .accrodion-title {

  background: #f0f3ec;

  padding: 28px 0px 16px;

  border-radius: 0px;

}



.faq-page__accordions .accrodion .accrodion-title h4 {

  position: relative;

  color: var(--thm-black);

  font-size: 20px;

  line-height: 30px;

  font-weight: 700;

  transition: all 200ms linear;

  transition-delay: 0.1s;

  padding-right: 25px;

}



.faq-page__accordions .accrodion.active .accrodion-title h4 {

  color: var(--thm-black);

}



.faq-page__accordions .accrodion .accrodion-title h4::before {

  content: "\e933";

  font-family: "icomoon" !important;

  font-weight: 900;

  font-size: 15px;

  color: #505055;

  position: absolute;

  top: 50%;

  right: 0;

  text-align: center;

  transform: translateY(-50%);

  transition: all 500ms ease;

}



.faq-page__accordions .accrodion.active .accrodion-title h4::before {

  content: "\e934";

  font-family: "icomoon" !important;

  color: #505055;

}



.faq-page__accordions .accrodion .accrodion-content {

  position: relative;

  display: block;

  padding: 16px 0px 27px;

  border-top: 1px solid #d5d7d2;

}



.faq-page__accordions .accrodion.active .accrodion-content {

  position: relative;

  display: block;

  padding: 16px 0px 27px;

  border-top: 1px solid #d5d7d2;

}



.faq-page__accordions .accrodion .accrodion-content .inner {

  position: relative;

  display: block;

}



.faq-page__accordions .accrodion .accrodion-content .inner p {

  font-size: 16px;

}



.faq-page__sidebar {

  position: relative;

  display: block;

  margin-left: 25px;

}



.faq-page__sidebar .services-single__sidebar-contact-info {

  margin-top: 0px;

}



/***

=============================================

    Gallery One

=============================================

***/

.gallery-one {

  position: relative;

  display: block;

  background: #ffffff;

  padding: 120px 0px 0px;

}



.gallery-one__single {

  position: relative;

  display: block;

  margin-bottom: 30px;

}



.gallery-one__single-img {

  position: relative;

  display: block;

  overflow: hidden;

  z-index: 1;

}



.gallery-one__single-img::before {

  content: "";

  position: absolute;

  top: 0px;

  left: 0px;

  bottom: 0px;

  right: 0px;

  background: rgba(var(--thm-base-rgb), 0.38);

  opacity: 1;

  transform: translateY(0px);

  transition: all 0.3s ease-in-out 0.5s;

  opacity: 0;

  transform: scale(0.5);

  transition: all 500ms linear;

  transition-delay: 0.1s;

  z-index: 1;

}



.gallery-one__single:hover .gallery-one__single-img::before {

  opacity: 1;

  transform: scale(1);

  transition: all 300ms linear;

  transition-delay: 0.1s;

}



.gallery-one__single-img img {

  width: 100%;

  transform: scale(1);

  transition-delay: 0.1s;

  transition-timing-function: ease-in-out;

  transition-duration: 0.7s;

  transition-property: all;

}



.gallery-one__single:hover .gallery-one__single-img img {

  transform: scale(1.2) rotate(1deg);

}



.gallery-one__single-img .overlay-content {

  position: absolute;

  top: 0;

  left: 0;

  bottom: 0;

  right: 0;

  display: flex;

  align-items: center;

  justify-content: center;

  flex-wrap: wrap;

  flex-direction: column;

  z-index: 5;

  -webkit-transition: 0.9s;

  -o-transition: 0.9s;

  transition: 0.9s;

  opacity: 0;

  -webkit-transform: perspective(400px) scale(0.5);

  -ms-transform: perspective(400px) scale(0.5);

  transform: perspective(400px) scale(0.5);

  -webkit-transform-origin: center;

  -ms-transform-origin: center;

  transform-origin: center;

}



.gallery-one__single:hover .gallery-one__single-img .overlay-content {

  opacity: 1;

  -webkit-transform: perspective(400px) scale(1);

  -ms-transform: perspective(400px) scale(1);

  transform: perspective(400px) scale(1);

}



.gallery-one__single-img .overlay-content h2 {

  color: #ffffff;

  font-size: 28px;

  line-height: 42px;

  font-weight: 700;

  text-transform: capitalize;

}



.gallery-one__single-img .overlay-content .overlay-content__btn {

  position: relative;

  display: block;

  margin-top: 23px;

}



.gallery-one__single-img .overlay-content .overlay-content__btn a {

  position: relative;

  display: inline-block;

  width: 55px;

  height: 55px;

  border-radius: 50%;

  background: var(--thm-base);

  color: #ffffff;

  font-size: 20px;

  text-align: center;

  transition: all 300ms linear;

  transition-delay: 0.1s;

}



.gallery-one__single-img .overlay-content .overlay-content__btn a span::before {

  position: relative;

  display: inline-block;

  line-height: 55px;

}



.gallery-one__single-img .overlay-content .overlay-content__btn a:hover {

  background: var(--thm-primary);

}



/***

=============================================

    Testimonial Two Gallery

=============================================

***/

.testimonial-two--gallery {

  position: relative;

  display: block;

  padding-top: 90px;

}



/***

=============================================

    Contact Page

=============================================

***/

.contact-page {

  position: relative;

  display: block;

  background: #ffffff;

  padding: 60px 0;

  z-index: 1;

}



.contact-page .shape1 {

  position: absolute;

  top: 140px;

  left: 120px;

  z-index: -1;

}



.contact-page .shape4 {

  position: absolute;

  top: 50px;

  right: 70px;

  z-index: -1;

}



.contact-page .shape5 {

  position: absolute;

  bottom: 160px;

  right: -60px;

  z-index: -1;

}



.contact-page__get-in-touch {

  position: relative;

  display: block;

  padding: 70px 50px 87px;

  max-width: 550px;

  width: 100%;

  z-index: 1;

}



.contact-page__get-in-touch:before {

  position: absolute;

  top: 0;

  left: 0;

  bottom: 0;

  right: 0;

  background: #f2f5f0;

  border-radius: 10px;

  content: "";

  z-index: -1;

}



.contact-page__get-in-touch .shape2 {

  position: absolute;

  top: -30px;

  left: 30px;

  z-index: -1;

}



.contact-page__get-in-touch .shape3 {

  position: absolute;

  left: -70px;

  bottom: -95px;

  z-index: -2;

}



.contact-page__get-in-touch .title {

  position: relative;

  display: block;

  margin-bottom: 40px;

}



.contact-page__get-in-touch .title p {

  color: var(--thm-base);

  font-size: 16px;

  line-height: 26px;

  text-transform: uppercase;

  margin-bottom: 24px;

}



.contact-page__get-in-touch .title h2 {

  font-size: 36px;

  line-height: 46px;

  font-weight: 400;

}



.contact-page__get-in-touch ul {

  position: relative;

  display: block;

}



.contact-page__get-in-touch ul li {

  position: relative;

  display: block;

  padding-left: 80px;

  margin-bottom: 36px;

}



.contact-page__get-in-touch ul li:last-child {

  margin-bottom: 0;

}



.contact-page__get-in-touch ul li .icon {

  position: absolute;

  top: 8px;

  left: 0;

  width: 60px;

  height: 60px;

  color: #646669;

  text-align: center;

  border-radius: 5px;

  background: #ffffff;

}



.contact-page__get-in-touch ul li .icon span:before {

  position: relative;

  display: inline-block;

  font-size: 30px;

  line-height: 60px;

}



.contact-page__get-in-touch ul li .text {

  position: relative;

  display: block;

}



.contact-page__get-in-touch ul li .text span {

  position: relative;

  display: inline-block;

  color: var(--thm-base);

  font-size: 18px;

  line-height: 28px;

  font-weight: 400;

  text-transform: capitalize;

  font-family: var(--thm-font-2);

  margin-bottom: 3px;

}



.contact-page__get-in-touch ul li .text p {

  color: rgba(var(--thm-black-rgb), 0.8);

  line-height: 26px;

}



.contact-page__get-in-touch ul li .text .telephone {

  color: rgba(var(--thm-black-rgb), 0.8);

  line-height: 26px;

}



.contact-page__get-in-touch ul li .text .telephone a {

  color: rgba(var(--thm-black-rgb), 0.8);

  transition: all 200ms linear;

  transition-delay: 0.1s;

}



.contact-page__get-in-touch ul li .text .telephone a:hover {

  color: var(--thm-base);

}



.contact-page__get-in-touch ul li .text .mobile {

  color: rgba(var(--thm-black-rgb), 0.8);

  line-height: 26px;

}



.contact-page__get-in-touch ul li .text .mobile a {

  color: rgba(var(--thm-black-rgb), 0.8);

  transition: all 200ms linear;

  transition-delay: 0.1s;

}



.contact-page__get-in-touch ul li .text .mobile a:hover {

  color: var(--thm-base);

}



.contact-page__get-in-touch ul li .text .website {

  color: rgba(var(--thm-black-rgb), 0.8);

  line-height: 26px;

}



.contact-page__get-in-touch ul li .text .website a {

  color: rgba(var(--thm-black-rgb), 0.8);

  transition: all 200ms linear;

  transition-delay: 0.1s;

}



.contact-page__get-in-touch ul li .text .website a:hover {

  color: var(--thm-base);

}



.contact-page__get-in-touch ul li .text .email {

  color: rgba(var(--thm-black-rgb), 0.8);

  line-height: 26px;

}



.contact-page__get-in-touch ul li .text .email a {

  color: rgba(var(--thm-black-rgb), 0.8);

  transition: all 200ms linear;

  transition-delay: 0.1s;

}



.contact-page__get-in-touch ul li .text .email a:hover {

  color: var(--thm-base);

}



/***

=============================================

    Contact Page Comment Form

=============================================

***/



.contact-page__comment-form {

  position: relative;

  display: block;

}



.contact-page__comment-form .title {

  position: relative;

  display: block;

  margin-bottom: 39px;

}



.contact-page__comment-form .title h2 {

  font-size: 36px;

  line-height: 46px;

  font-weight: 400;

  margin-bottom: 16px;

}



.contact-page__comment-form .title p {

  color: rgba(var(--thm-black-rgb), 0.8);

}



.contact-page__comment-form .comment-form__input-box input[type="text"],

.contact-page__comment-form .comment-form__input-box input[type="email"] {

  height: 60px;

  width: 100%;

  border: none;

  background: #f8f8f8;

  padding: 0 20px;

  margin-bottom: 20px;

  border-radius: 0px;

  outline: none;

  font-size: 16px;

  color: rgba(var(--thm-black-rgb), 0.6);

  font-weight: 400;

  text-transform: none;

  font-family: var(--thm-font);

}



.contact-page__comment-form .comment-form__input-box textarea {

  color: rgba(var(--thm-black-rgb), 0.6);

  font-size: 16px;

  height: 120px;

  width: 100%;

  background: #f8f8f8;

  padding: 16px 20px 30px;

  border-radius: 0px;

  outline: none;

  margin-bottom: 20px;

  font-weight: 400;

  text-transform: capitalize;

  border: none;

}



.contact-page__comment-form .comment-form__btn.thm-btn {

  text-transform: capitalize;

  background: var(--thm-primary);

}



.contact-page__comment-form .comment-form__btn {

  position: relative;

  display: block;

}



.contact-page__comment-form .comment-form__btn.thm-btn::after {

  background: var(--thm-base);

}



/***

=============================================

    Google Map

=============================================

***/

.contact-page-google-map {

  position: relative;

  display: block;

  padding-bottom: 60px;

  z-index: 3;

}



.contact-page-google-map__wrapper {

  position: relative;

  display: block;

}



.contact-page-google-map__one {

  position: relative;

  display: block;

  border: none;

  height: 515px;

  width: 100%;

}



/***

=============================================

    Work Two

=============================================

***/

.work-one--two {

  position: relative;

  display: block;

  z-index: 1;

}



.work-one--two .shape-one {

  position: absolute;

  top: 220px;

  right: -120px;

  z-index: -1;

}



/***

=============================================

    Tiny Scrollbar

=============================================

***/

#scrollbar1 {

  width: 270px;

  margin: 0;

}



#scrollbar1 .viewport {

  position: relative;

  width: 270px;

  height: 530px;

  overflow: hidden;

}



#scrollbar1 .overview {

  list-style: none;

  position: absolute;

  left: 15px;

  top: 0;

  padding: 0;

  margin: 0;

  max-width: 500px;

  width: 100%;

  height: 100%;

}



#scrollbar1 .scrollbar {

  position: absolute;

  top: 0;

  right: 0px;

  background: #e7e7e7;

  width: 4px;

}



#scrollbar1 .track {

  background: transparent;

  height: 100%;

  width: 4px;

  position: relative;

  padding: 0;

}



#scrollbar1 .thumb {

  background: #fa401b;

  background-image: none;

  height: 20px;

  width: 4px;

  cursor: pointer;

  overflow: hidden;

  position: absolute;

  top: 0;

  left: 0px;

  opacity: 1;

  z-index: 3;

}



#scrollbar1 .thumb .end {

  background: #353742 no-repeat 50% 0;

  overflow: hidden;

  height: 0px;

  width: 4px;

}



#scrollbar1 .disable {

  display: none;

}



.stricky-one-logo {

  position: relative;

  display: none;

}



.stricky-header.main-menu .stricky-one-logo {

  display: block;

}



.stricky-header .main-menu__list > li > a {

  padding-top: 33px;

  padding-bottom: 33px;

}



.Rectangle_7 {

  border-radius: 5px;

  background-color: rgb(255, 255, 255);

  box-shadow: 0px 0px 26px 0px rgb(215, 212, 212);

  position: absolute;

  left: 375px;

  top: 1809px;

  width: 370px;

  height: 386px;

  z-index: 274;

}



/*== Header Top Three ==*/



.main-header--one .header-top-three .auto-container{

	height: 45px;

}

.header-top-three{

  position: relative;

}



.header-top-three .inner-container{ 

  position: relative;

  display: flex;

	    height: 45px;

  justify-content: space-between;

  align-items: center;

}



.header-top-three{

  position: relative;

  background: #3f88b7;  /* fallback for old browsers */

background: -webkit-linear-gradient(to right, #014776, #3f88b7);  /* Chrome 10-25, Safari 5.1-6 */

background: linear-gradient(to right, #014776, #3f88b7); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */



}



.header-top-three .top-left{

  position: relative;

}



.header-top-three .top-left .contact-list{

  position: relative;

  padding: 15px 0;

}



.header-top-three .top-left .contact-list li{

  position: relative;

  float: left;

  font-size: 14px;

  line-height: 20px;

  color: #ffffff;

  font-weight: 400;

  margin-right: 15px;

}



.header-top-three .top-left .contact-list li:last-child{

  margin-right: 0;

}



.header-top-three .top-left .contact-list li i{

  float: left;

  font-size: 20px;

  line-height: 20px;

  margin-right: 8px;

  color: #ffffff;

}



.header-top-three .top-left .contact-list li a{

  color: #ffffff;

  display: inline-block;

  -webkit-transition: all 300ms ease;

  -moz-transition: all 300ms ease;

  -ms-transition: all 300ms ease;

  -o-transition: all 300ms ease;

  transition: all 300ms ease;

}



.header-top-three .top-right{

	position: relative;

	float: right;
	margin-right: 60px;

}



.header-style-three .main-box{

  margin-bottom: 0;

  padding-left: 0;

}



.header-style-three .main-box:before{

  display: none;

}



/*** 

==========================

	Social Icons

==========================

***/



.social-icon-one {

  position: relative;

  display: -webkit-box;

  display: flex;

  -webkit-box-align: center;

  align-items: center;

}



.social-icon-one li {

  position: relative;

  margin-right: 10px;

}



.social-icon-one li:last-child{

  margin-right: 0;

}



.social-icon-one li a {

  position: relative;

  display: block;

  font-size: 14px;

  color: #777777;

  height: 30px;

  width: 30px;

  border: 2px solid white;

  line-height: 28px;

  text-align: center;

  border-radius: 50%;

  -webkit-transition: all 500ms ease;

  transition: all 500ms ease;

}



.social-icon-one li a:hover {

  background-color: #FFC100;

  border-color: #FFC100;

  color: #ffffff;

}



.social-icon-one.light li a{

  color: #ffffff;

}



.social-icon-one.light li a:hover{

  color: #ffffff;

}

.facebook:hover{



	background-color: #3C599F !important;

	color:#fff !important;

	border-color: #3C599F !important;



}

 .linkedin:hover{



	background-color: #3C599F !important;

	color:#fff !important;

	border-color: #3C599F !important;



}

.twitter:hover{



	background-color: #32CCFE !important;

	color:#fff !important;

	border-color: #32CCFE !important;



}

.instagram:hover{



	background: linear-gradient(to top right, #405de6, #5851db, #833ab4, #c13584, #e1306c, #fd1d1d) !important;

	color:#fff !important;

	border-color: #405de6 !important;



}