* {
   margin: 0px;
   padding: 0px;
   border: none;
   outline: none;
   font-size: 100%;
   line-height: inherit;
 }

 :root {
   --thm-font: "Teko", sans-serif;
   --thm-b-font: "Rubik", sans-serif;
   --thm-base: #ffaa17;
   --thm-base-rgb: 255, 170, 23;
   --thm-black: #222429;
   --thm-text: #686a6f;
 }

 .container {
   padding-left: 15px;
   padding-right: 15px;
 }

 .row {
   --bs-gutter-x: 30px;
   --bs-gutter-y: 0px;
 }

 body {
   font-size: 16px;
   font-family: var(--thm-b-font);
   color: var(--thm-text);
   line-height: 2.125em;
   font-weight: 400;
   background: #ffffff;
   -webkit-font-smoothing: antialiased;
   -moz-font-smoothing: antialiased;
   top: 0 !important;
 }

 a {
   text-decoration: none;
   cursor: pointer;
   color: var(--thm-base);
 }

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

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

 h1,
 h2,
 h3,
 h4,
 h5,
 h6 {
   position: relative;
   font-weight: 400;
   margin: 0px 0px 20px;
   background: none;
   line-height: 1.25em;
   font-family: var(--thm-font);
   color: var(--thm-black);
 }

 h1 {
   font-size: 140px;
 }

 h2 {
   font-size: 70px;
 }

 h3 {
   font-size: 60px;
 }

 h4 {
   font-size: 40px;
 }

 h5 {
   font-size: 30px;
 }

 h6 {
   font-size: 26px;
 }

 input,
 select,
 button {
   font-family: var(--thm-font);
 }

 textarea {
   overflow: hidden;
   resize: none;
 }

 button {
   outline: none !important;
   cursor: pointer;
 }

 p {
   text-align: center;
   line-height: 2.125em;
   margin: 0 0 20px;
 }

 .text {
   line-height: 2.125em;
   margin: 0 0;
 }

 ::-webkit-input-placeholder {
   color: inherit;
 }

 ::-moz-input-placeholder {
   color: inherit;
 }

 ::-ms-input-placeholder {
   color: inherit;
 }

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

 .page-wrapper__dark {
   background-color: #1c1e22;
   background-image: url(../image/home-portfolio-bg-1-1.png);
 }

 .page-wrapper__gradient {
   background: #432ff6;
   background: linear-gradient(100deg, #432ff6 0%, #f174e3 100%);
 }

 body.boxed-wrapper {
   background-color: #f4f5f8;
 }

 .page-wrapper.boxed-wrapper {
   max-width: 1410px;
   margin-left: auto;
   margin-right: auto;
   background-color: #ffffff;
   -webkit-box-shadow: 0px 0px 100px 0px rgba(0, 0, 0, 0.08);
   box-shadow: 0px 0px 100px 0px rgba(0, 0, 0, 0.08);
 }

 .page-wrapper__dark.boxed-wrapper {
   background-color: #1c1e22;
 }

 @media (max-width: 1440px) {
   .page-wrapper.boxed-wrapper {
     max-width: 90%;
   }
 }

 @media (max-width: 768px) {
   .page-wrapper.boxed-wrapper {
     max-width: 95%;
   }
 }

 .auto-container {
   position: static;
   max-width: 1200px;
   padding: 0px 15px;
   margin: 0 auto;
 }

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

 figure {
   margin-bottom: 0;
 }

 .theme-btn {
   display: inline-block;
   -webkit-transition: all 0.3s ease;
   transition: all 0.3s ease;
 }

 .theme-btn i {
   position: relative;
   display: inline-block;
   font-size: 14px;
   margin-left: 3px;
 }

 .centered {
   text-align: center !important;
 }

 .btn-style-one {
   position: relative;
   display: inline-block;
   text-align: center;
   text-transform: uppercase;
   letter-spacing: 0.05em;
   background: var(--thm-base);
   color: var(--thm-black);
   border-radius: 5px;
   overflow: hidden;
   font-family: var(--thm-font);
   transition: all 0.3s ease;
   -moz-transition: all 0.3s ease;
   -webkit-transition: all 0.3s ease;
   -ms-transition: all 0.3s ease;
   -o-transition: all 0.3s ease;
 }

 .btn-style-one .btn-title {
   position: relative;
   display: block;
   font-size: 18px;
   line-height: 30px;
   font-weight: 400;
   letter-spacing: 0.1em;
   padding: 19px 50px 16px;
   z-index: 1;
 }

 .btn-style-one:hover {
   background: var(--thm-base);
   color: #ffffff;
 }

 .btn-style-one .btn-curve {
   position: absolute;
   right: -15px;
   top: 0;
   width: 26px;
   height: 100%;
   background: var(--thm-black);
   opacity: 0.2;
   z-index: 0;
   -webkit-transform: skewX(-22deg);
   transform: skewX(-22deg);
   transition: all 0.5s ease;
   -moz-transition: all 0.5s ease;
   -webkit-transition: all 0.5s ease;
   -ms-transition: all 0.5s ease;
   -o-transition: all 0.5s ease;
 }

 .btn-style-one:hover .btn-curve {
   opacity: 1;
   right: 0;
   width: 100%;
   -webkit-transform: skewX(0deg);
   transform: skewX(0deg);
 }

 .btn-style-two {
   position: relative;
   display: inline-block;
   text-align: center;
   text-transform: uppercase;
   letter-spacing: 0.05em;
   background: var(--thm-black);
   color: #ffffff;
   border-radius: 5px;
   overflow: hidden;
   font-family: var(--thm-font);
   transition: all 0.3s ease;
   -moz-transition: all 0.3s ease;
   -webkit-transition: all 0.3s ease;
   -ms-transition: all 0.3s ease;
   -o-transition: all 0.3s ease;
 }

 .btn-style-two .btn-title {
   position: relative;
   display: block;
   font-size: 18px;
   line-height: 30px;
   font-weight: 400;
   padding: 19px 50px 16px;
   z-index: 1;
   letter-spacing: 0.1em;
   -webkit-transition: 0.5s;
   transition: 0.5s;
 }

 .btn-style-two:hover {
   color: var(--thm-black);
 }

 .btn-style-two .btn-curve {
   position: absolute;
   right: -15px;
   top: 0;
   width: 26px;
   height: 100%;
   background: #ffffff;
   opacity: 0.2;
   z-index: 0;
   -webkit-transform: skewX(-22deg);
   transform: skewX(-22deg);
   transition: all 0.5s ease;
   -moz-transition: all 0.5s ease;
   -webkit-transition: all 0.5s ease;
   -ms-transition: all 0.5s ease;
   -o-transition: all 0.5s ease;
 }

 .btn-style-two:hover .btn-curve {
   opacity: 1;
   right: 0;
   width: 100%;
   -webkit-transform: skewX(0deg);
   transform: skewX(0deg);
 }

 .btn-style-three {
   background-color: var(--thm-base);
   color: #fff;
   font-size: 16px;
   font-weight: bold;
   padding: 22.5px 40px;
   font-family: var(--thm-font);
   display: -webkit-inline-box;
   display: -ms-inline-flexbox;
   display: inline-flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   line-height: 1;
 }

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

 .pull-right {
   float: right;
 }

 .pull-left {
   float: left;
 }

 .preloader {
   position: fixed;
   left: 0px;
   top: 0px;
   width: 100%;
   height: 100%;
   z-index: 999999;
   background-color: white;
   background-color: #1c1e22;
 }

 .preloader__gradient {
   background: #432ff6;
   background: linear-gradient(100deg, #432ff6 0%, #f174e3 100%);
 }

 .preloader .icon {
   position: fixed;
   left: 0px;
   top: 0px;
   width: 100%;
   height: 100%;
   z-index: 5;
   background-color: rgba(0, 0, 0, 0);
   background-position: center center;
   background-repeat: no-repeat;
   background-image: url(../image/preloader.png);
   -webkit-transition: all 200ms ease;
   transition: all 200ms ease;
   -webkit-animation-name: rotateMe;
   -webkit-animation-duration: 2s;
   -webkit-animation-iteration-count: infinite;
   -webkit-animation-timing-function: linear;
   -moz-animation-name: rotateMe;
   -moz-animation-duration: 2s;
   -moz-animation-iteration-count: infinite;
   -moz-animation-timing-function: linear;
   -ms-animation-name: rotateMe;
   -ms-animation-duration: 2s;
   -ms-animation-iteration-count: infinite;
   -ms-animation-timing-function: linear;
   animation-name: rotateMe;
   animation-duration: 2s;
   animation-iteration-count: infinite;
   animation-timing-function: linear;
 }

 .preloader__gradient .icon {}

 .page-loaded .preloader .icon {
   opacity: 0;
 }

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

 .dropdown-toggle::after {
   display: none;
 }

 .fa {
   line-height: inherit;
 }

 .scroll-to-top {
   position: fixed;
   right: 20px;
   bottom: 20px;
   width: 44px;
   height: 44px;
   color: var(--thm-black);
   font-size: 14px;
   line-height: 44px;
   border-radius: 50%;
   text-align: center;
   z-index: 100;
   cursor: pointer;
   background: var(--thm-base);
   display: none;
   -webkit-transition: all 300ms ease;
   transition: all 300ms ease;
 }

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

 .main-header {
   position: absolute;
   left: 0;
   top: 0;
   display: block;
   width: 100%;
   z-index: 9999;
   background: none;
 }

 .main-header .header-upper {
   display: block;
   left: 0;
   top: 0;
   width: 100%;
   background: none;
   border-bottom: 1px solid rgba(255, 255, 255, 0.1);
   z-index: 1;
   -webkit-transition: all 300ms ease;
   transition: all 300ms ease;
 }

 .boxed-wrapper .main-header .header-upper {
   max-width: 1410px;
   left: 50%;
   -webkit-transform: translateX(-50%);
   transform: translateX(-50%);
 }

 .fixed-header .header-upper {
   background: #171717;
   -ms-box-shadow: 0 10px 30px 0px rgba(0, 0, 0, 0.08);
   -o-box-shadow: 0 10px 30px 0px rgba(0, 0, 0, 0.08);
   -webkit-box-shadow: 0 10px 30px 0px rgba(0, 0, 0, 0.08);
   box-shadow: 0 10px 30px 0px rgba(0, 0, 0, 0.08);
 }

 .header-style-two.fixed-header .header-upper {
   background: var(--thm-black);
   -ms-box-shadow: 0 10px 30px 0px rgba(0, 0, 0, 0.08);
   -o-box-shadow: 0 10px 30px 0px rgba(0, 0, 0, 0.08);
   -webkit-box-shadow: 0 10px 30px 0px rgba(0, 0, 0, 0.08);
   box-shadow: 0 10px 30px 0px rgba(0, 0, 0, 0.08);
 }

 .main-header .header-upper .inner-container {
   position: relative;
   display: block;
   padding: 0px 60px;
 }

 .main-header .header-upper .logo-box {
   position: relative;
   float: left;
   padding: 8px 0px 0px 0px;
   margin-right: 35px;
   z-index: 7;
 }

 @media only screen and (max-width: 600px) {
   .main-header .header-upper .logo-box {
     position: relative;
     float: left;
     padding: 20px 0px 0px 0px;
     margin-right: 35px;
     z-index: 7;
   }
 }

 .main-header .header-upper .logo-box .logo {
   position: relative;
   display: block;
 }

 .main-header .header-upper .logo-box .logo img {
   position: relative;
   display: inline-block;
   max-width: 100%;
   -webkit-filter: grayscale(30%);
   z-index: 1;
 }

 .main-header .other-links {
   position: relative;
   float: right;
   z-index: 7;
 }

 .main-header .other-links .link-box {
   position: relative;
   float: left;
   padding: 21px 0px;
 }

 .main-header .other-links .link-box .link {
   position: relative;
   display: block;
   padding-top: 4px;
   text-transform: uppercase;
   letter-spacing: 0.05em;
   padding-left: 60px;
   color: #ffffff;
 }

 .header-style-two.fixed-header .other-links .link-box .link {
   color: #ffffff;
 }

 .main-header .other-links .link-box .link .icon {
   position: absolute;
   left: 0;
   top: 0;
   width: 44px;
   height: 42px;
   background: url(../image/chat-icon.png) left center no-repeat;
 }

 .main-header .other-links .link-box .sub-text {
   position: relative;
   display: block;
   font-size: 14px;
   font-weight: 500;
   line-height: 18px;
   font-family: var(--thm-font);
   letter-spacing: 0.03em;
 }

 .main-header .other-links .link-box .number {
   position: relative;
   display: block;
   letter-spacing: 0.03em;
   font-size: 20px;
   font-weight: 400;
   line-height: 24px;
   font-family: var(--thm-font);
 }

 .main-header .other-links .link-box .number:hover {
   text-decoration: underline;
 }

 .main-header .other-links .call-us {
   position: relative;
 }

 .main-header .other-links .search-btn {
   position: relative;
   float: left;
   padding: 40px 0px;
   padding-right: 20px;
   margin-right: 20px;
   border-right: 1px solid rgba(255, 255, 255, 0.1);
 }

 .main-header .other-links .search-btn button {
   position: relative;
   display: block;
   padding: 0;
   margin: 0;
   background: none;
   line-height: 32px;
   color: #ffffff;
   cursor: pointer;
 }

 .main-header .other-links .search-btn button span {
   vertical-align: middle;
 }

 .main-header .nav-outer {
   position: absolute;
   left: 0;
   top: 0;
   float: left;
   text-align: center;
   width: 100%;
   z-index: 5;
 }

 .main-header .nav-outer .main-menu {
   position: relative;
   display: inline-block;
   vertical-align: middle;
 }

 @media (min-width: 992px) {
   .boxed-wrapper .main-header .nav-outer .main-menu {
     margin-right: 70px;
   }
 }

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

 .main-menu .navigation {
   position: relative;
   display: block;
   width: 100%;
   margin: 0px;
   font-family: var(--thm-font);
 }

 .main-menu .navigation>li {
   position: relative;
   float: left;
   padding: 31px 0px;
   margin-right: 40px;
   -webkit-transition: all 300ms ease;
   transition: all 300ms ease;
 }

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

 .main-menu .navigation>li:last-child:after {
   display: none;
 }

 .main-menu .navigation>li>a {
   position: relative;
   display: block;
   text-align: center;
   font-size: 20px;
   line-height: 30px;
   font-weight: 400;
   text-transform: uppercase;
   letter-spacing: 0.03em;
   color: #ffffff;
   padding: 12px 0px;
   opacity: 1;
   -webkit-transition: all 300ms ease;
   transition: all 300ms ease;
 }

 .main-menu .navigation li>a {
   display: -webkit-box !important;
   display: -ms-flexbox !important;
   display: flex !important;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   -webkit-box-pack: justify;
   -ms-flex-pack: justify;
   justify-content: space-between;
 }

 .main-menu .navigation li>a>span {
   background-color: var(--thm-base);
   color: #fff;
   font-size: 13px;
   text-transform: uppercase;
   border-radius: 5px;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   text-align: center;
   width: 40px;
   top: -3px;
   position: relative;
 }

 .main-menu .navigation>li:hover>a,
 .main-menu .navigation>li.current>a {
   color: #ffffff;
 }

 .header-style-two .main-menu .navigation>li>a,
 .header-style-two .main-menu .navigation>li:hover>a {
   color: var(--thm-black);
 }

 .header-style-two .main-menu .navigation>li.current>a,
 .header-style-two.fixed-header .main-menu .navigation>li>a,
 .header-style-two.fixed-header .main-menu .navigation>li>a:hover {
   color: #fff;
 }

 .header-style-two.fixed-header .main-menu .navigation>li.current>a {
   color: var(--thm-base);
 }

 .main-menu .navigation>li>a:before {
   content: "";
   position: absolute;
   left: 0;
   bottom: 7px;
   width: 100%;
   border-bottom: 2px solid var(--thm-base);
   -webkit-transform: scaleX(0);
   transform: scaleX(0);
   -webkit-transition: all 500ms ease;
   transition: all 500ms ease;
 }

 .header-style-two .main-menu .navigation>li>a:before {
   border-bottom-color: #fff;
 }

 .header-style-two.fixed-header .main-menu .navigation>li>a:before {
   border-bottom-color: var(--thm-base);
 }

 .main-menu .navigation>li:hover>a:before,
 .main-menu .navigation>li.current>a:before {
   -webkit-transform: scale(1);
   transform: scale(1);
 }

 .sticky-header .main-menu .navigation>li.dropdown {
   padding-right: 0px;
 }

 .main-menu .navigation>li>ul {
   position: absolute;
   left: -30px;
   top: 100%;
   width: 300px;
   ;
   z-index: 100;
   display: none;
   background: #000000;
   padding: 20px 0px 15px;
   border-radius: 5px;
   -webkit-transform: translateY(20px);
   transform: translateY(20px);
   transition: all 300ms ease;
   -moz-transition: all 300ms ease;
   -webkit-transition: all 300ms ease;
   -ms-transition: all 300ms ease;
   -o-transition: all 300ms ease;
   -ms-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05);
   -o-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05);
   -webkit-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05);
   box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05);
 }

 .main-menu .navigation>li>ul.from-right {
   left: auto;
   right: 0px;
 }

 .main-menu .navigation>li>ul>li {
   position: relative;
   padding: 0px 25px;
   width: 100%;
   margin-bottom: 5px;
 }

 .main-menu .navigation>li>ul>li>a {
   position: relative;
   display: block;
   padding: 8px 0px;
   line-height: 24px;
   font-weight: 400;
   font-size: 21px;
   color: white;
   letter-spacing: 0.06em;
   text-align: left;
   transition: all 300ms ease;
   -moz-transition: all 300ms ease;
   -webkit-transition: all 300ms ease;
   -ms-transition: all 300ms ease;
   -o-transition: all 300ms ease;
 }

 .main-menu .navigation>li>ul>li:hover>a {
   color: var(--thm-base);
 }

 .main-menu .navigation>li>ul>li>ul {
   position: fixed;
   left: 100%;
   top: 0;
   width: 320px;
   z-index: 100;
   display: none;
   background: #000000;
   padding: 25px 0px 15px;
   border-radius: 5px;
   -webkit-transform: translateY(20px);
   transform: translateY(20px);
   transition: all 300ms ease;
   -moz-transition: all 300ms ease;
   -webkit-transition: all 300ms ease;
   -ms-transition: all 300ms ease;
   -o-transition: all 300ms ease;
   -ms-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05);
   -o-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05);
   -webkit-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05);
   box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05);
 }

 .main-menu .navigation>li>ul>li>ul>li {
   position: relative;
   padding: 0px 35px;
   width: 100%;
   margin-bottom: 5px;
 }

 .main-menu .navigation>li>ul>li>ul>li>a {
   position: relative;
   display: block;
   padding: 5px 0px;
   line-height: 24px;
   font-weight: 400;
   font-size: 20px;
   color: white;
   letter-spacing: 0.05em;
   text-align: left;
   transition: all 300ms ease;
   -moz-transition: all 300ms ease;
   -webkit-transition: all 300ms ease;
   -ms-transition: all 300ms ease;
   -o-transition: all 300ms ease;
 }

 .main-menu .navigation>li>ul>li>ul>li>a:hover {
   color: var(--thm-base);
 }

 .main-menu .navigation>li>ul>li.dropdown>a:after {
   font-family: "Font Awesome 5 Free";
   content: "\f105";
   position: absolute;
   right: 0px;
   top: 7px;
   display: block;
   line-height: 24px;
   font-size: 16px;
   font-weight: 900;
   z-index: 5;
   display: none;
 }

 .main-menu .navigation>li.dropdown:not(.megamenu-clickable):hover>ul {
   visibility: visible;
   opacity: 1;
   -webkit-transform: translateY(0px);
   transform: translateY(0px);
   -webkit-transition: all 300ms ease;
   transition: all 300ms ease;
   -moz-transition: all 300ms ease;
   -webkit-transition: all 500ms ease;
   -ms-transition: all 300ms ease;
   -o-transition: all 300ms ease;
 }

 .main-menu .navigation li>ul>li.dropdown:hover>ul {
   visibility: visible;
   opacity: 1;
   -webkit-transform: translateY(0px);
   transform: translateY(0px);
   -webkit-transition: all 300ms ease;
   transition: all 300ms ease;
   -moz-transition: all 300ms ease;
   -webkit-transition: all 500ms ease;
   -ms-transition: all 300ms ease;
   -o-transition: all 300ms ease;
 }

 .main-menu .navigation li.dropdown .dropdown-btn {
   position: absolute;
   right: 10px;
   top: 8px;
   width: 34px;
   height: 30px;
   border: 1px solid #ffffff;
   text-align: center;
   font-size: 16px;
   line-height: 26px;
   color: #ffffff;
   cursor: pointer;
   z-index: 5;
   display: none;
 }

 .header-style-two.fixed-header .header-upper .logo-box .logo .stricked-logo,
 .header-style-two .header-upper .logo-box .logo .main-logo {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
 }

 .header-style-two.fixed-header .header-upper .logo-box .logo .main-logo,
 .header-style-two .header-upper .logo-box .logo .stricked-logo {
   display: none;
 }

 .header-style-four .header-upper {
   background-color: #fff;
 }

 .header-style-four .other-links .search-btn {
   border-color: #e9ebee;
 }

 .header-style-four .main-header .header-upper {
   border-bottom: 0;
 }

 .header-style-four .main-menu .navigation>li>a {
   color: #727479;
 }

 .header-style-four .other-links .link-box .number,
 .header-style-four .main-menu .navigation>li:hover>a,
 .header-style-four .main-menu .navigation>li.current>a {
   color: var(--thm-black);
 }

 .header-style-four .other-links .search-btn button {
   color: var(--thm-black);
 }

 .header-style-four .other-links .link-box .link .icon {
   background-image: url(../image/chat-icon-dark.png);
 }

 .header-style-four .other-links .link-box .sub-text {
   color: #727479;
 }

 .header-style-five .header-upper {
   background-color: rgba(0, 0, 0, 0);
 }

 .fixed-header.header-style-five .header-upper {
   background-color: #fff;
 }

 .header-style-five .header-upper .inner-container {
   max-width: 1200px;
   padding-left: 15px;
   padding-right: 15px;
   margin-left: auto;
   margin-right: auto;
 }

 .header-style-five .nav-outer {
   text-align: right;
 }

 .header-style-six .header-upper {
   background-color: rgba(0, 0, 0, 0);
 }

 .fixed-header.header-style-six .header-upper {
   background-color: var(--thm-black);
 }

 .header-style-six .nav-outer {
   display: none;
 }

 .header-style-six .header-upper .inner-container {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-pack: justify;
   -ms-flex-pack: justify;
   justify-content: space-between;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
 }

 .header-style-six .header-upper .right-menu {
   margin-left: auto;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
 }

 .header-style-six .header-upper .right-menu .search-btn button {
   background-color: rgba(0, 0, 0, 0);
   padding: 0;
   width: auto;
   font-size: 22px;
   color: #ffffff;
 }

 .header-style-six .header-upper .right-menu .mobile-nav-toggler {
   cursor: pointer;
   margin-left: 30px;
 }

 .header-style-six .header-upper .right-menu .mobile-nav-toggler:hover span {
   width: 28px !important;
 }

 .header-style-six .header-upper .right-menu .mobile-nav-toggler .bar {
   width: 28px;
   height: 1px;
   background-color: #fff;
   display: block;
   -webkit-transition: all 500ms ease;
   transition: all 500ms ease;
 }

 .header-style-six .header-upper .right-menu .mobile-nav-toggler .bar:nth-child(2) {
   width: 23px;
 }

 .header-style-six .header-upper .right-menu .mobile-nav-toggler .bar:nth-child(3) {
   width: 18px;
 }

 .header-style-six .header-upper .right-menu .mobile-nav-toggler .bar+.bar {
   margin-top: 7px;
 }

 .header-style-six-no-border .header-upper {
   border-bottom: 0;
 }

 .header-style-seven {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   z-index: 100%;
 }

 .header-style-seven .header-upper {
   margin-top: 44px;
   border-color: rgba(255, 255, 255, 0.06);
 }

 .header-style-seven .header-upper .auto-container {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
 }

 .header-style-seven.fixed-header .header-upper {
   margin-top: 0;
 }

 .header-style-seven .nav-outer {
   position: relative;
   top: auto;
   left: auto;
   text-align: right;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-pack: end;
   -ms-flex-pack: end;
   justify-content: flex-end;
 }

 .header-style-seven .main-menu .navigation>li>a {
   font-size: 18px;
   text-transform: capitalize;
   font-weight: 400;
   color: #fff;
   letter-spacing: 0;
 }

 .header-style-seven .main-menu .navigation>li>ul>li>a {
   font-size: 16px;
   font-weight: 500;
   text-transform: capitalize;
   letter-spacing: 0;
 }

 .header-style-seven .topbar-four {
   background-color: #18212e;
   padding-top: 4.5px;
   padding-bottom: 4.5px;
 }

 .header-style-seven .topbar-four .auto-container {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   -webkit-box-pack: justify;
   -ms-flex-pack: justify;
   justify-content: space-between;
 }

 .header-style-seven .topbar-four .right-content {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
 }

 .header-style-seven .topbar-four p {
   margin: 0;
   font-size: 14px;
   font-weight: 400;
   color: #959ca6;
 }

 .header-style-seven .topbar-four .phone {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   margin-right: 40px;
 }

 .header-style-seven .topbar-four .phone span {
   font-size: 14px;
   color: var(--thm-base);
   margin-right: 10px;
 }

 .header-style-seven .topbar-four .phone a {
   color: #fff;
   font-size: 14px;
   font-weight: 500;
 }

 .header-style-seven .social-links {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
 }

 .header-style-seven .social-links li+li {
   margin-left: 30px;
 }

 .header-style-seven .social-links a {
   font-size: 14px;
   color: #959ca6;
   -webkit-transition: all 500ms ease;
   transition: all 500ms ease;
 }

 .header-style-seven .social-links a:hover {
   color: var(--thm-base);
 }

 .header-style-seven .main-menu .navigation li>a>span {
   top: 0;
 }

 .main-header .other-links {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
 }

 .main-header .cart-btn {
   font-size: 18px;
   color: #fff;
   margin-right: 30px;
 }

 .main-header .cart-btn a {
   color: inherit;
 }

 .header-style-eight .header-upper {
   border-bottom: 1px solid #e9ebee;
 }

 .header-style-eight .main-menu .navigation>li>a {
   font-size: 20px;
   font-weight: 500;
   color: var(--thm-text);
   text-transform: lowercase;
 }

 .header-style-eight .nav-outer {
   position: relative;
   left: auto;
   top: auto;
   float: none;
   text-align: right;
 }

 .header-style-eight .main-menu .navigation>li>a::before {
   bottom: -32px;
 }

 .header-style-eight .main-menu .navigation>li {
   padding-top: 33px;
   padding-bottom: 33px;
 }

 .header-style-eight .main-menu .navigation>li>ul {
   border-radius: 0;
 }

 .header-style-eight .main-menu .navigation>li>ul>li>a {
   text-transform: capitalize;
   font-size: 16px;
   font-weight: 500;
   color: var(--thm-text);
 }

 .header-style-eight .main-menu .navigation>li>ul>li>a:hover {
   color: var(--thm-black);
 }

 .header-style-eight .main-menu .navigation li>a>span {
   font-size: 12px;
   padding-left: 8px;
   padding-right: 8px;
 }

 .header-style-eight .auto-container {
   width: 100%;
 }

 .header-style-eight .header-upper .logo-box {
   padding: 20px 0;
 }

 @media (min-width: 992px) {
   .header-style-eight .header-upper .logo-box {
     padding: 40px 0;
   }
 }

 .header-style-eight .nav-outer .mobile-nav-toggler {
   margin-top: 18px;
 }

 @media (min-width: 992px) {
   .header-style-eight .nav-outer .mobile-nav-toggler {
     margin-top: 40px;
   }
 }

 .fixed-header.header-style-eight .header-upper {
   background-color: #fff;
   border-bottom: 0;
 }

 .header-style-nine {
   z-index: 991;
   position: relative;
   top: auto;
   left: auto;
   display: block;
   width: 100%;
 }

 .header-style-nine__inner {
   padding-top: 32px;
   padding-bottom: 32px;
   padding-left: 30px;
   padding-right: 30px;
   background-color: var(--thm-gray);
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
 }

 @media (min-width: 992px) {
   .header-style-nine {
     width: 100px;
     height: 100vh;
     overflow: hidden;
     position: fixed;
     top: 0;
     left: 0;
   }

   .header-style-nine__inner {
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
     -ms-flex-direction: column;
     flex-direction: column;
     -webkit-box-pack: start;
     -ms-flex-pack: start;
     justify-content: flex-start;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     height: 100%;
     overflow-y: auto;
     padding-left: 0;
     padding-right: 0;
     padding-top: 40px;
     padding-bottom: 60px;
   }
 }

 .header-style-nine .mobile-nav-toggler {
   width: 28px;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   -ms-flex-direction: column;
   flex-direction: column;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   cursor: pointer;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center;
   display: block !important;
 }

 .header-style-nine .nav-outer .main-menu {
   display: none;
 }

 .header-style-nine .mobile-nav-toggler span {
   background-color: var(--thm-black);
   height: 1px;
   width: 28px;
   display: block;
 }

 .header-style-nine .mobile-nav-toggler span:nth-child(2) {
   width: 23px;
   margin-top: 7px;
   margin-bottom: 7px;
 }

 .header-style-nine .mobile-nav-toggler span:nth-child(3) {
   width: 18px;
 }

 .header-style-nine .nav-outer {
   position: relative;
   left: auto;
   top: auto;
   float: none;
   text-align: left;
   width: auto;
   z-index: 5;
 }

 .header-style-nine .nav-outer .mobile-nav-toggler {
   position: relative;
   float: none;
   font-size: 30px;
   line-height: 40px;
   cursor: pointer;
   margin-left: 0px;
   color: var(--thm-base);
   margin: 0px 0px 0px;
   margin-left: 30px;
 }

 @media (min-width: 992px) {
   .header-style-nine .nav-outer {
     margin-top: auto;
   }

   .header-style-nine .nav-outer .mobile-nav-toggler {
     margin-left: 0;
   }
 }

 .header-style-nine__search-btn__outer,
 .header-style-nine .search-btn {
   cursor: pointer;
   margin-left: auto;
   margin-right: 0px;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
 }

 .header-style-nine__search-btn__outer {
   display: none;
 }

 @media (min-width: 576px) {
   .header-style-nine .search-btn {
     margin-right: 30px;
   }
 }

 @media (min-width: 992px) {
   .header-style-nine .search-btn {
     display: none;
   }

   .header-style-nine__search-btn__outer {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     position: fixed;
     top: 0;
     right: 0;
   }
 }

 .header-style-nine .social-icons {
   display: none;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
 }

 @media (min-width: 576px) {
   .header-style-nine .social-icons {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
   }
 }

 @media (min-width: 992px) {
   .header-style-nine .social-icons {
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
     -ms-flex-direction: column;
     flex-direction: column;
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     justify-content: center;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     margin-top: auto;
   }
 }

 .header-style-nine .social-icons a {
   font-size: 16px;
   color: var(--thm-text);
   -webkit-transition: all 500ms ease;
   transition: all 500ms ease;
 }

 .header-style-nine .social-icons a:hover {
   color: var(--thm-base);
 }

 .header-style-nine .social-icons a+a {
   margin-left: 20px;
 }

 @media (min-width: 992px) {
   .header-style-nine .social-icons a+a {
     margin-left: 0;
     margin-top: 15px;
   }
 }

 .header-style-nine__search-btn__outer button,
 .header-style-nine .search-btn button {
   background-color: transparent;
 }

 .header-style-nine__search-btn__outer button span,
 .header-style-nine .search-btn button span {
   font-size: 22px;
   color: var(--thm-black);
   position: relative;
   display: block;
   margin-right: 20px;
 }

 .header-style-nine__search-btn__outer .text,
 .header-style-nine .search-btn .text {
   font-size: 16px;
   color: var(--thm-text);
 }

 .header-style-nine__search-btn__outer {
   padding: 33px 70px;
   z-index: 991;
   background-color: var(--thm-gray);
 }

 .sticky-header {
   position: fixed;
   visibility: hidden;
   opacity: 0;
   left: 0px;
   top: 0px;
   width: 100%;
   padding: 0px 0px;
   z-index: -1;
   background: #ffffff;
   border-bottom: 1px solid #f0f0f0;
   -ms-box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
   -o-box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
   -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
   box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
   -webkit-transition: top 300ms ease;
   transition: top 300ms ease;
 }

 .fixed-header .sticky-header {
   opacity: 1;
   z-index: 99901;
   visibility: visible;
 }

 .fixed-header .sticky-header .logo {
   padding: 10px 0px;
 }

 .sticky-header .main-menu .navigation>li {
   margin-left: 40px !important;
   padding: 0;
   margin-right: 0;
   background-color: transparent;
 }

 .sticky-header .main-menu .navigation>li.dropdown>a:after,
 .sticky-header .main-menu .navigation>li:before {
   display: none;
 }

 .sticky-header .main-menu .navigation>li>a {
   padding: 21px 0px !important;
   line-height: 30px;
   font-size: 16px;
   font-weight: 600;
   color: #25283a;
   text-transform: capitalize;
   -webkit-transition: all 300ms ease;
   transition: all 300ms ease;
 }

 .sticky-header .main-menu .navigation>li>ul>li>ul {
   left: auto;
   right: 100%;
 }

 .sticky-header .main-menu .navigation>li:hover>a,
 .sticky-header .main-menu .navigation>li.current>a,
 .sticky-header .main-menu .navigation>li.current-menu-item>a {
   opacity: 1;
 }

 .search-popup {
   position: fixed;
   top: 0;
   left: 0;
   width: 100vw;
   height: 100vh;
   z-index: 99999;
   -webkit-transform: scale(1, 0);
   transform: scale(1, 0);
   -webkit-transform-origin: bottom center;
   transform-origin: bottom center;
   -webkit-transition: -webkit-transform 0.7s ease;
   transition: -webkit-transform 0.7s ease;
   transition: transform 0.7s ease;
   transition: transform 0.7s ease, -webkit-transform 0.7s ease;
 }

 .search-popup.active {
   -webkit-transform-origin: top center;
   transform-origin: top center;
   -webkit-transform: scale(1, 1);
   transform: scale(1, 1);
 }

 .search-popup__overlay {
   width: 100%;
   height: 100%;
   background-color: #000;
   position: absolute;
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;
   z-index: 999;
   opacity: 0.7;
   cursor: none;
 }

 .search-popup__inner {
   position: absolute;
   width: 100%;
   height: 100%;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
 }

 .search-popup__form {
   position: relative;
   z-index: 9991;
   width: 100%;
   padding: 15px;
   max-width: 600px;
   position: relative;
 }

 .search-popup__form input {
   background-color: transparent;
   border: none;
   outline: none;
   width: 100%;
   height: 60px;
   line-height: 30px;
   padding: 15px 30px;
   color: #272727;
   font-size: 14px;
   background-color: #ffffff;
   font-family: var(--thm-b-font);
   padding-left: 30px;
 }

 .search-popup__form button[type="submit"] {
   border: none;
   outline: none;
   width: 60px;
   height: 60px;
   line-height: 60px;
   color: #fff;
   background-color: var(--thm-base);
   cursor: pointer;
   position: absolute;
   top: 50%;
   right: 15px;
   -webkit-transform: translateY(-50%);
   transform: translateY(-50%);
   -webkit-transition: all 0.4s ease;
   transition: all 0.4s ease;
 }

 .search-popup__form button[type="submit"]:hover {
   background-color: var(--thm-black);
   color: #ffffff;
 }

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

 .cursor {
   visibility: visible;
 }

 .cursor.active {
   opacity: 0.5;
   -webkit-transform: scale(0);
   transform: scale(0);
 }

 .cursor.hovered {
   opacity: 0.08;
 }

 .cursor-follower {
   position: absolute;
   background-color: RGBA(255, 255, 255, 0.3);
   width: 50px;
   height: 50px;
   border-radius: 100%;
   z-index: 1;
   -webkit-transition: 0.2s cubic-bezier(0.75, -0.27, 0.3, 1.33) opacity, 0.6s cubic-bezier(0.75, -1.27, 0.3, 2.33) -webkit-transform;
   transition: 0.2s cubic-bezier(0.75, -0.27, 0.3, 1.33) opacity, 0.6s cubic-bezier(0.75, -1.27, 0.3, 2.33) -webkit-transform;
   transition: 0.6s cubic-bezier(0.75, -1.27, 0.3, 2.33) transform, 0.2s cubic-bezier(0.75, -0.27, 0.3, 1.33) opacity;
   transition: 0.6s cubic-bezier(0.75, -1.27, 0.3, 2.33) transform, 0.2s cubic-bezier(0.75, -0.27, 0.3, 1.33) opacity, 0.6s cubic-bezier(0.75, -1.27, 0.3, 2.33) -webkit-transform;
   -webkit-user-select: none;
   -moz-user-select: none;
   -ms-user-select: none;
   user-select: none;
   pointer-events: none;
   z-index: 999999;
   visibility: hidden;
 }

 .cursor-follower {
   visibility: visible;
 }

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

 .cursor-follower.hovered {
   opacity: 0.08;
 }

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

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

 .nav-outer .mobile-nav-toggler {
   position: relative;
   float: right;
   font-size: 30px;
   line-height: 40px;
   cursor: pointer;
   margin-left: 0px;
   color: var(--thm-base);
   margin: 40px 0px 0px;
   display: none;
 }

 .mobile-nav-toggler .txt {
   position: relative;
   display: inline-block;
   vertical-align: top;
   padding-left: 10px;
   font-size: 16px;
   text-transform: capitalize;
   font-weight: 500;
   display: none;
 }

 img.lazy-image {
   background: url(../image/image-bg.svg) center center no-repeat;
 }

 img.lazy-image.loaded {
   background-image: none;
 }

 .owl-theme img.lazy-image.loaded {
   height: auto;
   opacity: 1;
 }

 .default-form {
   position: relative;
 }

 .default-form .row {
   margin: 0 -15px;
 }

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

 .default-form .field-inner {
   position: relative;
   display: block;
 }

 .default-form .field-inner .alt-icon {
   position: absolute;
   left: 20px;
   top: 50%;
   margin-top: -15px;
   line-height: 30px;
   font-size: 20px;
   color: #9b9fa6;
   z-index: 1;
   pointer-events: none;
 }

 .default-form .form-group .field-label {
   position: relative;
   display: block;
   color: #0f172b;
   font-size: 14px;
   line-height: 24px;
   text-transform: uppercase;
   letter-spacing: 2px;
   margin-bottom: 10px;
 }

 .default-form .form-group .e-label {
   position: relative;
 }

 .default-form .form-group input[type="text"],
 .default-form .form-group input[type="email"],
 .default-form .form-group input[type="password"],
 .default-form .form-group input[type="tel"],
 .default-form .form-group input[type="url"],
 .default-form .form-group input[type="file"],
 .default-form .form-group input[type="number"],
 .default-form .form-group textarea,
 .default-form .form-group select {
   position: relative;
   display: block;
   height: 70px;
   width: 100%;
   font-size: 14px;
   color: #686a6f;
   line-height: 40px;
   font-weight: 400;
   padding: 14px 30px;
   background-color: #f4f5f8;
   border: 1px solid #f4f5f8;
   border-radius: 7px;
   font-family: var(--thm-b-font);
   -webkit-transition: all 300ms ease;
   transition: all 300ms ease;
 }

 .default-form .form-group ::-webkit-input-placeholder {
   opacity: 1;
   color: inherit;
 }

 .default-form .form-group :-ms-input-placeholder {
   opacity: 1;
   color: inherit;
 }

 .default-form .form-group ::-ms-input-placeholder {
   opacity: 1;
   color: inherit;
 }

 .default-form .form-group ::placeholder {
   opacity: 1;
   color: inherit;
 }

 .default-form .form-group textarea {
   height: 220px;
   resize: none;
 }

 .contact-form .form-group input[type="submit"],
 .contact-form .form-group button {
   display: inline-block;
 }

 .default-form .form-group input[type="text"]:focus,
 .default-form .form-group input[type="email"]:focus,
 .default-form .form-group input[type="password"]:focus,
 .default-form .form-group input[type="tel"]:focus,
 .default-form .form-group input[type="url"]:focus,
 .default-form .form-group input[type="file"]:focus,
 .default-form .form-group input[type="number"]:focus,
 .default-form .form-group textarea:focus,
 .default-form .form-group select:focus,
 .form-group .ui-selectmenu-button.ui-button:focus,
 .form-group .ui-selectmenu-button.ui-button:active {
   border-color: var(--thm-base);
 }

 .default-form ::-webkit-input-placeholder {
   color: #aaaaaa;
 }

 .default-form ::-moz-input-placeholder {
   color: #aaaaaa;
 }

 .default-form ::-ms-input-placeholder {
   color: #aaaaaa;
 }

 .default-form label.error {
   color: #ff0000;
   font-size: 14px;
   text-transform: capitalize;
   text-align: left;
   display: block;
   letter-spacing: 1px;
   padding-top: 7px;
   line-height: 24px;
 }

 .form-group .ui-selectmenu-button.ui-button {
   width: 100%;
   font-size: 14px;
   font-style: normal;
   height: 70px;
   padding: 14px 30px;
   line-height: 40px;
   font-family: var(--thm-b-font);
   color: var(--thm-text);
   border-radius: 7px;
   background-color: #f4f5f8;
   border: 1px solid #f4f5f8;
 }

 .form-group .ui-button .ui-icon {
   background: none;
   position: relative;
   top: 10px;
   text-indent: 0px;
   color: var(--thm-black);
 }

 .form-group .ui-button .ui-icon:before {
   font-family: "Font Awesome 5 Free";
   content: "\f107";
   position: absolute;
   right: 0px;
   top: 0px !important;
   width: 15px;
   height: 30px;
   display: block;
   color: var(--thm-black);
   line-height: 20px;
   font-size: 16px;
   font-weight: 900;
   text-align: center;
   z-index: 5;
 }

 .ui-widget.ui-widget-content {
   background: #f4f5f8;
   border: 1px solid #e9ebee;
   border-top: none;
   font-family: var(--thm-font);
   border-radius: 0;
   padding: 0;
 }

 .ui-menu .ui-menu-item {
   font-size: 20px;
   border-bottom: 1px solid #e9ebee;
 }

 .ui-menu .ui-menu-item:last-child {
   border: none;
 }

 .ui-menu .ui-menu-item-wrapper {
   position: relative;
   display: block;
   padding: 14px 30px !important;
   font-size: 20px;
   letter-spacing: 0.02em;
   line-height: 30px;
   -webkit-transition: all 300ms ease;
   transition: all 300ms ease;
 }

 .ui-menu .ui-menu-item-wrapper:hover,
 .ui-menu .ui-menu-item-wrapper.ui-state-active {
   background: var(--thm-base);
   margin: 0;
 }

 .banner-section {
   position: relative;
   z-index: 1;
 }

 .banner-section .bg-image {
   position: absolute;
   left: 0;
   top: 0;
   width: 100%;
   height: 100vh;
   background-position: center top;
   background-size: cover;
   z-index: 1;
 }

 .banner-section .left-based-text {
   position: absolute;
   left: 50px;
   top: 50px;
   bottom: 50px;
   color: #ffffff;
   font-size: 16px;
   text-transform: uppercase;
   line-height: 24px;
   letter-spacing: 0.1em;
   font-weight: 500;
   z-index: 10;
   font-family: var(--thm-font);
 }

 .banner-section .left-based-text .base-inner {
   position: absolute;
   left: 0;
   bottom: 0;
   width: 730px;
   height: 24px;
   -webkit-transform-origin: left bottom;
   transform-origin: left bottom;
   -webkit-transform: rotate(-90deg);
   transform: rotate(-90deg);
 }

 .banner-section .left-based-text .social-links {
   position: absolute;
   left: 0;
   top: 0;
 }

 .banner-section .left-based-text .social-links ul li {
   float: left;
   margin-right: 35px;
 }

 .banner-section .left-based-text .social-links ul li a {
   position: relative;
   display: block;
   color: #ffffff;
   -webkit-transition: all 500ms ease;
   transition: all 500ms ease;
 }

 .banner-section .left-based-text .social-links ul li a:before {
   content: "";
   position: absolute;
   left: 0;
   bottom: -3px;
   width: 100%;
   border-bottom: 2px solid var(--thm-base);
   -webkit-transform: scaleX(0);
   transform: scaleX(0);
   -webkit-transition: all 500ms ease;
   transition: all 500ms ease;
 }

 .banner-section .left-based-text .social-links ul li a:hover:before {
   -webkit-transform: scale(1);
   transform: scale(1);
 }

 .banner-section .left-based-text .hours {
   position: absolute;
   right: 0;
   top: 0;
 }

 .banner-section .left-based-text .hours ul li {
   float: left;
   margin-left: 35px;
 }

 .banner-three .left-based-text .social-links ul li a,
 .banner-three .left-based-text .hours ul li {
   color: var(--thm-black);
 }

 .banner-section .left-based-text .social-links ul li a:before {
   border-bottom-color: var(--thm-black);
 }

 .banner-carousel {
   position: relative;
   z-index: 1;
 }

 @media only screen and (max-width: 700px) {
   .banner-carousel .slide-item {
     position: relative;
     display: block;
     height: 100vh;
     background-color: var(--thm-black);
     color: #ffffff;
     overflow: hidden;
   }
 }

 .banner-carousel .slide-item {
   position: relative;
   display: block;
   background-color: var(--thm-black);
   color: #ffffff;
   overflow: hidden;
 }

 .banner-three .banner-carousel .slide-item {
   background: none;
 }

 .banner-carousel .slide-item:before {
   content: "";
   position: absolute;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
   background-color: var(--thm-black);
   opacity: 0.6;
   z-index: 1;
 }

 .banner-two .banner-carousel .slide-item::after {
   content: "";
   position: absolute;
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;
   z-index: 10;
 }

 .banner-two .banner-carousel .slide-item:before {
   opacity: 0.8;
 }

 .banner-three .banner-carousel .slide-item:before {
   display: none;
 }

 .banner-carousel .slide-item .left-top-line {
   position: absolute;
   left: 0;
   top: 0;
   width: 350px;
   max-width: 100%;
   height: 100%;
   background: url(../image/left-curve-line.png) left top no-repeat;
   z-index: 2;
   opacity: 0;
   -webkit-transform: translateY(-100%);
   transform: translateY(-100%);
 }

 .banner-carousel .active .left-top-line {
   opacity: 1;
   -webkit-transform: translate(0);
   transform: translate(0);
   -webkit-transition: all 1000ms ease;
   transition: all 1000ms ease;
   -webkit-transition-delay: 200ms;
   transition-delay: 200ms;
 }

 .banner-carousel .slide-item .right-bottom-curve {
   position: absolute;
   right: 0;
   top: 0;
   width: 655px;
   max-width: 100%;
   height: 100%;
   background: url(../image/right-curved-bg.png) right bottom no-repeat;
   z-index: 2;
   opacity: 0;
   -webkit-transform: translateX(700px);
   transform: translateX(700px);
 }

 .banner-carousel .active .right-bottom-curve {
   opacity: 1;
   -webkit-transform: translate(0);
   transform: translate(0);
   -webkit-transition: all 1000ms ease;
   transition: all 1000ms ease;
   -webkit-transition-delay: 1300ms;
   transition-delay: 1300ms;
 }

 .banner-carousel .slide-item .right-top-curve {
   position: absolute;
   right: 0;
   top: 0;
   width: 164px;
   max-width: 100%;
   height: 100%;
   background: url(../image/right-white-curve.png) right top no-repeat;
   z-index: 2;
   opacity: 0;
   -webkit-transform: translateX(200px);
   transform: translateX(200px);
 }

 .banner-carousel .active .right-top-curve {
   opacity: 1;
   -webkit-transform: translate(0);
   transform: translate(0);
   -webkit-transition: all 1000ms ease;
   transition: all 1000ms ease;
   -webkit-transition-delay: 1800ms;
   transition-delay: 1800ms;
 }

 .banner-carousel .slide-item .round-shape-1 {
   position: absolute;
   left: -500px;
   bottom: -500px;
   width: 1000px;
   height: 1000px;
   background: rgba(255, 255, 255, 0.2);
   border-radius: 50%;
   z-index: 2;
   opacity: 0;
   -webkit-transform: translateY(100%);
   transform: translateY(100%);
 }

 .banner-carousel .active .round-shape-1 {
   opacity: 1;
   -webkit-transform: translate(0);
   transform: translate(0);
   -webkit-transition: all 1000ms ease;
   transition: all 1000ms ease;
   -webkit-transition-delay: 1500ms;
   transition-delay: 1500ms;
 }

 .banner-carousel .slide-item .shape-1 {
   position: absolute;
   left: 0;
   top: 0;
   width: 570px;
   max-width: 100%;
   height: 810px;
   background: url(../image/b-2-shape-1.png) left top no-repeat;
   z-index: 2;
   opacity: 0;
   -webkit-transform: translateY(-100%);
   transform: translateY(-100%);
 }

 .banner-carousel .active .shape-1 {
   opacity: 1;
   -webkit-transform: translate(0);
   transform: translate(0);
   -webkit-transition: all 1000ms ease;
   transition: all 1000ms ease;
   -webkit-transition-delay: 200ms;
   transition-delay: 200ms;
 }

 .banner-carousel .slide-item .shape-2 {
   position: absolute;
   left: 0;
   bottom: 55px;
   width: 333px;
   max-width: 100%;
   height: 366px;
   background: url(../image/b-2-shape-2.png) left bottom no-repeat;
   z-index: 2;
   opacity: 0;
   -webkit-transform: translateX(-500px);
   transform: translateX(-500px);
 }

 .banner-carousel .active .shape-2 {
   opacity: 1;
   -webkit-transform: translate(0);
   transform: translate(0);
   -webkit-transition: all 1000ms ease;
   transition: all 1000ms ease;
   -webkit-transition-delay: 500ms;
   transition-delay: 500ms;
 }

 .banner-carousel .slide-item .shape-3 {
   position: absolute;
   right: 0;
   bottom: 0;
   width: 824px;
   max-width: 100%;
   height: 424px;
   background: url(../image/b-2-shape-3.png) right bottom no-repeat;
   z-index: 2;
   opacity: 0;
   -webkit-transform: translateX(900px);
   transform: translateX(900px);
 }

 .banner-carousel .active .shape-3 {
   opacity: 1;
   -webkit-transform: translate(0);
   transform: translate(0);
   -webkit-transition: all 1000ms ease;
   transition: all 1000ms ease;
   -webkit-transition-delay: 1800ms;
   transition-delay: 1800ms;
 }

 .banner-carousel .slide-item .shape-4 {
   position: absolute;
   right: 0;
   top: 0;
   width: 218px;
   max-width: 100%;
   height: 571px;
   background: url(../image/b-2-shape-4.png) right top no-repeat;
   z-index: 2;
   opacity: 0;
   -webkit-transform: translateX(200px);
   transform: translateX(200px);
 }

 .banner-carousel .active .shape-4 {
   opacity: 1;
   -webkit-transform: translate(0);
   transform: translate(0);
   -webkit-transition: all 1000ms ease;
   transition: all 1000ms ease;
   -webkit-transition-delay: 2500ms;
   transition-delay: 2500ms;
 }

 .banner-carousel .slide-item .shape-5 {
   position: absolute;
   right: 0;
   top: 0;
   width: 306px;
   max-width: 100%;
   height: 904px;
   background: url(../image/b-2-shape-5.png) right top no-repeat;
   z-index: 2;
   opacity: 0;
   -webkit-transform: translateY(-1000px);
   transform: translateY(-1000px);
 }

 .banner-carousel .active .shape-5 {
   opacity: 1;
   -webkit-transform: translate(0);
   transform: translate(0);
   -webkit-transition: all 1500ms ease;
   transition: all 1500ms ease;
   -webkit-transition-delay: 2700ms;
   transition-delay: 2700ms;
 }

 .banner-carousel .slide-item .shape-6 {
   position: absolute;
   right: 0;
   top: 0;
   width: 100%;
   max-width: 100%;
   height: 100%;
   background: url(../image/b-2-shape-6.png) center center no-repeat;
   z-index: 3;
   opacity: 0;
   -webkit-transform: scale(0);
   transform: scale(0);
 }

 .banner-carousel .active .shape-6 {
   opacity: 1;
   -webkit-transform: scale(1);
   transform: scale(1);
   -webkit-transition: all 1500ms ease;
   transition: all 1500ms ease;
   -webkit-transition-delay: 2700ms;
   transition-delay: 2700ms;
 }

 .banner-carousel .slide-item .image-layer {
   position: absolute;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
   opacity: 1;
   z-index: 0;
   background-repeat: no-repeat;
   background-position: center center;
   background-size: cover;
   -webkit-transform: scale(1);
   transform: scale(1);
 }

 .banner-carousel .active .slide-item .image-layer {
   -webkit-transform: scale(1.15);
   transform: scale(1.15);
   -webkit-transition: all 7000ms linear;
   transition: all 7000ms linear;
 }

 .banner-carousel .content-box {
   position: relative;
   display: table;
   vertical-align: middle;
   width: 100%;
   height: 950px;
   padding: 0 0px;
   z-index: 11;
 }

 .banner-carousel .content-box .content {
   position: relative;
   display: table-cell;
   vertical-align: middle;
   padding: 150px 0px 50px;
 }

 .banner-carousel .content-box .inner {
   position: relative;
   display: block;
   max-width: 800px;
   margin-top: -170px !important;
 }

 @media only screen and (max-width: 767px) {
   .banner-carousel .content-box .inner {
     position: relative;
     display: block;
     max-width: 800px;
     margin-top: 40px !important;
   }
 }

 .banner-two .banner-carousel .content-box .inner {
   max-width: 820px;
   margin: 0 auto;
   text-align: center;
 }

 .banner-three .banner-carousel .content-box .inner {
   max-width: 550px;
 }

 .banner-carousel .content-box .sub-title {
   display: block;
   font-size: 24px;
   line-height: 1.5em;
   color: #ffffff;
   font-weight: 400;
   text-transform: uppercase;
   letter-spacing: 0.05em;
   margin-bottom: 20px;
   opacity: 0;
   -webkit-transform: translateY(80px);
   transform: translateY(80px);
   font-family: var(--thm-font);
 }

 .banner-carousel .active .content-box .sub-title {
   opacity: 1;
   -webkit-transform: translate(0);
   transform: translate(0);
   -webkit-transition: all 700ms ease;
   transition: all 700ms ease;
   -webkit-transition-delay: 800ms;
   transition-delay: 800ms;
 }

 .banner-carousel .content-box h1,
 h2 {
   display: block;
   font-size: 100px;
   line-height: 0.85em;
   color: #ffffff;
   font-weight: 600;
   opacity: 0;
   text-transform: uppercase;
   letter-spacing: 0;
   margin: 0;
   -webkit-transform: translateY(80px);
   transform: translateY(80px);
 }

 .banner-two .banner-carousel .content-box h1,
 h2 {
   text-transform: capitalize;
 }

 .banner-three .banner-carousel .content-box h1,
 h2 {
   font-size: 120px;
   color: var(--thm-black);
   font-weight: 500;
 }

 .banner-carousel .active .content-box h1,
 h2 {
   opacity: 1;
   -webkit-transform: translate(0);
   transform: translate(0);
   -webkit-transition: all 1000ms ease;
   transition: all 1000ms ease;
   -webkit-transition-delay: 1300ms;
   transition-delay: 1300ms;
 }

 .banner-three .banner-carousel .active .content-box h1,
 h2 {
   -webkit-transition-delay: 700ms;
   transition-delay: 700ms;
 }

 .banner-carousel .content-box .text {
   position: relative;
   color: var(--thm-black);
   margin: 5px 0 0;
   opacity: 0;
   -webkit-transform: translateY(80px);
   transform: translateY(80px);
 }

 .banner-carousel .active .content-box .text {
   opacity: 1;
   -webkit-transform: translate(0);
   transform: translate(0);
   -webkit-transition: all 700ms ease;
   transition: all 700ms ease;
   -webkit-transition-delay: 1200ms;
   transition-delay: 1200ms;
 }

 .banner-carousel .content-box .link-box {
   position: relative;
   display: block;
   padding-top: 50px;
   opacity: 0;
   -webkit-transform: translateY(50px);
   transform: translateY(50px);
 }

 .banner-three .banner-carousel .content-box .link-box {
   padding-top: 45px;
 }

 .banner-carousel .active .content-box .link-box {
   opacity: 1;
   -webkit-transform: translate(0);
   transform: translate(0);
   -webkit-transition: all 700ms ease;
   transition: all 700ms ease;
   -webkit-transition-delay: 1800ms;
   transition-delay: 1800ms;
 }

 .banner-carousel .slide-item .round-image {
   position: absolute;
   right: -200px;
   top: -100px;
   width: 850px;
   height: 850px;
   border-radius: 50%;
   z-index: 2;
 }

 .banner-carousel .slide-item .round-image .image {
   position: absolute;
   left: 0;
   top: 0;
   width: 850px;
   height: 850px;
   background-size: cover;
   background-position: left top;
   border-radius: 50%;
   z-index: 2;
   opacity: 0;
   -webkit-transform: translateX(100%);
   transform: translateX(100%);
   overflow: hidden;
 }

 .banner-carousel .slide-item .round-image .image::before {
   content: "";
   position: absolute;
   opacity: 0.5;
   background-color: var(--thm-black);
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;
   border-radius: 50%;
 }

 .banner-carousel .active .round-image .image {
   opacity: 1;
   -webkit-transform: translate(0);
   transform: translate(0);
   -webkit-transition: all 1000ms ease;
   transition: all 1000ms ease;
   -webkit-transition-delay: 200ms;
   transition-delay: 200ms;
 }

 .banner-carousel .slide-item .round-image:before {
   content: "";
   position: absolute;
   left: -100px;
   bottom: 120px;
   width: 100%;
   height: 100%;
   background: var(--thm-black);
   border-radius: 50%;
   z-index: 1;
   opacity: 0;
   -webkit-transform: translateX(100%);
   transform: translateX(100%);
 }

 .banner-carousel .active .round-image:before {
   opacity: 0.1;
   -webkit-transform: translate(0);
   transform: translate(0);
   -webkit-transition: all 1000ms ease;
   transition: all 1000ms ease;
   -webkit-transition-delay: 700ms;
   transition-delay: 700ms;
 }

 .banner-carousel .slide-item .round-image:after {
   content: "";
   position: absolute;
   left: -100px;
   bottom: -50px;
   width: 330px;
   height: 330px;
   background: url(../image/b-3-shape.png) center center no-repeat;
   z-index: 3;
   opacity: 0;
   -webkit-transform: translateY(100%);
   transform: translateY(100%);
 }

 .banner-carousel .active .round-image:after {
   opacity: 1;
   -webkit-transform: translate(0);
   transform: translate(0);
   -webkit-transition: all 1000ms ease;
   transition: all 1000ms ease;
   -webkit-transition-delay: 1000ms;
   transition-delay: 1000ms;
 }

 .banner-carousel .owl-nav {
   position: absolute;
   left: 50%;
   margin-left: -600px;
   top: 50%;
   width: 1200px;
   height: 110px;
   text-align: right;
 }

 .banner-carousel .owl-nav .owl-next,
 .banner-carousel .owl-nav .owl-prev {
   position: absolute;
   top: 0;
   right: 0;
   width: 50px;
   height: 50px;
   background: #ffffff !important;
   padding: 0;
   margin: 0;
   line-height: 50px;
   text-align: center;
   opacity: 0.2;
   border-radius: 50%;
   -webkit-transition: all 500ms ease;
   transition: all 500ms ease;
 }

 .banner-carousel .owl-nav .owl-next {
   top: auto;
   bottom: 0;
 }

 .banner-carousel .owl-nav .owl-next span,
 .banner-carousel .owl-nav .owl-prev span {
   vertical-align: middle;
 }

 .banner-carousel .owl-nav .owl-next:hover,
 .banner-carousel .owl-nav .owl-prev:hover {
   opacity: 1;
 }

 .banner-section .owl-dots {
   position: absolute;
   left: 0;
   bottom: 50px;
   width: 100%;
   text-align: center;
   display: none;
 }

 .banner-two .owl-nav,
 .banner-three .owl-nav {
   display: none;
 }

 .banner-three {
   background-color: var(--thm-base);
 }

 .banner-three .bg-image {
   opacity: 0.03;
 }

 .banner-two .owl-dots {
   display: block;
 }

 .banner-section .owl-theme .owl-dots .owl-dot {
   position: relative;
   display: inline-block;
   vertical-align: top;
   margin: 0px 3px;
 }

 .banner-section .owl-theme .owl-dots .owl-dot span {
   position: relative;
   display: block;
   width: 10px;
   height: 10px;
   border: 5px solid rgba(255, 255, 255, 0.2);
   border-radius: 50%;
 }

 .banner-section .owl-theme .owl-dots .owl-dot.active span {
   background: none;
   border-width: 2px;
   border-color: var(--thm-base);
 }

 .banner-one-page {
   margin-top: 117px;
 }

 .banner-one-page .banner-carousel .content-box .inner {
   max-width: 100%;
 }

 .banner-one-page .banner-carousel .content-box {
   height: 600px;
 }

 @media (min-width: 992px) {
   .banner-one-page .banner-carousel .content-box {
     height: 860px;
   }
 }

 .banner-one-page .banner-carousel .content-box h1 {
   font-size: 46px;
   color: var(--thm-base);
 }

 .banner-one-page .banner-carousel .content-box h1 span {
   color: #fff;
   font-weight: 300;
 }

 @media (min-width: 600px) {
   .banner-one-page .banner-carousel .content-box h1 {
     font-size: 60px;
   }
 }

 @media (min-width: 768px) {
   .banner-one-page .banner-carousel .content-box h1 {
     font-size: 80px;
   }
 }

 @media (min-width: 992px) {
   .banner-one-page .banner-carousel .content-box h1 {
     font-size: 100px;
   }
 }

 @media (min-width: 1200px) {
   .banner-one-page .banner-carousel .content-box h1 {
     font-size: 150px;
   }
 }

 .banner-one-page .banner-carousel .content-box .link-box {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center;
 }

 .banner-one-page .banner-carousel .content-box .content {
   padding-top: 0;
   padding-bottom: 0;
 }

 .banner-one-page .banner-carousel .vid-link {
   width: 70px;
   height: 70px;
   line-height: 70px;
   text-align: center;
   font-size: 20px;
   color: #ffffff;
   transition: all 0.5s ease;
   -moz-transition: all 0.5s ease;
   -webkit-transition: all 0.5s ease;
   -ms-transition: all 0.5s ease;
   -o-transition: all 0.5s ease;
   z-index: 3;
   margin-left: 15px;
 }

 @media (min-width: 376px) {
   .banner-one-page .banner-carousel .vid-link {
     margin-left: 30px;
   }
 }

 .banner-one-page .banner-carousel .vid-link .icon {
   position: relative;
   display: block;
   width: 70px;
   height: 70px;
   line-height: 70px;
   text-align: center;
   font-size: 16px;
   color: var(--thm-black);
   background: #fff;
   border-radius: 50%;
   transition: all 0.5s ease;
   -moz-transition: all 0.5s ease;
   -webkit-transition: all 0.5s ease;
   -ms-transition: all 0.5s ease;
   -o-transition: all 0.5s ease;
 }

 .banner-one-page .banner-carousel .vid-link a:hover .icon {
   background: var(--thm-black);
   color: var(--thm-base);
 }

 .banner-one-page .banner-carousel .vid-link .ripple,
 .banner-one-page .banner-carousel .vid-link .ripple:before,
 .banner-one-page .banner-carousel .vid-link .ripple:after {
   position: absolute;
   top: 50%;
   left: 50%;
   width: 70px;
   height: 70px;
   border-radius: 50%;
   -ms-border-radius: 50%;
   -webkit-transform: translate(-50%, -50%);
   transform: translate(-50%, -50%);
   -ms-box-shadow: 0 0 0 0 rgba(var(--thm-base-rgb), 0.6);
   -o-box-shadow: 0 0 0 0 rgba(var(--thm-base-rgb), 0.6);
   -webkit-box-shadow: 0 0 0 0 rgba(var(--thm-base-rgb), 0.6);
   box-shadow: 0 0 0 0 rgba(var(--thm-base-rgb), 0.6);
   -webkit-animation: ripple 3s infinite;
   animation: ripple 3s infinite;
 }

 .banner-one-page .banner-carousel .vid-link .ripple:before {
   -webkit-animation-delay: 0.9s;
   animation-delay: 0.9s;
   content: "";
   position: absolute;
 }

 .banner-one-page .banner-carousel .vid-link .ripple:after {
   -webkit-animation-delay: 0.6s;
   animation-delay: 0.6s;
   content: "";
   position: absolute;
 }

 .banner-one-page .banner-carousel .content-box .link-box {
   padding-top: 30px;
 }

 .banner-one-page .banner-carousel .owl-nav {
   width: 100%;
   left: 0;
   margin-left: 0;
   display: none;
   -webkit-box-pack: justify;
   -ms-flex-pack: justify;
   justify-content: space-between;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   padding-left: 15px;
   padding-right: 15px;
 }

 @media (min-width: 376px) {
   .banner-one-page .banner-carousel .owl-nav {
     padding-left: 20px;
     padding-right: 20px;
   }
 }

 @media (min-width: 768px) {
   .banner-one-page .banner-carousel .owl-nav {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
   }

   .banner-one-page .banner-carousel .owl-nav {
     padding-left: 30px;
     padding-right: 30px;
   }
 }

 @media (min-width: 992px) {
   .banner-one-page .banner-carousel .owl-nav {
     padding-left: 60px;
     padding-right: 60px;
   }
 }

 .banner-one-page .banner-carousel .owl-nav .owl-next,
 .banner-one-page .banner-carousel .owl-nav .owl-prev {
   position: relative;
   top: auto;
   right: auto;
 }

 .banner-section-four {
   position: relative;
   margin-top: 44px;
 }

 .banner-section-four .swiper-slide::before {
   content: "";
   position: absolute;
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;
   background-repeat: no-repeat;
   background-position: top center;
   z-index: 10;
 }

 .banner-section-four .swiper-slide {
   position: relative;
 }

 .banner-section-four .swiper-slide .image-layer {
   position: absolute;
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;
   background-repeat: no-repeat;
   background-size: cover;
   -webkit-transform: scale(1);
   transform: scale(1);
   background-position: center;
   -webkit-transition: -webkit-transform 7000ms ease;
   transition: -webkit-transform 7000ms ease;
   transition: transform 7000ms ease;
   transition: transform 7000ms ease, -webkit-transform 7000ms ease;
 }

 .banner-section-four .swiper-slide-active .image-layer {
   -webkit-transform: scale(1.15);
   transform: scale(1.15);
 }

 .banner-section-four .auto-container {
   padding-top: 350px;
   padding-bottom: 200px;
   position: relative;
   z-index: 22;
 }

 .banner-section-four h2 {
   margin: 0;
   font-weight: bold;
   color: #fff;
   font-size: 80px;
   line-height: 90px;
   opacity: 0;
   visibility: hidden;
   -webkit-transform: translateY(110px);
   transform: translateY(110px);
   -webkit-transition-delay: 1000ms;
   transition-delay: 1000ms;
   -webkit-transition: opacity 2000ms ease, -webkit-transform 2000ms ease;
   transition: opacity 2000ms ease, -webkit-transform 2000ms ease;
   transition: transform 2000ms ease, opacity 2000ms ease;
   transition: transform 2000ms ease, opacity 2000ms ease, -webkit-transform 2000ms ease;
 }

 .banner-section-four p {
   margin: 0;
   font-size: 20px;
   line-height: 36px;
   font-weight: 500;
   color: rgba(255, 255, 255, 0.7);
   opacity: 0.7;
   margin-top: 40px;
   margin-bottom: 50px;
   opacity: 0;
   -webkit-transform: translateY(100px);
   transform: translateY(100px);
   -webkit-transition-delay: 2500ms;
   transition-delay: 2500ms;
   -webkit-transition: opacity 2000ms ease, color 500ms ease, background 500ms ease, -webkit-transform 2000ms ease;
   transition: opacity 2000ms ease, color 500ms ease, background 500ms ease, -webkit-transform 2000ms ease;
   transition: transform 2000ms ease, opacity 2000ms ease, color 500ms ease, background 500ms ease;
   transition: transform 2000ms ease, opacity 2000ms ease, color 500ms ease, background 500ms ease, -webkit-transform 2000ms ease;
 }

 .banner-section-four .btn-style-three {
   min-width: 220px;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   text-align: center;
   opacity: 0;
   -webkit-transform: translateY(100px);
   transform: translateY(100px);
   -webkit-transition-delay: 2500ms;
   transition-delay: 2500ms;
   -webkit-transition: opacity 2000ms ease, color 500ms ease, background 500ms ease, -webkit-transform 2000ms ease;
   transition: opacity 2000ms ease, color 500ms ease, background 500ms ease, -webkit-transform 2000ms ease;
   transition: transform 2000ms ease, opacity 2000ms ease, color 500ms ease, background 500ms ease;
   transition: transform 2000ms ease, opacity 2000ms ease, color 500ms ease, background 500ms ease, -webkit-transform 2000ms ease;
 }

 .banner-section-four .btn-style-three:hover {
   background-color: #fff;
   color: var(--thm-black);
 }

 .banner-section-four .swiper-slide-active .btn-style-three,
 .banner-section-four .swiper-slide-active h2,
 .banner-section-four .swiper-slide-active p {
   visibility: visible;
   opacity: 1;
   -webkit-transform: translateY(0) translateX(0);
   transform: translateY(0) translateX(0);
 }

 .banner-section-four__nav {
   width: 100%;
   max-width: 1200px;
   padding-left: 15px;
   padding-right: 15px;
   position: absolute;
   top: 50%;
   left: 50%;
   z-index: 100;
   -webkit-transform: translateY(-50%) translateX(-50%);
   transform: translateY(-50%) translateX(-50%);
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: end;
   -ms-flex-align: end;
   align-items: flex-end;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   -ms-flex-direction: column;
   flex-direction: column;
   z-index: 21;
 }

 @media (max-width: 425px) {
   .banner-section-four__nav {
     display: none;
   }
 }

 .banner-section-four__nav .swiper-button-next,
 .banner-section-four__nav .swiper-button-prev {
   position: relative;
   top: auto;
   left: auto;
   right: auto;
   bottom: auto;
   z-index: 100;
   width: 50px;
   height: 50px;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   font-size: 20px;
   color: #222429;
   background-color: #fff;
   border-radius: 50%;
   opacity: 0.3;
   margin: 0;
   text-align: center;
   -webkit-transition: all 500ms ease;
   transition: all 500ms ease;
 }

 @media (max-width: 991px) {

   .banner-section-four__nav .swiper-button-next,
   .banner-section-four__nav .swiper-button-prev {
     width: 48px;
     height: 48px;
     font-size: 18px;
   }
 }

 .banner-section-four__nav .swiper-button-next:hover,
 .banner-section-four__nav .swiper-button-prev:hover {
   opacity: 1;
 }

 .banner-section-four__nav .swiper-button-next::after,
 .banner-section-four__nav .swiper-button-prev::after {
   display: none;
 }

 .banner-section-four__nav .swiper-button-prev {
   margin-bottom: 10px;
 }

 @media (max-width: 991px) {
   .banner-section-four__nav .swiper-button-prev {
     margin-top: 10px;
   }
 }

 .banner-four {
   margin-top: 76px;
   padding-top: 80px;
   padding-bottom: 80px;
   position: relative;
 }

 .call_btn,
 .whatsapp_btn {
   width: 50px;
   display: block;
   height: 50px;
   border-radius: 50%;
   position: fixed;
   right: 15px;
   z-index: 1000;
   display: flex;
   justify-content: center;
   align-items: center;
   color: #fff;
   transition: all 0.5s ease-out 0s;
   -webkit-transition: all 0.5s ease-out 0s;
 }

 .call_btn {
   background: #01AEF0;
   bottom: 250px;
 }

 .whatsapp_btn {
   height: 55px !important;
   width: 55px !important;
   bottom: 190px
 }

 .call_btn:before {
   content: "\f095";
   font-family: 'Font Awesome 5 Free';
   font-weight: 900;
   position: relative;

 }





 .call_btn:hover,
 .whatsapp_btn:hover {
   background: #192F59;
   color: #fff;

 }

 .visually-hidden {
   position: absolute;
   width: 1px;
   height: 1px;
   padding: 0;
   margin: -1px;
   overflow: hidden;
   clip: rect(0, 0, 0, 0);
   white-space: nowrap;
   /* added line */
   border: 0;
 }

 .call_btn {

   -webkit-animation-name: shake;
   -webkit-animation-duration: 7.0s;
   -webkit-animation-iteration-count: infinite;
   -webkit-animation-timing-function: linear;
   -webkit-transform-origin: 0% 100%;
   cursor: pointer;
 }

 .call_btn:hover {

   -webkit-animation-name: none !important;

 }

 .whatsapp_btn:hover {

   -webkit-animation-name: none !important;

 }

 .whatsapp_btn {

   -webkit-animation-name: shake;
   -webkit-animation-duration: 8.0s;
   -webkit-animation-iteration-count: infinite;
   -webkit-animation-timing-function: linear;
   -webkit-transform-origin: 0% 100%;
   cursor: pointer;
 }

 @-webkit-keyframes shake {
   0% {
     -webkit-transform: translate(2px, 1px) rotate(0deg);
   }

   10% {
     -webkit-transform: translate(-1px, -2px) rotate(-2deg);
   }

   20% {
     -webkit-transform: translate(-3px, 0px) rotate(3deg);
   }

   30% {
     -webkit-transform: translate(0px, 2px) rotate(0deg);
   }

   40% {
     -webkit-transform: translate(1px, -1px) rotate(1deg);
   }

   50% {
     -webkit-transform: translate(-1px, 2px) rotate(-1deg);
   }

   60% {
     -webkit-transform: translate(-3px, 1px) rotate(0deg);
   }

   70% {
     -webkit-transform: translate(2px, 1px) rotate(-2deg);
   }

   80% {
     -webkit-transform: translate(-1px, -1px) rotate(4deg);
   }

   90% {
     -webkit-transform: translate(2px, 2px) rotate(0deg);
   }

   100% {
     -webkit-transform: translate(10px, -2px) rotate(-1deg);
   }
 }