root {
  --thm-font: "Yantramanav", sans-serif;
  --heading-font: "Public Sans", sans-serif;
  --special-font: "Yesteryear", cursive;
  --thm-base: #00a1f7;
  --thm-base-rgb: 177, 15, 60;
  --thm-black: #071230;
  --thm-black-rgb: 7, 18, 48
}

body {
  font-family: var(--thm-font);
  font-size: 18px;
  line-height: 26px;
  color: #646a7a
}

[dir=rtl] .thm__owl-carousel {
  direction: ltr
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: var(--heading-font)
}

a,
a:active,
a:focus,
a:hover {
  text-decoration: none
}

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

@media (min-width:1200px) {
  .container {
    max-width: 1200px
  }
}

.thm-base-bg {
  background-color: var(--thm-base)
}

.thm-black-bg {
  background-color: var(--thm-black)
}

.thm-base-color {
  color: var(--thm-base)
}

.thm-black-color {
  color: var(--thm-black)
}

.thm-white-color {
  color: #fff !important
}

.scrollLock {
  overflow: hidden
}

.carousel__dot-one .owl-dots {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 0 !important
}

.carousel__dot-one .owl-dots .owl-dot {
  -webkit-appearance: none;
  appearance: none;
  outline: 0
}

.carousel__dot-one .owl-dots .owl-dot span {
  width: 8px;
  height: 8px;
  background-color: #c6ccd2;
  margin: 0 7.5px;
  border-radius: 0;
  transition: .5s
}

.carousel__dot-one .owl-dots .owl-dot.active span,
.carousel__dot-one .owl-dots .owl-dot:hover span {
  background-color: var(--thm-base)
}

.thm-btn {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  display: inline-block;
  vertical-align: middle;
  border: none;
  outline: 0 !important;
  text-align: center;
  border-radius: 4px;
  background-color: #fff;
  font-size: 18px;
  font-weight: 600;
  color: var(--thm-black);
  font-family: var(--heading-font);
  transition: all .5s ease;
  padding: 12px 31.4px
}

.thm-btn:hover {
  color: #fff;
  background-color: var(--thm-black)
}

.thm__owl-carousel .owl-nav {
  display: flex;
  justify-content: center;
  align-items: center
}

.thm__owl-carousel.owl-theme .owl-nav .owl-next,
.thm__owl-carousel.owl-theme .owl-nav .owl-prev {
  width: 70px;
  height: 70px;
  border-radius: 50%;
  display: flex;
  background-color: #fff;
  justify-content: center;
  align-items: center;
  font-size: 25px;
  color: transparent;
  text-align: center;
  position: relative;
  transition: .5s ease;
  transition: .5s;
  border: none;
  outline: 0;
  box-shadow: 0 10px 20px 0 rgba(67, 131, 99, .2)
}

.thm__owl-carousel.owl-theme .owl-nav [class*=owl-]:hover {
  background-color: var(--thm-base)
}

.thm__owl-carousel.owl-theme .owl-nav [class*=owl-] span {
  display: none
}

.thm__owl-carousel.owl-theme .owl-nav [class*=owl-]::after {
  content: "\f105";
  font-family: "Font Awesome 5 Pro";
  font-weight: 400;
  color: #9c9da5;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  font-size: 25px;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  transition: all .5s ease
}

.thm__owl-carousel.owl-theme .owl-nav [class*=owl-prev]::after {
  content: "\f104"
}

.thm__owl-carousel.owl-theme .owl-nav [class*=owl-]:hover::after {
  color: #fff
}

.thm__owl-carousel.owl-theme .owl-nav .disabled {
  opacity: 1 !important
}

.block-title {
  margin-bottom: 41px
}

.block-title p {
  font-size: 15px;
  text-transform: uppercase;
  color: #005b99;
  margin: 0;
  font-weight: 600;
  font-family: var(--heading-font);
  line-height: 1em
}

.block-title p span {
  padding-bottom: 7px;
  border-bottom: 2px solid #005b99
}

.block-title h2,
.block-title h3 {
  margin: 0;
  color: var(--thm-black);
  font-size: 36px;
  font-weight: 700;
  font-family: var(--heading-font)
}

.block-title h2 {
  font-size: 48px
}

.block-title p+h2,
.block-title p+h3 {
  margin-top: 26px
}

.block-title__text {
  font-size: 18px;
  line-height: 26px;
  color: #646a7a
}

.block-title h2+.block-title__text,
.block-title h3+.block-title__text {
  margin-top: 14px
}

.cursor {
  position: absolute;
  background-color: #fff;
  width: 6px;
  height: 6px;
  border-radius: 100%;
  z-index: 1;
  transition: .3s cubic-bezier(.75, -1.27, .3, 2.33) transform, .2s cubic-bezier(.75, -.27, .3, 1.33) opacity;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  pointer-events: none;
  z-index: 10000;
  transform: scale(1);
  visibility: hidden
}

.cursor {
  visibility: visible
}

.cursor.active {
  opacity: .5;
  transform: scale(0)
}

.cursor.hovered {
  opacity: .08
}

.cursor-follower {
  position: absolute;
  background-color: RGBA(255, 255, 255, .3);
  width: 50px;
  height: 50px;
  border-radius: 100%;
  z-index: 1;
  transition: .6s cubic-bezier(.75, -1.27, .3, 2.33) transform, .2s cubic-bezier(.75, -.27, .3, 1.33) opacity;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  pointer-events: none;
  z-index: 10000;
  visibility: hidden
}

.cursor-follower {
  visibility: visible
}

.cursor-follower.active {
  opacity: .7;
  transform: scale(1)
}

.cursor-follower.hovered {
  opacity: .08
}

.cursor-follower.close-cursor:before {
  position: absolute;
  content: "";
  height: 25px;
  width: 2px;
  background: #fff;
  left: 48%;
  top: 12px;
  transform: rotate(-45deg);
  display: inline-block
}

.cursor-follower.close-cursor:after {
  position: absolute;
  content: "";
  height: 25px;
  width: 2px;
  background: #fff;
  right: 48%;
  top: 12px;
  transform: rotate(45deg)
}

.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 {
  background-color: inherit !important;
  box-shadow: none !important;
  outline: 0 !important
}

.bootstrap-select>.dropdown-toggle {
  box-shadow: none !important
}

.bootstrap-select .dropdown-toggle:focus,
.bootstrap-select>select.mobile-device:focus+.dropdown-toggle {
  outline: 0 !important
}

.bootstrap-select .dropdown-menu {
  padding-top: 0;
  padding-bottom: 0;
  margin-top: 0;
  z-index: 991
}

.bootstrap-select .dropdown-menu>li+li>a {
  border-top: 1px solid #f4f4f4
}

.bootstrap-select .dropdown-menu>li:first-child>a {
  padding-top: 10px
}

.bootstrap-select .dropdown-menu>li:last-child>a {
  padding-bottom: 10px
}

.bootstrap-select .dropdown-menu>li.selected>a {
  background: var(--thm-black);
  color: #fff
}

.bootstrap-select .dropdown-menu>li>a {
  font-size: 16px;
  font-weight: 400;
  padding: 9px 20px;
  color: var(--thm-black);
  transition: all .4s ease
}

.bootstrap-select .dropdown-menu>li>a:hover {
  background: var(--thm-black);
  color: #fff;
  cursor: pointer
}

.scroll-to-top {
  display: inline-block;
  width: 50px;
  height: 50px;
  background: #005b99;
  border-radius: 50%;
  position: fixed;
  bottom: 40px;
  right: 40px;
  z-index: 990;
  text-align: center;
  transition: all .4s ease;
  display: none
}

@media (max-width:480px) {
  .scroll-to-top {
    width: 40px;
    height: 40px
  }
}

.scroll-to-top i {
  font-size: 14px;
  line-height: 50px;
  color: #fff;
  position: relative;
  z-index: 10;
  transition: all .4s ease
}

@media (max-width:480px) {
  .scroll-to-top i {
    font-size: 14px;
    line-height: 40px
  }
}

.scroll-to-top:hover {
  background-color: var(--thm-black)
}

.scroll-to-top:hover i {
  color: #fff
}

.post-pagination {
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center
}

.post-pagination a {
  color: var(--thm-black);
  font-size: 16px;
  font-weight: 500;
  transition: all .4s ease;
  border-radius: 30px;
  width: 60px;
  height: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  box-shadow: 0 10px 20px 0 rgba(67, 131, 99, .2)
}

.post-pagination a.active,
.post-pagination a:hover {
  color: #fff;
  background-color: var(--thm-base);
  border-color: var(--thm-base)
}

.post-pagination a+a {
  margin-left: 10px
}

.post-pagination a.active {
  cursor: auto
}

.post-pagination__next,
.post-pagination__prev {
  border: none !important;
  background-color: transparent !important;
  text-decoration: underline;
  color: var(--thm-black) !important;
  text-transform: uppercase;
  font-size: 14px !important
}

.datepicker-dropdown {
  min-width: 300px
}

.datepicker-dropdown table {
  width: 100%
}

.datepicker table tr td span.active.active,
.datepicker table tr td span.active.disabled.active,
.datepicker table tr td span.active.disabled:active,
.datepicker table tr td span.active.disabled:hover.active,
.datepicker table tr td span.active.disabled:hover:active,
.datepicker table tr td span.active:active,
.datepicker table tr td span.active:hover.active,
.datepicker table tr td span.active:hover:active {
  background-color: var(--thm-black);
  background-image: none
}

.datepicker table tr td.active,
.datepicker table tr td.active.active,
.datepicker table tr td.active.disabled,
.datepicker table tr td.active.disabled.active,
.datepicker table tr td.active.disabled:active,
.datepicker table tr td.active.disabled:hover,
.datepicker table tr td.active.disabled:hover.active,
.datepicker table tr td.active.disabled:hover:active,
.datepicker table tr td.active:active,
.datepicker table tr td.active:hover,
.datepicker table tr td.active:hover.active,
.datepicker table tr td.active:hover:active {
  background-color: var(--thm-base);
  background-image: none
}

.preloader {
  position: fixed;
  width: 100%;
  height: 100%;
  z-index: 999999999;
  background-color: #fff;
  top: 0;
  left: 0;
  z-index: 9999;
  display: flex;
  align-items: center;
  justify-content: center
}

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

.lds-ripple div {
  position: absolute;
  border: 4px solid var(--thm-base);
  opacity: 1;
  border-radius: 50%;
  -webkit-animation: lds-ripple 1s cubic-bezier(0, .2, .8, 1) infinite;
  animation: lds-ripple 1s cubic-bezier(0, .2, .8, 1) infinite
}

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

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

  100% {
    top: 0;
    left: 0;
    width: 72px;
    height: 72px;
    opacity: 0
  }
}

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

  100% {
    top: 0;
    left: 0;
    width: 72px;
    height: 72px;
    opacity: 0
  }
}

.topbar-one {
  background-color: #e6e6e6;
  padding-top: 17px;
  padding-bottom: 17px
}

@media (min-width:1200px) {
  .topbar-one {
    display: block !important
  }
}

.topbar-one .container {
  display: flex;
  align-items: center;
  justify-content: space-between
}

.topbar-one__infos {
  display: flex;
  align-items: center;
  margin-bottom: 0
}

.topbar-one__select-box .bootstrap-select>.dropdown-toggle:active,
.topbar-one__select-box .bootstrap-select>.dropdown-toggle:focus {
  color: #fff
}

.topbar-one__infos>li:not(.topbar-one__select-box) {
  position: relative;
  padding-left: 65px
}

.topbar-one__infos>li+li {
  margin-left: 30px
}

.topbar-one__infos h3 {
  margin: 0;
  color: #00a1f7;
  font-weight: 600;
  font-size: 18px
}

.topbar-one__infos h3 a:hover {
  color: var(--thm-base)
}

.topbar-one__infos p {
  margin: 0;
  font-size: 18px;
  color: #2957a4
}

.topbar-one__infos p a {
  color: inherit
}

.topbar-one__infos p a:hover {
  color: var(--thm-base)
}

.topbar-one__infos li:not(.topbar-one__select-box)>i {
  width: 44px;
  height: 44px;
  border-radius: 50%;
  border-top-right-radius: 0;
  border: 1px solid #2957a4;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #2957a4;
  font-size: 20px;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%)
}

.topbar-one__select-box {
  background-color: var(--thm-base);
  border-radius: 4px;
  width: 140px;
  display: flex;
  align-items: center;
  border-radius: 4px;
  position: relative
}

.topbar-one__select-box>i {
  color: #fff;
  font-size: 20px;
  margin-right: 10px;
  position: absolute;
  top: 50%;
  left: 16px;
  transform: translateY(-50%);
  z-index: 10
}

.topbar-one__select-box .bootstrap-select>.dropdown-toggle {
  background-color: var(--thm-base);
  color: #fff;
  border-radius: 0;
  border: none;
  font-size: 18px;
  padding-top: 13.5px;
  padding-right: 15px;
  padding-bottom: 13.5px;
  padding-left: 46px
}

.topbar-one__select-box .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
  width: 100%
}

.topbar-one .sidecontent__toggler {
  display: flex;
  width: 60px;
  height: 60px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 26px;
  color: #fff;
  background-color: var(--thm-base);
  border-radius: 50%;
  transition: all .5s ease
}

.topbar-one .sidecontent__toggler:hover {
  background-color: var(--thm-black);
  color: #fff
}

.topbar-one__select-box .dropdown-toggle::after {
  border: none;
  width: auto;
  content: "\f107";
  font-family: "Font Awesome 5 Pro";
  font-weight: 400;
  font-size: 12px;
  margin-left: 0;
  position: relative;
  top: 3px
}

.topbar-one__toggler {
  display: none;
  width: 30px;
  border: 1px solid #d4d7de;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%) translateY(-30%) rotate(0);
  background-color: #fff;
  height: 30px;
  color: #9aa0af;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  transition: .7s ease
}

.topbar-one__toggler.open {
  background-color: var(--thm-base);
  border-color: var(--thm-base);
  transform: translateX(-50%) translateY(-30%) rotate(180deg);
  color: #fff
}

.header-one {
  background-color: #fff;
  position: relative;
  box-shadow: 0 20px 20px 0 rgba(0, 0, 0, .05);
  z-index: 11
}

.header-one.stricked-menu {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 91;
  transform: translateY(-130%);
  transition: transform .5s cubic-bezier(0, 0, .2, 1)
}

.header-one.stricky-fixed {
  transform: translateY(0)
}

.header-one__logo {
  margin-top: auto;
  padding-right: 20px;
  position: relative;
  padding-bottom: 10px;
  padding-top: 10px
}

.header-one__logo>a {
  position: relative;
  z-index: 10
}

.side-menu__toggler {
  display: none;
  position: relative;
  z-index: 10;
  color: var(--thm-black);
  cursor: pointer
}

.header-style-two .side-menu__toggler {
  color: #fff;
  margin-top: 29px
}

.header-one__menu {
  margin-left: 50px
}

.header-one__menu>ul,
.header-one__menu>ul ul {
  margin: 0;
  padding: 0;
  list-style: none
}

.header-one .container {
  display: flex;
  align-items: center
}

.header-one__menu>ul {
  display: flex;
  align-items: center
}

.header-one__menu>ul>li {
  position: relative;
  padding-top: 27px;
  padding-bottom: 27px
}

.header-one__menu>ul>li::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: calc(50% - 3px);
  width: 6px;
  height: 6px;
  background-color: #00a1f7;
  transform: translateY(50%) scale(1, 0);
  transition: transform .4s ease;
  transform-origin: left center
}

.header-one__menu>ul>li.current::before,
.header-one__menu>ul>li:hover::before {
  transform: translateY(0) scale(1, 1);
  transform-origin: right center
}

.header-one__menu>ul>li>a {
  font-size: 16px;
  font-weight: 600;
  color: var(--thm-black);
  font-family: var(--heading-font);
  transition: all .5s ease;
  display: flex
}

.header-one__menu>ul>li.current>a,
.header-one__menu>ul>li:hover>a {
  color: #00a1f7
}

.header-one__menu>ul>li ul {
  position: absolute;
  width: 340px;
  z-index: 9;
  padding-top: 10px;
  box-shadow: 0 5px 20px 0 rgba(0, 0, 0, .1);
  transition: transform .5s ease, opacity .5s ease, visibility .5s ease
}

.header-one__menu>ul>li>ul {
  top: 100%;
  left: 0;
  transform: perspective(300px) scaleY(0) translateZ(30px);
  visibility: hidden;
  opacity: 0;
  transform-origin: top
}

.header-one__menu>ul>li:hover>ul {
  transform: perspective(300px) scaleY(1) translateZ(0);
  visibility: visible;
  opacity: 1
}

.header-one__menu>ul>li ul>li {
  padding-left: 30px;
  padding-right: 30px;
  background-color: #fff
}

.header-one__menu>ul>li ul>li.dropdown>a {
  position: relative
}

.header-one__menu>ul>li ul>li.dropdown>a::before {
  content: "\f105";
  font-weight: 400;
  font-family: "Font Awesome 5 Pro";
  font-size: 22px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 0
}

.header-one__menu>ul>li ul>li:first-child {
  padding-top: 13px
}

.header-one__menu>ul>li ul>li:last-child {
  padding-bottom: 13px
}

.header-one__menu>ul>li ul>li+li>a {
  border-top: 1px solid #e4e7ee
}

.header-one__menu>ul>li ul>li>a {
  font-size: 16px;
  font-weight: 500;
  color: var(--thm-black);
  font-family: var(--heading-font);
  padding-top: 1px;
  padding-bottom: 1px;
  display: block;
  transition: all .5s ease
}

.header-one__menu>ul>li ul>li:hover>a {
  color: #00a1f7
}

.header-one__menu>ul>li ul ul {
  top: 0;
  right: 100%;
  transform: perspective(300px) scaleX(0) translateZ(30px);
  visibility: hidden;
  opacity: 0;
  transform-origin: right;
  padding-top: 0;
  padding-right: 10px
}

.header-one__menu>ul>li ul>li:hover>ul {
  transform: perspective(300px) scaleX(1) translateZ(0);
  opacity: 1;
  visibility: visible
}

.header-one__menu>ul>li+li {
  margin-left: 23px
}

.header-one__right {
  margin-left: auto;
  position: relative;
  width: 270px;
  height: 80px
}

.header-one__right>a {
  background-color: var(--thm-black);
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 18px;
  font-weight: 600;
  color: #fff;
  padding: 24.5px 0;
  text-transform: uppercase;
  font-family: var(--heading-font);
  transition: all .5s ease
}

.header-one__right>a::before {
  content: "";
  position: absolute;
  right: calc(100% - 1px);
  bottom: 0;
  width: 12px;
  height: 14px;
  -webkit-clip-path: polygon(100% 0, 0 0, 100% 100%);
  clip-path: polygon(100% 0, 0 0, 100% 100%);
  background-color: #253051;
  transition: all .5s ease
}

.header-one__right>a:hover::before {
  background-color: var(--thm-base)
}

.header-one__right>a:hover {
  background-color: var(--thm-base)
}

.header-one__right>a>i {
  width: 45px;
  height: 45px;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  font-size: 30px;
  color: #fff;
  margin-right: 13px;
  background-repeat: no-repeat;
  background-image: url(../images/shapes/header-btn-bg.png);
  transition: .5s ease
}

.header-one__right>a:hover>i {
  background-image: url(../images/shapes/header-btn-bg-hover.png)
}

.page-header {
  background-color: #dbdbdb;
  background-repeat: no-repeat;
  background-size: cover;
  padding-top: 58px;
  padding-bottom: 60px
}

.page-header__contact {
  padding-bottom: 58px
}

.page-header h2 {
  margin: 0;
  color: var(--thm-black);
  font-size: 28px;
  font-weight: 700;
  line-height: 1em
}

.thm-breadcrumb {
  margin-bottom: 0;
  display: flex;
  align-items: center;
  margin-top: 15px
}

.thm-breadcrumb::before {
  content: "";
  width: 50px;
  height: 2px;
  background-color: var(--thm-base);
  display: flex;
  margin-right: 9px
}

.thm-breadcrumb li {
  font-size: 14px;
  font-weight: 600;
  font-family: var(--heading-font);
  text-transform: uppercase;
  color: var(--thm-black);
  display: flex;
  align-items: center
}

.thm-breadcrumb li:not(:last-of-type)::after {
  content: "\f105";
  font-family: "Font Awesome 5 Pro";
  margin-left: 10px;
  margin-right: 10px
}

.thm-breadcrumb li a {
  color: inherit
}

.main-footer-wrap {
  position: relative;
  background-color: #071230
}

.main-footer__bg {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-repeat: no-repeat;
  background-position: bottom right;
  opacity: .57
}

.site-footer {
  position: relative;
  padding-bottom: 80px
}

.site-footer [class*=col-] {
  margin-bottom: 40px
}

.footer-widget__logo {
  display: inline-block
}

.footer-widget p {
  margin: 0;
  color: #9aa0af;
  font-size: 18px;
  line-height: 26px;
  margin-top: 31px
}

.footer-widget p a {
  color: #fff;
  font-family: var(--heading-font);
  font-weight: 600;
  transition: all .5s ease
}

.footer-widget p a:hover {
  color: var(--thm-base)
}

.footer-widget__review {
  background-color: #1a2542;
  position: relative;
  border-radius: 4px;
  margin-top: 37px;
  padding-top: 21px;
  padding-bottom: 19px;
  padding-left: 31px;
  padding-right: 31px
}

.footer-widget__review::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  width: 4px;
  height: 77px;
  background-color: var(--thm-base);
  transform: translateY(-50%)
}

.footer-widget__review-count {
  position: absolute;
  top: 0;
  right: 0;
  background-color: var(--thm-base);
  width: 48px;
  height: 48px;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  font-size: 16px;
  font-weight: 600;
  color: #fff;
  font-family: var(--heading-font);
  top: 25px;
  right: 20px
}

.footer-widget__review-stars {
  display: flex;
  align-items: center;
  margin-bottom: 9px;
  margin-top: 10px
}

.footer-widget__review-stars i {
  width: 18px;
  height: 18px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  font-size: 12px;
  border-radius: 2px;
  background-color: var(--thm-base);
  color: var(--thm-black)
}

.footer-widget__review-stars i+i {
  margin-left: 5px
}

.footer-widget__review h3 {
  margin: 0;
  color: #fff;
  font-size: 20px;
  font-weight: 600
}

.footer-widget__review p {
  margin: 0;
  font-size: 18px;
  color: #fff
}

.footer-widget__title {
  margin: 0;
  font-size: 22px;
  font-weight: 600;
  color: #fff;
  position: relative;
  margin-bottom: 40px
}

.footer-widget__title span {
  position: relative;
  padding-bottom: 8px;
  display: inline-block;
  vertical-align: middle
}

.footer-widget__title span::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 2px;
  background-color: #005b99
}

.site-footer .row>.col-xl-6 {
  padding-left: 70px;
  padding-right: 70px;
  position: relative
}

.site-footer .row>.col-xl-6::after,
.site-footer .row>.col-xl-6::before {
  content: "";
  position: absolute;
  top: 0;
  width: 1px;
  height: 100%;
  opacity: .04;
  background-color: #fff
}

.site-footer .row>.col-xl-6::after {
  right: 15px
}

.site-footer .row>.col-xl-6::before {
  left: 35px
}

.site-footer .row>.col-xl-6>.row {
  padding-left: 20px
}

.site-footer .row>.col-md-6:last-child .footer-widget__list {
  border-left: 1px solid rgba(255, 255, 255, .12);
  padding-left: 55px
}

.site-footer .row>.col-md-6:last-child .footer-widget__title {
  margin-left: 55px
}

.footer-widget__list li {
  line-height: 1em
}

.footer-widget__list li+li {
  margin-top: 20px
}

.footer-widget__list li a {
  margin: 0;
  color: #9aa0af;
  font-size: 18px;
  position: relative;
  display: block;
  line-height: 1em;
  transform: translateX(0);
  transition: transform .5s ease, color .5s ease
}

.footer-widget__list li:hover a {
  color: #fff;
  transform: translateX(18px)
}

.footer-widget__list li a::before {
  content: "\f105";
  font-family: "Font Awesome 5 Pro";
  font-weight: 400;
  position: absolute;
  top: 50%;
  transform: translateY(-50%) translateX(-18px);
  left: 0;
  opacity: 0;
  visibility: hidden;
  transition: all .5s ease
}

.footer-widget__list li:hover a::before {
  opacity: 1;
  visibility: visible
}

.footer-widget__subscribe-form {
  width: 100%;
  position: relative;
  border-radius: 4px;
  border: 1px solid #252f49;
  color: #9aa0af;
  font-size: 18px
}

.footer-widget__subscribe-form ::-webkit-input-placeholder {
  color: #9aa0af;
  opacity: 1
}

.footer-widget__subscribe-form ::-moz-placeholder {
  color: #9aa0af;
  opacity: 1
}

.footer-widget__subscribe-form :-ms-input-placeholder {
  color: #9aa0af;
  opacity: 1
}

.footer-widget__subscribe-form ::-ms-input-placeholder {
  color: #9aa0af;
  opacity: 1
}

.footer-widget__subscribe-form ::placeholder {
  color: #9aa0af;
  opacity: 1
}

.footer-widget__subscribe-form input {
  width: 100%;
  height: 60px;
  background-color: transparent;
  border: none;
  outline: 0;
  color: #9aa0af;
  padding-left: 20px;
  border-radius: 4px
}

.footer-widget__subscribe-form button[type=submit] {
  border: none;
  outline: 0;
  background-color: #252f49;
  font-size: 18px;
  font-weight: 600;
  color: #fff;
  border-radius: 4px;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  padding: 17px 21.6px;
  font-family: var(--heading-font);
  transition: all .5s ease;
  position: absolute;
  top: 0;
  right: 0
}

.footer-widget__subscribe-form .mc-form__response {
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%
}

.footer-widget__subscribe-form .mc-form__response p {
  color: green
}

.footer-widget__subscribe-form .mc-form__response p a {
  color: var(--thm-base)
}

.footer-widget__subscribe-form button[type=submit]:hover {
  background-color: #fff;
  color: var(--thm-black)
}

.footer-widget__contact {
  padding-left: 20px
}

.footer-widget__contact-list {
  margin-bottom: 0
}

.footer-widget__contact-list li {
  position: relative;
  font-size: 18px;
  line-height: 26px;
  color: #9aa0af;
  padding-left: 34px
}

.footer-widget__contact-list li a {
  color: inherit;
  transition: all .5s ease
}

.footer-widget__contact-list li a:hover {
  color: var(--thm-base)
}

.footer-widget__contact-list li+li {
  margin-top: 21px
}

.footer-widget__contact-list li>i {
  position: absolute;
  top: 5px;
  left: 0;
  font-size: 20px;
  color: var(--thm-base)
}

.footer-widget__contact-list li span {
  font-weight: 600;
  color: #fff;
  font-family: var(--heading-font);
  display: block
}

.site-footer [class*=col-lg-12] {
  margin-bottom: 0
}

.footer-widget__social {
  display: flex;
  align-items: center;
  margin-top: 15px
}

.footer-widget__social>a {
  border-radius: 4px;
  border: 1px solid #313c59;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 18px;
  color: #9aa0af;
  width: 54px;
  height: 54px;
  transition: all .5s ease
}

.footer-widget__social>a:hover {
  background-color: var(--thm-base);
  color: #fff !important;
  border-color: var(--thm-base)
}

.footer-widget__social>a+a {
  margin-left: 10px
}

.site-footer__bottom {
  background-color: #1a2542
}

.site-footer__bottom .container {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-top: 22px;
  padding-bottom: 22px
}

.site-footer__bottom .container p {
  margin: 0;
  font-size: 18px;
  color: #9aa0af
}

.site-footer__bottom .container p a {
  color: #fff;
  transition: all .5s ease
}

.site-footer__bottom .container p a:hover {
  color: var(--thm-base)
}

.site-footer__bottom-links {
  margin: 0;
  display: flex;
  align-items: center
}

.site-footer__bottom-links li {
  display: flex;
  align-items: center
}

.site-footer__bottom-links>li:not(:last-of-type)::after {
  content: "|";
  color: #5a6276;
  font-size: 18px;
  margin-left: 6px;
  margin-right: 6px
}

.site-footer__bottom-links>li a {
  font-size: 18px;
  color: #9aa0af;
  transition: all .5s ease
}

.site-footer__bottom-links>li:hover a {
  color: var(--thm-base)
}

.contact-one {
  padding-bottom: 120px
}

.contact-one__form {
  /* background-color: #fff; */
  margin-right: 60px;
  position: relative
}

.contact-one__form-inner {
  padding-top: 60px;
  padding-bottom: 40px;
  padding-left: 40px;
  padding-right: 40px;
  box-shadow: 0 0 40px 0 rgba(0, 0, 0, .12);
  /* background-color: #fff; */
  position: relative;
  z-index: 11
}

.contact-one__form .block-title {
  position: relative;
  z-index: 11
}

.contact-one__form input:not([type=checkbox]):not([type=radio]):not([type=submit]),
.contact-one__form textarea {
  border: none;
  outline: 0 !important;
  width: 100%;
  height: 56px;
  border: 1px solid #e4e7ee;
  color: #646a7a;
  font-size: 18px;
  padding-left: 20px;
  position: relative;
  z-index: 10;
  resize: none;
  transition: all .5s ease
}

input:focus,
textarea:focus {
  border-color: var(--thm-base) !important
}

.contact-one__form ::-webkit-input-placeholder {
  color: #646a7a;
  opacity: 1
}

.contact-one__form ::-moz-placeholder {
  color: #646a7a;
  opacity: 1
}

.contact-one__form :-ms-input-placeholder {
  color: #646a7a;
  opacity: 1
}

.contact-one__form ::-ms-input-placeholder {
  color: #646a7a;
  opacity: 1
}

.contact-one__form ::placeholder {
  color: #646a7a;
  opacity: 1
}

.contact-one__form textarea {
  height: 198px;
  padding-top: 20px
}

.contact-one__form-inner>.row {
  margin-left: -10px;
  margin-right: -10px;
  position: relative;
  z-index: 11
}

.contact-one__form-inner>.row>[class*=col-] {
  padding-left: 10px;
  padding-right: 10px;
  margin-bottom: 20px
}

.contact-one__form .thm-btn {
  width: 100%;
  border-radius: 4px;
  background-color: #2856a5;
  height: 60px;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #fff;
  font-size: 18px;
  font-family: var(--heading-font);
  font-weight: 600
}

.contact-one__form .thm-btn:hover {
  background-color: #005b99;
  color: #fff
}

.contact-one__info {
  padding-top: 120px
}

.contact-one__info .block-title {
  margin-bottom: 0
}

.contact-one__info .block-title h3 {
  font-size: 48px;
  margin-bottom: 15px
}

.contact-one__info-content p {
  margin: 0;
  color: var(--thm-base);
  text-transform: uppercase;
  font-weight: 600;
  font-size: 15px;
  font-family: var(--heading-font);
  margin-top: 25px
}

.contact-one__info-content h3 {
  margin: 0;
  color: var(--thm-black);
  font-size: 36px;
  font-weight: 700;
  margin-top: 10px
}

.contact-one__info-content h3 a {
  color: inherit;
  transition: all .5s ease
}

.contact-one__info-content h3 a:hover {
  color: var(--thm-base)
}

.contact-one__info-list {
  margin-bottom: 0;
  margin-top: 40px
}

.contact-one__info-list li {
  position: relative;
  padding-left: 75px;
  font-size: 18px;
  color: #646a7a
}

.contact-one__info-list li a {
  color: inherit;
  transition: all .5s ease
}

.contact-one__info-list li a:hover {
  color: var(--thm-base)
}

.contact-one__info-list li+li {
  margin-top: 20px
}

.contact-one__info-list li:not(:last-of-type) {
  padding-bottom: 19px
}

.contact-one__info-list li:not(:last-of-type)::before {
  content: "";
  width: 70px;
  height: 2px;
  background-color: #e4e7ee;
  position: absolute;
  bottom: 0;
  left: 75px
}

.contact-one__info-list li span {
  font-size: 15px;
  font-weight: 600;
  color: #132728;
  text-transform: uppercase;
  display: block;
  line-height: 1em;
  font-family: var(--heading-font);
  margin-bottom: 11px
}

.contact-one__info-list li b {
  font-weight: 400;
  color: var(--thm-base)
}

.contact-one__info-list li>i {
  width: 54px;
  height: 54px;
  border-radius: 50%;
  border-top-right-radius: 0;
  border-bottom-left-radius: 0;
  border: 1px solid #e4e7ee;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #9aa0af;
  font-size: 20px;
  position: absolute;
  top: 0;
  left: 0 !important;
  transition: all .5s ease
}

.contact-one__info-list li:hover>i {
  background-color: #005b99;
  border-color: #005b99;
  color: #fff;
  border-radius: 0;
  border-top-right-radius: 50%;
  border-bottom-left-radius: 50%
}

.contact-one__social {
  display: flex;
  align-items: center;
  margin-top: 40px
}

.contact-one__social>a+a {
  margin-left: 10px
}

.contact-one__social>a {
  width: 54px;
  height: 54px;
  border: 1px solid #e4e7ee;
  border-radius: 4px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 18px;
  color: #9aa0af;
  transition: all .5s ease
}

.contact-one__social>a:hover {
  border-color: #005b99;
  background-color: #005b99;
  color: #fff;
  border-radius: 50%;
  border-top-right-radius: 0;
  border-bottom-left-radius: 0
}

.contact-one__home-one {
  padding-top: 120px;
  background-image: url(../images/backgrounds/case-carousel-bg-1-1.jpg);
  background-repeat: no-repeat;
  background-position: bottom left
}

.contact-one__home-one .contact-one__form {
  margin-top: 30px
}

.contact-one__home-one .contact-one__form::before {
  background-image: url(../images/shapes/contact-form-shape-1-2.jpg);
  right: auto;
  left: 60px;
  height: calc(100% + 150px);
  top: -150px
}

.contact-one__home-one .contact-one__form textarea {
  height: 82px
}

.contact-one__map .container {
  position: relative;
  height: 500px;
  margin-top: -120px;
  z-index: 11;
  max-width: 1170px;
  padding-left: 0;
  padding-right: 0
}

.contact-one__map .google-map__home {
  width: calc(100%);
  height: 500px;
  position: absolute;
  left: 0;
  top: 0;
  border: none;
  outline: 0
}

.cta-one {
  padding-bottom: 120px
}

.cta-one .inner-container {
  background-color: var(--thm-base);
  display: flex;
  justify-content: space-between;
  align-items: center;
  background-repeat: no-repeat;
  background-blend-mode: multiply;
  background-position: center center;
  padding: 54px 0;
  padding-left: 50px;
  padding-right: 50px;
  position: relative
}

.cta-one .inner-container::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: var(--thm-base);
  opacity: .82
}

.cta-one h3 {
  margin: 0;
  font-size: 30px;
  font-weight: 600;
  color: #fff;
  margin-bottom: 10px;
  font-family: var(--heading-font);
  position: relative
}

.cta-one p {
  margin: 0;
  color: #fff;
  font-size: 18px;
  position: relative
}

.cta-one__btn-block {
  position: relative
}

.cta-two__inner {
  padding-top: 41.5px;
  padding-bottom: 41.5px;
  background-color: var(--thm-base);
  position: relative;
  padding-left: 15px;
  padding-right: 15px;
  margin-bottom: -90px
}

.cta-two__box {
  position: relative;
  padding-left: 45px;
  display: flex;
  align-items: center;
  border-right: 1px solid rgba(255, 255, 255, .3)
}

.col-lg-6:last-child .cta-two__box {
  border-right: none
}

.cta-two__box i {
  font-size: 50px;
  color: #fff;
  margin-right: 35px
}

.cta-two__content h3 {
  margin: 0;
  color: #fff;
  font-weight: 700;
  font-size: 60px;
  line-height: 1;
  margin-bottom: 5px
}

.cta-two__content h3 span {
  font-size: 30px
}

.cta-two__content p {
  font-family: var(--heading-font);
  margin: 0;
  color: #fff;
  font-size: 22px;
  line-height: 1.44;
  font-weight: 600
}

.cta-three {
  background-color: #f1f3f5;
  padding-top: 110px;
  padding-bottom: 90px
}

.cta-three__btn {
  display: flex;
  margin-bottom: 30px;
  justify-content: space-between;
  align-items: center;
  padding-left: 19px;
  padding-right: 19px;
  padding-top: 16px;
  padding-bottom: 16px;
  font-size: 18px;
  color: #646a7a;
  background-color: #fff;
  box-shadow: 0 0 40px 0 rgba(0, 0, 0, .12);
  border: 1px solid #fff;
  transition: .5s
}

.cta-three__btn:hover {
  color: #646a7a;
  box-shadow: none;
  background-color: transparent;
  border: 1px solid #d4d7de
}

.cta-four {
  padding-top: 110px;
  padding-bottom: 120px
}

.cta-four .block-title {
  margin-bottom: 0
}

.cta-four .thm-btn {
  background-color: var(--thm-black);
  color: #fff
}

.cta-four .thm-btn:hover {
  background-color: var(--thm-base);
  color: #fff
}

.cta-four .container>p {
  color: var(--thm-base);
  font-family: var(--heading-font);
  font-size: 24px;
  margin: 0;
  line-height: 1;
  margin-top: 25px;
  margin-bottom: 35px
}

.cta-four .container>p a {
  color: inherit;
  transition: .5s
}

.cta-four .container>p a:hover {
  color: var(--thm-black)
}

.cta-five {
  padding-top: 120px;
  padding-bottom: 120px;
  background-image: url(../images/backgrounds/cta-bg-2-1.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: left center
}

.cta-five .content-box {
  position: relative
}

@media(max-width:1440px) {
  .cta-five {
    background-position: right center
  }
}

.cta-five .container {
  text-align: center
}

.cta-five .container>i {
  font-size: 80px;
  color: var(--thm-base)
}

.cta-five__list {
  display: flex;
  margin-bottom: 0;
  justify-content: center;
  align-items: center
}

.cta-five__list li {
  font-size: 20px;
  color: var(--thm-black);
  line-height: 40px
}

.cta-five__list li:not(:last-of-type) {
  border-right: 2px solid #005b99;
  padding-right: 20px;
  margin-right: 20px
}

.cta-five h3 {
  text-transform: uppercase;
  margin: 0;
  color: #005b99;
  font-size: 15px;
  font-weight: 600;
  margin-top: 25px
}

.cta-five h2 {
  margin: 0;
  color: var(--thm-black);
  font-size: 48px;
  font-weight: 600;
  margin-top: 15px
}

.cta-five p {
  margin: 0;
  color: #646a7a;
  font-size: 18px;
  line-height: 1.44;
  margin-bottom: 25px;
  margin-top: 12px
}

.cta-five__btn {
  background-color: #2857a2;
  padding: 17px 57.5px;
  color: #fff;
  margin-top: 40px
}

.cta-five__btn:hover {
  background-color: #005b99;
  color: #fff
}

.cta-five__home-one {
  background-color: #f1f3f5;
  background-image: none
}

.side-content__block {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  z-index: 1000;
  opacity: 0;
  visibility: hidden;
  transform-origin: right center;
  transition: .7s ease
}

.side-content__block.active {
  visibility: visible;
  opacity: 1
}

.side-content__block-overlay {
  width: 100%;
  height: 100%;
  background-color: var(--thm-black);
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 999;
  opacity: .7
}

.side-content__block-overlay .cursor-follower {
  background-color: rgba(255, 255, 255, .3)
}

.side-content__block-inner {
  position: relative;
  max-width: 405px;
  width: 100%;
  margin-left: auto;
  height: 100vh;
  background-color: #fff;
  box-shadow: 0 10px 10px 0 rgba(0, 0, 0, .1);
  z-index: 999999;
  overflow-y: auto;
  padding-top: 120px;
  padding-bottom: 120px;
  position: relative;
  padding-left: 40px;
  padding-right: 40px;
  transform: translateX(100%);
  transition: .7s
}

.side-content__block.active .side-content__block-inner {
  transform: translateX(0)
}

@media (max-width:375px) {
  .side-content__block-inner {
    max-width: 300px;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 60px;
    padding-bottom: 60px
  }
}

.side-content__close {
  position: absolute;
  top: 15px;
  background-color: var(--thm-base);
  width: 60px;
  height: 60px;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #fff;
  font-size: 20px;
  right: 375px;
  border-radius: 50%;
  z-index: 999999999;
  visibility: hidden;
  transition: .7s ease;
  transition-delay: 0.4s
}

.side-content__block.active .side-content__close {
  visibility: visible
}

.side-content__close:hover {
  background-color: var(--thm-black);
  color: #fff
}

@media (max-width:425px) {
  .side-content__close {
    right: 20px;
    width: 40px;
    height: 40px;
    font-size: 16px
  }
}

.side-content__app>img {
  box-shadow: 0 0 20px 0 rgba(0, 0, 0, .1);
  border-radius: 30px;
  max-width: 100%
}

.side-content__top p {
  margin: 0;
  color: #646a7a;
  margin-top: 36px
}

@media (max-width:375px) {
  .side-content__top p {
    font-size: 16px;
    line-height: 1.5em
  }
}

.side-content__download {
  width: 100%;
  position: relative;
  background-color: var(--thm-black);
  font-size: 18px;
  color: #fff;
  line-height: 62px;
  padding-left: 82px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-right: 20px;
  transition: all .5s ease;
  margin-top: 32px;
  margin-bottom: 55px
}

.side-content__download:hover {
  background-color: var(--thm-base);
  color: #fff
}

.side-content__download>i {
  width: 62px;
  background-color: var(--thm-base);
  height: 62px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 20px;
  color: #fff;
  position: absolute;
  top: 0;
  left: 0;
  transition: all .5s ease
}

.side-content__download:hover>i {
  background-color: var(--thm-black);
  color: #fff
}

@media (max-width:425px) {
  .side-content__download {
    font-size: 16px;
    padding-left: 70px
  }
}

.side-content__download>span {
  font-size: 18px;
  color: #9aa0af;
  display: flex;
  align-items: center;
  line-height: 22px;
  padding-left: 20px;
  border-left: 1px solid rgba(255, 255, 255, .25);
  transition: all .5s ease
}

@media (max-width:425px) {
  .side-content__download>span {
    font-size: 16px;
    padding-left: 10px
  }
}

.side-content__download:hover>span {
  border-color: #fff;
  color: #fff
}

.side-content__title h3 {
  margin: 0;
  font-size: 22px;
  font-weight: 600;
  color: var(--thm-black);
  font-family: var(--heading-font);
  margin-bottom: 40px
}

.side-content__title h3 span {
  line-height: 1em;
  display: inline-block;
  padding-bottom: 5px;
  border-bottom: 2px solid var(--thm-base)
}

.side-content__app {
  position: relative
}

.side-content__app-btns {
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  position: absolute;
  bottom: 60px;
  left: 50%;
  transform: translateX(-50%)
}

.side-content__btn {
  background-color: var(--thm-black);
  font-size: 18px;
  border-radius: 4px;
  font-family: var(--heading-font);
  font-weight: 600;
  width: 100%;
  max-width: 170px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  line-height: 34px;
  color: #fff;
  transition: all .5s ease
}

.side-content__btn:hover {
  background-color: var(--thm-base);
  color: #fff
}

.side-content__btn:nth-of-type(2) {
  background-color: var(--thm-base);
  margin-top: 10px
}

.side-content__btn:nth-of-type(2):hover {
  background-color: var(--thm-black)
}

.side-content__social {
  display: flex;
  align-items: center;
  margin-bottom: 25px;
  margin-top: 60px
}

.side-content__social>a+a {
  margin-left: 10px
}

.side-content__social>a {
  width: 36px;
  height: 36px;
  border: 1px solid #e4e7ee;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 16px;
  color: #9aa0af;
  transition: all .5s ease
}

.side-content__social>a:hover {
  border-color: var(--thm-base);
  background-color: var(--thm-base);
  color: #fff;
  border-radius: 50%;
  border-top-right-radius: 0;
  border-bottom-left-radius: 0
}

.side-content__content p {
  margin: 0
}

@media (max-width:425px) {
  .side-content__content p {
    font-size: 16px
  }
}

.side-menu__block {
  position: fixed;
  top: 0;
  right: 0;
  width: 100vw;
  height: 100vh;
  z-index: 1000;
  opacity: 0;
  visibility: hidden;
  transform-origin: right center;
  transition: .7s ease
}

.side-menu__block.active {
  visibility: visible;
  opacity: 1
}

.side-menu__block-overlay {
  width: 100%;
  height: 100%;
  background-color: #000;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 999;
  opacity: .7
}

.side-menu__block-inner {
  position: relative;
  width: 300px;
  margin-left: auto;
  height: 100vh;
  background-color: #222;
  z-index: 999999;
  overflow-y: auto;
  padding: 40px 0;
  padding-top: 60px;
  position: relative;
  display: flex;
  justify-content: center;
  align-content: space-between
}

.side-menu__block .side-menu__block-inner {
  transform: translateX(300px);
  transition: .7s
}

.side-menu__block.active .side-menu__block-inner {
  transform: translateX(0)
}

.side-menu__block-inner .mCustomScrollBox {
  width: 100%
}

.side-menu__close-btn {
  position: absolute;
  top: 20px;
  right: 30px;
  z-index: 9999999;
  font-size: 18px;
  color: #fff;
  opacity: 1;
  transition: all .5s ease
}

.side-menu__close-btn:hover {
  color: var(--thm-base)
}

.mobile-nav__container {
  margin: 40px 0;
  border-top: 1px solid rgba(var(--thm-base-rgb), .3);
  border-bottom: 1px solid rgba(var(--thm-base-rgb), .3)
}

.mobile-nav__container ul {
  margin: 0;
  padding: 0;
  list-style: none
}

.mobile-nav__container li.dropdown ul {
  display: none
}

.mobile-nav__container li.dropdown {
  position: relative
}

.mobile-nav__container li.dropdown .dropdown-btn {
  border: none;
  outline: 0;
  width: 35px;
  height: 35px;
  background-color: #000;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  font-size: 20px;
  color: #fff;
  position: absolute;
  top: 5px;
  right: 0;
  transform: rotate(0);
  transition: transfrom .5s ease, color .5s ease, background-color .5s ease
}

.mobile-nav__container li.dropdown .dropdown-btn.open {
  transform: rotate(90deg);
  background: #fff;
  color: var(--thm-black)
}

.mobile-nav__container li+li {
  border-top: 1px solid rgba(255, 255, 255, .2)
}

.mobile-nav__container li>ul {
  border-top: 1px solid rgba(255, 255, 255, .2)
}

.mobile-nav__container li a {
  color: #fff;
  font-size: 16px;
  font-weight: 500;
  display: block;
  font-family: var(--heading-font);
  padding: 10px 0;
  padding-left: 30px;
  padding-right: 30px;
  border-left: 3px solid transparent;
  transition: all .5s ease;
  position: relative;
  font-size: 16px;
  font-weight: 600;
  font-family: var(--heading-font);
  transition: all .5s ease
}

.mobile-nav__container li a:hover {
  background-color: var(--thm-base);
  color: #fff
}

.mobile-nav__container li.current-menu-item>a,
.mobile-nav__container li.current>a {
  border-color: var(--thm-primary);
  background-color: var(--thm-base)
}

.mobile-nav__container .navigation-box__right {
  border-top: 1px solid rgba(var(--thm-base-rgb), .3)
}

.side-menu__logo {
  padding-left: 30px
}

.side-menu__block__copy {
  color: #93969b;
  font-family: var(--thm-font);
  font-size: 18px;
  text-align: center;
  padding-left: 30px;
  padding-right: 30px
}

.side-menu__block__copy a {
  text-transform: uppercase;
  color: #fff;
  font-weight: 500;
  transition: all .5s ease
}

.side-menu__block__copy a:hover {
  color: var(--thm-base)
}

.side-menu__social {
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  align-items: center;
  justify-content: center
}

.side-menu__social a {
  color: #93969b;
  font-size: 18px;
  transition: all .5s ease
}

.side-menu__social a:hover {
  color: var(--thm-base)
}

.side-menu__social a+a {
  margin-left: 10px
}

.blog-one__main {
  position: relative;
  padding-top: 120px;
  /* padding-bottom: 120px */
}

.blog-one__main::before {
  content: "";
  position: absolute;
  top: 0;
  right: -40px;
  width: 1px;
  height: 100%;
  background-image: url(../images/shapes/blog-sidebar-line-1.png);
  background-repeat: repeat-y
}

.blog-one__single {
  margin-bottom: 50px
}

.blog-one__content {
  padding-bottom: 40px;
  padding-top: 40px;
  padding-left: 30px;
  padding-right: 30px;
  background-color: #fff;
  box-shadow: 0 20px 40px 0 rgba(0, 0, 0, .08)
}

.blog-one__category {
  color: #646a7a;
  font-size: 16px;
  line-height: 1em;
  margin-bottom: 12px
}

.blog-one__category a {
  color: inherit;
  font-size: 18px;
  transition: .7s ease
}

.blog-one__category a:hover {
  color: var(--thm-base)
}

.blog-one__content h3 {
  margin: 0;
  font-size: 30px;
  font-weight: 600;
  color: var(--thm-black);
  margin-bottom: 17px
}

.blog-one__content h3 a {
  color: inherit;
  transition: .5s ease
}

.blog-one__content h3 a:hover {
  color: var(--thm-base)
}

.blog-one__meta {
  display: flex;
  align-items: center;
  margin-bottom: 25px;
  padding-bottom: 30px;
  border-bottom: 1px solid #e4e7ee
}

.blog-one__meta li {
  position: relative;
  padding-left: 65px;
  padding-top: 5.5px;
  padding-bottom: 5.5px
}

.blog-one__meta li:not(:last-of-type) {
  border-right: 1px solid #e4e7ee;
  padding-right: 20px;
  margin-right: 20px
}

.blog-one__meta li>i {
  width: 50px;
  height: 50px;
  background-color: #f1f3f5;
  display: flex;
  justify-content: center;
  align-items: center;
  color: var(--thm-base);
  font-size: 18px;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  transition: .5s ease
}

.blog-one__meta li:hover>i {
  background-color: var(--thm-base);
  color: #fff
}

.blog-one__meta li span {
  font-size: 13px;
  font-weight: 600;
  line-height: 1em;
  color: var(--thm-black);
  text-transform: uppercase;
  font-family: var(--heading-font);
  display: block
}

.blog-one__meta li a {
  color: #646a7a;
  font-size: 18px;
  transition: .5s ease;
  line-height: 1em;
  display: block;
  margin-top: 10px
}

.blog-one__meta li a:hover {
  color: var(--thm-base)
}

.blog-one__content p {
  margin: 0;
  color: #646a7a;
  font-size: 18px;
  line-height: 26px
}

.blog-one__bottom {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 32px
}

.blog-one__link {
  font-size: 18px;
  font-weight: 600;
  font-family: var(--heading-font);
  color: var(--thm-black);
  transition: .5s ease;
  display: inline-block;
  vertical-align: middle;
  position: relative;
  padding-left: 40px
}

.blog-one__link:hover {
  color: var(--thm-base)
}

.blog-one__link>i {
  width: 30px;
  height: 30px;
  border-radius: 4px;
  border: 1px solid #e4e7ee;
  font-size: 19px;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  color: #9aa0af;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  transition: .5s ease
}

.blog-one__link:hover>i {
  border-color: var(--thm-base);
  color: #fff;
  border-top-left-radius: 50%;
  border-bottom-right-radius: 50%;
  background-color: var(--thm-base)
}

.blog-one__share {
  display: flex;
  align-items: center
}

.blog-one__share>i {
  font-size: 15px;
  color: var(--thm-base);
  margin-right: 10px
}

.blog-one__share>span {
  font-family: var(--heading-font);
  color: var(--thm-black);
  font-size: 13px;
  font-weight: 600;
  margin-right: 10px;
  text-transform: uppercase
}

.blog-one__share>a {
  width: 30px;
  height: 30px;
  border-radius: 4px;
  border: 1px solid #e4e7ee;
  font-size: 19px;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  color: #9aa0af;
  font-size: 15px;
  transition: .5s ease
}

.blog-one__share>a+a {
  margin-left: 10px
}

.blog-one__share>a:hover {
  background-color: var(--thm-base);
  border-color: var(--thm-base);
  color: #fff;
  border-top-left-radius: 50%;
  border-bottom-right-radius: 50%
}

.blog-one__image {
  position: relative;
  overflow: hidden;
  background-color: var(--thm-black)
}

.blog-one__image>img {
  width: 100%;
  opacity: 1;
  transform: scale(1);
  transition: .5s ease
}

.blog-one__single:hover .blog-one__image>img {
  opacity: .1;
  transform: scale(1.05)
}

.blog-one__image>a {
  color: #fff;
  font-size: 32px;
  position: absolute;
  top: calc(50% - 16px);
  left: calc(50% - 16px);
  opacity: 0;
  transform: perspective(100px) translateZ(40px);
  transition: opacity .4s ease, transform .4s ease
}

.blog-one__single:hover .blog-one__image>a {
  opacity: 1;
  transform: perspective(100px) translateZ(0);
  color: #fff
}

.blog-pagination a {
  display: flex;
  justify-content: center;
  align-items: center;
  border: 1px solid #e4e7ee;
  border-radius: 4px;
  color: var(--thm-black);
  font-size: 18px;
  width: 54px;
  height: 54px;
  font-family: var(--heading-font);
  transition: .5s ease
}

.blog-pagination a+a {
  margin-left: 10px
}

.blog-pagination a.current,
.blog-pagination a:hover {
  border-radius: 0;
  border-top-left-radius: 50%;
  border-bottom-right-radius: 50%;
  background-color: var(--thm-base);
  border-color: var(--thm-base);
  color: #fff
}

.blog-pagination a i {
  font-size: 24px
}

.blog-grid {
  padding-top: 60px;
  padding-bottom: 60px
}

.blog-two__single {
  margin-bottom: 40px
}

.blog-two__image {
  position: relative;
  overflow: hidden;
  background-color: var(--thm-black)
}

.blog-two__image>img {
  width: 100%;
  opacity: 1;
  transform: scale(1);
  transition: .5s ease
}

.blog-two__single:hover .blog-two__image>img {
  opacity: .1;
  transform: scale(1.05)
}

.blog-two__image>a:not(.blog-two__more-link) {
  color: #fff;
  font-size: 32px;
  position: absolute;
  top: calc(50% - 16px);
  left: calc(50% - 16px);
  opacity: 0;
  transform: perspective(100px) translateZ(40px);
  transition: opacity .4s ease, transform .4s ease
}

.blog-two__single:hover .blog-two__image>a:not(.blog-two__more-link) {
  opacity: 1;
  transform: perspective(100px) translateZ(0);
  color: #fff
}

.blog-two__more-link {
  display: inline-block;
  vertical-align: middle;
  position: absolute;
  bottom: 0;
  left: 0;
  background-color: var(--thm-base);
  line-height: 34px;
  font-weight: 600;
  font-size: 18px;
  color: #fff;
  padding-left: 16px;
  padding-right: 16px;
  border-top-right-radius: 18px;
  font-family: var(--heading-font);
  transform: translateY(100%);
  z-index: 12;
  transition: .5s ease
}

.blog-two__more-link:hover {
  background-color: #fff;
  color: var(--thm-black)
}

.blog-two__single:hover .blog-two__more-link {
  transform: translateY(0)
}

.blog-two__single:hover .blog-two__image::before {
  transform: scale(1, 0)
}

.blog-two__content {
  padding-top: 27px;
  padding-bottom: 24px;
  padding-left: 30px;
  padding-right: 30px;
  border-top: 3px solid var(--thm-base);
  background-color: #fff;
  box-shadow: 0 20px 40px 0 rgba(0, 0, 0, .08);
  transition: .5s
}

.blog-two__single:hover .blog-two__content {
  box-shadow: 0 40px 40px 0 rgba(0, 0, 0, .08)
}

.blog-two__image+.blog-two__content {
  border-top: 0;
  padding-top: 30px
}

.blog-two__content .blog-one__category {
  margin: 0
}

.blog-two__content h3 {
  color: var(--thm-black);
  font-weight: 600;
  font-size: 22px;
  line-height: 30px;
  margin: 0;
  margin-bottom: 18px;
  margin-top: 11px
}

.blog-two__content h3 a {
  color: inherit;
  transition: all .5s ease
}

.blog-two__content h3 a:hover {
  color: var(--thm-base)
}

.blog-two__meta {
  display: flex;
  flex-wrap: wrap;
  align-items: center
}

.blog-two__meta a {
  display: flex;
  align-items: center;
  font-size: 16px;
  color: #646a7a;
  transition: .7s ease
}

.blog-two__meta a:hover {
  color: var(--thm-base)
}

.blog-two__meta a:not(:last-of-type)::after {
  content: "";
  width: 1px;
  height: 14px;
  background-color: #d4d7de;
  margin-left: 10px;
  margin-right: 10px
}

.blog-two__meta a i {
  font-size: 14px;
  position: relative;
  bottom: 2px;
  color: var(--thm-base);
  margin-right: 10px;
  transition: .7s ease
}

.blog-two__meta a:hover i {
  color: var(--thm-black)
}

.blog-two__bg-post {
  width: 100%;
  height: 418px;
  position: relative;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center
}

.blog-two__bg-post::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 1;
  transition: all .5s ease;
  background-image: linear-gradient(0deg, var(--thm-black) 0, rgba(255, 255, 255, 0) 50%, var(--thm-black) 100%)
}

.blog-two__bg-post .blog-two__content {
  border-top: 0;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  background-color: transparent;
  z-index: 10
}

.blog-two__bg-post .blog-two__content .blog-one__category {
  margin-bottom: auto
}

.blog-two__bg-post .blog-two__meta {
  margin-bottom: 0
}

.blog-two__bg-post .blog-one__category,
.blog-two__bg-post .blog-two__content h3,
.blog-two__bg-post .blog-two__meta a,
.blog-two__bg-post .blog-two__meta a i {
  color: #fff
}

.blog-two__bg-post .blog-two__meta a:hover {
  color: var(--thm-base)
}

.blog-two__bg-post .blog-two__meta a:not(:last-of-type)::after {
  background-color: #fff
}

.blog-two__carousel-wrap+.blog-two__content {
  padding-top: 30px;
  border-top: 0
}

.blog-two__carousel-wrap {
  position: relative
}

.blog-two__carousel-nav {
  position: absolute;
  bottom: 0;
  right: 0;
  background-color: #fff;
  width: 60px;
  height: 36px;
  display: flex;
  z-index: 10;
  justify-content: center;
  align-items: center
}

.blog-two__carousel-nav__left,
.blog-two__carousel-nav__right {
  font-size: 24px;
  color: var(--thm-black);
  transition: all .5s ease;
  cursor: pointer
}

.blog-two__carousel-nav__right {
  margin-right: 10px
}

.blog-two__carousel-nav__left:hover,
.blog-two__carousel-nav__right:hover {
  color: var(--thm-base)
}

.blog-two__video {
  position: relative;
  overflow: hidden;
  background-color: var(--thm-black)
}

.blog-two__video+.blog-two__content {
  padding-top: 30px;
  border-top: 0
}

.blog-two__video>img {
  width: 100%;
  opacity: 1;
  transform: scale(1);
  transition: transform .5s ease, opacity .5s ease
}

.blog-two__single:hover .blog-two__video>img {
  opacity: .1;
  transform: scale(1.05)
}

.blog-two__video>a {
  position: absolute;
  top: 50%;
  left: 50%;
  font-size: 64px;
  color: #fff;
  transform: translate(-50%, -50%);
  transition: all .5s ease
}

.blog-two__video>a:hover {
  color: var(--thm-base)
}

.blog-grid__top {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-end;
  margin-bottom: 50px
}

.blog-grid__top .block-title {
  margin-bottom: 0
}

.blog-grid__more-link a {
  display: flex;
  align-items: center;
  color: var(--thm-black);
  font-size: 18px;
  font-weight: 600;
  font-family: var(--heading-font);
  position: relative;
  bottom: 10px
}

.blog-grid__more-link a:hover {
  color: #005b99
}

.blog-grid__more-link a:hover i {
  border-radius: 0;
  border-top-right-radius: 50%;
  border-bottom-left-radius: 50%;
  background-color: #2957a4
}

.blog-grid__more-link i {
  width: 44px;
  height: 44px;
  background-color: #eb3037;
  border-radius: 50%;
  border-top-right-radius: 0;
  display: flex;
  text-align: center;
  justify-content: center;
  color: #fff;
  font-size: 19px;
  margin-left: 20px;
  align-items: center;
  transition: .5s
}

.blog-masonary {
  padding-top: 120px;
  padding-bottom: 120px
}

.blog-masonary .blog-two__content {
  padding: 30px
}

.blog-masonary .blog-two__content p {
  margin: 0;
  color: #646a7a;
  font-size: 18px;
  line-height: 26px;
  border-top: 1px solid #e4e7ee;
  margin-top: 23px;
  padding-top: 25px;
  margin-bottom: 24px
}

.blog-masonary .blog-one__bottom {
  margin-top: 0
}

.blog-masonary .blog-two__content h3 {
  margin: 0;
  margin-top: 10px;
  margin-bottom: 20px
}

.blog-masonary .blog-pagination-two .thm-btn {
  background-color: var(--thm-black);
  color: #fff;
  margin-top: 20px
}

.blog-masonary .blog-pagination-two .thm-btn:hover {
  background-color: var(--thm-base);
  color: #fff
}

.blog-sidebar {
  padding-top: 120px;
  padding-left: 50px
}

.blog-sidebar__single:not(:last-of-type) {
  margin-bottom: 50px
}

.blog-sidebar__search {
  width: 100%;
  position: relative
}

.blog-sidebar__search input:not([type=checkbox]):not([type=radio]):not([type=submit]) {
  width: 100%;
  height: 100%;
  border: none;
  outline: 0;
  border: 1px solid #e4e7ee;
  height: 60px;
  font-size: 18px;
  color: #646a7a;
  padding-left: 20px
}

.blog-sidebar__search ::-webkit-input-placeholder {
  opacity: 1;
  color: #646a7a
}

.blog-sidebar__search ::-moz-placeholder {
  opacity: 1;
  color: #646a7a
}

.blog-sidebar__search :-ms-input-placeholder {
  opacity: 1;
  color: #646a7a
}

.blog-sidebar__search ::-ms-input-placeholder {
  opacity: 1;
  color: #646a7a
}

.blog-sidebar__search ::placeholder {
  opacity: 1;
  color: #646a7a
}

.blog-sidebar__search button[type=submit] {
  position: absolute;
  top: 50%;
  right: 20px;
  transform: translateY(-50%);
  color: var(--thm-black);
  border: none;
  outline: 0;
  background-color: transparent;
  transition: all .5s ease
}

.blog-sidebar__search button[type=submit]:hover {
  color: var(--thm-base)
}

.blog-sidebar__title {
  margin: 0;
  color: var(--thm-black);
  font-size: 22px;
  font-weight: 600;
  font-family: var(--heading-font);
  margin-bottom: 40px
}

.blog-sidebar__title span {
  padding-bottom: 6px;
  display: inline-block;
  border-bottom: 2px solid var(--thm-base)
}

.blog-sidebar__gallery {
  display: flex;
  flex-wrap: wrap;
  margin-left: -5px;
  margin-right: -5px;
  margin-top: -10px
}

.blog-sidebar__gallery li {
  flex: 1 1 33.333%;
  padding-left: 5px;
  padding-right: 5px;
  margin-top: 10px
}

.blog-sidebar__gallery li a {
  width: 100%;
  display: block;
  background-color: var(--thm-black);
  overflow: hidden
}

.blog-sidebar__gallery li a img {
  width: 100%;
  transition: transform .5s ease, opacity .5s ease;
  opacity: 1;
  transform: scale(1)
}

.blog-sidebar__gallery li:hover a img {
  opacity: .5;
  transform: scale(1.05)
}

.blog-sidebar__post {
  margin-bottom: 0;
  margin-top: -6px
}

.blog-sidebar__post li {
  position: relative;
  padding-left: 65px
}

.blog-sidebar__post li::before {
  content: "\f105";
  font-family: "Font Awesome 5 Pro";
  font-weight: 400;
  position: absolute;
  top: 6px;
  border-radius: 4px;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  width: 44px;
  height: 44px;
  border: 1px solid #e4e7ee;
  left: 0;
  transition: all .5s ease
}

.blog-sidebar__post li:hover::before {
  border-radius: 0;
  border-top-left-radius: 50%;
  border-bottom-right-radius: 50%;
  border-color: var(--thm-base);
  background-color: var(--thm-base);
  color: #fff
}

.blog-sidebar__post li {
  border-bottom: 1px solid rgba(212, 215, 222, .8);
  margin-bottom: 20px;
  padding-bottom: 18px
}

.blog-sidebar__post li:last-of-type {
  margin-bottom: 0
}

.blog-sidebar__post li h3 {
  margin: 0;
  color: var(--thm-black);
  font-size: 18px;
  line-height: 26px;
  font-weight: 600;
  margin-bottom: 5px
}

.blog-sidebar__post li h3 a {
  color: inherit;
  transition: .5s ease
}

.blog-sidebar__post li h3:hover a {
  color: var(--thm-base)
}

.blog-sidebar__post li span {
  color: #646a7a;
  font-size: 16px;
  display: flex;
  align-items: center
}

.blog-sidebar__post li span i {
  color: var(--thm-base);
  font-size: 14px;
  position: relative;
  top: -1px;
  margin-right: 7px
}

.blog-sidebar__tags {
  margin-bottom: 0;
  display: flex;
  flex-wrap: wrap;
  margin-left: -10px;
  margin-top: -10px
}

.blog-sidebar__tags a {
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #e4e7ee;
  font-size: 18px;
  color: var(--thm-black);
  margin-left: 10px;
  margin-top: 10px;
  padding: 4px 13.6px;
  transition: all .5s ease
}

.blog-sidebar__tags a:hover {
  background-color: var(--thm-base);
  border-color: var(--thm-base);
  color: #fff
}

.blog-sidebar__categories li {
  display: flex;
  align-items: center;
  width: 100%
}

.blog-sidebar__categories li a {
  display: block;
  line-height: 27px;
  color: #646a7a;
  font-size: 18px;
  border-top: 1px solid #e4e7ee;
  border-left: 1px solid #e4e7ee;
  border-right: 1px solid #e4e7ee;
  position: relative;
  width: 100%;
  padding-left: 20px;
  transition: all .5s ease
}

.blog-sidebar__categories li:last-child a {
  border-bottom: 1px solid #e4e7ee
}

.blog-sidebar__categories li:hover a {
  background-color: #ef3135;
  color: #fff;
  padding-left: 35px
}

.blog-sidebar__categories li a::before {
  content: "\f105";
  font-family: "Font Awesome 5 Pro";
  font-weight: 400;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 20px;
  color: #fff;
  opacity: 0;
  visibility: hidden;
  transition: all .5s ease
}

.blog-sidebar__categories li:hover a::before {
  opacity: 1;
  visibility: visible
}

.blog-sidebar__categories li a span {
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  border-left: 1px solid #e4e7ee;
  width: 55px;
  height: 55px;
  position: absolute;
  top: 0;
  right: 0;
  transition: border .5s ease
}

.blog-sidebar__categories li:hover a span {
  border-color: var(--thm-base)
}

.blog-sidebar__subscribe {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: top right;
  padding-left: 30px;
  padding-right: 30px;
  padding-bottom: 32px;
  padding-top: 265px
}

.blog-sidebar__subscribe .mc-form {
  position: relative
}

.blog-sidebar__subscribe .mc-form input[type=email] {
  width: 100%;
  height: 56px;
  background-color: transparent;
  background-color: #fff;
  border: none;
  border-radius: 4px;
  outline: 0;
  padding-left: 20px;
  color: #646a7a;
  font-size: 18px
}

.blog-sidebar__subscribe .mc-form ::-webkit-input-placeholder {
  color: #646a7a;
  opacity: 1
}

.blog-sidebar__subscribe .mc-form ::-moz-placeholder {
  color: #646a7a;
  opacity: 1
}

.blog-sidebar__subscribe .mc-form :-ms-input-placeholder {
  color: #646a7a;
  opacity: 1
}

.blog-sidebar__subscribe .mc-form ::-ms-input-placeholder {
  color: #646a7a;
  opacity: 1
}

.blog-sidebar__subscribe .mc-form ::placeholder {
  color: #646a7a;
  opacity: 1
}

.blog-sidebar__subscribe .mc-form button[type=submit] {
  width: 56px;
  height: 56px;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  font-size: 24px;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  color: #fff;
  border: none;
  outline: 0;
  position: absolute;
  top: 0;
  right: 0;
  background-color: var(--thm-base)
}

.blog-sidebar__subscribe .mc-form__response a {
  color: var(--thm-base)
}

.blog-sidebar__subscribe p {
  font-size: 16px;
  color: #9aa0af;
  margin-top: 15px
}

.blog-sidebar__subscribe p span {
  font-size: 18px
}

.blog-sidebar__subscribe h3 {
  margin: 0;
  color: #fff;
  font-size: 22px;
  line-height: 30px;
  font-weight: 600;
  margin-bottom: 23px
}

.blog-sidebar__subscribe-icon {
  width: 124px;
  height: 124px;
  border-radius: 50%;
  background-color: var(--thm-base);
  border: 12px solid #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 48px;
  color: #fff;
  margin-bottom: 33px
}

.blog-details__main .blog-one__content {
  box-shadow: none;
  padding: 0
}

.blog-details__main .blog-one__meta {
  border-bottom: 0;
  margin-bottom: 0
}

.blog-details__form {
  padding-top: 60px;
  border-top: 1px solid #e4e7ee
}

.blog-details__form h3 {
  margin: 0;
  color: var(--thm-black);
  font-size: 30px;
  font-weight: 700
}

.blog-details__form p {
  margin: 0;
  color: #646a7a;
  font-size: 18px;
  margin-top: 5px;
  margin-bottom: 30px
}

.blog-details__form input:not([type=checkbox]):not([type=radio]):not([type=submit]),
.blog-details__form textarea {
  width: 100%;
  border: none;
  outline: 0 !important;
  border: 1px solid #e4e7ee;
  display: block;
  font-size: 18px;
  color: #646a7a;
  height: 60px;
  padding-left: 20px;
  margin-bottom: 30px
}

.blog-details__form textarea {
  height: 160px;
  padding-top: 20px
}

.blog-details__form ::-webkit-input-placeholder {
  opacity: 1;
  color: #646a7a
}

.blog-details__form ::-moz-placeholder {
  opacity: 1;
  color: #646a7a
}

.blog-details__form :-ms-input-placeholder {
  opacity: 1;
  color: #646a7a
}

.blog-details__form ::-ms-input-placeholder {
  opacity: 1;
  color: #646a7a
}

.blog-details__form ::placeholder {
  opacity: 1;
  color: #646a7a
}

.blog-details__form-btn {
  background-color: var(--thm-black);
  color: #fff;
  font-size: 18px;
  font-weight: 600;
  padding: 17px 60px
}

.blog-details__form-btn:hover {
  background-color: var(--thm-base);
  color: #fff
}

.blog-details__hide-comment {
  display: flex;
  color: #fff;
  font-size: 22px;
  font-weight: 600;
  background-color: var(--thm-base);
  font-family: var(--heading-font);
  align-items: center;
  text-align: center;
  justify-content: center;
  transition: .5s;
  padding-top: 19.5px;
  padding-bottom: 19.5px
}

.blog-details__hide-comment:hover {
  background-color: var(--thm-black);
  color: #fff
}

.blog-details__paginations {
  display: flex;
  flex-wrap: wrap;
  margin-top: 70px;
  margin-bottom: 70px
}

.blog-details__paginations-left,
.blog-details__paginations-right {
  flex: 0 0 50%;
  padding-right: 95px;
  padding-left: 15px;
  padding-top: 33px;
  text-align: right
}

.blog-details__paginations-left {
  border-right: 1px solid #e4e7ee;
  padding-right: 15px;
  padding-left: 95px;
  text-align: left
}

[class*=blog-details__paginations-] {
  position: relative
}

[class*=blog-details__paginations-] h3 {
  color: var(--thm-black);
  font-size: 18px;
  line-height: 28px;
  font-weight: 600;
  margin: 0;
  margin-top: -5px
}

[class*=blog-details__paginations-] h3 a {
  color: inherit;
  transition: .5s
}

[class*=blog-details__paginations-] h3 a:hover {
  color: var(--thm-base)
}

[class*=blog-details__paginations-]>a {
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  align-items: center;
  line-height: 1em;
  flex-direction: row;
  font-size: 18px;
  font-weight: 500;
  color: #646a7a;
  transition: .5s
}

[class*=blog-details__paginations-]>a i {
  margin-right: 10px;
  font-size: 15px
}

[class*=blog-details__paginations-right]>a i {
  margin-left: 10px;
  margin-right: 0
}

[class*=blog-details__paginations-right]>a {
  left: auto;
  right: 0;
  flex-direction: row-reverse
}

[class*=blog-details__paginations-]>a:hover {
  color: var(--thm-base)
}

[class*=blog-details__paginations-]>img {
  position: absolute;
  top: 33px;
  left: 0
}

[class*=blog-details__paginations-right]>img {
  left: auto;
  right: 0
}

[class*=blog-details__paginations-] p {
  margin: 0;
  color: #646a7a;
  font-size: 16px;
  display: flex;
  align-items: center
}

[class*=blog-details__paginations-right] p {
  justify-content: flex-end
}

[class*=blog-details__paginations-] p i {
  color: var(--thm-base);
  font-size: 14px;
  margin-right: 10px
}

.blog-details__author {
  border: 1px solid #e4e7ee;
  padding: 40px;
  padding-bottom: 35px;
  display: flex;
  margin-top: 70px
}

.blog-details__author-content {
  padding-left: 30px
}

.blog-details__author-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 15px
}

.blog-details__author-top h3 {
  margin: 0;
  color: var(--thm-black);
  margin-top: -8px;
  font-size: 22px;
  font-weight: 600
}

.blog-details__author-top p {
  margin: 0;
  font-size: 18px;
  line-height: 26px;
  color: #9aa0af
}

.blog-details__author-top p a {
  color: inherit;
  transition: .5s ease
}

.blog-details__author-top p a:hover {
  color: var(--thm-black)
}

.blog-details__author-content p {
  margin: 0;
  color: #646a7a;
  font-size: 18px;
  line-height: 26px
}

.blog-details__author-profile {
  display: flex;
  align-items: center;
  margin-top: 17px
}

.blog-details__author-profile a,
.blog-details__author-profile span {
  margin: 0;
  font-size: 18px;
  font-weight: 500;
  color: var(--thm-black);
  font-family: var(--heading-fontl)
}

.blog-details__author-profile span {
  margin-right: 10px
}

.blog-details__author-profile a {
  font-size: 16px
}

.blog-details__author-profile a+a {
  margin-left: 20px
}

.blog-details__share {
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative
}

.blog-details__share::before {
  position: absolute;
  content: "";
  top: 50%;
  left: 0;
  width: 100%;
  height: 1px;
  transform: translateY(-50%);
  background-color: #e4e7ee
}

.blog-details__tags {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  position: relative
}

.blog-details__tags a {
  border: 1px solid #e4e7ee;
  color: var(--thm-black);
  font-size: 18px;
  transition: .5s;
  padding: 4px 14px;
  transition: .5s ease;
  background-color: #fff
}

.blog-details__tags a:hover {
  color: #fff;
  border-color: var(--thm-base);
  background-color: var(--thm-base)
}

.blog-details__tags a+a {
  margin-left: 10px
}

.blog-details__social {
  display: flex;
  align-items: center;
  flex-wrap: wrap
}

.blog-details__social a {
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #fff;
  border: 1px solid #e4e7ee;
  color: #9aa0af;
  font-size: 16px;
  width: 36px;
  height: 36px;
  position: relative;
  transition: .5s ease
}

.blog-details__social a:hover {
  color: #fff;
  background-color: var(--thm-base);
  border-color: var(--thm-base)
}

.blog-details__social a+a {
  margin-left: 10px
}

.blog-details__image-column {
  display: flex;
  margin-top: 30px
}

.blog-details__image-column:not(:last-of-type) {
  border-bottom: 1px solid #e4e7ee;
  padding-bottom: 40px;
  margin-bottom: 40px
}

.blog-details__image-column:last-of-type {
  margin-bottom: 0
}

.blog-details__image-column-content {
  padding-left: 30px
}

.blog-details__image-column-content h4 {
  color: var(--thm-black);
  font-size: 22px;
  margin: 0;
  font-weight: 600;
  margin-bottom: 14px
}

.blog-details__main .blog-one__single {
  margin-bottom: 70px
}

.blog-details__content h3 {
  margin: 0;
  color: var(--thm-black);
  font-weight: 600;
  font-size: 30px;
  margin-top: 40px;
  margin-bottom: 25px
}

.blog-details__list {
  margin-top: 20px
}

.blog-details__list li {
  position: relative;
  padding-left: 30px;
  font-size: 18px;
  color: #646a7a
}

.blog-details__list li+li {
  margin-top: 10px
}

.blog-details__list li::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  width: 20px;
  height: 20px;
  background-image: url(../images/shapes/blog-details-bullet.png);
  background-repeat: no-repeat
}

.blog-details__image {
  margin-bottom: 50px
}

.blog-details__content p span {
  color: var(--thm-black);
  font-weight: 500
}

.blog-details__content .letter-caps {
  display: block;
  float: left;
  width: 54px;
  height: 54px;
  background-color: var(--thm-black);
  font-size: 36px;
  color: #fff;
  font-family: var(--heading-font);
  text-transform: uppercase;
  font-weight: 600;
  margin-right: 20px;
  margin-bottom: 20px;
  line-height: 54px;
  text-align: center;
  position: relative;
  top: 10px;
  border-radius: 4px
}

.blog-details__content blockquote {
  border: 3px solid var(--thm-base);
  position: relative;
  padding-left: 50px;
  padding-right: 50px;
  padding-top: 40px;
  padding-bottom: 45px;
  margin-bottom: 50px;
  margin-top: 50px
}

.blog-details__content blockquote p {
  margin: 0;
  position: relative;
  font-size: 22px;
  line-height: 32px;
  font-weight: 500;
  color: var(--thm-black)
}

.blog-details__content blockquote p::before {
  content: "";
  width: 10px;
  height: 9px;
  background-image: url(../images/shapes/blog-details-qoute-1-1.png);
  background-repeat: no-repeat;
  position: absolute;
  top: 0;
  right: calc(100% + 10px)
}

.blog-details__content blockquote p::after {
  content: "";
  display: inline-block;
  vertical-align: super;
  width: 10px;
  background-image: url(../images/shapes/blog-details-qoute-1-2.png);
  background-repeat: no-repeat;
  height: 9px;
  margin-left: 10px
}

.blog-details__content blockquote h4 {
  margin: 0;
  width: 200px;
  border: 3px solid var(--thm-base);
  line-height: 46px;
  text-transform: uppercase;
  font-size: 16px;
  color: #646a7a;
  background-color: #fff;
  position: absolute;
  bottom: 0;
  left: 40px;
  transform: translateY(50%);
  text-align: center
}

.blog-details__content p {
  margin-bottom: 0
}

.blog-details__content p+p {
  margin-top: 30px
}

.blog-details__comment-block {
  padding-top: 40px
}

.blog-details__comment-block>h3 {
  margin: 0;
  font-size: 30px;
  font-weight: 700;
  color: var(--thm-black);
  margin-bottom: 40px
}

.comment-one__single+.comment-one__single {
  border-top: 1px solid #e4e7ee;
  padding-top: 40px
}

.comment-one__single {
  position: relative;
  padding-left: 120px;
  padding-bottom: 30px
}

.comment-one__single>img {
  position: absolute;
  top: 0;
  left: 0
}

.comment-one__single+.comment-one__single>img {
  top: 40px
}

.comment-one__single h3 {
  margin: 0;
  font-size: 20px;
  font-weight: 600;
  display: flex;
  align-items: flex-end;
  color: var(--thm-black);
  margin-top: -5px;
  margin-bottom: 10px
}

.comment-one__single h3>span {
  color: #9aa0af;
  font-weight: 500;
  font-size: 16px;
  margin-left: 10px
}

.comment-one__single p {
  margin: 0;
  color: #6a6a7a;
  font-size: 18px;
  line-height: 28px;
  margin-bottom: 15px
}

.comment-one__reply {
  font-size: 18px;
  font-weight: 500;
  font-family: var(--heading-font);
  color: var(--thm-base);
  transition: all .5s ease
}

.comment-one__reply:hover {
  color: var(--thm-black)
}

.case-one {
  padding-top: 120px;
  padding-bottom: 120px
}

.case-one__single {
  margin-bottom: 30px
}

.case-one__image {
  overflow: hidden;
  background-color: #000000de;
  position: relative
}

.case-one__image>img {
  width: 100%;
  opacity: 1;
  transform: scale(1);
  transition: transform .5s ease, opacity .5s ease
}

.case-one__single:hover .case-one__image>img {
  opacity: .1;
  transform: scale(1.05)
}

.case-one__more-link {
  border-radius: 0;
  background-color: #fff;
  width: 56px;
  height: 56px;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #9aa0af;
  border: 1px solid #e4e7ee;
  font-size: 24px;
  transition: all .5s ease;
  position: absolute;
  top: -28px;
  right: 30px;
  z-index: 10;
  border-radius: 50%;
  border-top-right-radius: 0
}

.case-one__more-link:hover,
.case-one__single:hover .case-one__more-link {
  background-color: #005b99;
  border-color: #005b99;
  border-radius: 50%;
  border-top-right-radius: 0;
  color: #fff
}

.case-one__content {
  padding-left: 30px;
  padding-right: 30px;
  padding-bottom: 0;
  background-color: #fff;
  position: relative;
  padding-top: 35px;
  box-shadow: 0 20px 40px 0 rgba(0, 0, 0, .08)
}

.case-one__content h3 {
  margin: 0;
  font-size: 22px;
  font-weight: 600;
  color: var(--thm-black);
  border-bottom: 1px solid #e4e7ee;
  position: relative;
  padding-bottom: 15px;
  margin-bottom: 21px
}

.case-one__content h3::before {
  content: "";
  width: 50px;
  height: 1px;
  background-color: #005b99;
  position: absolute;
  bottom: -1px;
  left: 2px;
  transition: all .5s ease
}

.case-one__single:hover .case-one__content h3::before {
  width: 100%
}

.case-one__content h3 a {
  color: inherit
}

.case-one__content p {
  margin: 0;
  font-size: 18px;
  line-height: 26px;
  color: #646a7a
}

.case-one .blog-pagination {
  margin-top: 20px
}

.case-one__meta {
  display: flex;
  margin-bottom: 12px
}

.case-one__meta a {
  display: flex;
  font-family: var(--heading-font);
  color: #646a7a;
  font-weight: 600;
  font-size: 14px;
  text-transform: uppercase;
  align-items: center;
  transition: all .5s ease
}

.case-one__meta a:hover {
  color: var(--thm-base)
}

.case-one__meta a i {
  font-size: 14px;
  margin-right: 10px;
  color: var(--thm-base)
}

.case-one__meta a:hover i {
  color: var(--thm-black)
}

.case-one__content p {
  margin: 0;
  font-size: 18px;
  line-height: 26px;
  color: #646a7a
}

.case-post-filter {
  display: flex;
  margin: 0;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  margin-bottom: 56px
}

.case-post-filter li {
  cursor: pointer;
  display: flex;
  align-items: center;
  text-align: center;
  justify-content: center;
  line-height: 1em
}

.case-post-filter li+li {
  margin-left: 37px
}

.case-post-filter li span {
  font-size: 18px;
  font-weight: 500;
  color: var(--thm-black);
  transition: .5s ease;
  display: flex;
  align-items: center;
  position: relative;
  padding-left: 13px;
  line-height: 1em
}

.case-post-filter li span::before {
  content: "";
  width: 3px;
  height: 13px;
  background-color: var(--thm-base);
  position: absolute;
  top: 50%;
  left: 0;
  opacity: 0;
  transform: translateY(-50%) scale(1, 0);
  transform-origin: top;
  transition: transform .5s ease, opacity .5s ease
}

.case-post-filter li.active span,
.case-post-filter li:hover span {
  color: var(--thm-base)
}

.case-post-filter li.active span::before,
.case-post-filter li:hover span::before {
  opacity: 1;
  transform-origin: bottom;
  transform: translateY(-50%) scale(1, 1)
}

.case-two__single {
  position: relative;
  width: 100%;
  height: 370px;
  margin-bottom: 30px;
  background-color: var(--thm-black)
}

.case-two__image {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  transition: all .5s ease;
  opacity: 1;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center
}

.case-two__single:hover .case-two__image {
  opacity: .2
}

.case-two__content {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  padding-left: 30px;
  padding-bottom: 40px;
  transition: .5s ease
}

.case-two__content::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 1;
  transition: all .5s ease;
  background-image: linear-gradient(0deg, var(--thm-black) 0, rgba(255, 255, 255, 0) 60%)
}

.case-one__single:hover .case-two__content::before {
  opacity: 0
}

.case-two__single:hover .case-two__content {
  background-image: none
}

.case-two__more-link {
  position: absolute;
  top: 30px;
  right: 30px;
  width: 56px;
  height: 56px;
  border: 2px solid #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  color: #fff;
  transition: all .5s ease;
  z-index: 10
}

.case-two__more-link:hover,
.case-two__single:hover .case-two__more-link {
  font-size: 24px;
  color: #fff;
  border-top-left-radius: 50%;
  border-bottom-right-radius: 50%;
  background-color: var(--thm-base);
  border-color: var(--thm-base)
}

.case-two__content h3 {
  position: relative;
  color: #fff;
  font-size: 22px;
  font-weight: 600;
  margin: 0;
  line-height: 1em;
  z-index: 10;
  padding-top: 20px;
  margin-top: 20px
}

.case-two__content h3::before {
  content: "";
  width: 50px;
  height: 2px;
  background-color: #fff;
  position: absolute;
  top: 0;
  left: 0
}

.case-two__content h3 a {
  color: inherit;
  transition: all .5s ease
}

.case-two__content h3 a:hover {
  color: var(--thm-base)
}

.case-two__meta {
  position: relative;
  z-index: 10;
  display: flex;
  align-items: center
}

.case-two__meta a {
  line-height: 1em;
  color: #fff;
  transition: all .5s ease
}

.case-two__meta a:hover {
  color: var(--thm-base)
}

.case-three__carousel .owl-dots {
  display: flex;
  justify-content: flex-end;
  padding-right: 30px
}

.case-three__carousel .case-two__more-link {
  top: auto;
  bottom: 30px;
  background-color: #fff;
  color: var(--thm-black);
  z-index: 20
}

.case-three__carousel .case-two__more-link:hover {
  background-color: var(--thm-base);
  color: #fff
}

.case-details__main {
  padding-top: 105px;
  padding-bottom: 60px
}

.case-details__meta hr {
  margin: 0;
  border-color: #e4e7ee
}

[class*=col-]:not(:last-of-type) .case-details__meta-single {
  border-right: 1px solid #e4e7ee
}

.case-details__meta-single {
  position: relative;
  padding-left: 115px;
  margin-top: 30px;
  margin-bottom: 30px
}

.case-details__meta-single i {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  font-size: 60px;
  color: var(--thm-base);
  left: 0
}

[class*=col-]:first-of-type .case-details__meta-single {
  padding-left: 85px
}

[class*=col-]:not(:first-of-type) .case-details__meta-single i {
  left: 30px
}

.case-details__meta-single h3 {
  margin: 0;
  font-size: 22px;
  font-weight: 600;
  color: var(--thm-black);
  position: relative;
  padding-top: 10px
}

.case-details__meta-single h3::before {
  content: "";
  width: 50px;
  height: 2px;
  background-color: var(--thm-base);
  position: absolute;
  top: 0;
  left: 0
}

.case-details__meta-single p {
  margin: 0;
  font-size: 18px;
  color: #646a7a
}

.case-details__content-icon {
  width: 90px;
  height: 90px;
  background-color: var(--thm-black);
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  margin-bottom: 30px
}

.case-details__content-icon i {
  font-size: 50px;
  color: var(--thm-base)
}

.case-details__content h3 {
  margin: 0;
  color: var(--thm-black);
  font-weight: 700;
  line-height: 1.2;
  font-size: 30px;
  margin-bottom: 26px
}

.case-details__content p {
  margin: 0;
  font-size: 18px;
  line-height: 1.44;
  color: #646a7a
}

.case-details__content-link {
  display: inline-block;
  color: var(--thm-black);
  font-size: 18px;
  font-weight: 600;
  font-family: var(--heading-font);
  line-height: 1;
  transition: .5s;
  border-bottom: 2px solid #c6ccd2;
  padding-bottom: 5px;
  margin-top: 30px
}

.case-details__content-link:hover {
  color: var(--thm-base)
}

.case-details__content-link:hover i {
  color: var(--thm-black)
}

.case-details__content-link i {
  color: var(--thm-base);
  font-size: 20px;
  margin-right: 10px
}

.case-details__challenge:not(:last-of-type) {
  margin-bottom: 110px
}

.case-details__images {
  position: relative;
  margin-bottom: 40px
}

.case-details__images::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 40px;
  background-color: var(--thm-base);
  height: 2px;
  width: 70px;
  z-index: 10;
  display: block
}

.case-details__images h3 {
  margin-bottom: 0;
  position: absolute;
  bottom: 40px;
  left: 40px;
  line-height: 1;
  font-size: 30px;
  font-weight: 600;
  color: #fff
}

.case-details__list {
  margin-bottom: 0;
  margin-top: 30px
}

.case-details__list li {
  position: relative;
  padding-left: 75px
}

.case-details__list li+li {
  margin-top: 35px
}

.case-details__list li>i {
  color: var(--thm-base);
  font-size: 16px;
  left: 40px;
  top: 5px;
  position: absolute
}

.case-details__list li h4 {
  margin: 0;
  color: var(--thm-black);
  font-size: 22px;
  font-weight: 600;
  margin-bottom: 10px
}

.case-details__pagination hr {
  border-color: #e4e7ee;
  margin: 0;
  margin-bottom: 40px;
  margin-top: 80px
}

.case-details__pagination-left,
.case-details__pagination-right {
  display: flex;
  align-items: center
}

.case-details__pagination-content p {
  text-transform: uppercase;
  color: #646a7a;
  font-size: 14px;
  display: flex;
  align-items: center;
  font-family: var(--heading-font);
  font-weight: 600;
  line-height: 1;
  margin: 0
}

.case-details__pagination-content p i {
  color: var(--thm-base);
  margin-right: 10px
}

.case-details__pagination-right .case-details__pagination-content p i {
  margin-right: 0;
  margin-left: 10px
}

.case-details__pagination-right .case-details__pagination-content p {
  flex-direction: row-reverse
}

.case-details__pagination-right {
  flex-direction: row-reverse
}

.case-details__pagination-right .case-details__pagination-content {
  text-align: right
}

.case-details__pagination-content span {
  display: flex;
  align-items: center;
  color: #646a7a;
  font-size: 18px;
  line-height: 1;
  font-weight: 500
}

.case-details__pagination-content span i {
  margin-right: 10px
}

.case-details__pagination-content h3 a {
  color: inherit;
  transition: .5s
}

.case-details__pagination-content h3 a:hover {
  color: var(--thm-base)
}

.case-details__pagination-content h3 {
  margin: 0;
  color: var(--thm-black);
  font-size: 20px;
  font-weight: 600;
  line-height: 1.5;
  margin-top: 5px;
  margin-bottom: 15px
}

.case-details__pagination-right .case-details__pagination-content span {
  flex-direction: row-reverse
}

.case-details__pagination-right .case-details__pagination-content span i {
  margin-right: 0;
  margin-left: 10px
}

.case-details__pagination-thumb {
  margin-right: 20px
}

.case-details__pagination-right .case-details__pagination-thumb {
  margin-right: 0;
  margin-left: 20px
}

.case-details__pagination-more {
  font-size: 37px;
  color: #9aa0af;
  transition: .5s
}

.case-details__pagination-more:hover {
  color: var(--thm-base)
}

.related-cases {
  padding-bottom: 120px;
  padding-top: 110px
}

.related-cases__title {
  margin: 0;
  color: var(--thm-black);
  font-size: 30px;
  font-weight: 700;
  line-height: 1.133;
  margin-bottom: 30px
}

.related-cases .case-two__single {
  margin-bottom: 0
}

.industries-one {
  padding-top: 120px;
  padding-bottom: 90px
}

.industries-one__single {
  margin-bottom: 30px
}

.industries-one__image {
  overflow: hidden;
  background-color: var(--thm-black)
}

.industries-one__image>img {
  width: 100%;
  opacity: 1;
  transform: scale(1);
  transition: opacity .5s ease, transform .5s ease
}

.industries-one__single:hover .industries-one__image>img {
  transform: scale(1.05);
  opacity: .1
}

.industries-one__content {
  background-color: #fff;
  position: relative;
  transition: all .5s ease;
  box-shadow: 0 30px 30px 0 rgba(0, 0, 0, .05)
}

.industries-one__single:hover .industries-one__content {
  box-shadow: 0 40px 40px 0 rgba(0, 0, 0, .08)
}

.industries-one__content h3 {
  color: var(--thm-black);
  font-size: 22px;
  font-weight: 600;
  margin: 0;
  padding-bottom: 15px;
  margin-bottom: 16px;
  border-bottom: 1px solid #e4e7ee
}

.industries-one__content h3 a {
  color: inherit;
  transition: all .5s ease
}

.industries-one__content h3 a:hover {
  color: var(--thm-base)
}

.industries-one__content p {
  margin: 0;
  font-size: 18px;
  line-height: 26px;
  color: #646a7a
}

.industries-one__content-left {
  width: calc(100% - 80px);
  padding-left: 20px;
  padding-right: 20px;
  padding-top: 25px;
  padding-bottom: 22px
}

.industries-one__content-right {
  width: 80px;
  background-color: #f1f3f5;
  display: flex;
  flex-direction: column;
  border: 1px solid #e4e7ee;
  border-top: 0;
  border-bottom: 0;
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  transform: scale(1, 1);
  transform-origin: left;
  transition: transform .5s ease
}

.industries-one__single:hover .industries-one__content-right {
  transform-origin: right;
  transform: scale(0, 1)
}

.industries-one__icon i {
  font-size: 56px;
  color: var(--thm-base)
}

.industries-one__icon {
  height: 110px;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center
}

.industries-one__more-link {
  width: 100%;
  background-color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  position: absolute;
  bottom: 0;
  left: 0
}

.industries-one__more-link i {
  font-size: 24px;
  color: #9aa0af;
  line-height: 47px
}

.industries-one__content-hover {
  position: absolute;
  top: 0;
  right: 0;
  opacity: 0;
  transform: translateX(10px);
  transition: opacity .5s ease, transform .5s ease;
  border: 1px solid #e4e7ee;
  padding-bottom: 16px;
  border-top: 0;
  border-bottom: 0;
  width: 80px;
  height: 100%;
  background-color: #f1f3f5;
  display: flex;
  justify-content: center;
  align-items: center
}

.industries-one__single:hover .industries-one__content-hover {
  opacity: 1;
  transform: translateX(0)
}

.industries-one__content-hover a {
  display: flex;
  text-transform: uppercase;
  align-items: center;
  transform: rotate(-90deg) translateY(50%) translateX(-8%);
  transform-origin: center bottom;
  color: var(--thm-black);
  font-size: 18px;
  font-weight: 700
}

.industries-one__content-hover a i {
  font-size: 24px;
  color: var(--thm-base);
  margin-right: 10px
}

.industries-one__content-hover>i {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  background-color: var(--thm-base);
  display: flex;
  justify-content: center;
  align-items: center;
  color: #fff;
  width: 66px;
  height: 66px;
  border-radius: 50%;
  font-size: 42px
}

.industries-details {
  padding-top: 120px;
  padding-bottom: 120px
}

.industries-details__gallery {
  width: 100%;
  display: grid;
  grid-gap: 10px;
  margin-bottom: 50px;
  grid-template-columns: 1fr 1fr 1fr 1fr
}

.industries-details__gallery-image:first-child {
  grid-column-start: 1;
  grid-column-end: 3
}

.industries-details__gallery-image:nth-child(6) {
  grid-column-start: 3;
  grid-column-end: -1
}

.industries-details__content .block-title {
  margin-bottom: 20px
}

.industries-details__tab {
  padding: 40px 30px;
  background-color: #fff;
  margin-top: 50px;
  box-shadow: 0 0 40px 0 rgba(0, 0, 0, .12)
}

.industries-details__tab-list {
  margin-bottom: 0;
  border: 1px solid #e4e7ee;
  display: flex
}

.industries-details__tab-list li+li {
  border-top: 1px solid #e4e7ee
}

.industries-details__tab-list li {
  background-color: #fff;
  flex: 1 1 100%;
  transition: .5s;
  position: relative
}

.industries-details__tab-list li::before {
  content: "";
  position: absolute;
  left: -10px;
  top: 0;
  width: calc(100% + 10px);
  height: 100%;
  background-color: var(--thm-base);
  transform: scaleX(0);
  transform-origin: left top;
  transition: transform .5s ease
}

.industries-details__tab-list li.active::before,
.industries-details__tab-list li:hover::before {
  transform: scaleX(1)
}

.industries-details__tab-list li::after {
  content: "";
  position: absolute;
  top: 100%;
  left: -10px;
  width: 10px;
  height: 15px;
  -webkit-clip-path: polygon(100% 0, 0 0, 100% 100%);
  clip-path: polygon(100% 0, 0 0, 100% 100%);
  background-color: #861333;
  opacity: 0;
  transition: opacity .5s ease
}

.industries-details__tab-list li.active::after,
.industries-details__tab-list li:hover::after {
  opacity: 1
}

.industries-details__tab-list li:hover {
  background-color: var(--thm-base)
}

.industries-details__tab-list li a {
  color: var(--thm-black);
  font-size: 20px;
  line-height: 30px;
  font-family: var(--heading-font);
  font-weight: 600;
  display: block;
  padding-top: 20px;
  padding-bottom: 20px;
  padding-left: 30px;
  padding-right: 30px;
  transition: .5s;
  position: relative;
  background-color: transparent;
  border: none !important
}

.industries-details__tab-list li.active a,
.industries-details__tab-list li.active a.nav-link,
.industries-details__tab-list li:hover a,
.industries-details__tab-list li:hover a.nav-link {
  color: #fff;
  background-color: var(--thm-base)
}

.industries-details__tab-box img {
  max-width: 100%
}

.industries-details__tab-box p {
  margin: 0;
  margin-top: 20px;
  margin-bottom: 10px
}

.industries-details__tab-box a {
  color: var(--thm-black);
  font-size: 18px;
  font-family: var(--heading-font);
  font-weight: 600;
  transition: .5s
}

.industries-details__tab-box a:hover {
  color: var(--thm-base)
}

.industries-details__tab-box a i {
  font-size: 19px;
  position: relative;
  top: 1px;
  margin-left: 5px
}

.industries-details__form {
  margin-top: 40px
}

.industries-details__form .bootstrap-select>.dropdown-toggle,
.industries-details__form input:not([type=checkbox]):not([type=radio]):not([type=submit]),
.industries-details__form textarea {
  width: 100%;
  border: none;
  outline: 0 !important;
  background-color: #fff;
  border-radius: 0;
  border: 1px solid #e4e7ee;
  color: #646a7a;
  font-size: 18px;
  padding-left: 20px;
  height: 60px;
  margin-bottom: 20px;
  display: block
}

.industries-details__form textarea {
  height: 120px;
  padding-top: 15px
}

.industries-details__form ::placeholder {
  opacity: 1;
  color: #646a7a
}

.industries-details__form .bootstrap-select>.dropdown-toggle .filter-option {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center
}

.industries-details__form .dropdown-toggle::after {
  position: absolute;
  top: 50%;
  right: 20px;
  -webkit-transform: translateY(-3px);
  transform: translateY(-3px)
}

.industries-details__form .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
  width: 100%
}

.industries-details__form .thm-btn {
  padding: 17px 60.4px;
  color: #fff;
  background-color: var(--thm-black)
}

.industries-details__form .thm-btn:hover {
  background-color: var(--thm-base);
  color: #fff
}

.industries-details__form h3 {
  margin: 0;
  font-size: 30px;
  font-weight: 700;
  color: var(--thm-black);
  font-family: var(--heading-font);
  margin-bottom: 10px
}

.industries-details__form p {
  font-size: 18px;
  line-height: 26px;
  color: #646a7a;
  margin: 0;
  margin-bottom: 32px
}

.industries-sidebar__single+.industries-sidebar__single {
  margin-top: 50px
}

.industries-sidebar__categories {
  margin: 0
}

.industries-sidebar__categories li {
  display: flex;
  border: 1px solid #e4e7ee;
  align-items: center;
  background-color: #fff;
  transition: all .5s ease;
  position: relative
}

.industries-sidebar__categories li::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 3px;
  background-color: var(--thm-base);
  transform: scaleX(0);
  transform-origin: left top;
  transition: transform .5s ease
}

.industries-sidebar__categories li.active::before,
.industries-sidebar__categories li:hover::before {
  transform: scaleX(1)
}

.industries-sidebar__categories li+li {
  margin-top: 10px
}

.industries-sidebar__categories li a {
  display: flex;
  align-items: center;
  text-transform: uppercase;
  font-size: 15px;
  font-family: var(--heading-font);
  font-weight: 600;
  color: var(--thm-black);
  transition: all .5s ease
}

.industries-sidebar__categories li.active a,
.industries-sidebar__categories li:hover a {
  color: var(--thm-base)
}

.industries-sidebar__categories li.active,
.industries-sidebar__categories li:hover {
  background-color: #fff;
  border-color: transparent;
  box-shadow: 0 30px 30px 0 rgba(0, 0, 0, .1)
}

.industries-sidebar__categories li a i {
  width: 70px;
  height: 70px;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  border-right: 1px solid #e4e7ee;
  font-size: 40px;
  color: #9aa0af;
  margin-right: 20px;
  transition: all .5s ease
}

.industries-sidebar__categories li.active a i,
.industries-sidebar__categories li:hover a i {
  color: var(--thm-base)
}

.industries-sidebar__cta {
  padding-top: 40px;
  padding-bottom: 40px;
  padding-left: 40px;
  padding-right: 40px
}

.industries-sidebar__cta-icon {
  width: 100px;
  height: 100px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  background-color: var(--thm-base);
  border-radius: 50%
}

.industries-sidebar__cta h3 {
  margin: 0;
  color: #fff;
  font-weight: 600;
  font-size: 22px;
  line-height: 1.36;
  padding-bottom: 20px;
  margin-bottom: 20px;
  border-bottom: 1px solid rgba(255, 255, 255, .15)
}

.industries-sidebar__cta p {
  font-size: 18px;
  color: #fff;
  line-height: 1.44;
  margin: 0
}

.industries-sidebar__cta p a {
  color: inherit
}

.industries-sidebar__cta p strong {
  font-family: var(--heading-font);
  font-weight: 600;
  color: #fff;
  font-size: 24px
}

.industries-sidebar__cta .thm-btn {
  background-color: var(--thm-base);
  color: #fff;
  margin-top: 30px
}

.industries-sidebar__cta .thm-btn:hover {
  color: var(--thm-black);
  background-color: #fff
}

.career-cta {
  padding-top: 120px;
  padding-bottom: 90px
}

.career-cta__single {
  width: 100%;
  height: 370px;
  margin-bottom: 30px
}

.career-cta__single span {
  width: 70px;
  height: 2px;
  display: flex;
  justify-content: center;
  align-items: center
}

.career-cta__box {
  position: relative;
  width: 100%;
  margin-bottom: 30px;
  height: 370px
}

.career-cta__box::before {
  content: "";
  width: 100%;
  height: 100%;
  background-color: #000;
  opacity: .65;
  position: absolute;
  top: 0;
  left: 0;
  transition: all .5s ease
}

.career-cta__box:hover::before {
  opacity: .8
}

.career-cta__box h2 {
  font-family: var(--special-font);
  color: #fff;
  font-size: 44px;
  margin: 0;
  line-height: 1em;
  position: relative
}

.career-cta__single h3 {
  margin: 0;
  color: #fff;
  font-weight: 800;
  font-size: 72px;
  font-family: var(--heading-font);
  line-height: 1em;
  margin-bottom: 15px
}

.career-cta__single p {
  margin: 0;
  font-size: 22px;
  color: #fff;
  font-family: var(--heading-font);
  font-weight: 600;
  line-height: 1em;
  margin-top: 21px
}

.career-job {
  padding-top: 0;
  padding-bottom: 90px
}

.career-job__main-top {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  margin-bottom: 60px
}

.career-job__main-top .block-title {
  margin-bottom: 0
}

.career-job__filter {
  width: 270px
}

.career-job__filter .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
  width: 100%
}

.career-job__filter .bootstrap-select>.dropdown-toggle {
  border: 1px solid #e4e7ee;
  font-size: 18px;
  border-radius: 0;
  padding: 12px 18px;
  background-color: #fff
}

.career-job__filter .bootstrap-select>.dropdown-toggle::after {
  border: none;
  content: "\f107";
  font-weight: 400;
  font-family: "Font Awesome 5 Pro";
  margin: 0;
  position: relative;
  top: 3px
}

.career-job__filter .bootstrap-select .dropdown-toggle .filter-option {
  display: flex;
  align-items: center;
  justify-content: space-between
}

.career-job__filter .dropup .dropdown-toggle::after {
  content: "\f106"
}

.career-job__single {
  margin-bottom: 30px;
  padding-left: 40px;
  padding-right: 40px;
  padding-bottom: 50px;
  padding-top: 50px;
  transition: all .5s ease;
  background-color: #f1f3f5
}

.career-job__single:hover {
  background-color: #fff;
  box-shadow: 0 0 50px 0 rgba(0, 0, 0, .1)
}

.career-job__top span {
  background-color: var(--thm-base);
  line-height: 1em;
  color: #fff;
  text-transform: uppercase;
  font-size: 13px;
  font-weight: 700;
  display: inline-block;
  vertical-align: baseline;
  padding-left: 20px;
  padding-right: 20px;
  padding-top: 9.5px;
  padding-bottom: 7.5px;
  margin-bottom: 25px
}

.career-job__top-content {
  position: relative;
  padding-left: 55px;
  padding-bottom: 21px;
  margin-bottom: 25px;
  border-bottom: 1px solid #d4d7de
}

.career-job__top-content h3 {
  margin: 0;
  font-size: 22px;
  color: var(--thm-black);
  font-weight: 600;
  font-family: var(--heading-font);
  margin-bottom: 5px
}

.career-job__top-content p {
  margin: 0;
  color: #646a7a;
  font-family: var(--heading-font);
  font-size: 16px
}

.career-job__top-content>i {
  color: var(--thm-base);
  font-size: 46px;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-75%)
}

.career-job__single>p {
  margin: 0;
  color: #646a7a;
  font-size: 18px;
  line-height: 26px
}

.career-job__list {
  margin: 0;
  margin-bottom: 38px;
  margin-top: 42px
}

.career-job__list li {
  position: relative;
  line-height: 1em;
  color: var(--thm-black);
  font-size: 18px;
  padding-left: 28px
}

.career-job__list li:not(:last-of-type) {
  border-bottom: 1px solid #d4d7de;
  padding-bottom: 20px;
  margin-bottom: 20px
}

.career-job__list li>i {
  font-size: 18px;
  color: #9aa0af;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%)
}

.career-job__list li:not(:last-of-type)>i {
  top: calc(50% - 10px)
}

.career-job__btn {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 18px;
  padding-left: 0;
  padding-right: 0;
  border-radius: 4px;
  background-color: var(--thm-black);
  color: #fff
}

.career-job__btn:hover {
  border-radius: 0;
  background-color: var(--thm-base);
  border-top-left-radius: 28px;
  border-bottom-right-radius: 28px;
  color: #fff
}

.career-job__btn>span {
  transition: .5s;
  display: flex;
  align-items: center;
  transform: translateX(9px)
}

.career-job__btn>i {
  font-size: 19px;
  opacity: 0;
  visibility: hidden;
  transform: translateX(0);
  transition: .5s;
  display: flex;
  align-items: center
}

.career-job__btn:hover>span {
  transform: translateX(-9px)
}

.career-job__btn:hover>i {
  opacity: 1;
  visibility: visible;
  transform: translateX(0)
}

.career-benefit {
  padding-top: 120px;
  padding-bottom: 120px
}

.career-benefit__main-top {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  margin-bottom: 60px
}

.career-benefit__carousel-nav {
  display: flex;
  align-items: center;
  justify-content: center
}

.career-benefit__carousel-nav__left,
.career-benefit__carousel-nav__right {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 54px;
  height: 54px;
  color: #9aa0af;
  font-size: 24px;
  cursor: pointer;
  border: 1px solid rgba(255, 255, 255, .25);
  transition: .5s
}

.career-benefit__carousel-nav__right {
  margin-left: 10px
}

.career-benefit__carousel-nav__left:hover,
.career-benefit__carousel-nav__right:hover {
  background-color: var(--thm-base);
  border-color: var(--thm-base);
  color: #fff;
  border-radius: 50%;
  border-top-right-radius: 0;
  border-bottom-left-radius: 0
}

.career-benefit__main-top .block-title {
  margin-bottom: 0
}

.career-benefit__single i {
  color: var(--thm-base);
  font-size: 60px
}

.career-benefit__single h3 {
  color: #fff;
  font-size: 22px;
  line-height: 1.14;
  font-weight: 600;
  margin: 0;
  margin-top: 30px;
  margin-bottom: 25px;
  border-right: 1px solid rgba(212, 215, 222, .5)
}

.career-benefit__single h3::before {
  content: "\e927";
  font-family: wastey-icon;
  font-size: 26px;
  color: #9aa0af;
  position: absolute;
  top: 56%;
  right: 30px;
  transform: translateY(-60%)
}

.career-benefit__single h3 a {
  color: inherit;
  transition: .5s
}

.career-benefit__single p {
  margin: 0;
  color: #9aa0af;
  font-size: 18px;
  line-height: 1.44;
  padding-right: 30px
}

.career-form {
  padding-top: 120px;
  padding-bottom: 120px
}

.career-form__form {
  padding: 60px;
  background-color: #fff;
  box-shadow: 0 0 40px 0 rgba(0, 0, 0, .12)
}

.career-form__form .bootstrap-select>.dropdown-toggle,
.career-form__form input:not([type=checkbox]):not([type=radio]):not([type=submit]),
.career-form__form textarea {
  width: 100%;
  border: none;
  outline: 0 !important;
  background-color: #fff;
  border-radius: 0;
  font-size: 18px;
  border: 1px solid #e4e7ee;
  color: #646a7a;
  padding-left: 20px;
  height: 60px;
  margin-bottom: 30px;
  display: block
}

.career-form__form textarea {
  height: 170px;
  padding-top: 15px
}

.career-form__form ::placeholder {
  opacity: 1;
  color: #646a7a
}

.career-form__form .bootstrap-select>.dropdown-toggle .filter-option {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center
}

.career-form__form .dropdown-toggle::after {
  position: absolute;
  top: 50%;
  right: 20px;
  -webkit-transform: translateY(-3px);
  transform: translateY(-3px)
}

.career-form__form .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
  width: 100%
}

.career-form__form .thm-btn {
  padding: 17px 60.4px;
  color: #fff;
  width: 100%;
  background-color: var(--thm-black)
}

.career-form__form .thm-btn:hover {
  background-color: var(--thm-base);
  color: #fff
}

.faq-one {
  padding-top: 120px;
  padding-bottom: 85px
}

.faq-one-accrodion {
  counter-reset: faqCounter
}

.faq-one-accrodion .accrodion {
  padding-left: 98px;
  padding-right: 98px;
  border: 1px solid #e4e7ee;
  background-color: #fff;
  padding-top: 50px;
  padding-bottom: 15px;
  cursor: pointer;
  position: relative;
  counter-increment: faqCounter
}

.faq-one-accrodion .accrodion::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border: 2px solid var(--thm-base);
  opacity: 0;
  transition: .5s
}

.faq-one-accrodion .accrodion.active::before {
  opacity: 1
}

.faq-one-accrodion .accrodion+.accrodion {
  margin-top: 35px
}

.faq-one-accrodion .accrodion:nth-child(2n) {
  background-color: #f1f3f5
}

.faq-one-accrodion .accrodion-title {
  padding-bottom: 30px;
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: center
}

.faq-one-accrodion .accrodion-title::before {
  font-family: var(--heading-fontj);
  font-size: 30px;
  line-height: 1em;
  color: #9aa0af;
  content: counters(faqCounter, ".", decimal-leading-zero) ".";
  -webkit-transition: all .5s ease;
  transition: all .5s ease;
  height: 50px;
  display: flex;
  align-items: center;
  border-right: 1px solid #d4d7de;
  padding-right: 20px;
  margin-right: 30px
}

.faq-one-accrodion .accrodion-title::after {
  position: absolute;
  top: 35%;
  transform: translateY(-50%) rotate(90deg);
  color: #9aa0af;
  right: 0;
  content: "\e927";
  font-family: wastey-icon;
  font-size: 30px;
  transition: .5s
}

.faq-one-accrodion .active .accrodion-title::after {
  transform: translateY(-50%) rotate(-90deg)
}

@media (max-width:375px) {
  .faq-one-accrodion .accrodion-title::after {
    display: none
  }
}

.faq-one-accrodion .accrodion.active .accrodion-title::before {
  color: var(--thm-base)
}

.faq-one-accrodion .accordion-title__inner p {
  font-family: var(--heading-font);
  font-size: 14px;
  font-weight: 600;
  color: #646a7a;
  text-transform: uppercase;
  display: flex;
  align-items: center;
  margin: 0;
  transition: .5s
}

.faq-one-accrodion .accrodion.active .accordion-title__inner p {
  color: var(--thm-base)
}

.faq-one-accrodion .accordion-title__inner p i {
  color: var(--thm-base);
  margin-right: 10px
}

.faq-one-accrodion .accordion-title__inner h4 {
  margin: 0;
  color: var(--thm-black);
  font-size: 22px;
  font-weight: 600
}

.faq-one-accrodion .accrodion-content {
  border-top: 1px solid #d4d7de;
  padding-bottom: 25px;
  padding-top: 25px;
  position: relative
}

.faq-one-accrodion .accrodion-content p {
  margin: 0;
  font-size: 18px;
  line-height: 26px;
  color: #646a7a
}

.service-one {
  padding-top: 120px;
  padding-bottom: 120px
}

.service-one__single {
  background-color: var(--thm-black);
  position: relative
}

.service-one__single h3 {
  margin: 0;
  color: #fff;
  font-size: 22px;
  line-height: 1.36;
  font-weight: 600;
  padding-left: 28px;
  position: relative;
  padding-right: 30px
}

.service-one__main {
  opacity: 1;
  visibility: visible;
  transition: .5s ease
}

.service-one__single:hover .service-one__main {
  opacity: 0;
  visibility: hidden
}

.service-one__main h3 {
  margin-top: 146px
}

.service-one__main h3:before {
  content: '';
  width: 50px;
  height: 2px;
  background-color: var(--thm-base);
  display: block;
  margin-bottom: 20px
}

.service-one__single h3 a {
  color: inherit;
  transition: .5s ease
}

.service-one__hover-inner>a,
.service-one__main>a {
  color: #9aa0af;
  font-size: 18px;
  font-weight: 600;
  font-family: var(--heading-font);
  display: flex;
  align-items: baseline;
  position: relative;
  margin-top: 30px
}

.service-one__main>a::before {
  content: '';
  width: 80px;
  height: 2px;
  background-color: #798193;
  margin-right: 10px
}

.service-one__main>a::after {
  content: '';
  width: 2px;
  height: 10px;
  position: absolute;
  left: 75px;
  bottom: 7px;
  transform: rotate(-45deg);
  background-color: #798193
}

.service-one__main {
  padding-top: 44px;
  padding-bottom: 30px;
  position: relative;
  overflow: hidden
}

.service-one__main::before {
  content: '';
  width: 256px;
  height: 256px;
  background-image: url(../images/shapes/service-shape-1-1.png);
  position: absolute;
  top: 0;
  left: 0;
  transform: translateX(-20%) translateY(-20%)
}

.service-one__hover-inner>i,
.service-one__main>i {
  color: #9aa0af;
  font-size: 80px;
  margin-left: 30px
}

.service-one__hover-inner>i {
  color: #fff
}

.service-one__hover {
  position: absolute;
  top: 0;
  left: 0;
  width: calc(200% + 30px);
  height: 100%;
  background-repeat: no-repeat;
  background-position: right center;
  z-index: 20;
  display: flex;
  overflow: hidden;
  opacity: 0;
  visibility: hidden;
  transform: scaleX(0);
  transition: .5s ease;
  transform-origin: left center
}

.container-fluid .service-one__hover {
  width: calc(200% + 0px);
  background-color: #fff;
  background-image: none !important
}

.service-one__single:hover .service-one__hover {
  transform: scaleX(1);
  opacity: 1;
  visibility: visible
}

.service-one__hover-inner {
  background-color: var(--thm-base);
  width: 50%;
  display: flex;
  flex-direction: column;
  position: relative;
  padding-top: 40px;
  padding-right: 25px
}

.service-one__hover-inner::before {
  content: '';
  width: 30px;
  height: 100%;
  background-image: url(../images/shapes/service-shape-1-2.png);
  background-repeat: no-repeat;
  background-position: center;
  position: absolute;
  top: 0;
  left: 100%;
  display: none
}

.container .service-one__hover-inner::before {
  display: block
}

.service-one__hover::after {
  content: '';
  width: 256px;
  height: 256px;
  background-image: url(../images/shapes/service-shape-1-1-h.png);
  position: absolute;
  top: 0;
  left: 0;
  transform: translateX(-20%) translateY(-20%)
}

.service-one__hover-inner h3 {
  position: relative;
  z-index: 10;
  padding-left: 30px;
  margin-top: 33px
}

.service-one__hover-inner h3::after {
  content: '';
  display: block;
  width: 50px;
  background-color: #fff;
  height: 2px;
  margin-top: 25px;
  margin-bottom: 25px
}

.service-one__hover-inner p {
  position: relative;
  z-index: 10;
  padding-left: 30px;
  font-size: 18px;
  line-height: 28px;
  color: #fff;
  margin: 0;
  margin-bottom: 29px
}

.service-one__hover-inner>a {
  position: relative;
  color: #fff;
  align-items: center;
  z-index: 10;
  margin: 0;
  margin-left: 30px
}

.service-one__hover-inner>a>span {
  display: flex;
  position: relative;
  width: 50px;
  height: 2px;
  background-color: #fff;
  margin-right: 10px
}

.service-one__hover-inner>a>span::after,
.service-one__hover-inner>a>span::before {
  content: '';
  width: 2px;
  height: 10px;
  background-color: #fff;
  position: absolute;
  left: 45px
}

.service-one__hover-inner>a>span::before {
  bottom: 0;
  transform: rotate(-45deg)
}

.service-one__hover-inner>a>span::after {
  bottom: -7px;
  transform: rotate(45deg)
}

.service-one .thm__owl-carousel .item,
.service-one .thm__owl-carousel .owl-item {
  z-index: 10;
  position: relative
}

.service-one .owl-dots {
  margin-top: 80px !important
}

.service-one .owl-stage-outer {
  overflow: visible
}

.service-one .owl-stage-outer .owl-item {
  opacity: 0;
  visibility: hidden;
  transition: .5s
}

.service-one .owl-stage-outer .owl-item.active {
  opacity: 1;
  visibility: visible
}

.service-one .container-fluid {
  padding-left: 75px;
  padding-right: 75px
}

@media(max-width:1440px) {
  .service-one .container-fluid {
    padding-left: 30px;
    padding-right: 30px
  }
}

.service-one__home-one {
  padding-bottom: 90px
}

.service-one__home-one .service-one__single {
  margin-bottom: 30px
}

.service-details {
  padding-top: 120px;
  padding-bottom: 120px
}

.service-details__main p,
.service-details__title {
  margin: 0
}

.service-details__title {
  color: var(--thm-black);
  font-size: 30px;
  font-weight: 600;
  margin-bottom: 15px
}

.service-details__check-list {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 0;
  gap: 30px;
  margin-top: 40px;
  margin-bottom: 70px
}

.service-details__check-list li {
  flex: 1 1 calc(50% - 30px);
  margin-top: -10px;
  border-style: solid;
  border-width: 1px;
  border-color: #e4e7ee;
  position: relative;
  padding-left: 55px;
  font-size: 20px;
  color: var(--thm-black);
  font-family: var(--heading-font);
  font-weight: 600;
  padding-top: 21px;
  padding-bottom: 21px;
  transition: all .5s ease
}

.service-details__check-list li:hover {
  box-shadow: 0 30px 30px 0 rgba(0, 0, 0, .1)
}

.service-details__check-list li::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 3px;
  transform: scale(0, 1);
  transform-origin: left top;
  background-color: var(--thm-base);
  transition: transform .5s ease
}

.service-details__check-list li:hover::after {
  transform: scale(1, 1)
}

.service-details__check-list li::before {
  font-family: wastey-icon;
  content: "\e93f";
  color: var(--thm-base);
  font-size: 18px;
  position: absolute;
  top: 50%;
  left: 20px;
  transform: translateY(-50%)
}

.service-details__feature {
  background-color: #fff;
  margin-bottom: 30px;
  padding-left: 40px;
  padding-right: 50px;
  box-shadow: 0 0 40px 0 rgba(0, 0, 0, .12);
  border-top: 3px solid var(--thm-base);
  position: relative;
  padding-top: 66px;
  margin-top: 40px;
  padding-bottom: 30px
}

.service-details__feature>i {
  width: 80px;
  height: 80px;
  background-color: var(--thm-base);
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  color: #fff;
  font-size: 40px;
  border-radius: 50%;
  position: absolute;
  top: 0;
  left: 40px;
  transform: translateY(-50%)
}

.service-details__feature-list {
  margin-bottom: 0;
  margin-top: 30px
}

.service-details__feature-list li {
  display: flex;
  align-items: center;
  border-top: 1px solid #e4e7ee;
  line-height: 55px;
  font-size: 18px;
  color: #646a7a
}

.service-details__feature-list li i {
  font-size: 18px;
  color: var(--thm-base);
  margin-right: 15px
}

.service-details__feature h3 {
  margin: 0;
  font-size: 22px;
  color: var(--thm-black);
  font-weight: 600
}

.service-details__feature p {
  margin: 0;
  font-size: 18px;
  color: #646a7a;
  margin-top: 5px
}

.service-details__feature a {
  color: var(--thm-black);
  font-size: 18px;
  display: inline-block;
  vertical-align: middle;
  transition: .5s
}

.service-details__feature a:hover {
  color: var(--thm-base)
}

.service-details__feature a>img {
  margin-right: 10px
}

.service-details__bullet-list {
  margin-bottom: 0
}

.service-details__bullet-list li {
  position: relative;
  font-size: 18px;
  color: #646a7a
}

.service-details__bullet-list li+li {
  margin-top: 10px
}

.service-details__bullet-list li::before {
  content: "\f04b";
  font-family: "Font Awesome 5 Pro";
  font-weight: 900;
  font-size: 13px;
  color: var(--thm-base);
  margin-right: 15px
}

.service-details__video {
  background-color: #fff;
  padding: 30px;
  box-shadow: 0 0 40px 0 rgba(0, 0, 0, .12)
}

.service-details__video>img {
  width: 100%
}

.service-details__moc {
  position: relative;
  margin-top: -15px
}

.service-details__main .thm-btn {
  background-color: var(--thm-black);
  color: #fff
}

.service-details__main .thm-btn:hover {
  background-color: var(--thm-base);
  color: #fff
}

@media (max-width:991px) {
  .service-sidebar {
    margin-bottom: 80px
  }
}

.service-sidebar__single+.service-sidebar__single {
  margin-top: 50px
}

.service-sidebar__map {
  padding-top: 40px;
  padding-bottom: 40px
}

.service-sidebar__map h3 {
  margin: 0;
  color: #fff;
  font-size: 22px;
  font-weight: 600;
  line-height: 1.36;
  margin-bottom: 20px
}

.service-sidebar__map p {
  margin: 0;
  color: #fff;
  font-size: 18px;
  margin-top: 20px
}

.service-sidebar__map p a {
  font-weight: 700;
  color: #fff;
  text-decoration: underline
}

.service-sidebar__btn {
  display: flex;
  align-items: center;
  justify-content: space-between;
  background-color: var(--thm-black);
  position: relative;
  line-height: 62px;
  padding-left: 82px;
  font-size: 18px;
  color: #9aa0af;
  padding-right: 20px;
  transition: .5s
}

.service-sidebar__btn+.service-sidebar__btn {
  margin-top: 10px
}

.service-sidebar__btn:hover {
  background-color: #fff;
  box-shadow: 0 30px 30px 0 rgba(0, 0, 0, .1);
  color: var(--thm-black)
}

.service-sidebar__btn>i {
  width: 62px;
  height: 62px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 20px;
  color: #fff;
  background-color: var(--thm-base);
  position: absolute;
  top: 0;
  left: 0;
  transition: all .5s
}

.service-sidebar__btn:hover>i {
  background-color: var(--thm-black)
}

.service-sidebar__btn b {
  color: #fff;
  transition: .5s;
  font-weight: 400
}

.service-sidebar__btn:hover b {
  color: var(--thm-black)
}

.service-sidebar__btn span {
  height: 22px;
  line-height: 22px;
  padding-left: 20px;
  transition: .5s;
  border-left: 1px solid rgba(255, 255, 255, .25)
}

.service-sidebar__btn:hover span {
  border-color: rgba(var(--thm-base-rgb), .25)
}

.service-sidebar__map-box {
  position: relative
}

.service-sidebar__map-box img {
  max-width: 100%
}

.service-sidebar__map-box .location-point {
  position: absolute;
  left: 12%;
  top: 18%;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background: var(--thm-base);
  border: 2px solid #fff;
  cursor: pointer;
  z-index: 10;
  -webkit-transition: all .4s ease;
  transition: all .4s ease
}

.service-sidebar__map-box .location-point::before {
  content: "";
  width: 4px;
  height: 4px;
  background-color: #fff;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%)
}

.service-sidebar__map-box .location-point:nth-child(2) {
  left: 36%;
  top: 43%
}

.service-sidebar__map-box .location-point:nth-child(3) {
  left: auto;
  right: 25%;
  top: 24%
}

.service-sidebar__map-box .location-point:nth-child(4) {
  left: 49%;
  bottom: 23%;
  top: inherit
}

.service-sidebar__map-box .location-point:nth-child(5) {
  left: 49%;
  bottom: 23%;
  top: inherit
}

.service-sidebar__map-box .location-point:nth-child(6) {
  left: 34%;
  bottom: 32%;
  top: inherit
}

.service-sidebar__map-box .location-point:nth-child(7) {
  left: auto;
  right: 25%;
  top: 63%
}

.service-sidebar__map-box .location-point:nth-child(8) {
  left: auto;
  right: 54%;
  top: 20%
}

.service-sidebar__map-box .location-point:nth-child(9) {
  left: auto;
  right: 41%;
  top: 47%
}

.service-sidebar__map-box .location-point:nth-child(10) {
  left: auto;
  right: 74%;
  top: 23%
}

.service-sidebar__map-box .location-point:nth-child(11) {
  left: auto;
  right: 74%;
  top: 60%
}

.service-sidebar__map-box .location-point .content {
  opacity: 0;
  position: relative;
  min-width: 130px;
  bottom: 45px;
  left: -60px;
  -webkit-transition: 1s;
  transition: 1s;
  -webkit-transform: translateY(-30px);
  transform: translateY(-30px);
  background-color: #fff;
  font-size: 14px;
  font-weight: 500;
  padding: 12.5px 10px;
  text-align: center;
  border-radius: 0;
  z-index: 9;
  pointer-events: none;
  color: var(--thm-black)
}

.service-sidebar__map-box .location-point:hover .content {
  opacity: 1;
  -webkit-transform: translateY(0);
  transform: translateY(0)
}

.service-sidebar__map-box .location-point:hover {
  background-color: #fff
}

.service-sidebar__map-box .location-point:hover:after {
  color: var(--thm-black)
}

.service-sidebar__map-box .location-point .text {
  font-size: 14px;
  font-weight: 500;
  line-height: 16px;
  color: var(--thm-black)
}

.brand-one {
  padding-top: 45.5px;
  padding-bottom: 33.5px;
  /* background-color: #f1f3f5 */
}

.brand-one .carousel__dot-one .owl-dots {
  margin-top: 40px !important
}

.brand-one .brand-one__box {
  position: relative;
  display: block
}

.brand-one .brand-one__box img {
  display: block;
  max-width: 100%;
  width: auto;
  margin: 0 auto;
  -webkit-transition: all .3s ease;
  -moz-transition: all .3s ease;
  -ms-transition: all .3s ease;
  -o-transition: all .3s ease;
  transition: all .3s ease
}

.brand-one .brand-one__box img:hover {
  opacity: 1;
  filter: grayscale(0%);
  -webkit-filter: grayscale(0%);
  -moz-filter: grayscale(0%);
  -o-filter: grayscale(0%);
  -ms-filter: grayscale(0%)
}

.award-one {
  padding-top: 120px;
  padding-bottom: 120px
}

.award-one .thm__owl-carousel .owl-stage-outer {
  overflow: visible;
  margin-bottom: 50px
}

.award-one .thm__owl-carousel .owl-item {
  opacity: 0;
  transition: .5s
}

.award-one .thm__owl-carousel .owl-item.active {
  opacity: 1
}

.award-one__single {
  display: flex;
  align-items: center;
  padding: 50px 40px;
  box-shadow: 0 0 50px 0 rgba(0, 0, 0, .1)
}

.award-one__image-inner {
  margin-right: 40px;
  width: 160px
}

.award-one__content h3 {
  margin: 0;
  font-size: 22px;
  line-height: 1.36;
  font-weight: 600;
  color: var(--thm-black);
  margin-bottom: 10px
}

.award-one__content p {
  margin: 0;
  color: #646a7a;
  font-size: 18px;
  line-height: 1.44
}

.feature-one {
  position: relative;
  padding-top: 250px
}

[class*=feature-one__bg-] {
  position: absolute;
  top: 0;
  width: 50%;
  height: 100%;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover
}

[class*=feature-one__bg-] svg {
  width: 100%;
  z-index: 10;
  position: absolute;
  top: 90px;
  left: -80px
}

[class*=feature-one__bg-]::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: .8
}

@media (max-width:1440px) {
  [class*=feature-one__bg-] svg {
    left: -50px
  }
}

.feature-one__bg-1 {
  left: 0
}

.feature-one__bg-1 svg {
  left: 0
}

.feature-one__bg-1::before {
  background-color: #b10f3c
}

.feature-one__bg-2 {
  right: 0
}

.feature-one__bg-2::before {
  background-color: #730020
}

.feature-one .high-gutters {
  margin-left: -55px;
  margin-right: -55px
}

.feature-one .high-gutters>[class*=col-] {
  padding-left: 55px;
  padding-right: 55px
}

.feature-one__single {
  background-color: var(--thm-black);
  padding: 48px 0;
  padding-left: 60px;
  padding-right: 60px;
  display: flex;
  position: relative;
  align-items: flex-start
}

.feature-one__icon i {
  color: var(--thm-base);
  font-size: 62px;
  position: relative;
  margin-right: 30px;
  display: inline-block
}

.feature-one__icon i::before {
  position: relative;
  z-index: 10
}

.feature-one__icon i::after {
  content: "";
  width: 50px;
  height: 50px;
  background-color: #1a2542;
  position: absolute;
  left: -20px;
  bottom: -20px
}

.feature-one__content span {
  text-transform: uppercase;
  font-size: 15px;
  font-weight: 600;
  font-family: var(--heading-font);
  line-height: 1;
  color: var(--thm-base);
  display: flex;
  align-items: center
}

.feature-one__content span::before {
  content: "";
  width: 40px;
  height: 2px;
  margin-right: 10px;
  background-color: var(--thm-base)
}

.feature-one__content h3 {
  margin: 0;
  font-size: 22px;
  color: #fff;
  font-weight: 600;
  line-height: 1.36;
  margin-top: 8px;
  margin-bottom: 16px
}

.feature-one__content p {
  font-size: 18px;
  line-height: 1.44;
  color: #9aa0af;
  margin: 0
}

.feature-one__single::before {
  content: "";
  position: absolute;
  top: 100%;
  right: 0;
  width: 100000px;
  background-color: var(--thm-base);
  height: 10px
}

[class*=col-]:nth-child(2n) .feature-one__single::before {
  right: auto;
  left: 0
}

.story-one {
  padding-top: 210px;
  padding-bottom: 90px;
  background-color: #f1f3f5
}

.story-one__single {
  position: relative;
  transition: .5s;
  text-align: center;
  margin-bottom: 30px;
  padding-top: 39.5px;
  padding-bottom: 39.5px
}

.story-one__single.active {
  background-color: #fff;
  box-shadow: 0 0 40px 0 rgba(0, 0, 0, .08)
}

.story-one__single:before {
  position: absolute;
  content: '';
  background: #d4d7de;
  width: 1px;
  height: 30px;
  top: 50%;
  margin-top: -46px;
  right: -15px;
  transition: all .5s ease
}

.col-lg-3:last-child .story-one__single:before {
  right: 0
}

.col-lg-3:first-child .story-one__single:after {
  position: absolute;
  content: '';
  background: #d4d7de;
  width: 1px;
  height: 30px;
  top: 50%;
  margin-top: -46px;
  left: 0;
  transition: all .5s ease
}

.story-one__single.active:after,
.story-one__single.active:before {
  opacity: 0 !important
}

.story-one__single p {
  white-space: pre-line
}

.story-one__single h4 {
  margin: 0;
  color: #c6ccd2;
  transition: .5s ease;
  margin-bottom: 10px;
  transition: .5s
}

.story-one__single.active h4 {
  color: var(--thm-black)
}

.story-one__single h3 {
  margin: 0;
  font-weight: 600;
  font-size: 22px;
  line-height: 1.36;
  color: var(--thm-black);
  margin-top: 20px;
  margin-bottom: 5px
}

.story-one__single p {
  margin: 0;
  color: #646a7a;
  font-size: 18px;
  line-height: 1.44
}

.story-one .inner-content {
  position: relative
}

.story-one .inner-content .line {
  position: absolute;
  left: 0;
  top: 145px;
  width: 100%;
  height: 1px;
  background: #cfd2d9
}

.about-one {
  padding-top: 120px;
  padding-bottom: 120px
}

.about-one__image {
  margin-left: 60px;
  position: relative
}

.about-one__image-box {
  background-repeat: no-repeat;
  background-position: top center;
  background-size: cover;
  position: absolute;
  bottom: -5px;
  left: -60px;
  width: 100%;
  max-width: 301px;
  min-height: 487px;
  padding-left: 35px;
  padding-right: 35px;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  padding-bottom: 30px
}

.about-one__image-box>i {
  font-size: 52px;
  color: var(--thm-base)
}

.about-one__image-box h3 {
  margin: 0;
  color: #fff;
  font-family: var(--thm-font);
  font-size: 24px;
  line-height: 1.25;
  margin-bottom: 15px;
  margin-top: 15px
}

.about-one__image-box a {
  display: flex;
  align-items: center;
  color: #fff;
  font-size: 18px;
  font-weight: 600;
  font-family: var(--heading-font)
}

.about-one__image-box a i {
  width: 36px;
  border-radius: 50%;
  margin-right: 9px;
  height: 36px;
  background-color: var(--thm-base);
  display: flex;
  color: #fff;
  font-size: 16px;
  text-align: center;
  justify-content: center;
  align-items: center
}

.about-one__content .block-title {
  margin-bottom: 30px
}

.about-one__content h4 {
  margin: 0;
  color: var(--thm-black);
  font-size: 22px;
  font-weight: 600;
  line-height: 1.18;
  margin-bottom: 20px
}

.about-one__content>p {
  margin: 0;
  font-size: 18px;
  line-height: 1.44;
  color: #646a7a
}

.about-one__box {
  margin-top: 30px;
  position: relative;
  padding: 30px;
  padding-bottom: 27px;
  background-color: #fff;
  margin-bottom: 15px;
  box-shadow: 0 0 40px 0 rgba(0, 0, 0, .08)
}

.about-one__box i {
  font-size: 64px;
  color: var(--thm-base)
}

.about-one__box h3 {
  margin: 0;
  position: relative;
  font-size: 22px;
  font-weight: 600;
  color: var(--thm-black)
}

.about-one__box h3::before {
  content: "";
  width: 64px;
  height: 2px;
  background-color: #e4e7ee;
  display: block;
  margin-top: 25px;
  margin-bottom: 15px
}

.about-one__box h3 a {
  color: inherit;
  transition: .5s
}

.about-one__box h3 a:hover {
  color: var(--thm-base)
}

.about-one__box>a {
  width: 50px;
  height: 50px;
  background-color: #f1f3f5;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 30px;
  font-weight: 300;
  color: #9aa0af;
  font-family: var(--heading-font);
  border-radius: 50%;
  position: absolute;
  top: 30px;
  right: 30px;
  transition: .5s
}

.about-one__box>a:hover {
  background-color: var(--thm-base);
  color: #fff
}

.about-two__btn-wrapper {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  margin-top: 35px
}

.about-two__btn-wrapper .thm-btn {
  background-color: var(--thm-black);
  color: #fff;
  width: 220px;
  margin-right: 30px;
  padding-top: 17px;
  padding-bottom: 17px;
  margin-right: 30px
}

.about-two__btn-wrapper .thm-btn:hover {
  background-color: var(--thm-base);
  color: #fff
}

.about-two__video {
  display: flex;
  flex-wrap: wrap;
  align-items: center
}

.about-two__video a {
  width: 57px;
  height: 57px;
  background-color: #fff;
  border: 1px solid var(--thm-base);
  border-radius: 6px;
  margin-right: 20px;
  padding: 3px;
  display: flex;
  justify-content: center;
  align-items: center
}

.about-two__video a i {
  width: 100%;
  height: 100%;
  border-radius: 6px;
  background-color: var(--thm-base);
  font-size: 16px;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  color: #fff;
  transition: all .5s ease
}

.about-two__video a:hover i {
  background-color: var(--thm-black);
  color: #fff
}

.about-two__video h3 {
  margin: 0;
  font-size: 18px;
  line-height: 1.44;
  font-weight: 600;
  color: var(--thm-black)
}

.company-values {
  padding-top: 120px;
  padding-bottom: 120px
}

.company-values hr {
  border-color: #e4e7ee;
  margin: 80px 0
}

.company-values__images {
  position: relative;
  margin-right: 30px
}

.flex-row-reverse .company-values__images {
  margin-right: 0;
  margin-left: 30px
}

.company-values__images>i {
  width: 130px;
  height: 130px;
  background-color: var(--thm-base);
  border: 6px solid #fff;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  font-size: 65px;
  position: absolute;
  top: 6%;
  left: 7%;
  color: #fff
}

.flex-row-reverse .company-values__images>i {
  left: auto;
  right: 7%
}

.company-values .thm-btn {
  background-color: var(--thm-black);
  color: #fff;
  padding-top: 17px;
  padding-bottom: 17px;
  padding-left: 40px;
  padding-right: 40px
}

.company-values .thm-btn:hover {
  background-color: #005b99;
  color: #fff
}

.company-values .block-title {
  margin-bottom: 0
}

.company-values .block-title h2 {
  letter-spacing: -1px
}

.company-values__list {
  margin: 0;
  margin-top: 20px;
  margin-bottom: 30px
}

.company-values__list li {
  position: relative;
  padding-left: 30px;
  font-size: 18px;
  color: #646a7a
}

.company-values__list li+li {
  margin-top: 10px
}

.company-values__list li::before {
  content: "\e96b";
  font-family: wastey-icon;
  position: absolute;
  top: 50%;
  left: 0;
  font-size: 18px;
  color: #9aa0af;
  transform: translateY(-50%)
}

.company-values .faq-one-accrodion {
  margin-top: 30px
}

.company-values .faq-one-accrodion .accrodion {
  padding: 30px;
  background-color: #fff
}

.company-values .faq-one-accrodion .accrodion-title {
  padding-bottom: 0
}

.company-values .faq-one-accrodion .accrodion-content {
  border-top: 0;
  padding-bottom: 0
}

.company-values .faq-one-accrodion .accrodion+.accrodion {
  margin-top: 20px
}

.team-one {
  padding-top: 120px;
  padding-bottom: 50px
}

.team-one__image {
  position: relative;
  margin-left: 30px;
  margin-bottom: 70px
}

.team-one__image-box {
  position: absolute;
  left: -30px;
  bottom: 30px;
  padding-bottom: 20px;
  padding-top: 15px;
  padding-left: 28px;
  padding-right: 28px;
  position: absolute;
  width: 100%;
  max-width: 180px;
  background-color: var(--thm-base);
  font-family: var(--heading-font);
  font-weight: 600;
  color: #fff;
  text-transform: uppercase;
  line-height: 1.375;
  font-size: 16px
}

.team-one__image-box-top {
  display: flex;
  align-items: center;
  margin-bottom: 5px
}

.team-one__image-box span {
  font-size: 48px;
  margin-right: 8px;
  display: flex
}

.team-one__content {
  position: relative
}

.team-one__sign {
  position: absolute;
  right: 0;
  bottom: -12px
}

.team-one__content h3 {
  margin: 0;
  color: var(--thm-black);
  font-size: 24px;
  font-weight: 600;
  margin-bottom: 10px
}

.team-one__content p {
  margin: 0;
  font-size: 18px;
  line-height: 1.44;
  color: #646a7a
}

.team-one__content p.text-uppercase {
  color: var(--thm-base);
  font-size: 14px;
  font-family: var(--heading-font);
  font-weight: 600;
  margin-bottom: 25px
}

.team-one__content blockquote {
  background-color: #fff;
  font-size: 22px;
  font-weight: 500;
  padding-top: 33px;
  padding-bottom: 33px;
  color: var(--thm-black);
  line-height: 1.36;
  margin: 0;
  padding-left: 110px;
  padding-right: 77px;
  position: relative;
  margin-top: 35px;
  margin-bottom: 43px;
  box-shadow: 0 0 40px 0 rgba(0, 0, 0, .08)
}

.team-one__content blockquote::before {
  content: "";
  width: 63px;
  height: 46px;
  background-image: url(../images/shapes/team-qoute-1-1.png);
  background-repeat: no-repeat;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 23px
}

.team-one__content blockquote::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  width: 3px;
  background-color: var(--thm-base);
  height: 46px;
  transform: translateY(-50%)
}

.team-one__social {
  display: flex;
  flex-wrap: wrap
}

.team-one__social>a+a {
  margin-left: 10px
}

.team-one__social>a {
  width: 50px;
  height: 50px;
  border: 1px solid #e4e7ee;
  border-radius: 4px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 18px;
  color: #9aa0af;
  transition: all .5s ease
}

.team-one__social>a:hover {
  border-color: var(--thm-base);
  background-color: var(--thm-base);
  color: #fff;
  border-radius: 50%;
  border-top-right-radius: 0;
  border-bottom-left-radius: 0
}

.team-two {
  padding-top: 120px;
  padding-bottom: 90px;
  background-color: #f1f3f5
}

.team-two__single {
  margin-bottom: 30px;
  display: flex;
  align-items: center;
  flex-direction: row-reverse;
  background-color: #fff;
  justify-content: space-between;
  transition: .5s
}

.team-two__image-inner {
  width: 200px;
  position: relative
}

.team-two__social {
  position: absolute;
  bottom: 0;
  right: 0;
  display: flex;
  align-items: center;
  flex-direction: row-reverse
}

.team-two__social a,
.team-two__social span {
  width: 46px;
  height: 46px;
  background-color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  transition: .5s;
  cursor: pointer
}

.team-two__social a {
  background-color: var(--thm-base);
  color: #fff;
  opacity: 0;
  visibility: hidden;
  transition: .5s;
  transform: translateX(-50%)
}

.team-two__social:hover a {
  opacity: 1;
  transform: translateX(0);
  visibility: visible
}

.team-two__social a:hover {
  background-color: var(--thm-black)
}

.team-two__image-inner>img {
  width: 100%
}

.team-two__content {
  padding-left: 70px;
  position: relative
}

.team-two__single:hover {
  box-shadow: 0 0 30px 0 rgba(0, 0, 0, .1)
}

.team-two__content::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 40px;
  width: 2px;
  height: 50px;
  transform: translateY(-50%);
  background-color: #e4e7ee;
  transition: .5s
}

.team-two__single:hover .team-two__content::before {
  background-color: var(--thm-base)
}

.team-two__content h3 {
  margin: 0;
  color: var(--thm-black);
  font-size: 22px;
  font-weight: 600
}

.team-two__content p {
  margin: 0;
  font-size: 18px;
  color: var(--thm-base)
}

.team-three {
  padding-top: 30px;
  padding-bottom: 130px
}

.team-three__item {
  text-align: center
}

.team-three__carousel {
  z-index: 20;
  position: relative
}

.team-three__carousel .owl-stage-outer {
  overflow: visible
}

.team-three__carousel .owl-item {
  visibility: hidden;
  opacity: 0;
  transition: .5s
}

.team-three__carousel .owl-item.active {
  visibility: visible;
  opacity: 1
}

.team-three__content {
  visibility: hidden;
  opacity: 0;
  transition: transform .5s, visibility .5s, opacity .5s;
  position: relative;
  z-index: 15;
  background-color: #fff;
  margin-top: 0;
  padding-left: 40px;
  padding-right: 40px;
  padding-top: 15px;
  padding-bottom: 20px;
  top: 5px
}

.center .team-three__content {
  transform: scale(1.1);
  visibility: visible;
  opacity: 1;
  box-shadow: 0 0 40px 0 rgba(0, 0, 0, .15);
  transform: top center
}

.center .team-three__content p {
  transform: scale(.9)
}

.team-three__content p {
  color: #646a7a;
  font-size: 18px;
  line-height: 26px;
  margin: 0
}

.team-three__image {
  position: relative;
  padding: 6px;
  box-shadow: 0 0 40px 0 rgba(0, 0, 0, .15);
  background-color: #fff;
  transition: .5s;
  transform-origin: center bottom
}

.team-three__image::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border: 6px solid #fff;
  background-image: linear-gradient(0deg, #071230 0, rgba(255, 255, 255, 0) 76%, #071230 100%)
}

.team-three__social {
  position: absolute;
  top: 4px;
  left: -2px;
  display: flex;
  align-items: center;
  opacity: 0;
  transition: all .5s ease
}

.team-three__carousel .center .team-three__social {
  opacity: 1
}

.team-three__social a,
.team-three__social span {
  width: 46px;
  height: 46px;
  background-color: var(--thm-base);
  color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  transition: .5s;
  cursor: pointer
}

.team-three__social a {
  background-color: var(--thm-black);
  color: #fff;
  opacity: 0;
  visibility: hidden;
  transition: .5s;
  transform: translateX(50%)
}

.team-three__social:hover a {
  opacity: 1;
  transform: translateX(0);
  visibility: visible
}

.team-three__social a:hover {
  background-color: var(--thm-base)
}

.team-three__meta {
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  text-align: center;
  width: 100%;
  z-index: 10;
  padding-bottom: 30px
}

.team-three__carousel .center {
  position: relative;
  z-index: 10
}

.team-three__carousel .center .team-three__image {
  transform: scale(1.1)
}

.team-three__carousel .center .team-three__social {
  transform: scale(.9)
}

.team-three__carousel .center .team-three__meta {
  transform: scale(.9) translateX(-50%);
  left: 45%
}

.team-three__meta h3 {
  margin: 0;
  color: #fff;
  font-size: 22px;
  font-weight: 600;
  margin-bottom: 5px
}

.team-three__meta p {
  margin: 0;
  font-size: 18px;
  color: #9aa0af
}

.team-three .container {
  position: relative
}

.team-three .container::after,
.team-three .container::before {
  content: '';
  width: 170px;
  height: 1px;
  background-color: #e4e7ee;
  position: absolute;
  bottom: 15px;
  z-index: -1
}

.team-three .container::after {
  right: 15px
}

.team-three .container::before {
  left: 15px
}

.team-three__carousel-nav {
  position: absolute;
  bottom: -10px;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
  max-width: 830px;
  padding-left: 20px;
  padding-right: 20px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  z-index: 21
}

.team-three__carousel-nav-left,
.team-three__carousel-nav-right {
  border-style: solid;
  border-width: 1px;
  border-color: #e4e7ee;
  border-radius: 4px;
  display: flex;
  align-items: center;
  font-size: 18px;
  font-weight: 600;
  color: var(--thm-black);
  transition: .5s;
  padding: 13px 41px;
  position: relative;
  z-index: 25
}

.team-three__carousel-nav-left:hover,
.team-three__carousel-nav-right:hover {
  background-color: var(--thm-black);
  color: #fff;
  border-color: #fff
}

.team-three__carousel-nav-right {
  flex-direction: row-reverse
}

.team-three__carousel-nav-left i,
.team-three__carousel-nav-right i {
  font-size: 19px;
  margin-right: 10px
}

.team-three__carousel-nav-right i {
  margin-right: 0;
  margin-left: 10px
}

.pull-right {
  float: right
}

.pull-left {
  float: left
}

.banner-section {
  position: relative
}

.banner-section .banner-carousel,
.banner-section .banner-carousel-2 {
  position: relative;
  overflow: hidden
}

.banner-section .banner-carousel .slide-item {
  position: relative;
  padding: 71px 0 71px 0
}

.banner-section .banner-carousel .slide-item:before {
  position: absolute;
  content: '';
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 1
}

.banner-section .banner-carousel .slide-item .image-layer,
.banner-section .banner-carousel-2 .slide-item .image-layer {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  -webkit-transition: all 6s linear;
  -moz-transition: all 6s linear;
  -ms-transition: all 6s linear;
  -o-transition: all 6s linear;
  transition: all 6s linear
}

.banner-section .banner-carousel .active .slide-item .image-layer,
.banner-section .banner-carousel-2 .active .slide-item .image-layer {
  -webkit-transform: scale(1.15);
  -ms-transform: scale(1.15);
  transform: scale(1.15)
}

.banner-section .content-box {
  position: relative;
  display: block;
  max-width: 650px;
  text-align: left;
  z-index: 5;
  width: 100%
}

.banner-section .content-box h5 {
  position: relative;
  display: inline-block;
  font-size: 18px;
  line-height: 20px;
  color: #fff;
  font-weight: 600;
  margin-bottom: 23px;
  padding-left: 70px;
  text-transform: uppercase;
  opacity: 0;
  -webkit-transform: translateY(-100px);
  -moz-transform: translateY(-100px);
  -ms-transform: translateY(-100px);
  -o-transform: translateY(-100px);
  transform: translateY(-100px);
  -webkit-transition: all .7s ease;
  -moz-transition: all .7s ease;
  -ms-transition: all .7s ease;
  -o-transition: all .7s ease;
  transition: all .7s ease
}

.banner-section .content-box h5:before {
  position: absolute;
  content: '';
  background-color: #ec3037;
  width: 50px;
  height: 2px;
  left: 0;
  bottom: 9px
}

.banner-section .active .content-box h5 {
  opacity: 1;
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
  -webkit-transition-delay: 0.7s;
  -moz-transition-delay: 0.7s;
  -ms-transition-delay: 0.7s;
  -o-transition-delay: 0.7s;
  transition-delay: 0.7s
}

.banner-section .content-box h1 {
  position: relative;
  display: block;
  font-size: 60px;
  line-height: 72px;
  font-weight: 700;
  color: #fff;
  text-transform: uppercase;
  margin-bottom: 28px;
  opacity: 0;
  -webkit-transform: translateX(100px);
  -moz-transform: translateX(100px);
  -ms-transform: translateX(100px);
  -o-transform: translateX(100px);
  transform: translateX(100px);
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -ms-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease
}

.banner-section.style-one .banner-carousel .content-box h1 span {
  color: transparent;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: rgba(255, 255, 255, 1)
}

.banner-section .active .content-box h1 {
  opacity: 1;
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  -o-transform: translateX(0);
  transform: translateX(0);
  -webkit-transition-delay: 1s;
  -moz-transition-delay: 1s;
  -ms-transition-delay: 1s;
  -o-transition-delay: 1s;
  transition-delay: 1s
}

.banner-section .content-box .list {
  position: relative;
  display: block;
  padding: 0;
  margin-bottom: 47px;
  opacity: 0;
  -webkit-transform: translateX(-100px);
  -moz-transform: translateX(-100px);
  -ms-transform: translateX(-100px);
  -o-transform: translateX(-100px);
  transform: translateX(-100px);
  -webkit-transition: all 1.3s ease;
  -moz-transition: all 1.3s ease;
  -ms-transition: all 1.3s ease;
  -o-transition: all 1.3s ease;
  transition: all 1.3s ease
}

.banner-section .active .content-box .list {
  opacity: 1;
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  -o-transform: translateX(0);
  transform: translateX(0);
  -webkit-transition-delay: 1.3s;
  -moz-transition-delay: 1.3s;
  -ms-transition-delay: 1.3s;
  -o-transition-delay: 1.3s;
  transition-delay: 1.3s
}

.banner-section .content-box .list li {
  position: relative;
  display: inline-block;
  float: left;
  padding-left: 65px;
  max-width: 250px;
  margin-right: 50px
}

.banner-section .content-box .list li:last-child {
  margin-right: 0
}

.banner-section .content-box .list li:before {
  position: absolute;
  content: '';
  background: #bfbfbf;
  height: 45px;
  width: 1px;
  top: 8px;
  right: -21px
}

.banner-section .content-box .list li:last-child:before {
  display: none
}

.banner-section .content-box .list li .icon-box {
  position: absolute;
  left: 0;
  top: 7px
}

.banner-section .content-box .list li h3 {
  position: relative;
  display: block;
  font-size: 22px;
  line-height: 28px;
  color: #fff;
  font-weight: 600;
  margin: 0
}

.banner-section .content-box .btn-box {
  position: relative;
  opacity: 0;
  -webkit-transform: translateY(100px);
  -moz-transform: translateY(100px);
  -ms-transform: translateY(100px);
  -o-transform: translateY(100px);
  transform: translateY(100px);
  -webkit-transition: all 1.6s ease;
  -moz-transition: all 1.6s ease;
  -ms-transition: all 1.6s ease;
  -o-transition: all 1.6s ease;
  transition: all 1.6s ease
}

.banner-section .active .content-box .btn-box {
  opacity: 1;
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
  -webkit-transition-delay: 1.6s;
  -moz-transition-delay: 1.6s;
  -ms-transition-delay: 1.6s;
  -o-transition-delay: 1.6s;
  transition-delay: 1.6s
}

.banner-section .content-box .thm-btn {
  position: relative;
  background-color: #ed3438;
  padding: 17px 56px;
  color: #fff;
  z-index: 1
}

.banner-section .content-box .thm-btn:hover {
  color: var(--thm-base)
}

.banner-section .content-box .thm-btn:before {
  position: absolute;
  content: '';
  background: #fff;
  border-radius: 4px;
  width: 0%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: -1;
  transition: all .5s ease
}

.banner-section .content-box .thm-btn:hover:before {
  width: 100%
}

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

.banner-section.style-one .banner-carousel .owl-dots {
  position: absolute;
  top: 50%;
  right: 40px;
  width: 30px;
  z-index: 9999;
  counter-reset: slides-num
}

.banner-section.style-one .banner-carousel .owl-dots::after {
  position: absolute;
  left: 20px;
  top: 0;
  content: counter(slides-num);
  font-family: var(--heading-font);
  display: inline-block;
  line-height: 30px;
  font-size: 18px;
  font-weight: 600;
  color: #fff;
  transform: translate(-50%, -50%)
}

.banner-section.style-one .banner-carousel .owl-dot {
  display: inline-block;
  counter-increment: slides-num
}

.banner-carousel .owl-dot span {
  display: none !important
}

.banner-section.style-one .banner-carousel .owl-dot.active::before {
  position: absolute;
  content: counter(slides-num) " /";
  font-family: var(--heading-font);
  line-height: 30px;
  font-size: 18px;
  font-weight: 600;
  color: #fff;
  left: 0;
  top: 0;
  text-align: center;
  transform: translate(-50%, -50%)
}

.banner-section.style-one .banner-carousel .owl-nav {
  position: absolute;
  top: 50%;
  right: 75px
}

.banner-section.style-one .banner-carousel .owl-nav .owl-next,
.banner-section.style-one .banner-carousel .owl-nav .owl-prev {
  position: absolute;
  display: inline-block;
  font-size: 40px !important;
  line-height: 40px;
  color: #9aa0af !important;
  margin: 0;
  font-weight: 400 !important;
  background: 0 0 !important;
  margin: 0 !important;
  border: none !important;
  outline: 0 !important;
  cursor: pointer;
  z-index: 1;
  transition: all .5s ease
}

.banner-section.style-one .banner-carousel .owl-nav .owl-next:hover,
.banner-section.style-one .banner-carousel .owl-nav .owl-prev:hover {
  color: var(--thm-base) !important
}

.banner-section.style-one .banner-carousel .owl-nav .owl-prev {
  bottom: 20px
}

.banner-section.style-one .banner-carousel .owl-nav .owl-next {
  top: 2px
}

.banner-section .other-box {
  position: relative;
  display: block;
  width: 100%;
  z-index: 9
}

.banner-section .other-box .box-inner {
  position: absolute;
  left: 0;
  bottom: 0;
  max-width: 390px;
  border: 3px solid;
  border-color: var(--thm-base);
  border-bottom: none;
  padding: 33px 20px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center
}

.banner-section .other-box .box-inner:before {
  position: absolute;
  content: '';
  background: #071230;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  right: 0;
  opacity: .85
}

.banner-section .other-box .box-inner .text {
  position: relative;
  padding-right: 65px
}

.banner-section .other-box .box-inner .text p {
  position: relative;
  font-size: 18px;
  line-height: 24px;
  color: #c5cad6;
  margin: 0
}

.banner-section .other-box .box-inner .text a {
  position: absolute;
  top: 0;
  right: 0;
  width: 45px;
  height: 45px;
  line-height: 48px;
  background: #3d4660;
  text-align: center;
  font-size: 30px;
  font-family: var(--heading-font);
  color: #c5cad6;
  border-radius: 50%;
  transition: all .5s ease
}

.banner-section .other-box .box-inner .text a:hover {
  color: #fff;
  background: var(--thm-base)
}

.rotate-me {
  animation-name: rotateme;
  animation-duration: 30s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
  -webkit-animation-name: rotateme;
  -webkit-animation-duration: 30s;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
  -moz-animation-name: rotateme;
  -moz-animation-duration: 30s;
  -moz-animation-iteration-count: infinite;
  -moz-animation-timing-function: linear;
  -ms-animation-name: rotateme;
  -ms-animation-duration: 30s;
  -ms-animation-iteration-count: infinite;
  -ms-animation-timing-function: linear;
  -o-animation-name: rotateme;
  -o-animation-duration: 30s;
  -o-animation-iteration-count: infinite;
  -o-animation-timing-function: linear
}

.float-bob-y {
  animation-name: float-bob-y;
  animation-duration: 2s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
  -webkit-animation-name: float-bob-y;
  -webkit-animation-duration: 2s;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
  -moz-animation-name: float-bob-y;
  -moz-animation-duration: 2s;
  -moz-animation-iteration-count: infinite;
  -moz-animation-timing-function: linear;
  -ms-animation-name: float-bob-y;
  -ms-animation-duration: 2s;
  -ms-animation-iteration-count: infinite;
  -ms-animation-timing-function: linear;
  -o-animation-name: float-bob-y;
  -o-animation-duration: 2s;
  -o-animation-iteration-count: infinite;
  -o-animation-timing-function: linear
}

.float-bob-x {
  animation-name: float-bob-x;
  animation-duration: 15s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
  -webkit-animation-name: float-bob-x;
  -webkit-animation-duration: 15s;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
  -moz-animation-name: float-bob-x;
  -moz-animation-duration: 15s;
  -moz-animation-iteration-count: infinite;
  -moz-animation-timing-function: linear;
  -ms-animation-name: float-bob-x;
  -ms-animation-duration: 15s;
  -ms-animation-iteration-count: infinite;
  -ms-animation-timing-function: linear;
  -o-animation-name: float-bob-x;
  -o-animation-duration: 15s;
  -o-animation-iteration-count: infinite;
  -o-animation-timing-function: linear
}

@keyframes rotateme {
  from {
    transform: rotate(0)
  }

  to {
    transform: rotate(360deg)
  }
}

@-webkit-keyframes rotateme {
  from {
    -webkit-transform: rotate(0)
  }

  to {
    -webkit-transform: rotate(360deg)
  }
}

@-moz-keyframes rotateme {
  from {
    -moz-transform: rotate(0)
  }

  to {
    -moz-transform: rotate(360deg)
  }
}

@-o-keyframes rotateme {
  from {
    -o-transform: rotate(0)
  }

  to {
    -o-transform: rotate(360deg)
  }
}

@keyframes float-bob-y {
  0% {
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px)
  }

  50% {
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px)
  }

  100% {
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px)
  }
}

@keyframes float-bob-x {
  0% {
    -webkit-transform: translateX(-100px);
    transform: translateX(-100px)
  }

  50% {
    -webkit-transform: translateX(-10px);
    transform: translateX(-10px)
  }

  100% {
    -webkit-transform: translateX(-100px);
    transform: translateX(-100px)
  }
}

.workin-area {
  position: relative
}

.workin-area .inner-container {
  position: relative;
  display: block;
  overflow: hidden;
  background: #fff;
  box-shadow: 0 20px 20px 0 rgba(0, 0, 0, .05)
}

.workin-area .inner-container .single-item {
  position: relative;
  display: block;
  float: left;
  width: 33.333%
}

.workin-area .inner-container .single-item .inner-box {
  position: relative;
  padding: 23px 120px 17px 30px;
  border-right: 1px solid #e4e7ee
}

.workin-area .inner-container .single-item .inner-box:before {
  position: absolute;
  content: '';
  background: var(--thm-black);
  width: 100%;
  height: 0%;
  left: 0;
  bottom: 0;
  transition: all .5s ease
}

.workin-area .inner-container .single-item .inner-box:hover:before {
  height: 100%;
  top: 0
}

.workin-area .inner-container .single-item:last-child .inner-box {
  border-right: none
}

.workin-area .inner-container .single-item .inner-box .icon-box {
  position: absolute;
  top: 17px;
  right: 30px;
  font-size: 55px;
  line-height: 55px;
  color: var(--thm-base);
  transition: all .5s ease
}

.workin-area .inner-container .single-item .inner-box .hidden-icon {
  position: absolute;
  top: 5px;
  right: 40px;
  font-size: 75px;
  line-height: 75px;
  font-weight: 700;
  color: #e7e9ed;
  transition: all .5s ease
}

.workin-area .inner-container .single-item .inner-box:hover .hidden-icon {
  opacity: .1
}

.workin-area .inner-container .single-item .inner-box p {
  position: relative;
  font-size: 18px;
  line-height: 18px;
  color: #646a7a;
  font-weight: 500;
  margin-bottom: 0
}

.workin-area .inner-container .single-item .inner-box h3 {
  position: relative;
  display: block;
  font-size: 22px;
  line-height: 32px;
  color: #071230;
  font-weight: 600;
  margin: 0;
  transition: all .5s ease
}

.workin-area .inner-container .single-item .inner-box:hover h3 {
  color: #fff
}

.service-one__home-one {
  position: relative
}

.anim-icon {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  max-width: 1920px;
  margin: 0 auto
}

.anim-icon .icon {
  position: absolute;
  background-repeat: no-repeat
}

.anim-icon .icon-1 {
  left: 60px;
  top: 260px;
  width: 129px;
  height: 169px
}

.anim-icon .icon-2 {
  left: 120px;
  bottom: 180px;
  width: 144px;
  height: 121px
}

.anim-icon .icon-3 {
  left: 390px;
  top: 40px;
  width: 154px;
  height: 152px
}

.anim-icon .icon-4 {
  top: 40px;
  right: 90px;
  width: 183px;
  height: 174px
}

.anim-icon .icon-5 {
  bottom: 300px;
  right: 0;
  width: 111px;
  height: 223px
}

.anim-icon .icon-6 {
  bottom: 0;
  right: 80px;
  width: 212px;
  height: 290px
}

.about-section {
  position: relative;
  background: #071230;
  padding: 120px 0
}

.about-section .block-title h2 {
  color: #fff;
  font-size: 46px;
  line-height: 54px
}

.about-section .block-title h2 span {
  color: var(--thm-base)
}

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

figure {
  margin: 0
}

.about-section .content-box .text {
  position: relative;
  margin-bottom: 30px
}

.about-section .content-box .text p {
  position: relative;
  font-size: 17px;
  line-height: 26px;
  color: #dcdcdc;
  font-weight: 400;
  margin: 0
}

.about-section .content-box .inner-box {
  position: relative;
  padding-left: 200px;
  padding-bottom: 7px;
  min-height: 170px;
  margin-bottom: 40px
}

.about-section .content-box .inner-box .company-logo {
  position: absolute;
  left: 0;
  top: -8px
}

.about-section .content-box .inner-box .list-item li p {
  position: relative;
  display: block;
  font-size: 17px;
  line-height: 26px;
  color: #acb2c1;
  margin: 0
}

.about-section .content-box .inner-box .list-item li {
  position: relative;
  display: block;
  padding-bottom: 10px;
  margin-bottom: 7px;
  padding-left: 38px;
  border: none
}

.about-section .content-box .inner-box .list-item li:last-child {
  margin-bottom: 0
}

.about-section .content-box .inner-box .list-item li .icon-box {
  position: absolute;
  left: 0;
  top: 0
}

.about-section .content-box .inner-box .list-item li:before {
  position: absolute;
  content: '';
  background: rgba(255, 255, 255, .1);
  width: 60px;
  height: 1px;
  left: 38px;
  bottom: 1px
}

.about-section .content-box .inner-box .list-item li:last-child:before {
  display: none
}

.about-section .content-box .lower-box .btn-box {
  position: relative;
  margin-right: 30px
}

.about-section .content-box .lower-box .btn-box .thm-btn {
  padding: 15px 31.4px
}

.about-section .content-box .lower-box .btn-box .thm-btn:hover {
  background: var(--thm-base)
}

.about-section .content-box .lower-box .download-btn {
  position: relative;
  padding-left: 76px
}

.about-section .content-box .lower-box .download-btn h5 a i {
  position: absolute;
  left: 0;
  top: -1px;
  width: 60px;
  height: 60px;
  line-height: 60px;
  background: var(--thm-base);
  font-size: 20px;
  color: #fff;
  text-align: center;
  border-radius: 50%
}

.about-section .content-box .lower-box .download-btn h5 {
  display: block;
  font-size: 18px;
  line-height: 29px;
  font-weight: 600;
  color: #fff;
  margin: 0
}

.about-section .content-box .lower-box .download-btn h5 a {
  color: #fff;
  transition: all .5s ease
}

.about-section .content-box .lower-box .download-btn h5 a:hover {
  color: var(--thm-base)
}

.about-section .image-box {
  position: relative;
  display: block;
  padding-right: 70px;
  margin-left: 30px
}

.about-section .image-box .image {
  position: relative;
  display: block;
  overflow: hidden
}

.about-section .image-box .image img {
  width: 100%
}

.about-section .image-box .image:before {
  position: absolute;
  top: 0;
  left: -75%;
  display: block;
  content: '';
  width: 50%;
  height: 100%;
  background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, .3) 100%);
  background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), to(rgba(255, 255, 255, .3)));
  background: linear-gradient(to right, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, .3) 100%);
  -webkit-transform: skewX(-25deg);
  -ms-transform: skewX(-25deg);
  transform: skewX(-25deg)
}

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

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

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

.about-section .image-box .image-pattern {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 170px;
  height: 370px;
  background-repeat: no-repeat
}

.about-section .image-box .video-inner {
  position: absolute;
  right: 35px;
  bottom: 0;
  max-width: 320px;
  width: 100%;
  padding: 16px 30px 24px 120px;
  background: #071230;
  min-height: 100px
}

.about-section .image-box .video-inner a {
  position: absolute;
  left: 0;
  top: 0;
  width: 100px;
  height: 100px;
  line-height: 112px;
  background: #182343;
  font-size: 50px;
  color: #fff;
  text-align: center;
  z-index: 1;
  transition: all .5s ease
}

.about-section .image-box .video-inner:hover a {
  background: var(--thm-base)
}

.about-section .image-box .video-inner h4 {
  position: relative;
  display: block;
  font-size: 20px;
  line-height: 30px;
  color: #fff;
  font-weight: 600;
  margin: 0
}

.about-section .pattern-layer {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center
}

.industries-section {
  position: relative;
  padding: 120px 0
}

.industries-section .thm__owl-carousel .owl-stage-outer {
  overflow: visible;
  margin-bottom: 27px
}

.industries-section .thm__owl-carousel .owl-item {
  opacity: 0;
  transition: .5s
}

.industries-section .thm__owl-carousel .owl-item.active {
  opacity: 1
}

.industries-section .owl-dots {
  display: block !important;
  justify-content: center;
  align-items: center;
  margin-top: 0 !important
}

.industries-section .owl-dots .owl-dot {
  -webkit-appearance: none;
  appearance: none;
  outline: 0
}

.industries-section .owl-dots .owl-dot span {
  width: 8px;
  height: 8px;
  background-color: #c6ccd2;
  margin: 0 7.5px;
  border-radius: 0;
  transition: .5s
}

.industries-section .owl-dots .owl-dot.active span,
.industries-section .owl-dots .owl-dot:hover span {
  background-color: var(--thm-base)
}

.industries-section .thm__owl-carousel .owl-nav {
  display: block !important;
  display: block !important;
  position: absolute;
  left: 0;
  bottom: 35px;
  right: 0;
  max-width: 300px;
  width: 100%;
  margin: 0 auto
}

.industries-section .thm__owl-carousel.owl-theme .owl-nav .owl-next,
.industries-section .thm__owl-carousel.owl-theme .owl-nav .owl-prev {
  position: absolute;
  display: inline-block;
  width: 80px;
  height: 40px;
  line-height: 40px;
  border: 1px solid #d2d5dc;
  text-align: center;
  font-size: 20px;
  color: #9aa0af;
  border-radius: 0;
  font-weight: 400;
  box-shadow: none;
  background: 0 0
}

.industries-section .thm__owl-carousel.owl-theme .owl-nav .owl-prev {
  left: 0
}

.industries-section .thm__owl-carousel.owl-theme .owl-nav .owl-next {
  right: 0
}

.industries-section .thm__owl-carousel.owl-theme .owl-nav .owl-next:hover,
.industries-section .thm__owl-carousel.owl-theme .owl-nav .owl-prev:hover {
  border-color: var(--thm-base);
  color: var(--thm-base);
  border-radius: 50%;
  border-top-right-radius: 0;
  border-bottom-left-radius: 0
}

.industries-section .thm__owl-carousel.owl-theme .owl-nav [class*=owl-]:hover::after {
  color: var(--thm-base)
}

.industries-section .industries-carousel {
  margin-bottom: 10px
}

.rental-section {
  position: relative;
  padding: 120px 0;
  width: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  background-attachment: fixed
}

.rental-section:before {
  position: absolute;
  content: '';
  background: #071230;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  right: 0;
  opacity: .95
}

.rental-section .upper-title {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-end;
  margin-bottom: 42px
}

.rental-section .upper-title .more-link a {
  display: flex;
  align-items: center;
  color: #fff;
  font-size: 18px;
  font-weight: 600;
  font-family: var(--heading-font);
  position: relative;
  bottom: 10px
}

.rental-section .upper-title .more-link i {
  width: 44px;
  height: 44px;
  background-color: var(--thm-base);
  border-radius: 50%;
  border-top-right-radius: 0;
  border-bottom-left-radius: 0;
  display: flex;
  text-align: center;
  justify-content: center;
  color: #fff;
  font-size: 19px;
  margin-left: 20px;
  align-items: center;
  transition: .5s
}

.rental-section .upper-title .more-link a:hover i {
  border-radius: 0;
  border-top-right-radius: 50%;
  border-bottom-left-radius: 50%;
  color: var(--thm-black);
  background: #fff
}

.rental-section .block-title h2 {
  color: #fff;
  position: relative
}

.rental-section .block-title p {
  position: relative
}

.rental-section .block-title {
  margin-bottom: 0
}

.rental-section .single-item .inner-box {
  position: relative;
  display: block;
  text-align: center;
  background: #1c2845;
  padding: 35px 20px 40px 20px;
  transition: all .5s ease
}

.rental-section .single-item .inner-box:hover {
  box-shadow: inset 0 0 10px rgba(255, 255, 255, .15)
}

.rental-section .single-item .inner-box h3 {
  position: relative;
  display: block;
  font-size: 22px;
  line-height: 30px;
  font-weight: 600;
  color: #fff;
  margin-bottom: 30px
}

.rental-section .single-item .inner-box .image-box {
  position: relative;
  display: block;
  margin-bottom: 20px
}

.rental-section .single-item .inner-box .sizes {
  position: relative;
  display: block;
  font-size: 14px;
  line-height: 20px;
  font-family: var(--heading-font);
  font-weight: 600;
  color: rgba(255, 255, 255, .6);
  text-transform: uppercase;
  margin-bottom: 10px
}

.rental-section .single-item .inner-box p {
  position: relative;
  display: block;
  font-size: 17px;
  line-height: 26px;
  font-weight: 400;
  color: rgba(255, 255, 255, .6);
  margin-bottom: 30px
}

.rental-section .single-item .inner-box .thm-btn {
  background: #071230;
  display: block;
  width: 100%;
  color: #fff
}

.rental-section .single-item .inner-box:hover .thm-btn {
  background: var(--thm-base);
  border-radius: 30px;
  border-top-right-radius: 0;
  border-bottom-left-radius: 0
}

.rental-section .single-item .inner-box .thm-btn i {
  position: relative;
  font-size: 10px;
  margin-left: 8px;
  opacity: 0;
  transition: all .5s ease
}

.rental-section .single-item .inner-box:hover .thm-btn i {
  opacity: 1
}

.features-section {
  position: relative;
  padding: 120px 0
}

.features-section .title-inner .btn-box a {
  background-color: #005b99;
  color: #fff;
  padding: 15px 37px
}

.features-section .title-inner .btn-box a:hover {
  background-color: #2856a2
}

.features-section .title-inner .text {
  margin-bottom: 30px
}

.features-section .title-inner .text p {
  margin: 0
}

.features-section .inner-box .single-item {
  position: relative;
  display: block;
  margin-bottom: 40px
}

.features-section .inner-box .single-item .content-box {
  position: relative;
  display: block;
  background: #fff;
  padding: 24px 20px 24px 100px;
  border-radius: 5px;
  box-shadow: 0 5px 30px 0 rgba(0, 0, 0, .08)
}

.features-section .inner-box .single-item .content-box .icon-box {
  position: absolute;
  left: 30px;
  top: 20px;
  font-size: 45px;
  line-height: 45px;
  color: #005b99
}

.features-section .inner-box .single-item .content-box .link-box {
  position: absolute;
  top: 23px;
  right: 20px;
  z-index: 1
}

.features-section .inner-box .single-item .content-box .link-box a {
  position: relative;
  display: inline-block;
  font-size: 16px;
  color: #9da3b1;
  background: #f1f3f5;
  width: 44px;
  height: 44px;
  line-height: 50px;
  text-align: center;
  border-radius: 50%
}

.features-section .inner-box .single-item h3 {
  position: relative;
  display: block;
  font-size: 22px;
  line-height: 30px;
  font-weight: 600;
  margin: 0
}

.features-section .inner-box .single-item .overlay-box h3 {
  color: #fff;
  margin-bottom: 10px
}

.features-section .inner-box .single-item .content-box h3 {
  padding-top: 12px;
  color: #222
}

.features-section .inner-box .single-item .content-box h3:before {
  position: absolute;
  content: '';
  background: #e4e7ee;
  width: 64px;
  height: 2px;
  left: 0;
  top: 0
}

.features-section .inner-box .single-item .overlay-box {
  position: absolute;
  left: 0;
  top: -10px;
  border-radius: 5px;
  display: block;
  background-color: #005b99;
  padding: 25px 100px 25px 100px;
  width: 100%;
  z-index: 2;
  opacity: 0;
  visibility: hidden;
  transition: all .5s ease
}

.features-section .inner-box .single-item:hover .overlay-box {
  top: -25px;
  opacity: 1;
  visibility: visible
}

.features-section .inner-box .single-item .overlay-box .icon-box {
  position: absolute;
  left: 16px;
  top: 27px;
  font-size: 85px;
  color: rgba(255, 255, 255, .15)
}

.features-section .inner-box .single-item .overlay-box p {
  color: #fff;
  margin: 0
}

.features-section .inner-box .single-item .overlay-box .link-box {
  position: absolute;
  top: 48px;
  right: 20px
}

.features-section .inner-box .single-item .overlay-box .link-box a {
  position: relative;
  display: inline-block;
  font-size: 16px;
  color: var(--thm-base);
  background: #fff;
  width: 44px;
  height: 44px;
  line-height: 50px;
  text-align: center;
  border-radius: 50%
}

.features-section .inner-box .single-item:last-child {
  margin-bottom: 0
}

.funfact-section {
  position: relative;
  padding: 120px 0
}

.counter-block-one .count-outer {
  position: relative;
  display: block;
  font-size: 70px;
  line-height: 80px;
  font-weight: 800;
  color: var(--thm-black);
  padding-bottom: 10px;
  margin-bottom: 10px
}

.counter-block-one .count-outer:before {
  position: absolute;
  content: '';
  background-color: #005b99;
  width: 70px;
  height: 2px;
  left: 50%;
  transform: translateX(-50%);
  bottom: 0
}

.counter-block-one h3 {
  font-size: 22px;
  line-height: 30px;
  font-weight: 600;
  margin: 0
}

.funfact-section .pattern-layer {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center
}

.process-section {
  position: relative;
  padding: 120px 0 120px 0
}

.process-section .single-item .inner-box {
  position: relative;
  display: block
}

.process-section .single-item .inner-box .light-icon {
  position: absolute;
  top: 0;
  right: 20px;
  font-size: 100px;
  color: #f2f3f7
}

.process-section .single-item .inner-box .icon-box {
  position: relative;
  font-size: 60px;
  line-height: 50px;
  color: var(--thm-base);
  margin-bottom: 25px
}

.process-section .single-item .inner-box span {
  position: relative;
  display: block;
  font-size: 15px;
  line-height: 26px;
  font-weight: 600;
  color: #646a7a;
  text-transform: uppercase;
  margin-bottom: 0
}

.process-section .single-item .inner-box h3 {
  position: relative;
  display: block;
  font-size: 22px;
  line-height: 30px;
  color: var(--thm-black);
  margin-bottom: 14px
}

.process-section .single-item .inner-box p {
  position: relative;
  margin: 0
}

.process-section .single-column:last-child .single-item,
.process-section .single-column:nth-child(2) .single-item {
  padding-top: 292px
}

.process-section .single-item .inner-box .arrow-box {
  position: absolute;
  width: 180px;
  height: 206px;
  left: 80px;
  background-repeat: no-repeat
}

.process-section .single-column:first-child .single-item .inner-box .arrow-box,
.process-section .single-column:nth-child(3) .single-item .inner-box .arrow-box {
  bottom: -235px
}

.process-section .single-column:nth-child(2) .single-item .inner-box .arrow-box {
  top: -250px
}

.process-section .image-layer .image-1 {
  position: absolute;
  left: 0;
  bottom: 0
}

.process-section .image-layer .image-2 {
  position: absolute;
  top: 80px;
  right: 0
}

.statistics-section {
  position: relative;
  padding-top: 120px;
  background: #f1f3f5
}

.statistics-section .bg-column {
  position: absolute;
  left: 0;
  top: 0;
  width: 65%;
  height: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center
}

.statistics-section:before {
  position: absolute;
  content: '';
  background-color: var(--thm-black);
  width: 65%;
  height: 100%;
  left: 0;
  top: 0;
  opacity: .88;
  z-index: 1
}

.statistics-section .experience-inner {
  position: relative;
  display: block;
  z-index: 1
}

.statistics-section .block-title h2,
.statistics-section .block-title p {
  color: #fff
}

.statistics-section .block-title p span {
  border-bottom: 2px solid #fff
}

.statistics-section .experience-inner .text {
  margin-bottom: 30px
}

.statistics-section .experience-inner .text p {
  margin: 0;
  color: #9aa0af
}

.progress-box .bar {
  position: relative;
  width: 100%;
  height: 1px;
  background: rgba(255, 255, 255, .1);
  border-radius: 0;
  margin-bottom: 12px
}

.progress-box .bar-inner {
  position: relative;
  display: block;
  width: 0;
  height: 6px;
  background-color: var(--thm-base);
  border-radius: 0;
  top: 5px;
  -webkit-transition: all 1.5s ease;
  -ms-transition: all 1.5s ease;
  -o-transition: all 1.5s ease;
  -moz-transition: all 1.5s ease;
  transition: all 1.5s ease
}

.progress-box .count-text {
  position: absolute;
  top: -33px;
  right: 0;
  font-size: 18px;
  color: #fff;
  font-family: var(--heading-font);
  font-weight: 600;
  -webkit-transition: all .5s ease;
  -ms-transition: all .5s ease;
  -o-transition: all .5s ease;
  -moz-transition: all .5s ease;
  transition: all .5s ease
}

.progress-box h4 {
  position: relative;
  display: block;
  font-size: 20px;
  line-height: 28px;
  color: #fff;
  font-weight: 600;
  margin-bottom: 7px
}

.progress-box {
  position: relative;
  margin-bottom: 30px
}

.progress-box:last-child {
  margin-bottom: 0
}

.cta-five {
  position: relative
}

.cta-five .image-layer .image-1 {
  position: absolute;
  left: -100px;
  bottom: 0
}

.cta-five .image-layer .image-2 {
  position: absolute;
  right: 0;
  bottom: 0
}

.statistics-section .testimonial-inner {
  position: relative;
  display: block;
  padding: 87px 50px 100px 50px;
  background-color: var(--thm-base);
  z-index: 1
}

.statistics-section .testimonial-inner .quote-box {
  position: absolute;
  top: 50px;
  right: 50px;
  z-index: -1
}

.statistics-section .client-thumb-outer {
  position: absolute;
  width: 220px;
  margin: 0 auto;
  right: 50px;
  bottom: 100px;
  overflow: hidden
}

.statistics-section .client-thumb-outer .client-thumbs-carousel {
  position: relative;
  max-width: 70px
}

.statistics-section .client-thumb-outer .client-thumbs-carousel .owl-stage-outer {
  overflow: visible
}

.statistics-section .client-thumb-outer .client-thumbs-carousel .thumb-item {
  position: relative;
  width: 70px;
  border-radius: 50%
}

.statistics-section .client-thumb-outer .thumb-item .thumb-box {
  width: 70px;
  height: 70px;
  cursor: pointer;
  overflow: hidden;
  border-radius: 50%;
  background-color: var(--thm-black)
}

.statistics-section .client-thumb-outer .client-thumbs-carousel .thumb-item img {
  overflow: hidden;
  width: 100%;
  height: 100%;
  display: block;
  border-radius: 50%;
  opacity: .2
}

.statistics-section .client-thumb-outer .owl-item.active .thumb-item img {
  opacity: 1
}

.statistics-section .testimonial-inner .testimonial-content p {
  position: relative;
  font-size: 22px;
  line-height: 32px;
  color: #fff;
  margin-bottom: 30px
}

.statistics-section .testimonial-inner .testimonial-content .author-info {
  position: relative;
  padding-left: 20px;
  border-left: 2px solid #fff
}

.statistics-section .testimonial-inner .testimonial-content .author-info h3 {
  position: relative;
  display: block;
  font-size: 22px;
  line-height: 22px;
  color: #fff;
  font-weight: 600;
  margin-bottom: 8px
}

.statistics-section .testimonial-inner .testimonial-content .author-info .designation {
  position: relative;
  display: block;
  font-size: 18px;
  line-height: 26px;
  color: #fff;
  font-weight: 400;
  margin: 0
}

.statistics-section .testimonial-inner .carousel__dot-one .owl-dots {
  position: absolute;
  right: -50px;
  bottom: -100px;
  background: #fff;
  padding: 20px 25px 20px 45px;
  clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%, 20% 0%)
}

.header-style-two {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  width: 100%;
  background: 0 0;
  z-index: 99
}

.header-style-two .header-top {
  position: relative
}

.header-style-two .header-top .top-inner {
  position: relative;
  padding: 30px 0;
  border-bottom: 1px solid rgba(255, 255, 255, .1)
}

.header-style-two .header-top .right-column .info-list li {
  position: relative;
  display: inline-block;
  float: left
}

.header-style-two .header-top .right-column .info-list .topbar-one__select-box {
  background: 0 0;
  width: 130px
}

.header-style-two .topbar-one__select-box .bootstrap-select>.dropdown-toggle {
  background: 0 0;
  padding: 9px 0 2px 35px;
  width: 130px
}

.header-style-two .topbar-one__select-box>i {
  font-size: 18px;
  top: 20px;
  left: 0
}

.header-style-two .bootstrap-select .dropdown-menu li {
  width: 100%;
  float: none;
  display: block
}

.header-style-two .header-top .right-column .info-list .pickup-btn {
  margin-right: 10px;
  margin-left: 33px
}

.header-style-two .header-top .right-column .info-list .pickup-btn a,
.header-style-two .header-top .right-column .info-list .support-btn a {
  position: relative;
  display: inline-block;
  font-size: 18px;
  color: #fff;
  padding: 11.5px 20px;
  width: 200px;
  text-align: center;
  border-radius: 5px;
  transition: all .5s ease
}

.header-style-two .header-top .right-column .info-list .pickup-btn a:hover,
.header-style-two .header-top .right-column .info-list .support-btn a:hover {
  background: #fff;
  color: var(--thm-base)
}

.header-style-two .header-top .right-column .info-list .pickup-btn a {
  background-color: var(--thm-black)
}

.header-style-two .header-top .right-column .info-list .support-btn a {
  background-color: var(--thm-base)
}

.header-style-two .header-top .right-column .info-list .pickup-btn a i,
.header-style-two .header-top .right-column .info-list .support-btn a i {
  margin-right: 10px;
  position: relative;
  font-size: 22px;
  top: 4px
}

.header-style-two .header-top .bootstrap-select .dropdown-toggle .filter-option {
  border-bottom: 1px dashed #fff
}

.header-style-two .header-one .container {
  display: block
}

.header-style-two .header-one {
  background: 0 0
}

.header-style-two .header-one__menu>ul>li>a {
  color: #fff
}

.header-style-two .header-one__menu>ul>li::before {
  background: #fff;
  width: 20px;
  height: 2px;
  left: 50%;
  transform: translateX(-50%);
  opacity: 0;
  transition: all .5s ease
}

.header-style-two .header-one__menu>ul>li.current::before,
.header-style-two .header-one__menu>ul>li:hover::before {
  opacity: 1
}

.header-style-two .header-one__menu>ul>li {
  padding-bottom: 9px;
  padding-top: 24px
}

.header-style-two .header-one__menu {
  margin-left: 0
}

.header-style-two .menu-right-content {
  margin-top: 26px
}

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

.menu-right-content .social-links {
  position: relative;
  float: left;
  margin-right: 35px
}

.menu-right-content .social-links:before {
  position: absolute;
  content: '';
  background: #fff;
  width: 1px;
  height: 18px;
  top: 3px;
  right: -21px
}

.menu-right-content .social-links li:last-child {
  margin-right: 0
}

.menu-right-content .social-links li a {
  position: relative;
  display: inline-block;
  font-size: 20px;
  color: #fff
}

.header-style-two .header-one.stricky-fixed {
  background: var(--thm-black);
  padding-bottom: 10px;
  border-bottom: 1px solid rgba(255, 255, 255, .1)
}

.search-box-outer {
  position: relative;
  float: left
}

.search-box-outer .search-box-btn {
  position: relative;
  font-size: 18px;
  text-align: center;
  color: #fff;
  cursor: pointer;
  display: inline-block;
  background: 0 0;
  transition: all .5s ease;
  background-size: cover;
  border: none;
  outline: 0;
  background-repeat: no-repeat;
  background-position: center
}

.search-box-outer .dropdown-menu {
  top: 40px !important;
  padding: 0;
  width: 330px;
  border-radius: 0;
  background: #fff;
  right: 0;
  left: auto !important;
  transform: translate3d(0, 0, 0) scale3d(.8, .8, .8) !important;
  border-color: transparent;
  border-radius: 3px;
  box-shadow: 7px 5px 30px 0 rgba(72, 73, 121, .15);
  transition: .5s ease;
  display: block;
  opacity: 0;
  visibility: hidden
}

.search-box-outer .show .dropdown-menu {
  display: block;
  transform: scale3d(1, 1, 1) !important;
  opacity: 1;
  visibility: visible
}

.search-box-outer .search-panel .form-container {
  padding: 30px
}

.search-box-outer .search-panel .form-group {
  position: relative;
  margin: 0
}

.search-box-outer .search-panel input[type=password],
.search-box-outer .search-panel input[type=search],
.search-box-outer .search-panel input[type=text],
.search-box-outer .search-panel select {
  display: block;
  width: 100%;
  line-height: 24px;
  padding: 9px 50px 9px 15px;
  height: 50px;
  border: 1px solid #f3f5fe;
  border-radius: 3px;
  background: #f3f5fe;
  border: none;
  outline: 0
}

.search-box-outer .search-panel input:focus,
.search-box-outer .search-panel select:focus {
  border-color: #f3f5fe
}

.search-box-outer .search-panel .search-btn {
  position: absolute;
  right: 1px;
  top: 1px;
  width: 50px;
  height: 48px;
  text-align: center;
  color: #111;
  background: #f3f5fe;
  font-size: 14px;
  border-radius: 0 3px 3px 0;
  cursor: pointer;
  border: none;
  outline: 0
}

.search-box-outer .dropdown-toggle::after {
  display: none
}

.banner-section.style-two .banner-carousel-2 .slide-item {
  position: relative;
  padding: 335px 0 240px 0
}

.banner-section.style-two .banner-carousel-2 .slide-item:before {
  position: absolute;
  content: '';
  background: #000615;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  right: 0;
  opacity: .7;
  z-index: 1
}

.banner-section.style-two .content-box {
  position: relative;
  max-width: 950px;
  width: 100%;
  margin: 0 auto;
  text-align: center
}

.banner-section.style-two .content-box h1 {
  font-size: 70px;
  line-height: 82px
}

.banner-section.style-two .content-box h1 span {
  font-weight: 400
}

.banner-section .content-box p {
  position: relative;
  display: block;
  font-size: 24px;
  line-height: 30px;
  color: #fff;
  margin-bottom: 42px;
  opacity: 0;
  -webkit-transform: translateX(-100px);
  -moz-transform: translateX(-100px);
  -ms-transform: translateX(-100px);
  -o-transform: translateX(-100px);
  transform: translateX(-100px);
  -webkit-transition: all 1.3s ease;
  -moz-transition: all 1.3s ease;
  -ms-transition: all 1.3s ease;
  -o-transition: all 1.3s ease;
  transition: all 1.3s ease
}

.banner-section .active .content-box p {
  opacity: 1;
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  -o-transform: translateX(0);
  transform: translateX(0);
  -webkit-transition-delay: 1.3s;
  -moz-transition-delay: 1.3s;
  -ms-transition-delay: 1.3s;
  -o-transition-delay: 1.3s;
  transition-delay: 1.3s
}

.banner-section.style-two .content-box h5 {
  padding-right: 70px
}

.banner-section.style-two .content-box h5:after {
  position: absolute;
  content: '';
  background-color: var(--thm-base);
  width: 50px;
  height: 2px;
  right: 0;
  bottom: 9px
}

.banner-section.style-two .owl-nav {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 100%
}

.banner-section.style-two .owl-nav .owl-next,
.banner-section.style-two .owl-nav .owl-prev {
  position: absolute;
  display: inline-block;
  width: 70px;
  height: 70px;
  line-height: 74px;
  background: #fff;
  font-size: 40px;
  font-weight: 400;
  color: #9ea3b2;
  text-align: center;
  border-radius: 0;
  box-shadow: none;
  outline: 0;
  cursor: pointer;
  margin: 0;
  transition: all .5s ease
}

.banner-section.style-two .owl-nav .owl-prev {
  left: 0
}

.banner-section.style-two .owl-nav .owl-next {
  right: 0
}

.banner-section.style-two .owl-nav .owl-next:hover,
.banner-section.style-two .owl-nav .owl-prev:hover {
  background-color: var(--thm-base);
  color: #fff
}

.bg-color-1 {
  background: #f1f3f5
}

.workin-area-two {
  position: relative;
  padding: 0
}

.workin-area-two .inner-container {
  position: relative;
  margin-top: -60px;
  z-index: 1
}

.workin-area-two .single-item .inner-box {
  position: relative;
  display: block;
  background: #fff;
  padding: 33px 40px;
  box-shadow: 0 20px 20px 0 rgba(0, 0, 0, .08)
}

.workin-area-two .single-item .inner-box h3 {
  position: relative;
  display: inline-block;
  font-size: 22px;
  line-height: 30px;
  color: var(--thm-black);
  border-bottom: 2px solid #e4e7ee;
  font-weight: 600;
  padding-bottom: 3px;
  margin-bottom: 25px;
  transition: all .5s ease
}

.workin-area-two .single-item .inner-box h3:before {
  position: absolute;
  content: '';
  background-color: var(--thm-base);
  left: 0;
  bottom: -2px;
  width: 0%;
  height: 2px;
  transition: all .5s ease
}

.workin-area-two .single-item .inner-box:hover h3:before {
  width: 100%
}

.workin-area-two .single-item .inner-box .inner {
  position: relative;
  padding-left: 118px
}

.workin-area-two .single-item .inner-box .inner .icon-box {
  position: absolute;
  left: 0;
  top: 7px;
  font-size: 75px;
  line-height: 50px;
  color: #9aa0af;
  transition: all .5s ease
}

.workin-area-two .single-item .inner-box:hover .inner .icon-box {
  color: var(--thm-base)
}

.workin-area-two .single-item .inner-box .inner p {
  font-size: 18px;
  line-height: 26px;
  margin-bottom: 11px
}

.workin-area-two .single-item .inner-box .inner a {
  position: relative;
  display: inline-block;
  font-size: 18px;
  line-height: 26px;
  font-family: var(--heading-font);
  color: var(--thm-black);
  font-weight: 600;
  margin: 0;
  transition: all .5s ease
}

.workin-area-two .single-item .inner-box .inner a:hover {
  color: var(--thm-base)
}

.workin-area-two .single-item .inner-box .inner a i {
  position: relative;
  font-size: 10px;
  margin-left: 5px;
  font-weight: 700;
  opacity: 0;
  transition: all .5s ease
}

.workin-area-two .single-item .inner-box .inner a:hover i {
  opacity: 1
}

.industries-section .btn-box .thm-btn.btn-one {
  background-color: var(--thm-black);
  color: #fff
}

.industries-section .btn-box .thm-btn.btn-one:hover {
  background-color: var(--thm-base)
}

.industries-section .btn-box .thm-btn.btn-two {
  box-shadow: 0 10px 20px 0 rgba(0, 0, 0, .08)
}

.industries-section .btn-box .thm-btn {
  margin: 0 8px
}

.industries-section .btn-box {
  position: relative;
  margin-top: 30px
}

.about-style-two {
  position: relative;
  padding: 120px 0 40px 0
}

.about-style-two .image-box {
  position: relative;
  display: block;
  margin-right: 20px;
  padding-left: 280px;
  padding-bottom: 192px
}

.about-style-two .image-box .image-1 img {
  width: 100%
}

.about-style-two .image-box .image-1 {
  position: relative;
  overflow: hidden;
  display: block
}

.about-style-two .image-box .image-1:before {
  position: absolute;
  top: 0;
  left: -75%;
  display: block;
  content: '';
  width: 50%;
  height: 100%;
  background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, .3) 100%);
  background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), to(rgba(255, 255, 255, .3)));
  background: linear-gradient(to right, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, .3) 100%);
  -webkit-transform: skewX(-25deg);
  -ms-transform: skewX(-25deg);
  transform: skewX(-25deg)
}

.about-style-two .image-box:hover .image-1:before {
  -webkit-animation: shine 1s;
  animation: shine 1s
}

.about-style-two .image-box .image-2 {
  position: absolute;
  right: 280px;
  bottom: 0;
  z-index: 1
}

.about-style-two .image-box .image-3 {
  position: absolute;
  right: 60px;
  bottom: 117px;
  -webkit-animation: service_hexagon_2 15s infinite linear;
  -moz-animation: service_hexagon_2 15s infinite linear;
  -o-animation: service_hexagon_2 15s infinite linear;
  animation: service_hexagon_2 15s infinite linear
}

.about-style-two .image-box .image-content {
  position: absolute;
  left: 0;
  top: 35px;
  max-width: 270px;
  width: 100%;
  background-color: var(--thm-black);
  padding: 45px 30px 110px 100px
}

.about-style-two .image-box .image-content .icon-box {
  position: absolute;
  left: 25px;
  top: 50px;
  font-size: 65px;
  line-height: 50px;
  color: #fff
}

.about-style-two .image-box .image-content h2 {
  position: relative;
  display: inline-block;
  font-size: 50px;
  line-height: 45px;
  color: #fff;
  font-weight: 600;
  margin-bottom: 0
}

.about-style-two .image-box .image-content h2:before {
  position: absolute;
  content: '+';
  font-size: 24px;
  font-family: var(--heading-font);
  color: #fff;
  font-weight: 600;
  top: -11px;
  left: 68px
}

.about-style-two .image-box .image-content h2 span {
  font-size: 16px;
  text-transform: uppercase
}

.about-style-two .image-box .image-content h6 {
  position: relative;
  display: block;
  font-size: 16px;
  line-height: 22px;
  color: #fff;
  font-weight: 600;
  text-transform: uppercase;
  margin: 0
}

.about-style-two .content-box h3 {
  position: relative;
  display: block;
  font-size: 24px;
  line-height: 30px;
  color: var(--thm-black);
  font-weight: 600;
  margin-bottom: 19px
}

.about-style-two .content-box .text {
  position: relative;
  margin-bottom: 32px
}

.about-style-two .content-box .text p {
  font-size: 18px;
  line-height: 26px;
  margin: 0
}

.about-style-two .content-box .author-info {
  position: relative;
  display: block;
  padding-left: 125px;
  margin-bottom: 44px
}

.about-style-two .content-box .author-info .author-thumb {
  position: absolute;
  left: 0;
  top: 0;
  width: 60px;
  height: 60px;
  border-radius: 50%
}

.about-style-two .content-box .author-info .author-thumb img {
  position: relative;
  width: 100%;
  border-radius: 50%;
  z-index: 1
}

.about-style-two .content-box .author-info .author-thumb a {
  position: absolute;
  top: 0;
  right: -45px;
  font-size: 18px;
  color: #fff;
  width: 60px;
  height: 60px;
  line-height: 60px;
  text-align: center;
  border-radius: 50%;
  background-color: var(--thm-base);
  transition: all .5s ease
}

.about-style-two .content-box .author-info .author-thumb a:hover {
  background-color: var(--thm-black)
}

.about-style-two .content-box .author-info h3 {
  position: relative;
  font-size: 24px;
  line-height: 30px;
  color: var(--thm-black);
  font-weight: 600;
  margin-bottom: 9px
}

.about-style-two .content-box .author-info .designation {
  position: relative;
  display: block;
  font-size: 14px;
  line-height: 20px;
  font-family: var(--heading-font);
  color: var(--thm-base);
  font-weight: 600;
  text-transform: uppercase;
  margin: 0
}

.about-style-two .content-box .more-link a {
  position: relative;
  display: inline-block;
  font-size: 18px;
  line-height: 28px;
  font-family: var(--heading-font);
  color: var(--thm-black);
  font-weight: 600;
  border-bottom: 2px solid #e4e7ee;
  margin: 0;
  transition: all .5s ease
}

.about-style-two .content-box .more-link a:hover {
  color: var(--thm-base)
}

.about-style-two .content-box .block-title {
  margin-bottom: 32px
}

.bg-color-2 {
  background-color: #0f3066
}

.block-title.light h2 {
  color: #fff
}

.service-section {
  position: relative;
  padding: 120px 0 112px 0
}

.service-section .title-inner .text p {
  position: relative;
  font-size: 18px;
  line-height: 26px;
  color: #9399a9;
  margin: 0
}

.service-block-one .inner-box {
  position: relative;
  display: block;
  background: #1a2542;
  overflow: hidden
}

.service-block-one .inner-box .image-box {
  position: relative;
  display: block;
  overflow: hidden;
  background-color: var(--thm-black)
}

.service-block-one .inner-box .image-box img {
  width: 100%;
  transition: all .5s ease
}

.service-block-one .inner-box:hover .image-box img {
  opacity: .12;
  transform: scale(1.1)
}

.service-block-one .inner-box .image-box .overlay-icon {
  position: absolute;
  left: 50%;
  top: 38%;
  transform: translate(-50%, -50%);
  opacity: 0;
  transition: all .5s ease
}

.service-block-one .inner-box:hover .image-box .overlay-icon {
  opacity: 1
}

.service-block-one .inner-box .image-box .icon-box {
  position: absolute;
  right: 0;
  bottom: 0;
  transition: all .5s ease
}

.service-block-one .inner-box:hover .image-box .icon-box {
  opacity: 0
}

.service-block-one .inner-box .image-box .icon {
  font-size: 60px;
  color: #fff;
  width: 80px;
  line-height: 96px;
  height: 80px;
  text-align: center;
  background-color: var(--thm-base)
}

.service-block-one .inner-box .lower-content {
  position: relative;
  display: block;
  padding: 28px 30px 29px 30px
}

.service-block-one .inner-box h3 {
  position: relative;
  display: block;
  font-size: 22px;
  line-height: 30px;
  color: #fff;
  font-weight: 600;
  margin: 0
}

.service-block-one .inner-box h3 a {
  display: inline-block;
  color: #fff;
  transition: all .5s ease
}

.service-block-one .inner-box h3 a:hover {
  color: var(--thm-base)
}

.service-block-one .inner-box .lower-content .link a {
  color: #9aa0af;
  font-size: 18px;
  font-weight: 600;
  font-family: var(--heading-font);
  display: flex;
  align-items: baseline;
  position: relative;
  margin-top: 27px
}

.service-block-one .inner-box .lower-content .link a::before {
  content: '';
  width: 50px;
  height: 2px;
  background-color: #798193;
  margin-right: 10px
}

.service-block-one .inner-box .lower-content .link a::after {
  content: '';
  width: 2px;
  height: 10px;
  position: absolute;
  left: 45px;
  bottom: 7px;
  transform: rotate(-45deg);
  background-color: #798193
}

.service-block-one .inner-box .overlay-content {
  position: absolute;
  left: 0;
  bottom: -15px;
  width: 100%;
  background: #1a2542;
  padding: 28px 30px 29px 30px;
  opacity: 0;
  visibility: hidden;
  z-index: 1;
  transition: all .5s ease
}

.service-block-one .inner-box:hover .overlay-content {
  bottom: 0;
  opacity: 1;
  visibility: visible
}

.service-block-one .inner-box .overlay-content h3 {
  margin-bottom: 18px
}

.service-block-one .inner-box .overlay-content p {
  font-size: 18px;
  line-height: 26px;
  color: #b6bbc8;
  margin-bottom: 27px
}

.service-block-one .inner-box .overlay-content .link a {
  position: relative;
  color: #fff;
  align-items: center;
  font-size: 18px;
  font-weight: 600;
  font-family: var(--heading-font);
  display: flex;
  z-index: 10;
  margin: 0;
  transition: all .5s ease
}

.service-block-one .inner-box .overlay-content .link a:hover {
  color: var(--thm-base)
}

.service-block-one .inner-box .overlay-content .link a span {
  display: flex;
  position: relative;
  width: 50px;
  height: 2px;
  background-color: #fff;
  margin-right: 10px
}

.service-block-one .inner-box .overlay-content .link a span::before {
  bottom: 0;
  transform: rotate(-45deg)
}

.service-block-one .inner-box .overlay-content .link a span::after,
.service-block-one .inner-box .overlay-content .link a span::before {
  content: '';
  width: 2px;
  height: 10px;
  background-color: #fff;
  position: absolute;
  left: 45px
}

.service-block-one .inner-box .overlay-content .link a span::after {
  bottom: -7px;
  transform: rotate(45deg)
}

.service-section .title-inner {
  position: relative;
  display: block;
  margin-bottom: 50px
}

.service-section .title-inner .block-title {
  margin-bottom: 15px
}

.service-section .more-text p {
  position: relative;
  display: block;
  font-size: 18px;
  line-height: 26px;
  margin: 0;
  color: #9aa0af
}

.service-section .more-text p a {
  color: #fff;
  transition: all .5s ease
}

.service-section .more-text p a:hover {
  color: var(--thm-base)
}

.service-section .more-text {
  position: relative;
  display: block;
  margin-top: 55px
}

.chooseus-section {
  position: relative;
  padding-top: 120px
}

.chooseus-section .career-benefit__single h3 {
  color: var(--thm-black);
  margin-bottom: 31px
}

.chooseus-section .career-benefit__single h3 a {
  color: var(--thm-black)
}

.chooseus-section .career-benefit__single h3 a:hover {
  color: var(--thm-base)
}

.chooseus-section .career-benefit__single {
  margin-bottom: 70px
}

.chooseus-section .career-benefit__single h3::before {
  font-weight: 400
}

.chooseus-section .image-box {
  position: relative;
  display: block;
  margin-right: 30px;
  margin-top: 60px
}

.chooseus-section .image-box .image img {
  max-width: none;
  float: right;
  right: 5px;
  position: relative
}

.chooseus-section .image-box .block-title {
  margin-right: 40px;
  margin-bottom: 0
}

.chooseus-section .image-box .block-title h2 {
  background: #fff;
  padding-bottom: 20px;
  padding-top: 20px;
  margin-top: 6px
}

.chooseus-section .image-box:before {
  position: absolute;
  content: '';
  border: 6px solid;
  border-color: var(--thm-base);
  width: 333px;
  height: 518px;
  top: -60px;
  right: 0;
  z-index: -1
}

.case-section {
  position: relative;
  padding: 120px 0 120px 0
}

.case-section .owl-carousel .owl-dots {
  display: block !important;
  margin-top: 20px !important
}

.case-section .title-inner .block-title {
  margin-bottom: 0
}

.case-section .title-inner {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-end;
  margin-bottom: 50px
}

.case-section .title-inner .more-link a {
  display: flex;
  align-items: center;
  color: var(--thm-black);
  font-size: 18px;
  font-weight: 600;
  font-family: var(--heading-font);
  position: relative;
  bottom: 10px
}

.case-section .title-inner .more-link a i {
  width: 44px;
  height: 44px;
  background-color: var(--thm-base);
  border-radius: 50%;
  border-top-right-radius: 0;
  border-bottom-left-radius: 0;
  display: flex;
  text-align: center;
  justify-content: center;
  color: #fff;
  font-size: 19px;
  margin-left: 20px;
  align-items: center;
  transition: .5s
}

.case-section .title-inner .more-link a:hover i {
  border-radius: 0;
  border-top-right-radius: 50%;
  border-bottom-left-radius: 50%;
  background-color: var(--thm-black)
}

.team-three.alternat-2 {
  position: relative;
  padding-top: 120px;
  padding-bottom: 0
}

.team-three.alternat-2:before {
  position: absolute;
  content: '';
  background: var(--thm-base);
  width: 100%;
  height: 580px;
  left: 0;
  top: 0;
  right: 0;
  opacity: .92;
  z-index: 1
}

.team-three.alternat-2 .image-layer {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  width: 100%;
  height: 580px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  background-attachment: fixed
}

.team-three.alternat-2 .block-title {
  position: relative;
  margin-bottom: 78px;
  z-index: 1
}

.team-three.alternat-2 .block-title p span {
  border-bottom: 2px solid #fff
}

.team-three.alternat-2 .block-title p {
  color: #fff
}

.funfact-section.alternat-2 .counter-block-one {
  border-right: 1px solid #e4e7ee
}

.funfact-section.alternat-2 .counter-block:first-child .counter-block-one {
  border-left: 1px solid #e4e7ee
}

.funfact-section.alternat-2 {
  box-shadow: inset 0 -40px 60px 0 #f1f3f5
}

.process-style-two {
  position: relative;
  padding: 120px 0 120px 0
}

.process-style-two .block-title {
  margin-bottom: 14px
}

.process-style-two .title-inner {
  margin-bottom: 50px
}

.process-style-two .title-inner .text p {
  font-size: 18px;
  line-height: 26px
}

.process-style-two .single-item .inner-box .icon-box {
  position: relative;
  display: block;
  text-align: center;
  font-size: 65px;
  line-height: 65px;
  color: var(--thm-base);
  width: 108px;
  margin: 0 auto 23px auto;
  background: #fff;
  transition: all .5s ease
}

.process-style-two .single-item .inner-box:hover .icon-box {
  transform: rotateY(180deg)
}

.process-style-two .single-item .inner-box .content-box {
  position: relative;
  padding-left: 100px
}

.process-style-two .single-item .inner-box .content-box .count-text {
  position: absolute;
  left: 0;
  top: 12px;
  font-size: 100px;
  line-height: 100px;
  font-family: var(--heading-font);
  font-weight: 700;
  color: transparent;
  -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: #d4d7de
}

.process-style-two .single-item .inner-box .content-box .count-text:before {
  position: absolute;
  content: '';
  background: #f4f6f7;
  width: 70px;
  height: 70px;
  border-radius: 50%;
  left: -14px;
  top: -7px;
  z-index: -1;
  transition: all .5s ease
}

.process-style-two .single-item .inner-box:hover .content-box .count-text:before {
  transform: scale(1.3);
  opacity: .5
}

.process-style-two .single-item .inner-box .content-box h3 {
  position: relative;
  display: block;
  font-size: 22px;
  line-height: 30px;
  color: var(--thm-black);
  font-weight: 600;
  margin-bottom: 13px
}

.process-style-two .single-item .inner-box .content-box p {
  position: relative;
  font-size: 18px;
  line-height: 26px;
  margin: 0
}

.process-style-two .single-item .inner-box .arrow-icon {
  position: absolute;
  left: 95%;
  top: 10px;
  font-size: 12px;
  color: #9aa0af;
  border: 2px dotted #d7dae0;
  background: #fff;
  border-radius: 50%;
  width: 48px;
  height: 48px;
  line-height: 48px;
  text-align: center
}

.process-style-two .border-box {
  position: relative;
  display: block;
  width: 100%;
  height: 1px;
  border: 1px dashed #d5d8df;
  top: 35px
}

.process-style-two .border-box:before {
  position: absolute;
  content: '';
  width: 100%;
  left: 0;
  top: 0;
  border: 1px dashed #fff
}

.process-style-two .border-box .icon {
  position: absolute;
  top: -14px;
  font-size: 30px;
  color: #9aa0af;
  width: 76px;
  background: #fff;
  text-align: center
}

.process-style-two .border-box .icon-1 {
  left: 0
}

.process-style-two .border-box .icon-2 {
  right: 0
}

.bg-color-3 {
  background-color: var(--thm-base)
}

.brand-one.alternat-2 .brand-one__box img {
  opacity: 1;
  filter: grayscale(0%);
  -webkit-filter: grayscale(0%);
  -moz-filter: grayscale(0%);
  -o-filter: grayscale(0%);
  -ms-filter: grayscale(0%);
  -webkit-transition: all .5s ease;
  -moz-transition: all .5s ease;
  -ms-transition: all .5s ease;
  -o-transition: all .5s ease;
  transition: all .5s ease
}

.brand-one.alternat-2 .brand-one__box img:hover {
  opacity: .5
}

.brand-one.alternat-2 {
  padding: 80px 0
}

.testimonial-section {
  position: relative;
  padding: 120px 0 120px 0
}

.testimonial-section .testimonial-block-one {
  position: relative;
  margin-top: 40px
}

.testimonial-block-one .inner-box .upper-box {
  position: relative;
  display: block;
  background: #fff;
  padding: 0 50px;
  margin-bottom: 39px;
  box-shadow: 0 10px 30px 0 rgba(0, 0, 0, .05)
}

.testimonial-block-one .inner-box .upper-box .image-box {
  position: relative;
  display: inline-block;
  width: 80px;
  height: 80px;
  border-radius: 50%;
  margin: -40px 0 31px 0
}

.testimonial-block-one .inner-box .upper-box .image-box img {
  width: 100%;
  border-radius: 50%
}

.testimonial-block-one .inner-box .upper-box .rating li {
  position: relative;
  display: inline-block;
  font-size: 18px;
  margin: 0 3px;
  color: var(--thm-base)
}

.testimonial-block-one .inner-box .upper-box .rating {
  margin-bottom: 17px
}

.testimonial-block-one .inner-box .upper-box p {
  position: relative;
  font-size: 18px;
  line-height: 28px;
  margin-bottom: 31px
}

.testimonial-block-one .inner-box .upper-box .quote-box {
  position: relative;
  display: inline-block;
  font-size: 20px;
  color: #fff;
  width: 80px;
  height: 40px;
  line-height: 48px;
  z-index: 1
}

.testimonial-block-one .inner-box .upper-box .quote-box:before {
  position: absolute;
  content: '';
  background-color: var(--thm-base);
  width: 80px;
  height: 40px;
  left: 0;
  top: 0;
  z-index: -1;
  border-top-right-radius: 80px;
  border-top-left-radius: 80px
}

.testimonial-block-one .inner-box .upper-box .quote-box:after {
  position: absolute;
  content: '';
  background-color: var(--thm-base);
  width: 30px;
  height: 30px;
  left: 25px;
  bottom: -10px;
  z-index: -1;
  transform: rotate(45deg)
}

.testimonial-block-one .inner-box .author-info h3 {
  position: relative;
  display: block;
  font-size: 22px;
  line-height: 30px;
  color: var(--thm-black);
  font-weight: 600;
  margin-bottom: 6px
}

.testimonial-block-one .inner-box .author-info .designation {
  position: relative;
  display: block;
  font-size: 18px;
  line-height: 26px;
  margin: 0
}

.testimonial-section .block-title {
  margin-bottom: 50px
}

.our-locations {
  position: relative
}

.our-locations .location-inner .single-location-box {
  position: absolute
}

.our-locations .inner-box {
  position: relative;
  padding: 120px 0
}

.our-locations .location-inner {
  position: relative;
  max-width: 570px;
  min-height: 342px
}

.our-locations .location-inner .pattern-layer {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center
}

.our-locations .location-inner .single-location-box .dots {
  position: absolute;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: #fff;
  cursor: pointer
}

.our-locations .location-inner .single-location-box .dots:before {
  position: absolute;
  content: '';
  background-color: var(--thm-base);
  width: 6px;
  height: 6px;
  border-radius: 50%;
  left: 7px;
  top: 7px
}

.our-locations .location-inner .single-location-box.active .dots:after,
.our-locations .location-inner .single-location-box:hover .dots:after {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: 0 0;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -webkit-animation-delay: .6s;
  animation-delay: .6s;
  content: "";
  position: absolute;
  -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, .8);
  box-shadow: 0 0 0 0 rgba(255, 255, 255, .8);
  -webkit-animation: ripple 2s infinite;
  animation: ripple 2s infinite;
  -webkit-transition: all .5s ease;
  transition: all .5s ease
}

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

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

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

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

.our-locations .location-inner .single-location-box .text {
  position: absolute;
  left: -80px;
  bottom: 16px;
  background: #fff;
  width: 180px;
  padding: 15px 20px 13px 20px;
  text-align: center;
  box-shadow: 0 5px 30px 0 rgba(0, 0, 0, .08);
  z-index: 1;
  visibility: hidden;
  opacity: 0;
  transition: all .5s ease
}

.our-locations .location-inner .single-location-box.active .text,
.our-locations .location-inner .single-location-box:hover .text {
  visibility: visible;
  opacity: 1;
  bottom: 26px
}

.our-locations .location-inner .single-location-box .text:before {
  position: absolute;
  content: '';
  background: #fff;
  width: 30px;
  height: 30px;
  left: 75px;
  bottom: -9px;
  transform: rotate(45deg);
  z-index: -1
}

.our-locations .location-inner .single-location-box .text h5 {
  font-size: 18px;
  line-height: 26px;
  font-weight: 600;
  color: var(--thm-black);
  margin-bottom: 4px
}

.our-locations .location-inner .single-location-box .text p {
  font-size: 18px;
  line-height: 24px;
  margin: 0
}

.our-locations .location-inner .location-1 {
  left: 25px;
  top: 130px
}

.our-locations .location-inner .location-2 {
  left: 165px;
  top: 147px
}

.our-locations .location-inner .location-3 {
  right: 180px;
  top: 100px
}

.our-locations .location-inner .location-4 {
  left: 110px;
  top: 230px
}

.our-locations .location-inner .location-5 {
  left: 225px;
  top: 240px
}

.our-locations .location-inner .location-6 {
  right: 120px;
  top: 155px
}

.our-locations .location-inner .location-7 {
  right: 230px;
  top: 155px
}

.our-locations .location-inner .location-8 {
  right: 265px;
  bottom: 70px
}

.our-locations .block-title {
  margin-bottom: 50px
}

.mb-0 {
  margin-bottom: 0
}

.our-locations .contact-one__form-inner {
  background: 0 0;
  box-shadow: none;
  padding: 0
}

.our-locations .contact-one__form::before {
  display: none
}

.our-locations .image-layer {
  position: absolute;
  right: 0;
  bottom: 0
}

.our-locations .contact-one__form {
  background: 0 0;
  margin: 0
}

.our-locations .form-inner {
  margin-left: 35px;
  padding: 100px 65px;
  box-shadow: -10px 0 15px rgba(0, 0, 0, .05)
}

.footer-style-two {
  position: relative
}

.footer-style-two .footer-top {
  position: relative;
  padding: 93px 0 60px 0;
  border-bottom: 1px solid rgba(255, 255, 255, .1)
}

.footer-style-two .footer-top .subscribe-inner .subscribe-form .form-group {
  position: relative;
  display: block;
  padding-right: 180px;
  margin: 0
}

.footer-style-two .footer-top .subscribe-inner .subscribe-form .form-group input[type=email] {
  position: relative;
  display: block;
  width: 100%;
  height: 56px;
  background: #fff;
  padding: 10px 20px;
  border-radius: 5px;
  font-size: 18px;
  color: #646a7a;
  border: 2px solid #fff;
  outline: 0;
  box-shadow: none;
  transition: all .5s ease
}

.footer-style-two .footer-top .subscribe-inner .subscribe-form .form-group input:focus {
  border-color: var(--thm-base)
}

.footer-style-two .footer-top .subscribe-inner .subscribe-form .form-group button {
  position: absolute;
  top: 0;
  right: 0;
  color: #fff;
  background: var(--thm-base);
  padding: 15px 29px
}

.footer-style-two .footer-top .subscribe-inner .subscribe-form .form-group button:hover {
  background: #fff;
  color: var(--thm-base)
}

.footer-style-two .footer-top h3 {
  position: relative;
  display: block;
  font-size: 22px;
  line-height: 30px;
  color: #fff;
  font-weight: 600;
  margin-bottom: 23px
}

.footer-style-two .social-inner .social-links li {
  position: relative;
  display: inline-block;
  margin-right: 7px
}

.footer-style-two .social-inner .social-links li:last-child {
  margin-right: 0
}

.footer-style-two .social-inner .social-links li a {
  position: relative;
  display: inline-block;
  font-size: 18px;
  width: 56px;
  height: 56px;
  line-height: 56px;
  text-align: center;
  border-radius: 5px;
  border: 1px solid rgba(255, 255, 255, .1);
  color: rgba(255, 255, 255, .6);
  transition: all .5s ease
}

.footer-style-two .social-inner .social-links li a:hover {
  border-radius: 25px 0 25px 0;
  border-color: var(--thm-base);
  background: var(--thm-base);
  color: #fff
}

.footer-style-two .widget-section {
  position: relative;
  padding: 67px 0 100px 0
}

.footer-style-two .widget-section .logo-widget {
  margin-top: -7px
}

.footer-style-two .widget-section .logo-widget .footer-logo {
  position: relative;
  margin-bottom: 35px
}

.footer-style-two .widget-section .logo-widget .info-list li {
  position: relative;
  display: block;
  font-size: 18px;
  line-height: 26px;
  color: #9aa0af;
  margin-bottom: 19px
}

.footer-style-two .widget-section .logo-widget .info-list li:last-child {
  margin-bottom: 0
}

.footer-style-two .widget-section .logo-widget .info-list li a {
  color: #9aa0af;
  transition: all .5s ease
}

.footer-style-two .widget-section .logo-widget .info-list li a:hover {
  color: var(--thm-base)
}

.footer-style-two .widget-section .post-widget .post {
  position: relative;
  display: block;
  margin-bottom: 28px
}

.footer-style-two .widget-section .post-widget .post:last-child {
  margin-bottom: 0
}

.footer-style-two .widget-section .post-widget .post h5 {
  position: relative;
  display: block;
  font-size: 18px;
  line-height: 26px;
  color: #fff;
  font-weight: 600;
  margin-bottom: 8px
}

.footer-style-two .widget-section .post-widget .post h5 a {
  display: inline-block;
  color: #fff;
  transition: all .5s ease
}

.footer-style-two .widget-section .post-widget .post h5 a:hover {
  color: var(--thm-base)
}

.footer-style-two .widget-section .post-widget .post .post-date {
  position: relative;
  display: block;
  font-size: 16px;
  color: #9aa0af
}

.footer-style-two .widget-section .post-widget .post .post-date i {
  font-size: 14px;
  color: var(--thm-base);
  margin-right: 8px
}

.footer-style-two .gallery-widget .image-list {
  position: relative;
  margin: 0 -7.5px
}

.footer-style-two .gallery-widget .image-list li {
  position: relative;
  float: left;
  margin: 0 7.5px 15px 7.5px
}

.footer-style-two .gallery-widget .image-list li .image {
  width: 80px;
  height: 80px;
  position: relative;
  display: block;
  overflow: hidden;
  background: var(--thm-base)
}

.footer-style-two .gallery-widget .image-list li .image img {
  width: 100%;
  transition: all .5s ease
}

.footer-style-two .gallery-widget .image-list li .image:hover img {
  opacity: .2
}

.header-style-three {
  position: relative;
  background: #fff
}

.header-style-three .header-top {
  position: relative;
  padding: 14.5px 50px;
  border-bottom: 1px solid #e4e7ee
}

.header-style-three .header-top .left-column .info-list li {
  position: relative;
  display: inline-block;
  font-size: 18px;
  line-height: 26px;
  color: #646a7a;
  margin-right: 40px
}

.header-style-three .header-top .left-column .info-list li:last-child {
  margin-right: 0
}

.header-style-three .header-top .left-column .info-list li a {
  color: #646a7a;
  transition: all .5s ease
}

.header-style-three .header-top .left-column .info-list li a:hover {
  color: var(--thm-base)
}

.header-style-three .header-top .left-column .info-list li i {
  margin-right: 10px;
  color: #9aa0af;
  font-size: 20px;
  position: relative;
  top: 2px
}

.header-style-three .header-top .left-column .info-list li:before {
  position: absolute;
  content: '';
  background: #d4d7de;
  width: 1px;
  height: 20px;
  top: 4px;
  right: -17px
}

.header-style-three .header-top .left-column .info-list li:last-child:before {
  display: none
}

.header-style-three .header-top .right-column .info-list li {
  position: relative;
  display: inline-block;
  font-size: 18px;
  line-height: 26px;
  color: #646a7a;
  margin-right: 20px;
  background: 0 0
}

.header-style-three .header-top .right-column .info-list li:last-child {
  margin-right: 0
}

.header-style-three .header-top .right-column .info-list li a {
  color: #646a7a;
  transition: all .5s ease
}

.header-style-three .header-top .right-column .info-list li a:hover {
  color: var(--thm-base)
}

.header-style-three .topbar-one__select-box .bootstrap-select>.dropdown-toggle {
  background: 0 0;
  padding: 0;
  margin: 0;
  color: #646a7a;
  padding-left: 25px
}

.header-style-three .topbar-one__select-box>i {
  left: 0;
  color: #9aa0af
}

.header-style-three .topbar-one__select-box {
  width: 115px
}

.header-style-three .topbar-one__select-box .dropdown-toggle::after {
  font-size: 16px;
  color: #9aa0af
}

.header-style-three .bootstrap-select .dropdown-menu li {
  margin-right: 0 !important;
  display: block !important
}

.header-style-three .bootstrap-select .dropdown-menu>li.selected>a,
.header-style-three .bootstrap-select .dropdown-menu>li>a:hover {
  color: #fff !important
}

.header-style-three .topbar-one__select-box {
  margin-right: 47px !important
}

.header-style-three .topbar-one__select-box:before {
  position: absolute;
  content: '';
  background: #d4d7de;
  width: 1px;
  height: 20px;
  top: 2px;
  right: -21px
}

.header-style-three .search-box-outer .search-box-btn {
  color: var(--thm-black);
  font-weight: 700
}

.header-style-three .search-box-outer .search-box-btn:hover {
  color: var(--thm-base)
}

.header-style-three .menu-right-content {
  position: relative
}

.header-style-three .menu-right-content .social-links li a {
  color: #9aa0af;
  transition: all .5s ease
}

.header-style-three .menu-right-content .social-links li a:hover {
  color: var(--thm-base)
}

.header-style-three .outer-box {
  position: relative
}

.header-style-three .outer-box .logo {
  position: relative;
  float: left;
  margin-right: 80px;
  padding: 21px 50px;
  border-right: 1px solid #e4e7ee
}

.header-style-three .header-one__menu>ul>li {
  padding: 34px 0
}

.header-style-three .menu-right-content .social-links {
  position: relative;
  margin-right: 330px;
  margin-top: 35px
}

.header-style-three .header-one__right>a::before {
  display: none
}

.header-style-three .search-box-outer {
  margin-top: 35px;
  margin-right: 30px;
  padding-right: 25px
}

.header-style-three .search-box-outer:before {
  position: absolute;
  content: '';
  background: #e4e7ee;
  width: 1px;
  height: 52px;
  top: -15px;
  right: 0
}

.header-style-three .header-one__right>a {
  background-color: var(--thm-base)
}

.header-style-three .header-one__right>a>i {
  background-image: none;
  background-color: var(--thm-black);
  border-radius: 20px
}

.banner-section.style-three .banner-carousel .slide-item:before {
  background: -webkit-linear-gradient(0deg, #07123020, rgba(255, 255, 255, 0) 100%)
}

.banner-section.style-three .thm-btn {
  margin: 0
}

.banner-section.style-three .content-box .list li:first-child {
  padding-left: 0;
  margin-right: 30px
}

.banner-section .content-box .list li:last-child {
  margin-right: 0
}

.banner-section.style-three .content-box .list li:before {
  display: none
}

.banner-section.style-three .content-box .thm-btn {
  padding: 17px 40px
}

.banner-section.style-three .content-box h1 {
  font-size: 70px;
  line-height: 80px;
  -webkit-transform: translateY(50px);
  -moz-transform: translateY(50px);
  -ms-transform: translateY(50px);
  -o-transform: translateY(50px);
  transform: translateY(50px);
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -ms-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease
}

.banner-section.style-three .active .content-box h1 {
  opacity: 1;
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
  -webkit-transition-delay: 1s;
  -moz-transition-delay: 1s;
  -ms-transition-delay: 1s;
  -o-transition-delay: 1s;
  transition-delay: 1s
}

.banner-section.style-three .content-box p {
  margin-bottom: 38px;
  font-size: 30px;
  line-height: 40px;
  font-weight: 500;
  -webkit-transform: translateY(50px);
  -moz-transform: translateY(50px);
  -ms-transform: translateY(50px);
  -o-transform: translateY(50px);
  transform: translateY(50px);
  -webkit-transition: all 1.5s ease;
  -moz-transition: all 1.3s ease;
  -ms-transition: all 1.3s ease;
  -o-transition: all 1.3s ease;
  transition: all 1.3s ease
}

.banner-section.style-three .active .content-box p {
  opacity: 1;
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
  -webkit-transition-delay: 1.3s;
  -moz-transition-delay: 1.3s;
  -ms-transition-delay: 1.3s;
  -o-transition-delay: 1.3s;
  transition-delay: 1.3s
}

.banner-section.style-three .content-box .list {
  margin-bottom: 0;
  -webkit-transform: translateY(50px);
  -moz-transform: translateY(50px);
  -ms-transform: translateY(50px);
  -o-transform: translateY(50px);
  transform: translateY(50px);
  -webkit-transition: all 1.6s ease;
  -moz-transition: all 1.6s ease;
  -ms-transition: all 1.6s ease;
  -o-transition: all 1.6s ease;
  transition: all 1.6s ease
}

.banner-section.style-three .active .content-box .list {
  opacity: 1;
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
  -webkit-transition-delay: 1.6s;
  -moz-transition-delay: 1.6s;
  -ms-transition-delay: 1.6s;
  -o-transition-delay: 1.6s;
  transition-delay: 1.6s
}

.banner-section.style-three .banner-carousel .slide-item {
  padding: 207px 0 220px 0
}

.banner-section.style-three .banner-carousel .owl-dots {
  position: absolute;
  bottom: 30px;
  text-align: center;
  width: 100%;
  counter-reset: count
}

.banner-section.style-three .owl-dots .owl-dot {
  position: relative;
  display: inline-block;
  margin: 0 10px;
  text-align: center;
  background-color: transparent;
  cursor: pointer;
  box-shadow: none;
  border: none;
  outline: 0;
  -moz-transition: all .5s ease;
  -webkit-transition: all .5s ease;
  -ms-transition: all .5s ease;
  -o-transition: all .5s ease;
  transition: all .5s ease
}

.banner-section.style-three .owl-dots .owl-dot:before {
  position: relative;
  display: inline-block;
  color: #fff;
  font-size: 14px;
  width: 30px;
  height: 30px;
  line-height: 30px;
  background: rgb(255, 255, 255, .2);
  border-radius: 50%;
  counter-increment: count;
  content: "0" counter(count);
  font-family: var(--heading-font);
  font-weight: 600;
  transition: all .5s ease
}

.banner-section.style-three .owl-dots .owl-dot.active:before,
.banner-section.style-three .owl-dots .owl-dot:hover:before {
  background: var(--thm-base)
}

.about-style-three {
  position: relative
}

.about-style-three .content-box .author-info {
  position: relative;
  display: block;
  padding-left: 125px
}

.about-style-three .content-box .author-info .author-thumb {
  position: absolute;
  left: 0;
  top: 0;
  width: 60px;
  height: 60px;
  border-radius: 50%
}

.about-style-three .content-box .author-info .author-thumb img {
  position: relative;
  width: 100%;
  border-radius: 50%;
  z-index: 1
}

.about-style-three .content-box .author-info .author-thumb a {
  position: absolute;
  top: 0;
  right: -45px;
  font-size: 18px;
  color: #fff;
  width: 60px;
  height: 60px;
  line-height: 60px;
  text-align: center;
  border-radius: 50%;
  background-color: #005b99;
  transition: all .5s ease
}

.about-style-three .content-box .author-info .author-thumb a:hover {
  background-color: var(--thm-black)
}

.about-style-three .content-box .author-info h3 {
  position: relative;
  font-size: 24px;
  line-height: 30px;
  color: var(--thm-black);
  font-weight: 600;
  margin-bottom: 9px
}

.about-style-three .content-box .author-info .designation {
  position: relative;
  display: block;
  font-size: 14px;
  line-height: 20px;
  font-family: var(--heading-font);
  color: #005b99;
  font-weight: 600;
  text-transform: uppercase;
  margin: 0
}

.about-style-three .inner-container {
  /* background: #fff; */
  box-shadow: 0 10px 30px 0 rgba(0, 0, 0, .1)
}

.about-style-three .content-box {
  position: relative;
  padding: 98px 30px 100px 100px
}

.about-style-three .content-box .text {
  position: relative;
  margin-bottom: 25px
}

.about-style-three .content-box .text p {
  position: relative;
  font-size: 18px;
  line-height: 26px;
  margin-bottom: 17px
}

.about-style-three .content-box .text p:last-child {
  margin-bottom: 0
}

.about-style-three .content-box h4 {
  position: relative;
  display: block;
  font-size: 20px;
  line-height: 28px;
  font-weight: 600;
  color: var(--thm-black);
  margin-bottom: 43px
}

.about-style-three .content-box h4 a {
  color: #005b99;
  transition: all .5s ease
}

.about-style-three .content-box h4 a:hover {
  text-decoration: underline
}

.about-style-three .content-box .lower-box .btn-box {
  margin-right: 30px
}

.about-style-three .content-box .lower-box .btn-box .thm-btn {
  background: #2b55a4;
  color: #fff;
  padding: 17px 40px
}

.about-style-three .content-box .lower-box .btn-box .thm-btn:hover {
  background: var(--thm-base)
}

.about-style-three .content-box .block-title {
  margin-bottom: 16px
}

.about-style-three .inner-box {
  position: relative;
  display: block;
  margin-left: 70px
}

.about-style-three .inner-box .video-box {
  position: relative;
  display: block;
  text-align: center;
  width: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  padding: 60px 0
}

.about-style-three .inner-box .video-box:before {
  position: absolute;
  content: '';
  background: #2f000d;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  right: 0;
  opacity: .6
}

.about-style-three .inner-box .video-box a {
  position: relative;
  display: inline-block;
  font-size: 30px;
  color: #fff;
  width: 70px;
  height: 70px;
  line-height: 78px;
  text-align: center;
  border-radius: 50%;
  background: #005b99
}

.about-style-three .inner-box .video-box a:after,
.about-style-three .inner-box .video-box a:before {
  width: 70px;
  height: 70px;
  border-radius: 50%;
  background: 0 0;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -webkit-animation-delay: .9s;
  animation-delay: .9s;
  content: "";
  position: absolute;
  -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, .6);
  box-shadow: 0 0 0 0 rgba(255, 255, 255, .6);
  -webkit-animation: ripple 3s infinite;
  animation: ripple 3s infinite;
  -webkit-transition: all .4s ease;
  transition: all .4s ease
}

.about-style-three .inner-box .video-box a:after {
  -webkit-animation-delay: .6s;
  animation-delay: .6s
}


.about-style-three .inner-box .inner-content:before {
  position: absolute;
  content: '';
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  right: 0;
  opacity: .85
}

.about-style-three .inner-box .inner-content .icon-box {
  position: absolute;
  left: 25px;
  top: 50px;
  font-size: 65px;
  line-height: 50px;
  color: #fff
}

.about-style-three .inner-box .inner-content h2 {
  position: relative;
  display: inline-block;
  font-size: 50px;
  line-height: 45px;
  color: #fff;
  font-weight: 600;
  margin-bottom: 0
}

.about-style-three .inner-box .inner-content h2:before {
  position: absolute;
  content: '+';
  font-size: 24px;
  font-family: var(--heading-font);
  color: #fff;
  font-weight: 600;
  top: -11px;
  left: 68px
}

.about-style-three .inner-box .inner-content h2 span {
  font-size: 16px;
  text-transform: uppercase
}

.about-style-three .inner-box .inner-content h6 {
  position: relative;
  display: block;
  font-size: 16px;
  line-height: 22px;
  color: #fff;
  font-weight: 600;
  text-transform: uppercase;
  margin: 0
}

.about-style-three .inner-box .image-layer {
  position: absolute;
  right: -35px;
  bottom: -96px;
  z-index: 1
}

.service-one__home-three .service-one__single {
  background: #fff;
  box-shadow: 0 10px 30px 0 rgba(0, 0, 0, .05)
}

.service-one__home-three .service-one__single .service-one__main::before {
  background-image: url(../images/shapes/service-shape-1-3.png);
  background-repeat: no-repeat;
  width: 221px;
  height: 209px;
  transform: translate(0);
  left: -22px
}

.service-one__home-three .service-one__single h3 {
  color: var(--thm-black)
}

.service-one__home-three .service-one__main>a::after,
.service-one__home-three .service-one__main>a::before {
  background: #d4d7de
}

.service-one__home-three .service-one__hover-inner {
  background: #fff
}

.service-one__home-three .service-one__hover::after {
  background-image: url(../images/shapes/service-shape-1-3.png);
  background-repeat: no-repeat;
  width: 221px;
  height: 209px;
  transform: translate(0);
  left: -22px
}

.service-one__home-three .service-one__hover-inner>i {
  color: var(--thm-base)
}

.service-one__home-three .service-one__hover-inner h3::after {
  background-color: var(--thm-base)
}

.service-one__home-three .service-one__hover-inner p {
  color: #646a7a
}

.service-one__home-three .service-one__hover-inner>a {
  color: var(--thm-base)
}

.service-one__home-three .service-one__hover-inner>a>span,
.service-one__home-three .service-one__hover-inner>a>span::after,
.service-one__home-three .service-one__hover-inner>a>span::before {
  background: var(--thm-base)
}

.service-one__home-three .service-one__hover-inner::before {
  background-image: url(../images/shapes/service-shape-1-4.png);
  background-repeat: no-repeat
}

.service-one__home-three .more-text {
  position: relative;
  display: block;
  margin-top: 55px
}

.service-one__home-three .more-text p {
  font-size: 18px;
  line-height: 26px;
  margin: 0
}

.service-one__home-three .more-text p a {
  color: var(--thm-black);
  transition: all .5s ease
}

.service-one__home-three .more-text p a:hover {
  color: var(--thm-base)
}

.service-one__home-three {
  padding-bottom: 115px
}

.chooseus-style-two {
  position: relative;
  overflow: hidden
}

.chooseus-style-two .choose-column {
  position: relative;
  width: 30%
}

.chooseus-style-two .advertise-column {
  position: relative;
  width: 40%
}

.chooseus-style-two .choose-column .single-item {
  position: relative
}

.chooseus-style-two .choose-column .single-item .image-column {
  position: absolute;
  float: left;
  width: 50%;
  height: 100%;
  display: block;
  overflow: hidden
}

.chooseus-style-two .choose-column .single-item:last-child .image-column {
  float: right;
  right: 0
}

.chooseus-style-two .choose-column .single-item .image-layer {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  width: 100%;
  height: 100%;
  background: var(--thm-black) background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  transition: all .5s ease;
}

.chooseus-style-two .choose-column .single-item .image-layer:before {
  position: absolute;
  content: '';
  background: rgba(7, 18, 48, .8);
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  opacity: 0;
  transition: all .5s ease
}

.chooseus-style-two .choose-column .single-item:hover .image-layer:before {
  opacity: 1
}

.chooseus-style-two .choose-column .single-item:hover .image-layer {
  width: 110%
}

.chooseus-style-two .choose-column .single-item .image-box {
  position: relative;
  display: none;
  width: 100%
}

.chooseus-style-two .choose-column .single-item .image-column img {
  position: relative;
  display: block;
  width: 100%
}

.chooseus-style-two .choose-column .single-item .image-column .over-link {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  width: 100%;
  height: 100%;
  z-index: 1
}

.chooseus-style-two .choose-column .single-item .content-box {
  position: relative;
  float: right;
  width: 50%;
  display: block;
  background: var(--thm-black);
  padding: 40px 30px 33px 30px;
  min-height: 300px
}

.chooseus-style-two .choose-column .single-item:last-child .content-box {
  float: left
}

.chooseus-style-two .choose-column .single-item .content-box .icon-box {
  position: relative;
  display: inline-block;
  font-size: 65px;
  line-height: 65px;
  color: var(--thm-base);
  margin-bottom: 22px
}

.chooseus-style-two .choose-column .single-item .content-box .link {
  position: absolute;
  top: 45px;
  right: 30px
}

.chooseus-style-two .choose-column .single-item .content-box .link a {
  position: relative;
  display: inline-block;
  font-size: 20px;
  font-weight: 700;
  color: rgba(255, 255, 255, .6);
  background: rgba(255, 255, 255, .1);
  width: 54px;
  height: 54px;
  line-height: 60px;
  text-align: center;
  border-radius: 50%;
  transition: all .5s ease
}

.chooseus-style-two .choose-column .single-item .content-box .link a:hover {
  color: #fff;
  background: var(--thm-base)
}

.chooseus-style-two .choose-column .single-item .content-box h3 {
  position: relative;
  display: block;
  font-size: 22px;
  line-height: 30px;
  color: #fff;
  font-weight: 600;
  margin-bottom: 18px
}

.chooseus-style-two .choose-column .single-item .content-box h3 a {
  color: #fff;
  transition: all .5s ease
}

.chooseus-style-two .choose-column .single-item .content-box h3 a:hover {
  text-decoration: underline;
  color: var(--thm-base)
}

.chooseus-style-two .choose-column .single-item .content-box p {
  position: relative;
  font-size: 18px;
  line-height: 26px;
  color: rgba(255, 255, 255, .6);
  margin: 0
}

.chooseus-style-two .advertise-column .advertise-inner {
  position: relative;
  display: block;
  width: 100%;
  padding: 134px 30px 133px 30px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  background-attachment: fixed
}

.chooseus-style-two .advertise-column .advertise-inner:before {
  position: absolute;
  content: '';
  background: var(--thm-black);
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  right: 0;
  opacity: .85
}

.chooseus-style-two .advertise-column .advertise-inner .inner {
  position: relative
}

.chooseus-style-two .advertise-column .advertise-inner .inner .icon-box {
  position: relative;
  display: inline-block;
  font-size: 55px;
  color: #fff;
  width: 100px;
  height: 100px;
  line-height: 116px;
  text-align: center;
  background: var(--thm-base);
  border-radius: 50%;
  margin-bottom: 35px
}

.chooseus-style-two .advertise-column .advertise-inner .inner h3 {
  position: relative;
  display: block;
  font-size: 22px;
  color: #fff;
  font-weight: 600;
  margin-bottom: 14px
}

.chooseus-style-two .advertise-column .advertise-inner .inner h2 {
  position: relative;
  display: block;
  font-size: 50px;
  line-height: 60px;
  color: #fff;
  font-weight: 700;
  margin-bottom: 38px
}

.chooseus-style-two .advertise-column .advertise-inner .inner .thm-btn {
  width: 170px;
  margin: 0 7.5px;
  padding: 15px 20px;
  border: 2px solid #fff
}

.chooseus-style-two .advertise-column .advertise-inner .inner .thm-btn:hover {
  color: #fff;
  background: var(--thm-base) !important;
  border-color: var(--thm-base)
}

.chooseus-style-two .advertise-column .advertise-inner .inner .thm-btn.btn-one {
  background: 0 0;
  color: #fff
}


.tabs-box .tab {
  position: relative;
  display: none;
  transition: all .9s ease;
  -moz-transition: all .9s ease;
  -webkit-transition: all .9s ease;
  -ms-transition: all .9s ease;
  -o-transition: all .9s ease
}

.tabs-box .tab.active-tab {
  display: block
}

.tabs-box .tab {
  transform: scale(.9, .9) translateY(0)
}

.tabs-box .tab.active-tab {
  transform: scale(1) translateY(0)
}

.tabs-box .tab-btns .single-item {
  position: relative;
  float: left;
  width: 16.666%
}

.tabs-box .tab-btns .single-item .inner {
  position: relative;
  display: block;
  background: #fff;
  padding: 30px 15px 23px 15px;
  text-align: center;
  cursor: pointer;
  box-shadow: 0 20px 30px 0 rgba(0, 0, 0, .06)
}

.tabs-box .tab-btns .single-item .inner .icon-box {
  position: relative;
  display: block;
  font-size: 65px;
  line-height: 65px;
  color: #9aa0af;
  padding-bottom: 21px;
  margin-bottom: 13px;
  transition: all .5s ease
}

.tabs-box .tab-btns .single-item .inner:hover .icon-box,
.tabs-box .tab-btns .single-item.active-btn .inner .icon-box {
  color: var(--thm-base)
}

.tabs-box .tab-btns .single-item .inner .icon-box:before {
  position: absolute;
  content: '';
  background: #e4e7ee;
  width: 64px;
  height: 2px;
  left: 50%;
  transform: translateX(-50%);
  bottom: 0
}

.tabs-box .tab-btns .single-item .inner h3 {
  position: relative;
  display: block;
  font-size: 22px;
  line-height: 30px;
  color: var(--thm-black);
  font-weight: 600;
  margin: 0;
  transition: all .5s ease
}

.tabs-box .tab-btns .single-item .inner:hover h3,
.tabs-box .tab-btns .single-item.active-btn .inner h3 {
  color: var(--thm-base)
}

.tab-btn-box .block-title {
  margin-bottom: 52px
}

.tab-btn-box {
  position: relative;
  margin-bottom: 80px
}

.construction-section {
  position: relative;
  padding-bottom: 120px
}

.construction-section .image-box {
  position: relative;
  display: block;
  overflow: hidden;
  margin: 0 30px 0 0
}

.construction-section .image-box img {
  width: 100%
}

.construction-section .image-box:before {
  position: absolute;
  top: 0;
  left: -75%;
  display: block;
  content: '';
  width: 50%;
  height: 100%;
  background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, .3) 100%);
  background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), to(rgba(255, 255, 255, .3)));
  background: linear-gradient(to right, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, .3) 100%);
  -webkit-transform: skewX(-25deg);
  -ms-transform: skewX(-25deg);
  transform: skewX(-25deg)
}

.construction-section .image-box:hover:before {
  -webkit-animation: shine 1s
}

.construction-section .content-box .block-title {
  position: relative;
  padding-left: 95px
}

.construction-section .content-box .block-title h2 {
  font-size: 36px;
  margin-top: 22px
}

.construction-section .content-box .block-title .icon-box {
  position: absolute;
  left: 0;
  top: 4px;
  font-size: 65px;
  line-height: 65px;
  color: var(--thm-base);
  margin: 0
}

.construction-section .content-box .block-title {
  margin-bottom: 36px
}

.construction-section .list-item {
  position: relative;
  margin: 0 -10px 22px -10px
}

.construction-section .list-item li {
  position: relative;
  float: left;
  width: 50%
}

.construction-section .list-item li .inner {
  position: relative;
  display: block;
  background: #fff;
  margin: 0 10px 20px 10px;
  border: 1px solid #e4e7ee;
  padding: 19px 30px 21px 60px;
  transition: all .5s ease
}

.construction-section .list-item li .inner:hover {
  box-shadow: 0 20px 30px 0 rgba(0, 0, 0, .07)
}

.construction-section .list-item li .inner i {
  position: absolute;
  left: 24px;
  top: 24px;
  font-size: 18x;
  line-height: 20px;
  color: var(--thm-base)
}

.construction-section .list-item li .inner h4 {
  position: relative;
  display: block;
  font-size: 20px;
  line-height: 28px;
  font-weight: 600;
  color: var(--thm-black);
  margin: 0
}

.construction-section .list-item li .inner:before {
  position: absolute;
  content: '';
  background: var(--thm-base);
  width: 0%;
  height: 3px;
  left: 0;
  top: 0;
  transition: all .5s ease
}

.construction-section .list-item li .inner:hover:before {
  width: 100%
}

.construction-section .content-box .text {
  margin-bottom: 32px
}

.construction-section .content-box .text p {
  font-size: 18px;
  line-height: 26px;
  margin: 0;
  position: relative
}

.construction-section .content-box .link a {
  position: relative;
  display: inline-block;
  font-size: 18px;
  line-height: 26px;
  font-weight: 600;
  color: var(--thm-black);
  font-family: var(--heading-font);
  border-bottom: 2px solid #e4e7ee;
  transition: all .5s ease
}

.construction-section .content-box .link a:hover {
  color: var(--thm-base)
}

.company-value {
  position: relative;
  padding: 120px 0;
  width: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  background-attachment: fixed
}

.company-value:before {
  position: absolute;
  content: '';
  background: var(--thm-black);
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  right: 0;
  opacity: .8
}

.company-value .inner-box {
  position: relative
}

.company-value .inner-box .title-text {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  text-align: center;
  font-size: 280px;
  font-weight: 800;
  line-height: 120px;
  text-transform: uppercase;
  color: transparent;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: rgba(255, 255, 255, 0.2)
}

.company-value .inner-box .btn-box .thm-btn {
  background: var(--thm-base);
  color: #fff;
  padding: 17px 56px
}

.company-value .inner-box .btn-box .thm-btn:hover {
  background: #fff;
  color: var(--thm-base)
}

.company-value .inner-box .block-title {
  margin-bottom: 49px
}

.case-section.home-3 .case-one__single {
  margin-bottom: 0
}

.case-section.home-3 .case-one__single .case-one__content {
  transition: all .5s ease
}

.case-section.home-3 .case-one__single:hover .case-one__content {
  box-shadow: 0 20px 30px 0 rgba(0, 0, 0, .1)
}

.blog-grid .post-block .post-inner .blog-sidebar__post {
  position: relative;
  margin-bottom: 20px
}

.blog-grid .post-block .post-inner .link {
  padding-top: 15px
}

.blog-grid .post-block .post-inner .link a {
  position: relative;
  display: inline-block;
  font-size: 18px;
  line-height: 26px;
  font-weight: 600;
  color: var(--thm-black);
  font-family: var(--heading-font);
  border-bottom: 2px solid #e4e7ee;
  transition: all .5s ease
}

.blog-grid .post-block .post-inner .link a:hover {
  color: var(--thm-base)
}

.blog-grid .post-block .blog-sidebar__post li h3 {
  font-size: 22px;
  line-height: 30px;
  margin-bottom: 8px
}

.blog-grid .post-block .blog-sidebar__post li {
  padding-bottom: 18px
}

.blog-grid .post-block .blog-sidebar__post li:last-chld {
  margin-bottom: 0
}

.testimonial-style-two {
  position: relative;
  padding: 120px 0 120px 0
}

.testimonial-style-two .title-inner .text p {
  font-size: 18px;
  line-height: 26px;
  margin-bottom: 36px
}

.testimonial-style-two .title-inner .text a {
  position: relative;
  display: inline-block;
  font-size: 18px;
  line-height: 26px;
  font-weight: 600;
  color: var(--thm-black);
  font-family: var(--heading-font);
  border-bottom: 2px solid #e4e7ee;
  transition: all .5s ease
}

.testimonial-style-two .title-inner .text a:hover {
  color: var(--thm-base)
}

.testimonial-style-two .title-inner .block-title {
  margin-bottom: 14px
}

.testimonial-style-two .testimonial-inner {
  position: relative;
  padding-right: 118px
}

.testimonial-style-two .client-thumb-outer {
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  width: 120px;
  height: 120px;
  overflow: hidden;
  border-radius: 50%;
  margin: 0 auto
}

.testimonial-style-two .client-thumb-outer .thumb-item .thumb-box {
  width: 100px;
  height: 100px;
  cursor: pointer;
  overflow: hidden;
  border-radius: 50%;
  border: 4px solid #fff;
  margin: 10px auto !important;
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, .15)
}

.testimonial-style-two .client-thumb-outer .thumb-item .thumb-box i {
  position: absolute;
  left: 15px;
  bottom: 10px;
  font-size: 18px;
  color: #fff;
  background: var(--thm-base);
  width: 38px;
  height: 38px;
  line-height: 38px;
  border-radius: 50%;
  text-align: center
}

.testimonial-style-two .client-thumb-outer .owl-carousel .owl-stage-outer {
  overflow: visible
}

.testimonial-style-two .testimonial-inner .testimonial-content {
  position: relative;
  background: var(--thm-black);
  padding: 38px 70px 31px 40px;
  margin-right: 52px
}

.testimonial-style-two .testimonial-inner .testimonial-content:before {
  position: absolute;
  content: '';
  background: var(--thm-black);
  width: 52px;
  height: 62px;
  top: 62px;
  right: -52px;
  clip-path: polygon(0% 0%, 0% 0%, 100% 100%, 0% 75%, 0% 0%)
}

.testimonial-style-two .testimonial-inner .testimonial-content .rating li {
  position: relative;
  display: inline-block;
  font-size: 18px;
  margin: 0 3px;
  color: var(--thm-base)
}

.testimonial-style-two .testimonial-inner .testimonial-content .rating {
  margin-bottom: 17px
}

.testimonial-style-two .testimonial-inner .testimonial-content p {
  position: relative;
  font-size: 18px;
  line-height: 28px;
  color: rgba(255, 255, 255, .6);
  margin-bottom: 15px
}

.testimonial-style-two .testimonial-inner .testimonial-content h4 {
  position: relative;
  display: block;
  font-size: 20px;
  line-height: 28px;
  color: #fff;
  font-weight: 600;
  margin: 0
}

.testimonial-style-two .testimonial-inner .testimonial-content h4 span {
  font-size: 18px;
  font-family: var(--thm-font);
  font-weight: 400;
  color: rgba(255, 255, 255, .5);
  font-style: italic
}

.testimonial-style-two .client-testimonial-carousel .owl-nav {
  position: absolute;
  right: -46px;
  top: 0;
  height: 100%
}

.testimonial-style-two .client-testimonial-carousel .owl-nav .owl-next,
.testimonial-style-two .client-testimonial-carousel .owl-nav .owl-prev {
  position: absolute;
  font-size: 40px;
  line-height: 40px;
  color: #bac0ce;
  background: 0 0;
  border: none;
  outline: 0;
  cursor: pointer;
  font-weight: 400;
  margin: 0;
  transition: all .5s ease
}

.testimonial-style-two .client-testimonial-carousel .owl-nav .owl-next:hover,
.testimonial-style-two .client-testimonial-carousel .owl-nav .owl-prev:hover {
  color: var(--thm-base)
}

.testimonial-style-two .client-testimonial-carousel .owl-nav .owl-prev {
  top: -12px;
  left: 0
}

.testimonial-style-two .client-testimonial-carousel .owl-nav .owl-next {
  bottom: 5px;
  left: 6px
}

.brand-one.alternat-3 {
  background: 0 0;
  padding-top: 0
}

.consultation-section {
  position: relative;
  padding: 50px 0;
  background: #ed3034
}

.consultation-section .bg-layer {
  position: absolute;
  left: 0;
  top: 0;
  width: 35%;
  height: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center
}

.consultation-section .inner-box {
  position: relative
}

.consultation-section .inner-box .icon-box {
  position: absolute;
  left: -140px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 50px;
  color: #fff;
  width: 80px;
  height: 80px;
  line-height: 94px;
  text-align: center;
  border-radius: 50%;
  background: #990f35;
  box-shadow: 0 0 0 10px #b10f3c
}

.consultation-section .inner-box h2 {
  position: relative;
  display: block;
  font-size: 36px;
  line-height: 45px;
  font-weight: 700;
  color: #fff;
  margin-bottom: 10px
}

.consultation-section .inner-box p {
  position: relative;
  display: block;
  font-size: 18px;
  line-height: 26px;
  color: #fff;
  margin-bottom: 15px
}

.consultation-section .inner-box .consultation-form .form-group {
  position: relative;
  float: left;
  max-width: 280px;
  width: 100%;
  margin-right: 20px;
  margin-bottom: 0
}

.consultation-section .inner-box .consultation-form .form-group:last-child {
  margin-right: 0;
  max-width: 170px
}

.consultation-section .inner-box .consultation-form .form-group input[type=email],
.consultation-section .inner-box .consultation-form .form-group input[type=text] {
  position: relative;
  display: block;
  width: 100%;
  height: 58px;
  background: #990f35;
  border: 1px solid #990f35 !important;
  padding: 10px 20px;
  font-size: 18px;
  color: #fff;
  outline: 0;
  border-radius: 5px;
  transition: all .5s ease
}

.consultation-section .inner-box .consultation-form .form-group input:focus {
  border-color: #fff !important
}

.consultation-section .inner-box .consultation-form .form-group input::-webkit-input-placeholder {
  color: #fff
}

.consultation-section .inner-box .consultation-form .form-group .thm-btn {
  padding: 16px 42px
}

.site-footer__bottom.alternat-2 {
  background: #fff
}

.site-footer__bottom.alternat-2 .container p a {
  color: var(--thm-base)
}

.footer-style-three {
  position: relative
}

.footer-style-three .footer-widget {
  position: relative;
  padding: 54px 0 47px 0
}

.footer-style-three .logo-widget {
  margin-top: 0
}

.footer-style-three .logo-widget .logo {
  position: relative;
  display: block
}

.footer-style-three .logo-widget .logo img {
  display: block;
  max-width: 100%;
  width: auto;
  margin: 0 auto
}

.footer-style-three .logo-widget .logo-box {
  position: relative;
  margin-right: 70px
}

.footer-style-three .logo-widget .footer-logo {
  position: relative;
  margin-bottom: 42px
}

.footer-style-three .logo-widget .support-box {
  position: relative;
  padding-left: 80px;
  margin-bottom: 27px
}

.footer-style-three .logo-widget .support-box .icon-box {
  position: absolute;
  left: 0;
  top: -3px
}

.footer-style-three .logo-widget .support-box p {
  font-size: 18px;
  line-height: 26px;
  color: #9aa0af;
  margin-bottom: 1px
}

.footer-style-three .logo-widget .support-box h4 {
  position: relative;
  display: block;
  font-size: 20px;
  line-height: 28px;
  font-weight: 600;
  color: #fff;
  margin: 0
}

.footer-style-three .logo-widget .support-box h4 a {
  display: inline-block;
  color: #fff;
  transition: all .5s ease
}

.footer-style-three .logo-widget .support-box h4 a:hover {
  color: #005b99
}

.footer-style-three .logo-widget p {
  margin-top: 0;
  margin-bottom: 30px
}

.footer-style-three .links-widget .widget-content ul {
  position: relative;
  float: left;
  width: 50%
}

.footer-style-three .links-widget .footer-widget__list li a {
  position: relative;
  display: inline-block;
  transform: translateX(18px) !important
}

.footer-style-three .links-widget .footer-widget__list li a::before {
  opacity: 1;
  visibility: visible
}

.footer-style-three .links-widget .footer-widget__list li a:hover::before {
  color: #fff
}

.footer-style-three .links-widget .footer-widget__list li {
  margin-bottom: 28px;
  position: relative;
  display: block;
  margin-top: 0
}

.footer-style-three .links-widget .footer-widget__list li:last-child {
  margin-bottom: 0
}

.footer-style-three .location-widget {
  position: relative;
  display: block;
  height: 100%;
  background: #2957a4;
  padding-left: 20px;
  padding-right: 20px
}

.footer-style-three .location-widget .location-inner {
  position: relative;
  min-height: 200px;
  width: 100%
}

.footer-style-three .location-widget .location-inner .pattern-layer {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center
}

.footer-style-three .location-widget .location-inner {
  position: relative;
  margin-bottom: 27px
}

.footer-style-three .location-widget .location-inner .single-location-box .dots {
  position: absolute;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  border: 1px solid #fff;
  cursor: pointer;
  transition: all .5s ease
}

.footer-style-three .location-widget .location-inner .single-location-box .dots:before {
  position: absolute;
  content: '';
  background-color: #fff;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  left: 2px;
  top: 2px;
  transition: all .5s ease
}

.footer-style-three .location-widget .location-inner .single-location-box.active .dots,
.footer-style-three .location-widget .location-inner .single-location-box:hover .dots {
  background: #fff
}

.footer-style-three .location-widget .location-inner .single-location-box.active .dots:before,
.footer-style-three .location-widget .location-inner .single-location-box:hover .dots:before {
  background-color: var(--thm-base)
}

.footer-style-three .location-widget .location-inner .single-location-box .text {
  position: absolute;
  left: -30px;
  bottom: 16px;
  background: #fff;
  width: 70px;
  padding: 0 0;
  text-align: center;
  z-index: 1;
  visibility: hidden;
  opacity: 0;
  transition: all .5s ease
}

.footer-style-three .location-widget .location-inner .single-location-box.active .text,
.footer-style-three .location-widget .location-inner .single-location-box:hover .text {
  visibility: visible;
  opacity: 1;
  bottom: 10px
}

.footer-style-three .location-widget .location-inner .single-location-box .text:before {
  position: absolute;
  content: '';
  background: #fff;
  width: 10px;
  height: 10px;
  left: 31px;
  bottom: -3px;
  transform: rotate(45deg);
  z-index: -1
}

.footer-style-three .location-widget .location-inner .single-location-box {
  position: absolute
}

.footer-style-three .location-widget .location-inner .single-location-box .text p {
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
  color: var(--thm-black);
  margin: 0
}

.footer-style-three .location-widget .location-inner .location-1 {
  left: 75px;
  top: 22px
}

.footer-style-three .location-widget .location-inner .location-2 {
  left: 15px;
  top: 82px
}

.footer-style-three .location-widget .location-inner .location-3 {
  top: 85px;
  left: 95px
}

.footer-style-three .location-widget .location-inner .location-4 {
  left: 65px;
  top: 135px
}

.footer-style-three .location-widget .location-inner .location-5 {
  left: 135px;
  top: 53px
}

.footer-style-three .location-widget .location-inner .location-6 {
  bottom: 60px;
  left: 135px
}

.footer-style-three .location-widget .location-inner .location-7 {
  right: 70px;
  top: 95px
}

.footer-style-three .location-widget .location-inner .location-8 {
  right: 100px;
  top: 55px
}

.footer-style-three .location-widget .location-inner .location-9 {
  right: 130px;
  top: 93px
}

.footer-style-three .location-widget .location-inner .location-10 {
  right: 150px;
  bottom: 40px
}

.footer-style-three .location-widget .footer-widget__title,
.footer-style-three .location-widget .more-text {
  position: relative;
  padding-left: 15px
}

.footer-style-three .location-widget .more-text p {
  font-size: 18px;
  color: #fff;
  margin: 0;
  line-height: 26px
}

.footer-style-three .location-widget .more-text p a {
  display: inline-block;
  color: var(--thm-base);
  border-bottom: 1px solid;
  border-color: var(--thm-base)
}

.wa-chat-box-brand {
  margin-left: 20px;
  width: 50px;
  height: 50px;
  border-radius: 25px;
  box-shadow: 2px 2px 6px rgb(0 0 0 / 40%);
  background-color: #fff
}


#maindiv {
  overflow: hidden;
  white-space: nowrap;
}

#div1 {

  animation: marquee 30s linear infinite;
}

@keyframes marquee {
  from {
    transform: translateX(100%);
  }
}

/* Product pages - headings with strong tags */
.blog-details h1 strong,
.blog-details h2 strong,
.blog-details h3 strong,
.blog-details h4 strong,
.blog-details h5 strong,
.blog-details h6 strong {
  font-family: 'Archivo Black', sans-serif;
}