/* TABLE OF CONTENTS *


**********************************************/

/*** 

====================================================================
               Fonts
====================================================================

 ***/

 
 @import url('flaticon.css');
 @import url('font-awesome.css');
 @import url('animate.css');
 
 /*** 
 
 ====================================================================
     Reset
 ====================================================================
 
  ***/
 
 * {
     margin: 0px;
     padding: 0px;
     border: none;
     outline: none;
     font-size: 100%;
 }
 
 /*** 
 
 ====================================================================
     Global Settings
 ====================================================================
 
  ***/
 
 :root {
     --body-font: 'Heebo', sans-serif;
     --heading-font:'Manrope', sans-serif;;
     --thm-primary: #ff5203;
     --thm-black: #222222;
     --thm-gray: #777777;
 }
 
 
 body {
     font-size: 16px;
     line-height: 26px;
     color: var(--thm-gray);
     font-weight: 400;
     background: #ffffff;
     font-family: var(--body-font);
     -webkit-font-smoothing: antialiased;
     -moz-font-smoothing: antialiased;
 }
 
 @media (min-width: 1200px){
     
     .container {
         max-width: 1200px;
     } 
     
 }
 
 
 a {
     text-decoration: none;
     cursor: pointer;
     color: #222;
 }
 
 a:hover,
 a:focus,
 a:visited {
     text-decoration: none;
     outline: none;
 }
 
 h1,
 h2,
 h3,
 h4,
 h5,
 h6 {
     position: relative;
     font-weight: normal;
     margin: 0px;
     background: none;
     line-height: 1.2em;
     color: var(--thm-black);
     font-family: var(--heading-font);
 }
 textarea {
     overflow: hidden;
 }
 button {
     outline: none !important;
     cursor: pointer;
 }
 .text {
     font-size: 16px;
     line-height: 26px;
     color: #888;
     font-weight: 400;
     margin: 0;
 }
 ::-webkit-input-placeholder {
     color: inherit;
 }
 ::-moz-input-placeholder {
     color: inherit;
 }
 ::-ms-input-placeholder {
     color: inherit;
 }
 
 .auto-container {
     position: static;
     max-width: 1210px;
     padding: 0px 20px;
     margin: 0 auto;
 }
 .small-container {
     position: relative;
     max-width: 1050px;
     padding: 0px 15px;
     margin: 0 auto;
 }
 .wrapper_box {
     position: relative;
     margin: 0 auto;
     width: 100%;
     min-width: 320px;
     z-index: 9;
 }
 ul,
 li {
     list-style: none;
     padding: 0px;
     margin: 0px;
 }
 .pull-left {
     float: left;
 }
 .pull-right {
     float: right;
 }
 
 
 
 
 
 .theme-btn {
     display: inline-block;
     font-size: 16px;
     color: #ffffff;
     background: var(--thm-primary);
     padding: 17px 35px;
     font-weight: 500;
     -webkit-transition: all 0.5s ease;
     -o-transition: all 0.5s ease;
     transition: all 0.5s ease;
 }
 .theme-btn:hover {
     background: var(--thm-black);
     color: #ffffff;
 
 }
 
 
 
 .thm-section-title{
     margin-top: -10px;
     margin-bottom: 50px;
 }
 
 .thm-section-title h2{
     font-size: 42px;
     font-weight: 800;
     line-height: 50px;
     margin-bottom: 16px;
 }
 .thm-section-title p{
     font-size: 16px;
     line-height: 28px;
     margin: 0;
 }
 
 
 
 
 .icon-search-box>button {
     background: none;
 }
 .icon-search-box form {
     height: 50px;
     width: 280px;
     padding: 5px;
     border-radius: 4px;
     margin: 36px 0 0;
     left: auto;
     right: 0;
     border: none;
     position: absolute;
     right: 0 !important;
     left: inherit !important;
     transform: translate3d(-50px, 64px, 0)!important;
 }
 .icon-search-box form input {
   font-family: 'Raleway', sans-serif;
   font-weight: normal;
   width:100%;
   height:100%;
   background: transparent;
   color:#9e9e9e;
   border:1px solid #f7f7f7;
   padding: 0 47px 0 10px;
   font-size: 15px;
 }
 .icon-search-box form button {
     display: block;
     width: 40px;
     line-height: 40px;
     text-align: center;
     position: absolute;
     top: 5px;
     right: 5px;
     color: #fff;
     background: #000;
 }
 
 
 .icon-search-box .dropdown-toggle::after {
     display: none;
 }
 
 
 
 
 .main-header.two .icon-search-box>button {
     background: none;
     color: #ffffff;
 }
 
 /*** Scroll To Top style ***/
 .scroll-to-top {
     position: fixed;
     width: 60px;
     height: 60px;
     bottom: 50px;
     right: 50px;
     line-height: 60px;
     font-size: 16px;
     z-index: 99;
     display: none;
     color: #fff;
     text-align: center;
     cursor: pointer;
     -webkit-animation: pulse 2s infinite;
     animation: pulse 2s infinite;
     -webkit-box-shadow: 0px 11px 21.25px 3.75px rgba(0, 0, 0, 0.06);
     box-shadow: 0px 11px 21.25px 3.75px rgba(0, 0, 0, 0.06);
     background: #2a2a2f;
     border-radius: 50%;
     transition: .5s;
 }
 .scroll-to-top span:before {}
 .scroll-to-top:after {
     position: absolute;
     z-index: -1;
     content: '';
     top: 100%;
     left: 5%;
     height: 10px;
     width: 90%;
     opacity: 1;
     background: -o-radial-gradient(center, ellipse, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0) 80%);
     background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0) 80%);
 }
 
 .scroll-to-top:hover {
     background-color: var(--thm-primary);
 }
 
 .preloader {
     position: fixed;
     background-color: #fff;
     background-position: center center;
     background-repeat: no-repeat;
     top: 0;
     left: 0;
     right: 0;
     bottom: 0;
     z-index: 99999999999;
     display: -webkit-box;
     display: flex;
     -webkit-box-pack: center;
     justify-content: center;
     -webkit-box-align: center;
     align-items: center;
     text-align: center;
 }
 .preloader__image {
     -webkit-animation-fill-mode: both;
     animation-fill-mode: both;
     -webkit-animation-name: flipInY;
     animation-name: flipInY;
     -webkit-animation-duration: 2s;
     animation-duration: 2s;
     -webkit-animation-iteration-count: infinite;
     animation-iteration-count: infinite;
 }
 
 
 
 
 /*** 
 =========================================
     Mobile Menu
 =========================================
 ***/
.mobile-menu {
     position: fixed;
     right: -350px;
     left: auto;
     top: 0;
     width: 320px;
     padding-right: 30px;
     max-width: 100%;
     height: 100%;
     z-index: 999999;
     -webkit-transform: translate3d(0, 0, 0) !important;
     transform: translate3d(0, 0, 0) !important;
     background-color: var(--thm-primary);
     background-image: linear-gradient(rgba(255, 82, 3, 0.86), rgba(255, 82, 3, 0.86)), url('../images/header.png');
     background-size: cover;
     background-position: center;
     background-repeat: no-repeat;
}
 .mobile-menu .nav-logo {
     position: relative;
     padding: 20px 20px;
     text-align: left;
 }
 .mobile-menu-visible {
     overflow: hidden;
 }
 .mobile-menu-visible .mobile-menu {
     opacity: 1;
     visibility: visible;
 }
 .mobile-menu .menu-backdrop {
     position: fixed;
     right: 0;
     top: 0;
     width: 100%;
     height: 100%;
     z-index: 1;
     background: rgba(0, 0, 0, 0.90);
     -webkit-transform: translateX(101%);
     -ms-transform: translateX(101%);
     transform: translateX(101%);
 }
 .mobile-menu-visible .mobile-menu .menu-backdrop {
     opacity: 1;
     visibility: visible;
     -webkit-transition: all 0.7s ease;
     -o-transition: all 0.7s ease;
     transition: all 0.7s ease;
     -webkit-transform: translateX(0%);
     -ms-transform: translateX(0%);
     transform: translateX(0%);
 }
.mobile-menu .menu-box {
     position: absolute;
     right: 0;
     left: auto;
     top: 100px;
     bottom: 80px;
     width: 100%;
     max-height: 100%;
     overflow-y: auto;
     background: transparent;
     padding: 0px 0px;
     border-radius: 0px;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     -ms-flex-wrap: wrap;
     flex-wrap: wrap;
 }
 .mobile-menu .menu-box.style-two {
     bottom: 0px;
 }
 .mobile-menu-visible .mobile-menu .menu-box {
     opacity: 1;
     visibility: visible;
     -webkit-transition: all 0.7s ease;
     -o-transition: all 0.7s ease;
     transition: all 0.7s ease;
     -webkit-transform: translateX(0%);
     -ms-transform: translateX(0%);
     transform: translateX(0%);
 }
 .mobile-menu .close-btn {
     position: absolute;
     right: 3px;
     top: 3px;
     line-height: 30px;
     width: 30px;
     text-align: center;
     font-size: 14px;
     color: #202020;
     cursor: pointer;
     z-index: 10;
     -webkit-transition: all 0.5s ease;
     -o-transition: all 0.5s ease;
     transition: all 0.5s ease;
     -webkit-transform: translateY(-50px);
     -ms-transform: translateY(-50px);
     transform: translateY(-50px);
 }
 .mobile-menu-visible .mobile-menu .close-btn {
     -webkit-transform: translateY(0px);
     -ms-transform: translateY(0px);
     transform: translateY(0px);
 }
 .mobile-menu .close-btn:hover {
     opacity: 0.50;
 }
 .mobile-menu .navigation {
     position: relative;
     width: 100%;
 }
 .mobile-menu .navigation li {
     position: relative;
     display: block;
     border-bottom: 1px solid #2c2f37;
 }
 .mobile-menu .navigation li>ul>li:last-child {
     border-bottom: none;
 }
 .mobile-menu .navigation li>ul>li:first-child {
     border-top: 1px solid rgba(0, 0, 0, 0);
 }
 .mobile-menu .navigation li>a {
     position: relative;
     display: block;
     line-height: 24px;
     padding: 13px 55px;
     font-size: 14px;
     color: #eee;
     text-transform: uppercase;
     font-weight: 500;
 }
 .mobile-menu .navigation li>a:before {
     position: absolute;
     content: '';
     background: #2f333b;
     height: 6px;
     width: 6px;
     left: 30px;
     top: 23px;
 }
 .mobile-menu .navigation li.dropdown .dropdown-btn {
     position: absolute;
     right: 15px;
     top: 0px;
     width: 44px;
     height: 44px;
     text-align: center;
     font-size: 16px;
     line-height: 44px;
     color: #ebebeb;
     cursor: pointer;
     z-index: 5;
     background: #1c1f26;
 }
 .mobile-menu .navigation li.dropdown .dropdown-btn:after {
     content: '';
     position: absolute;
     left: 0px;
     top: 10px;
     width: 1px;
     height: 24px;
     border-left: 1px solid rgba(0, 0, 0, 0.10);
 }
 .mobile-menu .navigation li>ul,
 .mobile-menu .navigation li>ul>li>ul {
     display: none;
 }
 .nav-overlay {
     position: fixed;
     top: 0;
     left: 0;
     bottom: 0;
     z-index: 103;
     width: 100%;
     display: none;
     background: rgba(20, 20, 20, 0.70);
     overflow: hidden;
     -webkit-transform: translate3d(0, 0, 0);
     cursor: zoom-out;
 }
 
 
 /* ========= Menu Bar Style =========== */
 /* -------------------------------- 
  Title: Animated Menu Button
  Descr: A menu button w/ a morphing icon
  -------------------------------- */
 
 .navbar-btn-wrap {
     position: relative;
     background: #1c1e25;
     text-align: center;
 }
 .anim-menu-btn {
     width: var(--anim-menu-btn-size);
     height: var(--anim-menu-btn-size);
     background: transparent;
     color: #fff;
     position: relative;
 }
 .anim-menu-btn:before {
     position: absolute;
     content: 'MENU';
     font-size: 12px;
     font-weight: 600;
     color: #fff;
     top: 8px;
     left: -60px;
     letter-spacing: 5px;
 }
 .anim-menu-btn__icon {
     position: relative;
     display: block;
     font-size: var(--anim-menu-btn-icon-size);
     width: 1em;
     height: var(--anim-menu-btn-icon-stroke);
     color: var(--color-contrast-high);
     background-image: -webkit-gradient(linear, left top, left bottom, from(currentColor), to(currentColor));
     background-image: -o-linear-gradient(currentColor, currentColor);
     background-image: linear-gradient(currentColor, currentColor);
     background-repeat: no-repeat;
     -webkit-transform: scale(1);
     -ms-transform: scale(1);
     transform: scale(1);
 }
 .anim-menu-btn__icon::before,
 .anim-menu-btn__icon::after {
     content: '';
     position: absolute;
     top: 0;
     left: 0px;
     height: 100%;
     width: 100%;
     background-image: inherit;
     border-radius: inherit;
 }
 .anim-menu-btn__icon--close {
     background-size: 100% 100%;
     will-change: transform, background-size;
     -webkit-transition: background-size 0.2s, -webkit-transform 0.2s;
     transition: background-size 0.2s, -webkit-transform 0.2s;
     -o-transition: transform 0.2s, background-size 0.2s;
     transition: transform 0.2s, background-size 0.2s;
     transition: transform 0.2s, background-size 0.2s, -webkit-transform 0.2s;
 }
 .anim-menu-btn:active .anim-menu-btn__icon--close {
     -webkit-transform: scale(0.9);
     -ms-transform: scale(0.9);
     transform: scale(0.9);
 }
 .anim-menu-btn__icon--close::before,
 .anim-menu-btn__icon--close::after {
     will-change: inherit;
     -webkit-transition: inherit;
     -o-transition: inherit;
     transition: inherit;
 }
 .anim-menu-btn__icon--close::before {
     -webkit-transform: translateY(-0.25em) rotate(0);
     -ms-transform: translateY(-0.25em) rotate(0);
     transform: translateY(-0.25em) rotate(0);
 }
 .anim-menu-btn__icon--close::after {
     -webkit-transform: translateY(0.25em) rotate(0);
     -ms-transform: translateY(0.25em) rotate(0);
     transform: translateY(0.25em) rotate(0);
 }
 .anim-menu-btn--state-b .anim-menu-btn__icon--close {
     background-size: 0% 100%;
 }
 .anim-menu-btn--state-b .anim-menu-btn__icon--close::before {
     -webkit-transform: translateY(0) rotate(45deg);
     -ms-transform: translateY(0) rotate(45deg);
     transform: translateY(0) rotate(45deg);
 }
 .anim-menu-btn--state-b .anim-menu-btn__icon--close::after {
     -webkit-transform: translateY(0) rotate(-45deg);
     -ms-transform: translateY(0) rotate(-45deg);
     transform: translateY(0) rotate(-45deg);
 }
 
 
 
 /*================================================
             Sticky Header
 ==================================================*/
 
 .sticky-header {
     position: fixed;
     visibility: hidden;
     opacity: 0;
     left: 0px;
     top: 0px;
     width: 100%;
     padding: 0px 0px;
     z-index: 0;
     background: #ffffff;
     border-bottom: 1px solid #f1f1f1;
     -webkit-transition: all 300ms ease;
     -o-transition: all 300ms ease;
     transition: all 300ms ease;
 }
 .sticky-header .logo {
     padding: 15px 0px;
 }
 .sticky-header .logo a{
     display: inline-block;
 }
 .fixed-header .sticky-header {
     z-index: 99999;
     opacity: 1;
     visibility: visible;
 }
 
 .main-header .sticky-header .main-menu .navigation>li {
     margin-right: 0px;
     margin: 0px;
     padding: 5px 0;
 }
 
 .main-header .sticky-header .main-menu .navigation>li>a {
     color: #1c1f26;
     padding: 20px 15px;
     line-height: 30px;
     font-size: 17px;
     font-weight: 600;
     min-height: 0px;
     background: none;
     border: 0px;
     margin-right: 0px;
     text-transform: capitalize;
     -webkit-transition: all 300ms ease;
     -o-transition: all 300ms ease;
     transition: all 300ms ease;
 }
 
 .main-header .sticky-header .nav-outer .mobile-nav-toggler {
     padding: 19.50px 30px;
 }
 
 
 
 .main-header .sticky-header .main-menu .navigation>li:hover>a,
 .main-header .sticky-header .main-menu .navigation>li.current>a,
 .main-header .sticky-header .main-menu .navigation>li.current-menu-item>a {
     opacity: 1;
     color: var(--thm-primary);
 }
 
 
 
 
 
 /*** 
 ==================================================
     Main Header style
 ==================================================
 ***/
 .main-header {
     position: relative;
     left: 0;
     top: 0;
     width: 100%;
     z-index: 9999;
     background: #fff;
 }
 .main-header .outer-container {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     -ms-flex-wrap: wrap;
     flex-wrap: wrap;
     -webkit-box-pack: justify;
     -ms-flex-pack: justify;
     justify-content: space-between;
 }
 .main-header .header-column {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     -ms-flex-wrap: wrap;
     flex-wrap: wrap;
 }
 
 
 
 /*=== Header Top ===*/
.header_top {
    position: relative;
    background: var(--thm-primary);
    padding: 9px 0 10px;
}
 .header_top_inner{
     position: relative;
 }
 .header_top_one_box{
     position: relative;
 }
 .header_top_one_box ul{
     display: block;
     overflow: hidden;
 }
 .header_top_one_box ul li{
     position: relative;
     display: inline-block;
     float: left;
     color: #ffffff;
     font-size: 16px;
     line-height: 30px;
     font-weight: 500;
     padding-right: 16px;
     margin-right: 15px;
 }
 .header_top_one_box ul li:last-child{
     margin-right: 0;
     padding-right: 0;
 }
 .header_top_one_box ul li:before{
     position: absolute;
     top: 6px;
     right: 0;
     bottom: 6px;
     width: 1px;
     background: rgba(255,255,255, 0.30);
     content: "";
 }
 .header_top_one_box ul li:last-child:before{
     display: none;
 }
 .header_top_one_box ul li span:before{
     position: relative;
     display: inline-block;
     padding-right: 7px;
 }
 .header_top_one_box ul li a{
     color: #ffffff;
     font-size: 16px;
     font-weight: 500;
 }
 
 .header_top_two_box{
     position: relative;
     display: block;
 }
 .header_top_two_box .opening_hour {
     position: relative;
     display: block;
     float: left;
     padding-right: 21px;
     margin-right: 20px;
 }
 .header_top_two_box .opening_hour:before{
     position: absolute;
     top: 6px;
     right: 0;
     bottom: 6px;
     width: 1px;
     background: rgba(255,255,255, 0.30);
     content: "";    
 }
 
 .header_top_two_box .opening_hour p{
     color: #ffffff;
     font-size: 16px;
     font-weight: 500; 
     margin: 0;
 }
 .header_top_two_box .opening_hour p span{
     display: inline-block;
     padding-right: 7px;
 }
 
 
 .header_top_two_box .social_links_1{
     display: inline-flex;    
 }
 .social_links_1{
     display: -webkit-box;
     display: flex;
     -webkit-box-align: center;
     align-items: center;
 }
 .social_links_1 a+a {
     margin-left: 10px;
 }
 .social_links_1 a{
     display: -webkit-box;
     display: flex;
     -webkit-box-align: center;
     align-items: center;
     -webkit-box-pack: center;
     justify-content: center;
     text-align: center;
     width: 30px;
     height: 30px;
     border-radius: 50%;
     color: #ffffff;
     font-size: 16px;
     -webkit-transition: all 500ms ease;
     transition: all 500ms ease;    
 }
 
 
 
 /*=== Header Upper ===*/
 .header_upper {
     position: relative;
     background: #fff;
     z-index: 9999;
 }
 .header_upper_inner{
     position: relative;
     display: block;
 }
 .header_upper_one_box{
     position: relative;
 }
.header_upper_one_box .logo {
    position: relative;
    display: block;
    padding: 14px 0;
}
 .header_upper_one_box .logo a{
     display: inline-block;
 }

.logo img {
   width: 170px;
}
 
.main-header .nav-outer {
    position: relative;
    padding: 0;
    min-height: 56px;
    margin: 0;
    float: left;
}
.nav-outer .mobile-nav-toggler {
    position: relative;
    font-size: 30px;
    line-height: 16px;
    cursor: pointer;
    color: #fff;
    padding: 13px 12px 10px;
    right: 0;
    background-color: var(--thm-primary);
    top: 6px;
    border-radius: 5px;
}
 .main-header .nav-outer .nav-inner {
     position: relative;
     background-color: #fff;
 }
 .main-header .nav-outer .nav-inner.close-menu {
     pointer-events: none;
 }
 .main-header .main-box {
     position: relative;
     float: left;
     left: 0px;
     top: 0px;
     -webkit-transition: all 300ms ease;
     -o-transition: all 300ms ease;
     transition: all 300ms ease;
 }
 
 
.header_upper_two_box .icon-search-box {
    position: relative;
    display: block;
    padding: 23px 0;
    float: right;
    margin-left: 50px;
}
 
 
 
 .main-menu {
     position: relative;
 }
 .main-menu .navbar-collapse {
     padding: 0px;
 }
 .main-menu .navigation {
     position: relative;
     margin: 0px;
 }
.main-menu .navigation>li {
    position: relative;
    float: left;
    padding: 26px 0px;
    margin-right: 34px;
    -webkit-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}
 .main-menu.two .navigation>li {
     padding: 25px 0;
 }
 .main-menu .navigation>li:last-child{
     margin-right: 0;
 }
 .main-menu .navigation>li>a {
     position: relative;
     display: block;
     text-align: center;
     padding: 0px 0px;
     font-size: 17px;
     line-height: 20px;
     font-weight: 600;
     color: #201630;
     opacity: 1;
     text-transform: capitalize;
     -webkit-transition: all 300ms ease;
     -o-transition: all 300ms ease;
     transition: all 300ms ease;
 }
 .main-menu .navigation>li:hover>a,
 .main-menu .navigation>li.current>a {
     color: var(--thm-primary);
 }
 
 .main-menu .navigation>li>ul {
     position: absolute;
     left: 0px;
     top: 110%;
     width: 245px;
     z-index: 100;
     opacity: 1;
     padding: 20px 0 20px;
     background: #fff;
     border-top: 1px solid #fff;
     -webkit-transition: all 200ms linear;
     -o-transition: all 200ms linear;
     transition: all 200ms linear;
     -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.05);
     box-shadow: 0 0 20px rgba(0, 0, 0, 0.05);
 }
 .main-menu .navigation>li>ul>li {
     position: relative;
     width: 100%;
     padding: 0 30px;
 }
 .main-menu .navigation>li>ul>li>a {
     position: relative;
     display: block;
     padding: 10px 0px;
     line-height: 19px;
     font-weight: 500;
     font-size: 17px;
     text-align: left;
     color: #222;
     text-transform: capitalize;
     -webkit-transition: all 300ms ease;
     -o-transition: all 300ms ease;
     transition: all 300ms ease;
 }
 .main-menu .navigation>li>ul>li:hover>a {
     color: var(--thm-primary);
     text-decoration: underline;
 }
 
 
 .main-menu .navigation>li>ul>li.dropdown>a:after {
     font-family: 'Font Awesome 5 Brands';
     content: "\f078";
     position: absolute;
     right: 0px;
     top: 9px;
     width: 10px;
     display: block;
     line-height: 19px;
     font-size: 16px;
     color: #000;
     font-weight: normal;
     text-align: center;
     z-index: 5;
 }
 
 .main-menu .navigation>li>ul>li>ul {
     position: absolute;
     left: 110%;
     top: 0;
     width: 225px;
     z-index: 100;
     opacity: 1;
     padding: 20px 0 30px;
     background: #fff;
     border-top: 1px solid #fff;
     -webkit-transition: all 200ms linear;
     -o-transition: all 200ms linear;
     transition: all 200ms linear;
     -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.05);
     box-shadow: 0 0 20px rgba(0, 0, 0, 0.05);
 }
 .main-menu .navigation>li>ul>li>ul>li {
     position: relative;
     width: 100%;
     padding: 0 25px;
 }
 .main-menu .navigation>li>ul>li>ul>li>a {
     position: relative;
     display: block;
     padding: 10px 0px;
     line-height: 19px;
     font-weight: 400;
     font-size: 14px;
     text-align: left;
     color: #888;
     border-bottom: 1px solid rgba(255, 255, 255, 0.10);
     text-transform: capitalize;
     -webkit-transition: all 300ms ease;
     -o-transition: all 300ms ease;
     transition: all 300ms ease;
     text-transform: uppercase;
 }
 .main-menu .navigation>li>ul>li>ul>li>a:hover {
     color: var(--thm-primary);
 }
 .main-menu .navigation>li>ul>li>ul>li:last-child>a {
     border-bottom: 0;
 }
 
 
 .main-menu .navigation>li.dropdown:hover>ul {
     -webkit-transition: all 300ms ease;
     -o-transition: all 300ms ease;
     transition: all 300ms ease;
     visibility: visible;
     opacity: 1;
     top: 100%;
     margin-top: 5px;
 }
 .main-menu .navigation>li>ul>li:hover>ul {
     visibility: visible;
     opacity: 1;
     left: 100%;
     margin-left: 5px;
     transition: all 500ms ease;
     -moz-transition: all 500ms ease;
     -webkit-transition: all 500ms ease;
     -ms-transition: all 500ms ease;
     -o-transition: all 500ms ease;
 }
 .main-menu .navigation>li>ul>li.dropdown>ul.from-right {
     left: auto;
     right: 110%;
 }
 .main-menu .navigation>li>ul>li.dropdown:hover>ul.from-right {
     left: auto;
     right: 100%;
 }
 .main-menu .navbar-collapse>ul 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;
 }
 .main-header .outer-box {
     position: absolute;
     right: 0;
     top: 0;
 }
 
 
 
 /* Nav Toggler */
 .main-header .nav-toggler {
     position: relative;
     text-align: center;
 }
 .main-header .nav-toggler .nav-btn {
     position: relative;
     color: #ffffff;
     font-size: 28px;
     line-height: 39px;
     padding: 15px 0;
     width: 80px;
     font-weight: normal;
     background: none;
 }
 .main-header .nav-toggler .nav-btn .icon {
     display: inline-block;
 }
 
 
 
 /*** 
 ==================================================
     Main Header Two Css
 ==================================================
 ***/
 .main-header.two {
     position: absolute;
     background: none;
 }
 .main-header.two .header_top_one_box {
     padding: 6px 0;
 }
 .main-header.two .header_top_one_box h4 {
     font-size: 16px;
     color: #ffffff;
     margin: 0;
 }
 
 .header_upper-two{}
 .header_upper-two_inner {
     position: relative;
     display: block;
     padding: 40px 0;
 }
 .header_upper_two_box{
     position: relative;
     display: block;
 }
 .header_upper_two_box .logo {
     padding: 5px 0;
 }
 .header_upper_two-right_box{}
 .header_upper_two-right_box ul {
     float: left;
     display: block;
 }
 .header_upper_two-right_box ul li {
     position: relative;
     display: block;
     float: left;
     padding-left: 60px;
     margin-right: 50px;
     padding-top: 2px;
     padding-bottom: 2px;
 }
 .header_upper_two-right_box ul li:last-child{
     margin-right: 0;
 }
 .header_upper_two-right_box ul li .address_icon {
     position: absolute;
     top: 0;
     left: 0;
 }
 .header_upper_two-right_box ul li .address_icon span {
     font-size: 40px;
     color: var(--thm-primary);
     line-height: 60px;
 }
 .header_upper_two-right_box ul li .address_title{}
 .header_upper_two-right_box ul li .address_title h6 {
     font-size: 16px;
     font-weight: 600;
     line-height: 26px;
 }
 .header_upper_two-right_box ul li .address_title p{
     font-size: 16px;
     color: var(--thm-black);
     margin: 0;
 }
 .header_upper_two_box-btn {
     display: block;
     float: right;
     margin-left: 45px;
 }
 .header_upper_two_box-btn a {
     font-size: 16px;
     color: var(--thm-primary);
     text-transform: uppercase;
     font-weight: 500;
     border-radius: 6px;
     background-color: rgb( 255, 255, 255 );
     box-shadow: 0px 0px 50px 0px rgb( 0, 0, 0, .10 );
     display: inline-block;
     padding: 15px 40px;
 }
 
 
 .main-header-two-nav-box {
     position: relative;
     display: block;
 }
 .main-header-two-nav-box-inner{
     position: relative;
     display: block;
     background: #112540;
     padding: 0 30px;
 }
 .main-header-two-nav-box .nav-outer{
     float: left;
 }
 .main-header-two-nav-box .icon-search-box {
     padding: 22px 0;
     float: right;
 }
 .main-header-two-nav-box .icon-search-box a{
     color: #ffffff;
 }
 .main-header-two-nav-box .nav-outer .nav-inner{
     background: transparent;
 }
 .main-menu.two .navigation>li>a {
     color: #ffffff;
 }
 .main-menu.two .navigation>li:hover>a, 
 .main-menu.two .navigation>li.current>a {
     color: var(--thm-primary);
 }
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 /*** 
 ====================================================================
     Banner Section
 ====================================================================
 ***/
 
 .banner-section {
     position: relative;
 }
 
 .three-item-carousel,
 .banner-slider {
     position: relative;
     height: 100% !important;
     z-index: 9;
 }
 
.banner-section .content-outer {
    position: relative;
    top: 0;
     left: 0;
     right: 0;
     margin: 0 auto;
     height: 100%;
     width: 100%;
     display: table;
     vertical-align: middle;
 }
 
 .banner-section .content-box {
     position: relative;
     display: table-cell;
     vertical-align: middle;
     padding: 153px 0 162px;
 }
 
 .banner-section .content-box .inner {
     position: relative;
     width: 100%;
     opacity: 0;
     -webkit-transform: translateX(100px);
     -ms-transform: translateX(100px);
     transform: translateX(100px);
     max-width: 1200px;
     margin: 0 auto;
     padding: 0 15px;
 }
 
 .banner-section .swiper-slide-active .content-box .inner {
     opacity: 1;
     -webkit-transition: all 500ms ease;
     -o-transition: all 500ms ease;
     transition: all 500ms ease;
     -webkit-transform: translateX(0px);
     -ms-transform: translateX(0px);
     transform: translateX(0px);
 }
 
 .banner-section .content-box .inner:before {
     position: absolute;
     left: 0;
     top: 0;
     height: 100%;
     width: 100%;
     background-repeat: repeat;
     background-position: center;
     content: "";
 }
 
 .banner-section .content-box h1 {
     position: relative;
     color: #ffffff;
     font-size: 72px;
     line-height: 80px;
     font-weight: 800;
     opacity: 0;
     visibility: hidden;
     -webkit-transition: all 500ms ease;
     -o-transition: all 500ms ease;
     transition: all 500ms ease;
     -webkit-transform: translateY(-20px);
     -ms-transform: translateY(-20px);
     transform: translateY(-20px);
     margin-bottom: 30px;
 }
 
 .banner-section .swiper-slide-active .content-box h1 {
     opacity: 1;
     visibility: visible;
     -webkit-transition-delay: 800ms;
     -o-transition-delay: 800ms;
     transition-delay: 800ms;
     -webkit-transform: translateY(0px);
     -ms-transform: translateY(0px);
     transform: translateY(0px);
 }
 
 .banner-section h4 {
     position: relative;
     display: block;
     font-size: 22px;
     line-height: 32px;
     color: #ffffff;
     margin-bottom: 35px;
     font-weight: 500;
     opacity: 0;
     visibility: hidden;
     -webkit-transition: all 500ms ease;
     -o-transition: all 500ms ease;
     transition: all 500ms ease;
     -webkit-transform: translateY(20px);
     -ms-transform: translateY(20px);
     transform: translateY(20px);
     width: -webkit-max-content;
     width: -moz-max-content;
     width: max-content;
 }
 
 .banner-section .swiper-slide-active h4 {
     opacity: 1;
     visibility: visible;
     -webkit-transition-delay: 1200ms;
     -o-transition-delay: 1200ms;
     transition-delay: 1200ms;
     -webkit-transform: translateY(0px);
     -ms-transform: translateY(0px);
     transform: translateY(0px);
 }
 
 
 
 .banner-section h4.style-two {
     padding-bottom: 0px;
 }
 
 .banner-section h4.style-two:after,
 .banner-section h4.style-two:before {
     display: none;
 }
 
 .banner-section .content-box .text {
     position: relative;
     font-size: 18px;
     line-height: 30px;
     color: #ffffff;
     font-weight: 400;
     opacity: 0;
     visibility: hidden;
     -webkit-transition: all 500ms ease;
     -o-transition: all 500ms ease;
     transition: all 500ms ease;
     -webkit-transform: translateX(-50px);
     -ms-transform: translateX(-50px);
     transform: translateX(-50px);
 }
 
 .banner-section .swiper-slide-active .text {
     opacity: 1;
     visibility: visible;
     -webkit-transition-delay: 1600ms;
     -o-transition-delay: 1600ms;
     transition-delay: 1600ms;
     -webkit-transform: translateX(0px);
     -ms-transform: translateX(0px);
     transform: translateX(0px);
 }
 
 .banner-section .link-box {
     padding-top: 30px;
     -webkit-transform: scaleY(0);
     -ms-transform: scaleY(0);
     transform: scaleY(0);
     -webkit-transition: all 500ms ease;
     -o-transition: all 500ms ease;
     transition: all 500ms ease;
     -webkit-transition-delay: 2000ms;
     -o-transition-delay: 2000ms;
     transition-delay: 2000ms;
     -webkit-transform-origin: bottom;
     -ms-transform-origin: bottom;
     transform-origin: bottom;
 }
 
 .banner-section .swiper-slide-active .link-box {
     -webkit-transform: scale(1);
     -ms-transform: scale(1);
     transform: scale(1);
 }
 
 .banner-section .link-box a {
     -webkit-transition: .5s ease;
     -o-transition: .5s ease;
     transition: .5s ease;
 }
 .banner-section .link-box a.right-btn{
     background: #ffffff;
     color: var(--thm-primary);
     padding-left: 40px;
     padding-right: 40px;
     margin-left: 25px;
 }
 .banner-section .link-box a.right-btn:hover{
     background: var(--thm-primary);
     color: #ffffff;
 }
 /* Banner Slider Option */
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 /*** 
 
 ====================================================================
         About Us One Section
 ====================================================================
 
 ***/
 .about-us-one-section {
     position: relative;
     display: block;
     background: #f7f8f9;
     padding: 100px 0 100px;
 }
 
 /*** 
 
 ====================================================================
         Features One Section
 ====================================================================
 
 ***/
 .features-one-section{
     position: relative;
     display: block;
     padding: 100px 0 100px;
 }
 .features-one-sec-single {
     position: relative;
     display: block;
     text-align: center;
     background: #ffffff;
     padding: 40px 25px 30px;
     border-radius: 5px;
     -webkit-transition: all 500ms ease;
     transition: all 500ms ease;
     border: 1px solid #eee;
 }

 .features-one-sec-icon{
    width: 100px;
    height: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    margin: 0 auto;
    transition: .5s;
    background: #ffffff;
    border: 5px solid #fcfcfc;
    box-shadow: 0 0 5px rgb(0 0 0 / 0.15);
 }
 .features-one-sec-single:hover .features-one-sec-icon {
     transform: translateY(-5px);
 }
 .features-one-sec-icon span {
     font-size: 56px;
     color: #222;
     -webkit-transition: all 500ms ease;
     transition: all 500ms ease;
 }
 span.flaticon-paint-roller:before {
     left: 7px;
     position: relative;
     top: 4px;
 }

 .features-one-sec-single h3 {
     font-size: 20px;
     font-weight: 600;
     line-height: 30px;
     margin-top: 23px;
     margin-bottom: 14px;
     -webkit-transition: all 500ms ease;
     transition: all 500ms ease;
 }

 .features-one-sec-single p{
     font-size: 16px;
     margin: 0;
     -webkit-transition: all 500ms ease;
     transition: all 500ms ease;
 }

 
 /*** 
 
 ====================================================================
         Features One Section
 ====================================================================
 
 ***/
 .video-one-section {
     position: relative;
     display: block;
     background-repeat: no-repeat;
     background-position: center center;
     padding: 100px 0 250px;
     z-index: 1;
     background-size: cover;
     z-index: 1;
 }
 .video-one-section:before{
     position: absolute;
     top: 0;
     left: 0;
     height: 100%;
     width: 100%;
     content: "";
     background: rgba(0, 0, 0, .50);
 }
 .video-one-sec-content {
     position: relative;
     display: block;
     max-width: 515px;
     margin: 0 auto;
     width: 100%;
 }
 .video-one-sec-inner{
     position: relative;
     display: block;
     text-align: center;
 }
 .video-one-sec-inner h2 {
     font-size: 40px;
     color: #ffffff;
     font-weight: 700;
     line-height: 50px;
     margin-bottom: 30px;
 }
 .video-one-sec-inner p {
     font-size: 16px;
     color: #ffffff;
     margin: 0;
     line-height: 26px;
 }
 .video-one-sec-inner .video-one-sec-btn {
     position: relative;
     width: 90px;
     height: 90px;
     display: -webkit-box;
     display: flex;
     -webkit-box-align: center;
     align-items: center;
     -webkit-box-pack: center;
     justify-content: center;
     text-align: center;
     font-size: 24px;
     color: #ffffff;
     margin-left: auto;
     margin-right: auto;
     -webkit-transition: all 500ms ease;
     transition: all 500ms ease;
     border-radius: 50%;
     border: 3px solid #ffffff;
     margin-top: 42px;
 }
 
 /*** 
 
 ====================================================================
         Main Sevice One Section
 ====================================================================
 
 ***/
 .main-service-one-section {
     position: relative;
     display: block;
     padding: 0 0 70px;
     margin-top: -145px;
     z-index: 2;
 }
 .main-service-one-sec-single{
     position: relative;
     display: block;
     margin-bottom: 30px;
 }
 .main-service-one-sec-img{
     position: relative;
     display: block;
     overflow: hidden;
 }
 .main-service-one-sec-img img {
     width: 100%;
     border-top-right-radius: 5px;
     border-top-left-radius: 5px;
     transition: .5s;
 }
 .main-service-one-sec-single:hover .main-service-one-sec-img img {
     transform: scale(1.1);
 }
 .main-service-one-sec-content{
     position: relative;
     display: block;
     padding: 38px 40px 40px;
     background-color: rgb( 255, 255, 255 );
     box-shadow: 0px 50px 90px 0px rgb( 26, 46, 85, .10);
 }
.main-service-one-sec-content h4 {
    display: inline-block;
    font-size: 16px;
    background-color: var(--thm-primary);
    font-weight: 400;
    line-height: 26px;
    color: #fff;
    padding: 3px 20px;
    margin-bottom: 7px;
 }
 .main-service-one-sec-content h3 {
     font-size: 20px;
     font-weight: 800;
     line-height: 32px;
     margin-top: 10px;
     margin-bottom: 8px;
 }
 .main-service-one-sec-content p{
     margin: 0;
 }
 .main-service-one-btn {
     margin-top: 30px;
 }
 .main-service-one-btn .theme-btn {
     padding: 10px 30px;
     background-color: #222;
 }
 .main-service-one-btn .theme-btn:hover {
     background-color: var(--thm-primary);
 }
 .main-service-one-icon {
    font-size: 70px;
    margin-bottom: 25px;
    color: var(--thm-primary);
    line-height: 70px;
}
 
 /*** 
 
 ====================================================================
         Funfacts One Section
 ====================================================================
 
 ***/
 .funfacts-one-section {
     position: relative;
     display: block;
     background-repeat: no-repeat;
     background-position: center center;
     background-size: cover;
     padding: 131px 0 98px;
 }
 .funfacts-one-single {
     display: flex;
     align-items: center;
     margin-bottom: 30px;
     background: #fff;
     padding: 27px;
     padding-right: 10px;
     border-radius: 5px;
 }
 .funfacts-one-single .icon{}
 .funfacts-one-single .icon span{
     font-size: 50px;
     color: var(--thm-primary);
 }
 .funfacts-one-single .content{
     margin-left: 15px;
 }
 .funfacts-one-single .content h2 {
     color: #161616;
     font-size: 50px;
     line-height: 60px;
     font-weight: 800;
     margin-bottom: 8px;
 }
 .funfacts-one-single .content p{
     font-size: 18px;
     color: #000000;
     line-height: 26px;
     margin: 0;
 }
 
 /*** 
 
 ====================================================================
         Blog One Section
 ====================================================================
 
 ***/
 .blog-one-section{
     position: relative;
     display: block;
     background: #f7f8f9;
     padding: 100px 0 70px;
 }
 .blog-one-single{
     position: relative;
     display: block;
     margin-bottom: 30px;
     /* overflow: hidden; */
 }
 .blog-one-img{
     position: relative;
     display: block;
     overflow: hidden;
     background: #000;
 }
 .blog-one-img img{
     width: 100%;
     opacity: 1;
     -webkit-transform: scale(1);
     transform: scale(1);
     -webkit-transition: opacity 500ms ease, -webkit-transform 500ms ease;
     transition: opacity 500ms ease, -webkit-transform 500ms ease;
     transition: transform 500ms ease, opacity 500ms ease;
     transition: transform 500ms ease, opacity 500ms ease,
     -webkit-transform 500ms ease;
 }
 .blog-one-single:hover .blog-one-img img{
     opacity: 0.7;
     -webkit-transform: scale(1.05);
     transform: scale(1.05);
 }
 .blog-one-content {
     position: relative;
     display: block;
     background-color: rgb( 255, 255, 255 );
     box-shadow: 0px 0px 62px 0px rgb( 27, 31, 45, .05 );
     padding: 33px 30px 34px;
 }

 .blog-one-meta li {
     font-size: 15px;
     color: #888888;
     line-height: 25px;
     font-weight: 500;
 }

 .blog-one-title h3 {
     font-size: 20px;
     font-weight: 800;
     line-height: 30px;
     margin-top: 12px;
     margin-bottom: 13px;
 }
 .blog-one-title h3 a{
     color: var(--thm-black);
     -webkit-transition: all 500ms ease;
     transition: all 500ms ease;
 }
 .blog-one-title h3 a:hover{
     color: var(--thm-primary);
 }
 .blog-one-text{}
 .blog-one-text p {
     margin: 0;
     line-height: 25px;
 }
 /*** 
 ====================================================================
         Brand One Section
 ====================================================================
 
 ***/
 .brand-one {
     position: relative;
     display: block;
     padding: 90px 0;
     border-bottom: 1px solid #f5f0e9;
 }
 
/*** 
====================================================================
        Footer Section
 ====================================================================
 
 ***/
 .footer-section{
     position: relative;
     display: block;
     background: #151924;
     padding: 94px 0 0px;
 }
 .footer-widget-title{
     margin-bottom: 25px;
 }
 .footer-widget-title h3{
     font-size: 22px;
     color: #ffffff;
     font-weight: 600;
     line-height: 32px;
 }
 
 .footer-widget-about {
     margin-right: 20px;
 }
 .footer-widget-about-text {
     margin-top: -4px;
 }
 .footer-widget-about-text p{
     font-size: 16px;
     color: #ffffff;
     line-height: 33px;
     margin: 0;
 }
 .footer-widget-about-social{
     display: -webkit-box;
     display: flex;
     -webkit-box-align: center;
     align-items: center;
     padding-top: 25px;
 }
 .footer-widget-about-social a{
     display: -webkit-box;
     display: flex;
     -webkit-box-align: center;
     align-items: center;
     -webkit-box-pack: center;
     justify-content: center;
     text-align: center;
     width: 40px;
     height: 40px;
     border-radius: 50%;
     background-color: #26262c;
     color: #ffffff;
     font-size: 15px;
     -webkit-transition: all 500ms ease;
     transition: all 500ms ease;
 }
 .footer-widget-about-social a:hover{
     background: var(--thm-primary);
 }
 .footer-widget-about-social a+a{
     margin-left: 10px;
 }
 
 .footer-widget-useful-links{}
 .footer-widget-useful-links-list{}
 .footer-widget-useful-links-list li+li{
     margin-top: 7px;
 }
 .footer-widget-useful-links-list li a{
     font-size: 16px;
     color: #fff;
 }

 .footer-widget-useful-links-list li a:hover {
     color: var(--thm-primary);
 }
 
 .footer-widget-contact{}
 .footer-widget_contact-info{}
 .footer-widget_contact-info p {
     color: #ffffff;
     font-size: 16px;
     margin: 0;
     line-height: 26px;
     margin-bottom: 4px;
 }
 .footer-widget_contact-info a{
     color: #ffffff;
     font-size: 16px;
 }
 
 .footer-widget-gallery {
     margin-left: 86px;
 }
 .footer-widget-gallery-list {
     padding-top: 6px;
 }
 .footer-widget-gallery-list li {
     display: inline-block;
     margin-bottom: 10px;
     margin-right: 5px;
 }
 
 .footer-widget-gallery-list li .gallery-img {
     position: relative;
     display: block;
 }
 
 .footer-widget-gallery-list li .gallery-img:before {
     position: absolute;
     top: 0;
     left: 0;
     height: 100%;
     width: 100%;
     content: "";
     background: rgba(0,0,0,.3);
     transform: scaleX(0);
     -webkit-transition: all 500ms ease;
     transition: all 500ms ease;
 }
 .footer-widget-gallery-list li:hover .gallery-img:before{
     transform: scaleX(1);
 } 
 .footer-widget-gallery-list li .gallery-img img {
     border-radius: 5px;
     width: 100%;
 }
 .gallery-img-hover {
     position: absolute;
     top: 0;
     left: 0;
     right: 0;
     bottom: 0;
     display: flex;
     align-items: center;
     justify-content: center;
     color: var(--thm-primary);
     font-size: 15px;
     transform: scale(0);
     -webkit-transition: all 500ms ease;
     transition: all 500ms ease;
 }
 .footer-widget-gallery-list li:hover .gallery-img-hover{
     transform: scale(1);
 } 
 .footer-bottom {
     padding-top: 84px;
     padding-bottom: 40px;
 }
 .footer-bottom p{
     font-size: 18px;
     color: #ffffff;
     line-height: 30px;
     margin: 0;
     text-align: center;
 }
 
 /*** 
 ====================================================================
         Features Two Section
 ====================================================================
 
 ***/
 
 .features-two-section{
     position: relative;
     display: block;
     padding: 100px 0 60px;
     background: #F8F8F8;
 }
 
 .features-two-sec-single {
     position: relative;
     display: block;
     background: #ffffff;
     margin-bottom: 30px;
     border-radius: 5px;
     -webkit-transition: all 500ms ease;
     transition: all 500ms ease;
     box-shadow: 0 0 20px 3px rgb(0 0 0 / 2%);
     padding: 50px 40px;
 }
 
 .features-two-sec-icon{
     width: 100px;
     height: 100px;
     display: flex;
     align-items: center;
     justify-content: center;
     border-radius: 50%;
     background: rgb(255 82 3 / 8%);
 }
 .features-two-sec-icon span {
     font-size: 50px;
     color: var(--thm-primary);
     -webkit-transition: all 500ms ease;
     transition: all 500ms ease;
 }
 
 .features-two-sec-single h3 {
     font-size: 20px;
     font-weight: 800;
     line-height: 30px;
     margin-top: 23px;
     margin-bottom: 15px;
     -webkit-transition: all 500ms ease;
     transition: all 500ms ease;
     text-transform: capitalize;
 }
 
 .features-two-sec-single p{
     font-size: 16px;
     margin: 0;
     -webkit-transition: all 500ms ease;
     transition: all 500ms ease;
 }

/*  */
.features-two-sec-single.active {
    background: var(--thm-primary);
}

.active .features-two-sec-icon {
    background: #fff;
}

.features-two-sec-single.active h3 {
    color: #fff;
}

.features-two-sec-single.active p {
    color: #fff;
}
 
 /*** 
 ====================================================================
         About Two Section
 ====================================================================
 ***/
 .about-tow-section{
     position: relative;
     display: block;
     /* background: #f7f8f9; */
     padding: 100px 0 100px;
 }
 .about-two-left-content{
     position: relative;
     display: block;
 }
 .about-two-sec-image{
     position: relative;
     display: block;
     z-index: 5;
 }
 .about-two-sec-image:before {
     position: absolute;
     bottom: -15px;
     right: -15px;
     border-radius: 6px;
     width: 270px;
     height: 270px;
     background: var(--thm-primary);
     content: "";
     z-index: -1;
 }
 .about-two-sec-image-bg-1 {
     position: absolute;
     top: -22px;
     left: -22px;
     height: 233px;
     width: 233px;
     background-repeat: no-repeat;
     background-position: top left;
     z-index: -1;
 }
 .about-two-sec-image-bg-2 {
     position: absolute;
     bottom: 10px;
     right: 10px;
     height: 210px;
     width: 210px;
     background-repeat: no-repeat;
     background-position: bottom right;
 }
 .about-two-sec-image img{
     width: 100%;
     border-radius: 6px;
 }
 .about-two-right-content {
     margin-left: 50px;
     margin-top: -8px;
 }
 .about-two-title {
     padding-bottom: 25px;
 }
 .section_title-subheading {
     font-size: 14px;
     color: var(--thm-primary);
     font-weight: 700;
     line-height: 30px;
     text-transform: uppercase;
     margin-bottom: 10px;
     letter-spacing: 2px;
 }
 .sub-title-shape-left:before {
    position: relative;
    content: '';
    left: 0;
    bottom: 0;
    height: 2px;
    width: 30px;
    background: var(--thm-primary);
    display: inline-block;
    margin-right: 12px;
}
 .about-two-title h2 {
     font-size: 42px;
     font-weight: 800;
     line-height: 50px;
     margin-bottom: 21px;
 }
 .about-two-title .about-two-title-text {
     font-size: 18px;
     margin: 0;
 }
 .about-tow-experience-years {
     display: flex;
     align-items: center;
     margin-bottom: 20px;
 }
 .about-tow-experience-years-icon {
     position: relative;
     display: block;
     font-size: 75px;
     line-height: 80px;
 }
 .about-tow-experience-years-icon.style-two span{
     color: var(--thm-primary);
     font-size: 45px;
    width: 70px;
    height: 70px;
    background: #ededf6;
    display: inline-block;
    line-height: 70px;
    text-align: center;
    position: relative;
    top: -12px;
    margin-right: 15px;
 }
 .about-tow-experience-years-text {
     margin-left: 3px;
 }
 .about-tow-experience-years-text h2{
     font-size: 50px;
     font-weight: 700;
     color: var(--thm-primary);
     line-height: 54px;
 }
 .about-tow-experience-years-text p{
     font-size: 18px;
     color: var(--thm-black);
     line-height: 25px;
     margin: 0;
     font-weight: 600;
 }
 .about-two-bottom-content {
     margin-bottom: 50px;
 }
 .about-two-bottom-text {
     font-size: 18px;
     margin: 0;
 }
 .about-two-bottom-content h3 {
     font-size: 16px;
     line-height: 26px;
     text-transform: uppercase;
     font-weight: 500;
     margin-top: 14px;
 }
 .about-two-bottom-content span{
     color: var(--thm-primary);
 }
 .about-two-btn{}
 .about-two-btn .theme-btn {
     padding-left: 65px;
     padding-right: 65px;
     text-transform: uppercase;
 }
 
 /*** 
 ====================================================================
         Main Service Two Section
 ====================================================================
 ***/
 .main-service-one-section.two {
     padding: 100px 0 100px;
     margin-top: 0;
 }
 .main-service-one-section.two .thm-section-title h2{
     margin-top: 10px;
 }
 
 /*** 
 ====================================================================
         Team Two Section
 ====================================================================
 ***/
 
 .team-one-section.two{
     background: #f7f8f9;
     background-repeat: repeat;
 }
 .team-one-section.two .thm-section-title h2{
 }
 /*** 
 ====================================================================
         Team Two Section
 ====================================================================
 ***/
 .why-choose-two-section{
     position: relative;
     display: block;
     padding: 100px 0 100px;
 }
 .why-choose-two-image{
     position: relative;
     display: block;
 }
 .why-choose-two-image img{
     width: 100%;
 }
 .why-choose-right-content {
     position: relative;
     display: block;
     background: #f7f8f9;
     margin-left: -30px;
     padding: 90px 70px 53px;
 }
 .most-trusted-skill {
     position: relative;
     display: block;
     padding-left: 100px;
     margin-bottom: 45px;
 }
 .most-trusted-skill-icon {
     height: 100px;
     width: 100px;
     border-radius: 50%;
     box-shadow: 1.362px 2.673px 35px 0px rgb( 0, 0, 0, .08 );
     background: #ffffff;
     line-height: 100px;
     text-align: center;
     font-size: 65px;
     color: var(--thm-primary);
     position: absolute;
     top: 0;
     left: 0;
 }
 .most-trusted-skill-icon span{
 
 }
 .most-trusted-text{
     margin-left: 30px;
 }
 .most-trusted-text h3{
     font-size: 30px;
     font-weight: 700;
     line-height: 40px;
     margin-bottom: 20px;
 }
 .most-trusted-text p{
     margin: 0;
 }
 
 .progress-levels {
     position: relative;
     display: block;
 }
 .progress-levels .progress-box {
     position: relative;
     display: block;
     margin-bottom: 38px;
 }
 .progress-levels .progress-box.last-child {
     margin-bottom: 0;
 }
 
 .progress-levels .progress-box .inner {
     position: relative;
     display: block;
 }
 
 .progress-levels .progress-box .bar {
     position: relative;
     display: block;
 }
 .progress-levels .progress-box .bar .bar-innner {
     position: relative;
     width: 100%;
     height: 7px;
     background: #f3e7e7;
     border-radius: 10px;
 }
 .progress-levels .progress-box .bar .bar-fill {
     position: absolute;
     top: 0%;
     left: 0px;
     bottom: 0%;
     width: 0px;
     height: 7px;
     border-radius: 10px;
     background: var(--thm-primary);
     transition: all 2000ms ease 300ms;
 }
 .progress-levels .progress-box .bar .bar-innner .skill-percent {
     position: absolute;
     top: -30px;
     right: 0;
     width: 40px;
     height: 25px;
     display: block;
     text-align: center;
     padding: 0;
     z-index: 1;
 }
 .progress-levels .progress-box .inner .count-text {
     position: relative;
     color: #333333;
     font-size: 18px;
     line-height: 20px;
     font-weight: 500;
     display: inline-block;
     float: none;
 }
 .progress-levels .progress-box .inner .percent {
     position: relative;
     color: #333333;
     font-size: 18px;
     line-height: 20px;
     font-weight: 500;
     display: inline-block;
     float: none;
     margin-left: -2px;
 }
 
 .progress-levels .progress-box .inner .text {
     position: relative;
     color: var(--thm-black);
     font-size: 18px;
     font-weight: 600;
     letter-spacing: 0.5px;
     text-transform: capitalize;
     padding-bottom: 8px;
 }
 
 
 /*** 
 ====================================================================
         Latest Projects One Section
 ====================================================================
 ***/
 .latest-projects-one-section{
     position: relative;
     display: block;
     padding: 100px 0 100px;
     background: #f7f8f9;
 }
 .latest-projects-one-section:before{
     position: absolute;
     bottom: 0;
     left: 0;
     right: 0;
     height: 382px;
     content: "";
     background: #ffffff;
 }
 .latest-projects-one-section .container {
    max-width: 1450px;
 }
 .latest-projects-one-bg {
     position: absolute;
     bottom: 115px;
     left: 100px;
     height: 383px;
     width: 599px;
     background-repeat: no-repeat;
     background-position: left center;
 }
 .latest-pro-one-title{}
 .latest-pro-one-title h2 {
     font-size: 40px;
     font-weight: 800;
     line-height: 50px;
     margin-bottom: 28px;
 }
 .latest-pro-one-title p {
     margin: 0;
     line-height: 24px;
 }
 .latest-pro-one-single{}
 .latest-pro-one-img-box{
     position: relative;
     display: block;
     overflow: hidden;
 }
 .latest-pro-one-img-box:before{
     position: absolute;
     top: 0;
     left: 0;
     right: 0;
     height: 100%;
     content: "";
     background: rgba(2, 15, 32, 0)
 }
 .latest-pro-one-img-box img{
     width: 100%;
     transition: .5s;
 }
  .latest-pro-one-img-box:hover img {
     transform: scale(1.08);
  }
 .latest-pro-one-img-title {
     position: absolute;
     bottom: 30px;
     left: 50%;
     height: 80px;
     width: 310px;
     background: var(--thm-primary);
     display: flex;
     align-items: center;
     justify-content: space-between;
     transform: translateX(-50%);
     padding: 0 25px;
 }
 .latest-pro-one-img-title .content{}
 .latest-pro-one-img-title .content h5{
     font-size: 22px;
     font-weight: 800;
     line-height: 32px;
 }
 .latest-pro-one-img-title .content h5 a{
     color: #fff;
 }
 .latest-pro-one-img-title .icon{}
 .latest-pro-one-img-title .icon a{}
 .latest-pro-one-img-title .icon a span {
     font-size: 35px;
     color: #fff;
     line-height: 45px;
 }
 
 
 .testimonials-one-section.two {
     background-color: #0e0e0d;
     background-size: cover;
 }
 .testimonials-one-section.two .thm-section-title h2{
     color: #ffffff;
 }
 .testimonials-one-section.two .testimonials-one-single{
     background-color: rgb(24 31 41);
 }
 .testimonials-one-section.two .testimonials-one-single .client-info .client-content h3{
     color: #ffffff;
 }
 .testimonials-one-section.two .testimonials-one-single .text-box p{
     color: rgb(255 255 255 / 80%);
 }
 .testimonials-one-section.two .testimonials-one-single .testimonials-quote i{
     color: #242b36;
 }
 .testimonials-one-section.two .testimonials-one-carousel.owl-carousel .owl-dots .owl-dot{
     position: relative;
     display: inline-block;
     width: 10px;
     height: 10px;
     background: #ffffff;
     border: 1px solid var(--thm-primary);
     margin: 0px 5px;
     padding: 0px;
     border-radius: 50%;
     transition: all 100ms linear;
     transition-delay: 0.1s;
 }
 .testimonials-one-section.two .testimonials-one-carousel.owl-carousel .owl-dot.active{
     background: var(--thm-primary);
 }
 
 
 
 /*--------------------------------------------------------------
 #  Page Header
 --------------------------------------------------------------*/
 .page-header {
     position: relative;
     background-repeat: no-repeat;
     background-attachment: scroll;
     background-position: center center;
     overflow: hidden;
     padding: 87px 0 100px;
     background-size: cover;
 }
 .page-header::before {
     content: "";
     position: absolute;
     top: 0;
     left: 0;
     right: 0;
     bottom: 0;
     background: rgba(10,10,72, .20)
 }
 .page-header .container {
     position: relative;
 }
 .page-header h2 {
     color: #ffffff;
     font-size: 55px;
     font-weight: 600;
     margin: 0;
     line-height: 65px;
     margin-bottom: 10px;
 }
 
 /*--------------------------------------------------------------
 #  About Page
 --------------------------------------------------------------*/
 .about-tow-section.about-page {
     padding-bottom: 55px;
 }
 .about-tow-section.about-page .about-two-sec-image:before{
     display: none;
 }
 .about-tow-section.about-page .about-two-title-text {
     padding-top: 20px;
 }
 .about-tow-section.about-page .about-tow-experience-years {
     margin-top: 20px;
     margin-bottom: 30px;
 }
 .about-tow-section.about-page .about-tow-experience-years-icon {
     font-size: 30px;
     height: 60px;
     width: 60px;
     background: var(--thm-primary);
     border-radius: 50%;
     display: flex;
     align-items: center;
     justify-content: center;
 }
 .about-tow-section.about-page .about-tow-experience-years-icon span{
     color: #ffffff;
 }
 .about-tow-section.about-page .about-tow-experience-years-text{
     margin-left: 12px;
 }
 .about-tow-section.about-page .about-tow-experience-years-text h2 {
     font-size: 20px;
     color: var(--thm-black);
     font-weight: 800;
     line-height: 30px;
 }
 .about-tow-section.about-page .about-tow-experience-years-text h2 p{
     font-size: 20px;
     line-height: 30px;
     margin: 0;
 }
 .about-tow-section.about-page .about-tow-experience-years-text h2 a{
     color: var(--thm-black);
 }
 .about-tow-section.about-page .signature {
     margin-top: 24px;
 }
 .about-tow-section.about-page .signature img{}
 
 /*--------------------------------------------------------------
 #  video Two Section
 --------------------------------------------------------------*/
 .video-two-section {
     position: relative;
     display: block;
     background-size: cover;
     background-position: center center;
     background-repeat: no-repeat;
     background-attachment: fixed;
     padding: 190px 0 192px;
 }
 .video-two-sec-inner {
     display: flex;
     align-items: center;
     justify-content: center;
 }
 .video-two-sec-icon{}
 .video-two-sec-btn {
     height: 90px;
     width: 90px;
     color: #ffffff;
     border: 4px solid #ffffff;
     border-radius: 50%;
     display: flex;
     align-items: center;
     justify-content: center;
     font-size: 30px;
     -webkit-transition: all 500ms ease;
     transition: all 500ms ease;
 }
 .video-two-sec-btn:hover{
     border: 4px solid var(--thm-primary);
     color: var(--thm-primary);
 }
 .video-two-sec-content{
     margin-left: 40px;
 }
 .video-two-sec-content h2 {
     font-size: 40px;
     color: #ffffff;
     font-weight: 800;
     line-height: 50px;
     margin-bottom: 30px;
 }
 .video-two-sec-content span{
     color: var(--thm-primary);
 }
 .video-two-sec-content p{
     font-size: 20px;
     color: #ffffff;
     margin: 0;
     line-height: 30px;
 }
 
 /*--------------------------------------------------------------
 
 .about-our-factory {
     position: relative;
     display: block;
     background: #f7f7f7;
     padding: 19px 40px 15px;
     border: 1px solid #e5e5e5;
 }
 .need-any-help {
     position: relative;
     display: block;
     text-align: center;
     background-repeat: no-repeat;
     background-position: center center;
     padding: 65px 0 90px;
 }
 .need-any-help .icon-box {
     padding-bottom: 20px;
 }
 .need-any-help .icon-box span {
     font-size: 50px;
     color: var(--thm-primary);
     line-height: 50px;
 }
 .need-any-help .text-box {
     margin-bottom: 33px;
 }
 .need-any-help .text-box h3 {
     font-size: 20px;
     color: #ffffff;
     font-weight: 600;
     line-height: 30px;
     margin-bottom: 22px;
 }
 .need-any-help .text-box a {
     display: block;
     color: #d2ccda;
     font-size: 18px;
     line-height: 36px;
 }
 .need-help-get-quote-btn{}
 .need-help-get-quote-btn .theme-btn {
     padding: 10px 40px;
     border-radius: 0;
 }
 
 .service-details-right-content{}
 .service-details-right-image{}
 .service-details-right-image img{
     width: 100%;
 }
 .service-details-right-text{}
 
 .service-details-right-text h3 {
     font-size: 36px;
     font-weight: 600;
     line-height: 46px;
     margin-top: 50px;
     margin-bottom: 20px;
 }
 .service-details-right-text .first-text {
     color: var(--thm-black);
     padding-bottom: 7px;
 }
 .service-details-right-text .last-text{
     color: var(--thm-black);
 }
 .why-choose-our-factory {
     display: flex;
     align-items: center;
     padding-top: 34px;
 }
 .why-choose-our-factory-image{}
 .why-choose-our-factory-image img{}
 .why-choose-our-factory-text{
     margin-left: 30px;
 }
 .why-choose-our-factory-text h3 {
     font-size: 24px;
     font-weight: 600;
     line-height: 36px;
     margin-bottom: 27px;
 }
 .why-choose-our-factory-text p {
     margin: 0;
 }
 .why-choose-our-factory-text ul {
     margin-top: 22px;
 }
 .why-choose-our-factory-text ul li{}
 .why-choose-our-factory-text ul li i {
     padding-right: 9px;
 }
 
   font-family:'Font Awesome 5 Pro';
   font-weight: 900;
   margin: 0px;
   content: "\f068";
 }
 
 
 /*--------------------------------------------------------------

/* Homepage cleanup */
.header_upper {
    border-bottom: 1px solid #ece6de;
}

.header_upper_inner {
    display: flex;
    align-items: center;
}

.header_top {
    padding: 4px 0 5px;
}

.header_top_one_box ul li,
.header_top_one_box ul li a,
.header_top_two_box .opening_hour p {
    font-size: 13px;
    line-height: 20px;
}

.header_top_one_box ul li:before,
.header_top_two_box .opening_hour:before {
    top: 3px;
    bottom: 3px;
}

.header_upper_one_box .logo {
    padding: 6px 0;
}

.header_upper_one_box {
    float: none;
    flex: 0 0 auto;
}

.logo img {
    width: auto;
    height: 56px;
    display: block;
}

.header_upper .logo img {
    height: 88px;
    transform: scale(1.12);
    transform-origin: left center;
}

.header_upper_two_box.one {
    float: none;
    flex: 1 1 auto;
    display: flex;
    justify-content: center;
}

.main-header .nav-outer {
    min-height: 34px;
    float: none;
}

.main-header .nav-outer .nav-inner {
    display: flex;
    justify-content: center;
}

.main-menu .navigation {
    display: flex;
    align-items: center;
    justify-content: center;
}

.main-menu .navigation > li {
    padding: 8px 0;
    margin-right: 20px;
}

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

.main-menu .navigation > li > a {
    font-size: 16px;
    line-height: 18px;
    font-weight: 700;
    white-space: nowrap;
}

.main-menu .navigation > li.nav-icon-link {
    margin-right: 10px;
}

.main-menu .navigation > li:not(.nav-icon-link) + li.nav-icon-link {
    margin-left: 48px;
}

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

.lang-btn {
    min-width: 38px;
    height: 38px;
    padding: 0 10px;
    border-radius: 999px;
    border: 1px solid rgba(255, 255, 255, 0.22);
    background: transparent;
    color: #ffffff;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: 0.8px;
    transition: all 0.25s ease;
}

.lang-btn:hover,
.lang-btn.active {
    background: var(--thm-primary);
    border-color: var(--thm-primary);
    color: #ffffff;
}

.main-menu .navigation > li.nav-icon-link > a {
    width: 38px;
    height: 38px;
    border-radius: 50%;
    border: 1px solid rgba(255, 255, 255, 0.22);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 15px;
    line-height: 1;
    padding: 0;
}

.main-menu .navigation > li.nav-icon-link:hover > a {
    background: var(--thm-primary);
    border-color: var(--thm-primary);
    color: #ffffff;
}

.nav-outer .mobile-nav-toggler {
    top: 0;
    padding: 8px 10px 6px;
    font-size: 24px;
}

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

.sticky-header .logo img {
    height: 88px;
    transform: scale(1.08);
    transform-origin: left center;
}

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

.main-header .sticky-header .main-menu .navigation > li > a {
    padding: 8px 10px;
    line-height: 18px;
    font-size: 15px;
    font-weight: 700;
}

.main-header .sticky-header .main-menu .navigation > li.nav-icon-link > a {
    border-color: rgba(255, 255, 255, 0.18);
}

.main-header .sticky-header .nav-outer .mobile-nav-toggler {
    padding: 8px 12px;
}

.icon-search-box {
    display: none;
}

.mobile-menu {
    width: min(340px, calc(100vw - 16px));
    max-width: calc(100vw - 16px);
    right: -120%;
    padding-right: 0;
    background: rgba(0, 0, 0, 0.88);
    background-image: none;
    backdrop-filter: blur(10px);
    overflow-x: hidden;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: right 0.45s ease, opacity 0.3s ease, visibility 0.3s ease;
}

.mobile-menu .menu-box {
    top: 72px;
    bottom: 20px;
    background: transparent;
    align-items: flex-start;
    align-content: flex-start;
    overflow-x: hidden;
    z-index: 2;
}

.mobile-menu .navigation {
    display: flex;
    flex-wrap: wrap;
    align-content: flex-start;
    align-items: flex-start;
    justify-content: center;
    padding-top: 8px;
    overflow-x: hidden;
}

.mobile-menu .navigation li {
    width: 100%;
    border-bottom: 1px solid #ececec;
}

.mobile-menu .navigation li > a {
    color: #ffffff;
    padding: 12px 24px 12px 24px;
}

.mobile-menu .navigation li > a:before {
    display: none;
}

.mobile-menu .navigation li.dropdown .dropdown-btn {
    background: transparent;
    color: #ffffff;
}

.mobile-menu .navigation li.nav-icon-link {
    flex: 0 0 auto;
    width: auto;
    border-bottom: 0;
    margin: 16px 6px 12px;
    order: 20;
}

.mobile-menu .navigation li.nav-lang-switcher {
    flex: 0 0 100%;
    width: 100%;
    display: flex;
    justify-content: center;
    gap: 8px;
    border-bottom: 0;
    margin: 0 0 16px;
    align-self: stretch;
    order: -1;
}

.mobile-menu .navigation li.nav-icon-link > a {
    width: 42px;
    height: 42px;
    border-radius: 50%;
    border: 1px solid rgba(255, 255, 255, 0.18);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
}

.mobile-menu .navigation li.nav-icon-link + li.nav-icon-link {
    margin-left: 0;
}

.mobile-menu .navigation li.nav-lang-switcher .lang-btn {
    min-width: 42px;
    height: 42px;
    border-color: rgba(255, 255, 255, 0.18);
}

.mobile-menu .nav-logo {
    display: none;
    position: relative;
    z-index: 2;
}

.mobile-menu .nav-logo img {
    max-width: 128px;
    height: auto;
}

.mobile-menu .close-btn {
    top: 18px;
    right: 18px;
    width: 40px;
    height: 40px;
    line-height: 38px;
    border-radius: 50%;
    border: 1px solid rgba(255, 255, 255, 0.18);
    background: rgba(255, 255, 255, 0.06);
    color: #ffffff;
    z-index: 3;
    transform: none;
}

.mobile-menu .close-btn:hover {
    opacity: 1;
    background: rgba(255, 255, 255, 0.12);
}

.nav-overlay {
    display: block;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: opacity 0.3s ease, visibility 0.3s ease;
}

body.mobile-menu-visible,
.mobile-menu-visible {
    overflow: hidden;
}

body.mobile-menu-visible .mobile-menu,
.mobile-menu-visible .mobile-menu {
    right: 0;
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
}

body.mobile-menu-visible .nav-overlay,
.mobile-menu-visible .nav-overlay {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
}

.banner-section .content-box {
    padding: 112px 0 104px;
}

.features-two-section {
    padding: 55px 0 25px;
}

.about-tow-section {
    padding: 60px 0;
}

.about-two-title {
    padding-bottom: 15px;
}

.about-two-bottom-content {
    margin-bottom: 0;
}

.funfacts-one-section {
    padding: 65px 0 35px;
}

.main-service-one-section.two {
    padding: 60px 0;
}

.why-choose-two-section {
    padding: 60px 0 35px;
}

.why-choose-right-content {
    margin-left: 0;
    padding: 45px 30px 10px;
}

.most-trusted-skill {
    padding-left: 78px;
    margin-bottom: 28px;
}

.most-trusted-skill-icon {
    width: 60px;
    height: 60px;
    line-height: 60px;
}

.map-one-section {
    padding: 60px 0 40px;
}

.brand-one {
    padding: 50px 0;
}

.footer-section {
    padding: 60px 0 0;
}

.thm-section-title {
    margin-bottom: 30px;
}

/* Transparent desktop header */
.main-header {
    position: absolute;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.65);
}

.header_upper {
    background: transparent;
    border-bottom: 1px solid rgba(255, 255, 255, 0.18);
}

.main-header.fixed-header .header_upper {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 10000;
    background: rgba(0, 0, 0, 0.86);
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
    backdrop-filter: blur(10px);
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.24);
}

.main-header .nav-outer .nav-inner {
    background-color: transparent;
}

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

.main-menu .navigation > li:hover > a,
.main-menu .navigation > li.current > a {
    color: var(--thm-primary);
}

.sticky-header {
    background: rgba(0, 0, 0, 0.78);
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
    backdrop-filter: blur(10px);
}

.main-header .sticky-header .main-menu .navigation > li > a {
    color: #ffffff;
}

.sticky-header .outer-container {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 36px;
}

.about-two-sec-image-bg-2 {
    display: none;
}

.whatsapp-float {
    position: fixed;
    right: 22px;
    bottom: 118px;
    width: 58px;
    height: 58px;
    border-radius: 50%;
    background: #25d366;
    color: #ffffff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 30px;
    box-shadow: 0 14px 35px rgba(37, 211, 102, 0.32);
    z-index: 999;
    transition: transform 0.25s ease, box-shadow 0.25s ease;
}

.whatsapp-float:hover {
    color: #ffffff;
    transform: translateY(-3px);
    box-shadow: 0 18px 36px rgba(37, 211, 102, 0.38);
}

.footer-logo {
    margin-bottom: 18px;
}

.footer-logo img {
    max-width: 150px;
    height: auto;
}

.footer-widgets-row {
    align-items: flex-start;
}

.footer-widget-single {
    height: 100%;
}

.footer-widget-about,
.footer-widget-useful-links,
.footer-widget-contact {
    margin-right: 0;
    padding-right: 12px;
}

.footer-widget-useful-links,
.footer-widget-contact {
    padding-top: 68px;
}

.footer-widget-title {
    margin-top: 6px;
}

.footer-bottom a {
    color: var(--thm-primary);
}

.footer-bottom a:hover {
    color: #ffffff;
}

.scroll-to-top {
    bottom: 42px;
}

.hero-scroll-indicator {
    position: absolute;
    left: 50%;
    bottom: 30px;
    transform: translateX(-50%);
    display: flex;
    flex-direction: column;
    align-items: center;
    color: #ffffff;
    z-index: 5;
    text-transform: uppercase;
    letter-spacing: 2px;
    font-size: 11px;
    font-weight: 700;
}

.hero-scroll-mouse {
    width: 30px;
    height: 50px;
    border: 2px solid rgba(255, 255, 255, 0.9);
    border-radius: 20px;
    display: flex;
    justify-content: center;
    padding-top: 8px;
}

.hero-scroll-mouse span {
    width: 4px;
    height: 11px;
    border-radius: 10px;
    background: #ffffff;
    animation: heroScrollPulse 1.6s infinite;
}

.hero-scroll-text {
    margin-top: 10px;
}

.banner-copy {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 50%;
    z-index: 2;
    width: min(1320px, calc(100% - 48px));
    display: flex;
    align-items: center;
    justify-content: center;
    transform: translateX(-50%);
    text-align: center;
}

.banner-copy-inner {
    width: 100%;
    max-width: 980px;
    margin: 0 auto;
}

.banner-copy-title {
    margin: 0;
    color: rgba(255, 255, 255, 0.58);
    font-size: clamp(22px, 2.8vw, 38px);
    line-height: 1.12;
    font-weight: 700;
    letter-spacing: -0.025em;
    white-space: nowrap;
    text-shadow: 0 14px 32px rgba(0, 0, 0, 0.26);
}

.banner-section {
    position: relative;
    overflow: hidden;
    min-height: 100vh;
    height: 100vh;
}

.banner-video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: 0;
}

.banner-video-overlay {
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.18) 0%, rgba(0, 0, 0, 0.42) 100%);
    z-index: 1;
}

@keyframes heroScrollPulse {
    0% {
        opacity: 1;
        transform: translateY(0);
    }
    100% {
        opacity: 0;
        transform: translateY(14px);
    }
}

.service-list-row {
    row-gap: 18px;
}

.service-list-card {
    display: block;
    height: 100%;
    border-radius: 14px;
    overflow: hidden;
    background: #0e0e0e;
    border: 1px solid #1f1f1f;
}

.service-list-card .main-service-one-sec-img {
    max-width: 100%;
}

.service-list-card .main-service-one-sec-img img {
    height: 235px;
    width: 100%;
    object-fit: cover;
    border-radius: 0;
}

.service-list-card .main-service-one-sec-content {
    padding: 28px 32px;
    box-shadow: none;
    border: 0;
    border-radius: 0;
    background: transparent;
}

.service-list-card .main-service-one-icon {
    font-size: 44px;
    line-height: 1;
    margin-bottom: 16px;
}

.service-list-card .main-service-one-sec-content h3 {
    margin-top: 0;
}

.partner-marquee {
    position: relative;
    overflow: hidden;
}

.partner-track {
    display: flex;
    align-items: center;
    gap: 22px;
    width: max-content;
    animation: partnerMarquee 28s linear infinite;
}

.partner-marquee:hover .partner-track {
    animation-play-state: paused;
}

.partner-logo-card {
    width: 220px;
    min-width: 220px;
    height: 116px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px 18px;
    border-radius: 0;
    background: transparent;
    border: 0;
    cursor: pointer;
}

.partner-logo-card img {
    max-width: 100%;
    max-height: 48px;
    filter: grayscale(1) brightness(1.6);
    opacity: 0.68;
    transition: filter 0.25s ease, opacity 0.25s ease, transform 0.25s ease;
}

.partner-logo-card:hover img {
    filter: grayscale(0) brightness(1);
    opacity: 1;
    transform: scale(1.04);
}

.partner-fallback {
    display: none;
    align-items: center;
    justify-content: center;
    width: 100%;
    text-align: center;
    font-size: 24px;
    line-height: 1.1;
    font-weight: 800;
    letter-spacing: 1px;
    color: #8a8f98;
    transition: color 0.25s ease, transform 0.25s ease;
}

.partner-logo-card:hover .partner-fallback {
    color: #ffffff;
    transform: scale(1.03);
}

.partner-marquee-overlay {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 90px;
    z-index: 2;
    pointer-events: none;
}

.partner-marquee-overlay-left {
    left: 0;
    background: linear-gradient(90deg, #000000 0%, rgba(0, 0, 0, 0) 100%);
}

.partner-marquee-overlay-right {
    right: 0;
    background: linear-gradient(270deg, #000000 0%, rgba(0, 0, 0, 0) 100%);
}

@keyframes partnerMarquee {
    0% {
        transform: translateX(0);
    }
    100% {
        transform: translateX(-50%);
    }
}

.map-wrapper {
    overflow: hidden;
    border-radius: 14px;
    box-shadow: 0 18px 40px rgba(18, 31, 46, 0.14);
}

.about-two-rich-text {
    max-width: 640px;
    font-size: 17px;
    line-height: 1.85;
}

.about-two-rich-text p {
    margin-bottom: 18px;
}

.about-two-rich-text p:last-child {
    margin-bottom: 0;
}

.about-tow-section.about-page .row {
    align-items: center;
}

.about-tow-section.about-page .about-two-left-content {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
}

.about-tow-section.about-page .about-two-sec-image {
    width: 100%;
    max-width: 560px;
    margin-top: 22px;
}

.about-tow-section.about-page .about-two-sec-image img {
    width: 100%;
    height: 560px;
    object-fit: cover;
    object-position: center center;
}

.map-one-section .container {
    max-width: 1280px;
}

.map-wide-layout {
    width: 100%;
}

.map-visual-shell {
    padding: 14px;
    border-radius: 24px;
    background: linear-gradient(180deg, rgba(255, 82, 3, 0.08), rgba(255, 82, 3, 0) 46%), #050505;
    border: 1px solid #171717;
    box-shadow: 0 20px 45px rgba(0, 0, 0, 0.28);
}

.map-visual-shell-wide {
    width: 100%;
}

.project-map-canvas {
    min-height: 430px;
    border-radius: 18px;
    overflow: hidden;
    background: #0a0a0a;
}

.project-map-canvas.leaflet-container {
    font-family: "Manrope", sans-serif;
    background: #0a0a0a;
}

.project-map-canvas .leaflet-tile {
    filter: saturate(0.92) contrast(1.02);
}

.project-map-canvas .leaflet-control-zoom a {
    width: 34px;
    height: 34px;
    line-height: 32px;
    background: rgba(9, 9, 9, 0.92);
    border-color: rgba(255, 255, 255, 0.12);
    color: #ffffff;
}

.project-map-canvas .leaflet-control-zoom a:hover {
    background: #111111;
    color: #ff5203;
}

.project-map-canvas .leaflet-control-attribution {
    background: rgba(9, 9, 9, 0.88);
    color: rgba(255, 255, 255, 0.72);
}

.project-map-canvas .leaflet-control-attribution a {
    color: #ff9c70;
}

.map-company-note {
    max-width: 760px;
    margin: 24px auto 0;
    padding: 18px 28px;
    border-radius: 20px;
    background: linear-gradient(135deg, rgba(255, 82, 3, 0.18), rgba(255, 82, 3, 0) 58%), #050505;
    border: 1px solid rgba(255, 255, 255, 0.08);
    box-shadow: 0 18px 38px rgba(0, 0, 0, 0.18);
}

.map-company-note p {
    margin: 0;
    font-size: 18px;
    font-weight: 700;
    line-height: 30px;
    color: #ffffff;
}

.map-company-note p + p {
    margin-top: 6px;
    padding-top: 6px;
    border-top: 1px solid rgba(255, 255, 255, 0.12);
}

@media (max-width: 767px) {
    .map-company-note {
        padding: 16px 18px;
    }

    .map-company-note p {
        font-size: 16px;
        line-height: 26px;
    }
}

.project-map-marker-wrapper {
    background: transparent;
    border: 0;
}

.project-map-marker {
    position: relative;
    display: block;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    background: #ff5203;
    border: 2px solid #ffd4c1;
    box-shadow: 0 0 0 6px rgba(255, 82, 3, 0.16);
}

.project-map-marker::before,
.project-map-marker::after {
    content: "";
    position: absolute;
    inset: -2px;
    border-radius: 50%;
    border: 2px solid rgba(255, 82, 3, 0.55);
    animation: projectMapPulse 1.8s ease-out infinite;
}

.project-map-marker::after {
    animation-delay: 0.6s;
}

@keyframes projectMapPulse {
    0% {
        transform: scale(1);
        opacity: 0.9;
    }
    100% {
        transform: scale(2.7);
        opacity: 0;
    }
}

.project-map-popup {
    display: flex;
    flex-direction: column;
    gap: 4px;
    min-width: 180px;
}

.project-map-popup strong {
    color: #ffffff;
    font-size: 15px;
    font-weight: 800;
    line-height: 1.3;
}

.project-map-popup span {
    color: #d0d0d0;
    font-size: 12px;
    line-height: 1.5;
}

.leaflet-popup-content-wrapper,
.leaflet-popup-tip {
    background: rgba(10, 10, 10, 0.96);
    color: #ffffff;
    border: 1px solid rgba(255, 255, 255, 0.08);
}

.leaflet-popup-content {
    margin: 12px 14px;
}

.leaflet-container a.leaflet-popup-close-button {
    color: rgba(255, 255, 255, 0.72);
}

.leaflet-container a.leaflet-popup-close-button:hover {
    color: #ff5203;
}

.features-two-sec-single,
.funfacts-one-single,
.main-service-one-sec-single,
.most-trusted-skill,
.partner-logo-card {
    cursor: pointer;
}

/* Dark theme test */
body,
.wrapper_box,
.features-two-section,
.about-tow-section,
.main-service-one-section.two,
.why-choose-two-section,
.map-one-section,
.brand-one,
.funfacts-one-section,
.footer-section {
    background: #000000;
}

html,
body,
.wrapper_box,
.page-wrapper,
.banner-section,
.partner-one-section {
    max-width: 100%;
    overflow-x: hidden;
}

.features-two-section,
.about-tow-section,
.main-service-one-section.two,
.why-choose-two-section,
.map-one-section,
.brand-one,
.funfacts-one-section,
.footer-section {
    color: #c7c7c7;
}

.features-two-section .thm-section-title h2,
.about-tow-section .about-two-title h2,
.about-tow-section .about-two-bottom-content h3,
.about-tow-section .about-two-bottom-content h4,
.main-service-one-section .thm-section-title h2,
.main-service-one-sec-content h3,
.why-choose-two-section .thm-section-title h2,
.most-trusted-text h3,
.map-one-section .thm-section-title h2,
.brand-one .thm-section-title h2 {
    color: #ffffff;
}

.about-two-title-text,
.main-service-one-sec-content p,
.most-trusted-text p,
.features-two-sec-single p {
    color: #a8a8a8;
}

.features-two-sec-single,
.funfacts-one-single,
.why-choose-right-content,
.partner-logo-card {
    box-shadow: none;
}

.features-two-section {
    border-top: 1px solid #141414;
}

.features-two-sec-icon {
    background: rgba(255, 82, 3, 0.12);
}

.features-two-sec-icon span {
    color: var(--thm-primary);
}

.about-two-sec-image:before {
    background: rgba(255, 82, 3, 0.85);
}

.why-choose-right-content {
    background: #0d0d0d;
}

.most-trusted-skill-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    background: transparent;
    box-shadow: none;
    transition: transform 0.25s ease;
}

.most-trusted-skill:hover .most-trusted-skill-icon {
    transform: scale(1.14);
}

.country-flag {
    display: block;
    width: 28px;
    height: 28px;
    border-radius: 50%;
    font-size: 0;
    line-height: 0;
    box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.04);
}

.country-flag-cz {
    background:
        linear-gradient(135deg, #11457e 0 50%, transparent 50% 100%),
        linear-gradient(#ffffff 0 50%, #d7141a 50% 100%);
}

.country-flag-de {
    background: linear-gradient(#000000 0 33.333%, #dd0000 33.333% 66.666%, #ffce00 66.666% 100%);
}

.main-menu .navigation > li.nav-lang-switcher,
.sticky-header .main-menu .navigation > li.nav-lang-switcher {
    margin-left: auto;
    padding-left: 32px;
    display: flex;
    align-items: center;
    gap: 10px;
}

.lang-btn {
    min-width: 46px;
    height: 40px;
    padding: 0 12px 0 9px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
}

.lang-btn::before {
    content: "";
    width: 16px;
    height: 16px;
    flex: 0 0 16px;
    border-radius: 50%;
    box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.14);
    background: #ffffff;
}

.lang-btn.flag-en::before {
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 60 60'%3E%3Crect width='60' height='60' fill='%23012169'/%3E%3Cpath d='M0 0L60 60M60 0L0 60' stroke='%23FFFFFF' stroke-width='14'/%3E%3Cpath d='M0 0L60 60M60 0L0 60' stroke='%23C8102E' stroke-width='8'/%3E%3Cpath d='M30 0V60M0 30H60' stroke='%23FFFFFF' stroke-width='18'/%3E%3Cpath d='M30 0V60M0 30H60' stroke='%23C8102E' stroke-width='10'/%3E%3C/svg%3E") center/cover no-repeat;
}

.lang-btn.flag-de::before {
    background: linear-gradient(#000000 0 33.333%, #dd0000 33.333% 66.666%, #ffce00 66.666% 100%);
}

.lang-btn.flag-cs::before {
    background:
        linear-gradient(135deg, #11457e 0 50%, transparent 50% 100%),
        linear-gradient(#ffffff 0 50%, #d7141a 50% 100%);
}

.lang-btn:hover::before,
.lang-btn.active::before {
    box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.24);
}

.features-two-sec-single,
.features-two-sec-single.active {
    background: #050505;
    border: 1px solid #171717;
}

.features-two-sec-single h3,
.features-two-sec-single.active h3 {
    color: #ffffff;
}

.features-two-sec-single p,
.features-two-sec-single.active p {
    color: #b5b5b5;
}

.features-two-sec-icon {
    background: rgba(255, 82, 3, 0.14);
    transition: transform 0.25s ease, background 0.25s ease;
}

.features-two-sec-single:hover .features-two-sec-icon {
    transform: scale(1.12);
}

.features-two-sec-single:hover {
    border-color: rgba(255, 82, 3, 0.34);
}

.funfacts-one-single {
    background: #050505;
    border: 1px solid #171717;
    box-shadow: none;
}

.funfacts-one-single .icon {
    position: relative;
    background: transparent;
    box-shadow: none;
    transition: transform 0.25s ease, background 0.25s ease;
}

.funfacts-one-single .icon::before {
    content: "";
    position: absolute;
    inset: -10px;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(255, 82, 3, 0.28) 0%, rgba(255, 82, 3, 0.12) 38%, rgba(255, 82, 3, 0) 72%);
    opacity: 0;
    transform: scale(0.82);
    transition: opacity 0.25s ease, transform 0.25s ease;
    pointer-events: none;
}

.funfacts-one-single .icon span,
.funfacts-one-single .content h2,
.funfacts-one-single .content h2 span,
.funfacts-one-single .content p {
    color: #ffffff;
}

.funfacts-one-single:hover {
    border-color: rgba(255, 82, 3, 0.34);
}

.funfacts-one-single:hover .icon {
    transform: scale(1.12);
}

.funfacts-one-single:hover .icon::before {
    opacity: 1;
    transform: scale(1);
}

.sticky-header .outer-container {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 36px;
}

.sticky-header .header-column:first-child {
    flex: 0 0 auto;
}

.sticky-header .header-column:last-child {
    flex: 1 1 auto;
    display: flex;
    align-items: center;
}

.sticky-header .nav-outer,
.sticky-header .nav-outer .main-menu,
.sticky-header .nav-outer .navbar-collapse,
.sticky-header .main-menu .navigation {
    display: flex !important;
    align-items: center;
    width: 100%;
}

.sticky-header .nav-outer,
.sticky-header .main-menu .navigation {
    justify-content: flex-start;
}

.mobile-menu .navigation li.nav-lang-switcher {
    margin: 0 0 12px auto;
}

.mobile-menu .navigation li.nav-lang-switcher .lang-btn {
    min-width: 46px;
}

.map-wrapper {
    box-shadow: 0 20px 45px rgba(0, 0, 0, 0.35);
}

.banner-slider-nav .banner-slider-control {
    background: rgba(0, 0, 0, 0.45);
    border: 1px solid rgba(255, 255, 255, 0.18);
}

.main-menu .navigation > li:hover > a,
.main-menu .navigation > li > a:hover,
.main-menu .navigation > li.current > a,
.main-menu .navigation > li.current-menu-item > a,
.main-header .sticky-header .main-menu .navigation > li:hover > a,
.main-header .sticky-header .main-menu .navigation > li > a:hover,
.main-header .sticky-header .main-menu .navigation > li.current > a,
.main-header .sticky-header .main-menu .navigation > li.current-menu-item > a {
    color: #ff5203 !important;
    opacity: 1 !important;
    text-shadow: none;
}

@media only screen and (max-width: 991px) {
    .banner-copy {
        width: calc(100% - 32px);
        align-items: center;
        padding-bottom: 0;
    }

    .banner-copy-inner {
        max-width: 100%;
    }

    .banner-copy-title {
        font-size: 22px;
        line-height: 1.16;
    }

    .country-flag {
        width: 24px;
        height: 24px;
    }

    .project-map-canvas {
        min-height: 360px;
    }

    .about-tow-section.about-page .about-two-left-content {
        justify-content: flex-start;
    }

    .about-tow-section.about-page .about-two-sec-image {
        max-width: 100%;
        margin-top: 10px;
    }

    .about-tow-section.about-page .about-two-sec-image img {
        height: 460px;
    }
}

@media only screen and (max-width: 767px) {
    .banner-copy {
        width: calc(100% - 24px);
        align-items: center;
        padding-bottom: 0;
    }

    .banner-copy-title {
        font-size: 18px;
        line-height: 1.16;
        white-space: normal;
    }

    .about-two-rich-text {
        font-size: 15px;
        line-height: 1.75;
    }

    .about-tow-section.about-page .about-two-sec-image {
        margin-top: 0;
    }

.about-tow-section.about-page .about-two-sec-image img {
        height: 320px;
    }

    .project-map-canvas {
        min-height: 300px;
    }

    .footer-widget-about,
    .footer-widget-useful-links,
    .footer-widget-contact {
        padding-right: 0;
    }

    .footer-widget-useful-links,
    .footer-widget-contact {
        padding-top: 0;
    }
}

@media only screen and (min-width: 1200px) {
    .main-header .auto-container,
    .sticky-header .auto-container {
        max-width: none;
        padding-left: 18px;
        padding-right: 18px;
    }

    .header_upper_inner {
        display: grid;
        grid-template-columns: auto minmax(0, 1fr);
        column-gap: 28px;
        min-height: 96px;
        padding: 0;
    }

    .header_upper_one_box {
        position: static;
        transform: none;
        flex: 0 0 auto;
        padding-left: 12px;
        margin-right: 0;
        z-index: 2;
    }

    .header_upper_two_box.one {
        display: flex;
        align-items: center;
        justify-content: flex-end;
        min-width: 0;
        padding-right: 0;
    }

    .header_upper .logo img {
        height: 80px;
        transform: scale(1.02);
    }

    .main-header .nav-outer,
    .main-header .nav-outer .nav-inner,
    .main-header .main-menu,
    .main-header .main-menu .navbar-collapse,
    .sticky-header .header-column:last-child,
    .sticky-header .nav-outer,
    .sticky-header .nav-outer .nav-inner,
    .sticky-header .nav-outer .main-menu,
    .sticky-header .nav-outer .navbar-collapse {
        display: flex;
        align-items: center;
        width: 100%;
        justify-content: flex-end;
    }

    .main-menu .navigation,
    .sticky-header .main-menu .navigation {
        width: auto;
        margin-left: auto;
        flex-wrap: nowrap;
        gap: 0 18px;
        justify-content: flex-end;
        transform: none;
    }

    .main-menu .navigation > li,
    .main-header .sticky-header .main-menu .navigation > li {
        flex: 0 0 auto;
        margin-right: 0;
        padding: 6px 0;
    }

    .main-menu .navigation > li > a,
    .main-header .sticky-header .main-menu .navigation > li > a {
        font-size: 17px;
        line-height: 20px;
    }

    .main-menu .navigation > li.nav-icon-link,
    .main-header .sticky-header .main-menu .navigation > li.nav-icon-link {
        margin-right: 0;
    }

    .main-menu .navigation > li:not(.nav-icon-link) + li.nav-icon-link,
    .main-header .sticky-header .main-menu .navigation > li:not(.nav-icon-link) + li.nav-icon-link {
        margin-left: 22px;
    }

    .main-menu .navigation > li.nav-lang-switcher,
    .sticky-header .main-menu .navigation > li.nav-lang-switcher {
        margin-left: 0;
        padding-left: 22px;
        gap: 10px;
    }

    .lang-btn {
        min-width: 48px;
        height: 42px;
        padding: 0 12px 0 9px;
        font-size: 13px;
    }

    .lang-btn::before {
        width: 18px;
        height: 18px;
        flex-basis: 18px;
    }

    .main-menu .navigation > li.nav-icon-link > a,
    .main-header .sticky-header .main-menu .navigation > li.nav-icon-link > a {
        width: 42px;
        height: 42px;
        font-size: 16px;
    }

    .sticky-header .outer-container {
        display: grid;
        grid-template-columns: auto minmax(0, 1fr);
        align-items: center;
        column-gap: 28px;
        min-height: 78px;
        padding: 0;
    }

    .sticky-header .header-column:first-child {
        position: static;
        transform: none;
        z-index: 2;
    }

    .sticky-header .logo img {
        height: 76px;
        transform: scale(1.02);
    }
}