/* Css For Arlet */

/************ TABLE OF CONTENTS ***************
1. Fonts
2. Reset
3. Global
4. Main Header/style-one/style-two
5. Main Slider/style-one/style-two
6. Intro Section
7. Welcome Section
9. Cta Section
8. Research Fields
10. Testimonial Section
11. Researches Section
12. Team Section
14. Video
15. Fact Counter
16. News Section
19. Clients Section
20. Main Footer
21. Footer Bottom
22. Research Style Two
23. Innovative Solution
24. Discover Section
25. Testimonial Section
26. Chooseus Section
27. News Style Two
28. Page Title
29. Research Page Section
30. Research Details
31. Professor Page Section
32. Professor Details
33. About Section
34. Error Section
35. Blog Page Section
36. Blog Details
37. Blog Sidebar
38. Contact Section
39. Google Map


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



/*** 

====================================================================
  Reset
====================================================================

 ***/
* {
  margin:0px;
  padding:0px;
  border:none;
  outline:none;
}


/*** 

====================================================================
  Global Settings
====================================================================

 ***/


:root{
  --theme-color: #5EEAD4;
  --secondary-color: #020617;
  --text-color: #CBD5E1;
  --title-color: #fff;
  --text-font: 'Tenor Sans', sans-serif;
  --title-font: 'Inter', sans-serif;
}





body {
  font-size:16px;
  color: var(--text-color);
  line-height:26px;
  font-weight:400;
  background:#020617;
  font-family: var(--text-font);
  background-size:cover;
  background-repeat:no-repeat;
  background-position:center top;
  -webkit-font-smoothing: antialiased;
}

  @media (min-width:1200px) {
  .container {
    max-width: 1200px;
    padding: 0px 15px;
  }
}

.large-container{
  max-width: 1550px;
  padding: 0px 15px;
  margin: 0 auto;
}

.container-fluid{
  padding: 0px;
}

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

.small-container{
  max-width:680px;
  margin:0 auto;
}

.boxed_wrapper{
  position: relative;
  margin: 0 auto;
  overflow: hidden !important;
  width: 100%;
  min-width: 300px;
}


a{
  text-decoration:none;
  transition:all 500ms ease;
  -moz-transition:all 500ms ease;
  -webkit-transition:all 500ms ease;
  -ms-transition:all 500ms ease;
  -o-transition:all 500ms ease;
}

a:hover{
  text-decoration:none;
  outline:none;
}

input,button,select,textarea{
  font-family: var(--text-font);
  font-weight: 400;
  font-size: 18px;
  background: transparent;
}

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

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

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

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

input{
  transition: all 500ms ease;
}

button:focus,
input:focus,
textarea:focus{
  outline: none;
  box-shadow: none;
  transition: all 500ms ease;
}

p{
  position: relative;
  font-family: var(--text-font);
  color: var(--text-color);
  font-weight: 400;
  margin: 0px;
  transition: all 500ms ease;
}

h1,h2,h3,h4,h5,h6{
  position:relative;
  font-family: var(--title-font);
  font-weight: 700;
  color: var(--title-color);
  margin: 0px;
  transition: all 500ms ease;
}

/* Preloader */

.handle-preloader {
  align-items: center;
  -webkit-align-items: center;
  display: flex;
  display: -ms-flexbox;
  height: 100%;
  justify-content: center;
  -webkit-justify-content: center;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  z-index: 9999999;
  background: #020617;
}

.preloader-close{
  position: fixed;
  z-index: 99999999;
  font-size: 14px;
  background: #fff;
  color: red;
  width: 40px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  border-radius: 50%;
  cursor: pointer;
  right: 30px;
  top: 30px;
  font-weight: 400;
}

.handle-preloader .animation-preloader {
  position: absolute;
  z-index: 100;
}

.handle-preloader .animation-preloader .spinner{
  animation: spinner 1s infinite linear;
  border-radius: 50%;
  height: 150px;
  margin: 0 auto 45px auto;
  width: 150px;
}

.handle-preloader .animation-preloader .txt-loading {
  text-align: center;
  user-select: none;
}

.handle-preloader .animation-preloader .txt-loading .letters-loading:before{
  animation: letters-loading 4s infinite;
  content: attr(data-text-preloader);
  left: 0;
  opacity: 0;
  top:0;
  position: absolute;
}

.handle-preloader .animation-preloader .txt-loading .letters-loading{
  font-family: var(--text-font);
  font-weight: 500;
  letter-spacing: 15px;
  display: inline-block;
  position: relative;
  font-size: 70px;
  line-height: 70px;
  text-transform: uppercase;
  color: transparent;
  -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: var(--theme-color);
}

.handle-preloader .animation-preloader .txt-loading .letters-loading:nth-child(2):before {animation-delay: 0.2s;}
.handle-preloader .animation-preloader .txt-loading .letters-loading:nth-child(3):before {animation-delay: 0.4s;}
.handle-preloader .animation-preloader .txt-loading .letters-loading:nth-child(4):before {animation-delay: 0.6s;}
.handle-preloader .animation-preloader .txt-loading .letters-loading:nth-child(5):before {animation-delay: 0.8s;}
.handle-preloader .animation-preloader .txt-loading .letters-loading:nth-child(6):before { animation-delay: 1s;}
.handle-preloader .animation-preloader .txt-loading .letters-loading:nth-child(7):before { animation-delay: 1.2s;}
.handle-preloader .animation-preloader .txt-loading .letters-loading:nth-child(8):before { animation-delay: 1.4s;}
.handle-preloader .loader-section {
  background-color: #ffffff;
  height: 100%;
  position: fixed;
  top: 0;
  width: calc(50% + 1px);
}

.preloader .loaded .animation-preloader {
  opacity: 0;
  transition: 0.3s ease-out;
}

.handle-preloader .animation-preloader .txt-loading .letters-loading:before{
  color: #ffffff;
}

.handle-preloader .animation-preloader .spinner{
  border: 3px solid var(--theme-color);
  border-top-color: rgba(255, 255, 255, 1); 
}

/* Animación del preloader */
@keyframes spinner {
  to {
    transform: rotateZ(360deg);
  }
}
@keyframes letters-loading {
  0%,
  75%,
  100% {
    opacity: 0;
    transform: rotateY(-90deg);
  }

  25%,
  50% {
    opacity: 1;
    transform: rotateY(0deg);
  }
}

@media screen and (max-width: 767px) {
  .handle-preloader .animation-preloader .spinner {
    height: 8em;
    width: 8em;
  }
}
@media screen and (max-width: 500px) {
  .handle-preloader .animation-preloader .spinner {
    height: 7em;
    width: 7em;
  }
  .handle-preloader .animation-preloader .txt-loading .letters-loading {font-size: 40px; letter-spacing: 10px;}
}


.centred{
  text-align: center;
}

.pull-left{
  float: left;
}

.pull-right{
  float: right;
}


figure{
  margin: 0px;
}

img {
  display: inline-block;
  max-width: 100%;
  height: auto;
  transition-delay: .1s;
  transition-timing-function: ease-in-out;
  transition-duration: .7s;
  transition-property: all;
}

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

/** button **/


.theme-btn{
  position: relative;
  display: inline-block;
  overflow: hidden;
  vertical-align: middle;
  font-size: 16px;
  line-height: 26px;
  font-family: var(--text-font);
  color: #CBD5E1;
  text-align: center;
  text-transform: uppercase;
  background: #0B1220;
  padding: 17px 34px;
  z-index: 1;
  transition: all 500ms ease;
}

.theme-btn span{
  position: relative;
  padding-right: 23px;
}

.theme-btn span:before{
  position: absolute;
  content: '\e901';
  font-family: 'icomoon';
  font-size: 14px;
  top: -3px;
  right: 0px;
  transition: all 500ms ease;
}

.theme-btn:hover{
  color: #fff !important;
}

.theme-btn:hover span:before{
  color: #fff;
}

.theme-btn:before{
  position: absolute;
  content: '';
  width: 10px;
  height: 10px;
  left: 0px;
  top: 0px;
  z-index: -1;
  transition: all 500ms ease;
}

.theme-btn:hover:before{
  width: 100%;
  height: 100%;
}

.theme-btn:after{
  position: absolute;
  content: '';
  width: 10px;
  height: 10px;
  left: 0px;
  top: 0px;
  background: #020617;
  opacity: 0;
  transition: all 500ms ease;
}

.theme-btn:hover:after{
  opacity: 1;
}

.parallax-bg{
  position: absolute;
  left: 0px;
  top: -30%;
  width: 100%;
  height: calc(100% + 30%);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}


/** styled-pagination */

.pagination{
  position: relative;
  display: block;
}

.pagination li{
  position: relative;
  display: inline-block;
  margin: 0px 3px;
}

.pagination li a{
  position: relative;
  display: inline-block;
  font-size: 14px;
  height: 50px;
  width: 50px;
  line-height: 50px;
  background: #0B1220;
  text-align: center;
  color: var(--text-color);
  border-radius: 50%;
  z-index: 1;
  transition: all 500ms ease;
}

.pagination li a:hover,
.pagination li a.current{
  color: #fff;
  background: var(--theme-color);
  border-color: var(--theme-color);
}

.sec-pad{
  padding: 142px 0px 150px 0px;
}

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

/** scroll-to-top **/

.scroll-to-top{
  position: fixed;
  right: 0px;
  bottom: 100px;
  transform: rotate(90deg);
  z-index: 99;
}

.scroll-to-top .visible {
  visibility: visible!important;
  opacity: 1!important;
}

.scroll-to-top .scroll-top-inner {
  opacity: 0;
  visibility: hidden;
}

.scroll-to-top .scroll-top-inner{
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-transition: all cubic-bezier(.4,0,.2,1) .4s;
  -o-transition: all cubic-bezier(.4,0,.2,1) .4s;
  transition: all cubic-bezier(.4,0,.2,1) .4s;
}

.scroll-to-top .scroll-bar {
  width: 50px;
  height: 2px;
  margin-right: 10px;
  position: relative;
}

.scroll-to-top .scroll-bar:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  background-color: #5EEAD4;
  opacity: .3;
}

.scroll-to-top .scroll-bar .bar-inner {
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  background-color: currentColor;
}

.scroll-to-top .scroll-bar-text{
  font-size: 14px;
  font-weight: 600;
  cursor: pointer;
  color: var(--theme-color);
  transition: all 500ms ease;
}

.light-home .scroll-to-top .scroll-bar-text{
  color: var(--secondary-color);
}

.scroll-to-top .scroll-bar-text:hover{
  transform: scale(1.1);
}



@-webkit-keyframes ripple {
  70% {
    -webkit-box-shadow: 0 0 0 30px rgba(255, 255, 255, 0);
            box-shadow: 0 0 0 30px rgba(255, 255, 255, 0);
  }
  100% {
    -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
            box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
  }
}
@keyframes ripple {
  70% {
    -webkit-box-shadow: 0 0 0 30px rgba(255, 255, 255, 0);
            box-shadow: 0 0 0 30px rgba(255, 255, 255, 0);
  }
  100% {
    -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
            box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
  }
}



.sec-title{
  position: relative;
  display: block;
}

.sec-title h2{
  position: relative;
  display: block;
  font-size: 52px;
  line-height: 60px;
}

.sec-title p{
  margin-top: 12px;
}

.sub-title{
  position: relative;
  display: inline-block;
  font-size: 16px;
  line-height: 26px;
  color: #CBD5E1;
  padding-left: 19px;
}

.sub-title:before{
  position: absolute;
  content: '';
  width: 10px;
  height: 10px;
  left: 0px;
  top: 7px;
  border-radius: 50%;
}



.boxed_wrapper.light-home{
  background: rgba(2, 2, 2, 1);
}





/*** 

====================================================================
                        Home-Page-One
====================================================================

***/


/** main-header **/

.main-header{
  position:relative;
  left:0px;
  top:0px;
  right: 0px;
  z-index:999;
  width:100%;
  transition:all 500ms ease;
  -moz-transition:all 500ms ease;
  -webkit-transition:all 500ms ease;
  -ms-transition:all 500ms ease;
  -o-transition:all 500ms ease;
}

.sticky-header{
  position:fixed;
  opacity:0;
  visibility:hidden;
  left:0px;
  top:0px;
  width:100%;
  z-index:0;
  background-color: #020617;
  border-bottom: 1px solid rgba(255, 255, 255, 0.10);
  transition:all 500ms ease;
  -moz-transition:all 500ms ease;
  -webkit-transition:all 500ms ease;
  -ms-transition:all 500ms ease;
  -o-transition:all 500ms ease;
}

.fixed-header .sticky-header{
  z-index:999;
  opacity:1;
  visibility:visible;
  -ms-animation-name: fadeInDown;
  -moz-animation-name: fadeInDown;
  -op-animation-name: fadeInDown;
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
  -ms-animation-duration: 500ms;
  -moz-animation-duration: 500ms;
  -op-animation-duration: 500ms;
  -webkit-animation-duration: 500ms;
  animation-duration: 500ms;
  -ms-animation-timing-function: linear;
  -moz-animation-timing-function: linear;
  -op-animation-timing-function: linear;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -ms-animation-iteration-count: 1;
  -moz-animation-iteration-count: 1;
  -op-animation-iteration-count: 1;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
}

/** main-header **/

.main-header{
  position: absolute;
  left: 0px;
  top: 18px;
  width: 100%;
}

.main-header .header-lower .outer-container{
  position: relative;
  padding: 0px 100px;
}

.main-header .outer-box{
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.main-header .outer-box .left-column{
  position: relative;
  display: flex;
  align-items: center;
}

.main-header .outer-box .left-column .logo-box{
  margin-right: 150px;
}

.main-header .menu-right-content{
  position: relative;
  display: flex;
  align-items: center;
}

.main-header .menu-right-content .search-box-outer{
  position: relative;
  display: inline-block;
  font-size: 24px;
  cursor: pointer;
  transition: all 500ms ease;
}

.main-header .menu-right-content .search-box-outer:hover{
  color: #fff;
}

.main-header .menu-right-content .btn-box a{

}

.main-header .nav-btn{
  position: relative;
  display: inline-block;
  cursor: pointer;
}

.main-header .nav-btn img{
  position: relative;
  filter: grayscale(100%);
  opacity: 0.5;
  transition: all 500ms ease;
}

.main-header .nav-btn:hover img{
  filter: grayscale(0%);
  opacity: 1;
}

/** main-menu **/

.main-menu{
  float: left;
}

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

.main-menu .navigation{
  margin:0px;
}

.main-menu .navigation > li{
  position:inherit;
  float:left;
  z-index:2;
  margin: 0px 25px;
  -webkit-transition:all 300ms ease;
  -moz-transition:all 300ms ease;
  -ms-transition:all 300ms ease;
  -o-transition:all 300ms ease;
  transition:all 300ms ease;
}

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

.main-menu .navigation > li:first-child{
  margin-left: 0px !important;
}

.main-menu .navigation > li > a{
  position:relative;
  display:block;
  text-align:center;
  font-size:16px;
  line-height:26px;
  padding: 30px 0px;
  font-weight:500;
  opacity:1;
  color: #fff;
  z-index:1;
  text-transform: capitalize;
  -webkit-transition:all 500ms ease;
  -moz-transition:all 500ms ease;
  -ms-transition:all 500ms ease;
  -o-transition:all 500ms ease;
  transition:all 500ms ease;
}

.main-menu .navigation > li.current > a,
.main-menu .navigation > li:hover > a{
  
}

.main-menu .navigation > li > ul,
.main-menu .navigation > li > .megamenu{
  position:absolute;
  left: inherit;
  top:100%;
  width:250px;
  margin-top: 15px;
  z-index:100;
  display:none;
  opacity: 0;
  visibility: hidden;
  border-radius: 0px;
  box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.10);
  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.from-right{
  left:auto;
  right:0px;  
}

.main-menu .navigation > li > ul > li{
  position:relative;
  width:100%;
}

.main-menu .navigation > li > ul > li > a,
.main-menu .navigation > li > .megamenu li > a{
  position:relative;
  display:block;
  padding: 10px 25px;
  line-height:30px;
  font-size:16px;
  text-transform:capitalize;
  font-family: var(--title-font);
  color:#fff;
  text-align: left;
  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 > a{
  border-bottom: 1px solid rgba(255,255,255,0.1);
}

.main-menu .navigation > li > .megamenu li > a{
  padding-left: 0px;
}

.main-menu .navigation > li > .megamenu h4{
  display: block;
  font-size: 20px;
  line-height: 30px;
  color: #ffffff;
}

.main-menu .navigation > li > ul > li > a:hover,
.main-menu .navigation > li > .megamenu li > a:hover{
  padding-left: 35px;
}

.main-menu .navigation > li > ul > li:last-child > a,
.main-menu .navigation > li > .megamenu li:last-child > a{
  border-bottom: none;
}

.main-menu .navigation > li > ul > li.dropdown > a:after{
  font-family: 'Font Awesome 6 Free';
  content: "\f105";
  position:absolute;
  right:20px;
  top:10px;
  display:block;
  line-height:24px;
  font-size:16px;
  font-weight:800;
  text-align:center;
  z-index:5;  
}

.main-menu .navigation > li > ul > li > ul{
  position:absolute;
  left:100%;
  top:0%;
  margin-top: 15px;
  width:250px;
  z-index:100;
  display:none;
  border-radius: 0px;
  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 > ul.from-right{
  left:auto;
  right:0px;  
}

.main-menu .navigation > li > ul > li > ul > li{
  position:relative;
  width:100%;
}

.main-menu .navigation > li > ul > li > ul > li:last-child{
  border-bottom:none; 
}

.main-menu .navigation > li > ul > li > ul > li > a{
  position:relative;
  display:block;
  padding:10px 25px;
  line-height:24px;
  font-weight:500;
  font-size:16px;
  text-transform:capitalize;
  color:#fff;
  border-bottom: 1px solid rgba(255,255,255,0.1);
  text-align: left;
  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 > ul > li:last-child > a{
  border-bottom: none;
}

.main-menu .navigation > li > ul > li > ul > li > a:hover{
  padding-left: 35px;
}

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

.main-menu .navigation > li.dropdown:hover > ul,
.main-menu .navigation > li.dropdown:hover > .megamenu{
  visibility:visible;
  opacity:1;
  margin-top: 0px;
  top: 100%;
}

.main-menu .navigation li > ul > li.dropdown:hover > ul{
  visibility:visible;
  opacity:1;
  top: 0%; 
  margin-top: 0px;
}

.main-menu .navigation li.dropdown .dropdown-btn{
  position:absolute;
  right:-32px;
  top:66px;
  width:34px;
  height:30px;
  text-align:center;
  font-size:18px;
  line-height:26px;
  color:#3b3b3b;
  cursor:pointer;
  display: none;
  z-index:5;
  transition: all 500ms ease;
}

.main-menu .navigation li.current.dropdown .dropdown-btn,
.main-menu .navigation li:hover .dropdown-btn{
  
}

.main-menu .navigation li.dropdown ul li.dropdown .dropdown-btn{
  display: none;
}

.menu-area .mobile-nav-toggler {
  position: relative;
  float: right;
  font-size: 40px;
  line-height: 50px;
  cursor: pointer;
  background: var(--theme-color);
  display: none;
}

.mobile-menu .nav-logo img{
  max-width: 160px;
}

.menu-area .mobile-nav-toggler .icon-bar{
  position: relative;
  height: 2px;
  width: 30px;
  display: block;
  margin-bottom: 5px;
  background-color: #fff;
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
}

.menu-area .mobile-nav-toggler .icon-bar:last-child{
  margin-bottom: 0px;
}


/** megamenu-style **/

.main-menu .navigation > li.dropdown > .megamenu{
  position: absolute;
  width: 100%;
  padding: 30px 50px;
  left: 0px;
}

.main-menu .navigation li.dropdown .megamenu li h4{
  margin-bottom: 10px;
}


/** mobile-menu **/

.nav-outer .mobile-nav-toggler{
  position: relative;
  float: right;
  font-size: 40px;
  line-height: 50px;
  cursor: pointer;
  color:#3786ff;
  display: none;
}

.mobile-menu{
  position: fixed;
  right: 0;
  top: 0;
  width: 300px;
  padding-right:30px;
  max-width:100%;
  height: 100%;
  opacity: 0;
  visibility: hidden;
  z-index: 999999;
  transition: all 900ms ease;
}

.mobile-menu .navbar-collapse{
  display:block !important; 
}

.mobile-menu .nav-logo{
  position:relative;
  padding:50px 25px;
  text-align:left;  
  padding-bottom: 100px;
}

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

.mobile-menu-visible .mobile-menu{
  opacity: 1;
  visibility: visible;
}

.mobile-menu .menu-backdrop{
  position: fixed;
  left: 0%;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  transition: all 900ms ease;
  background-color: #000;
}

.mobile-menu-visible .mobile-menu .menu-backdrop{
  opacity: 0.70;
  visibility: visible;
  right: 100%;
  -webkit-transition: all .8s ease-out 0s;
  -o-transition: all .8s ease-out 0s
}

.mobile-menu .menu-box{
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  max-height: 100%;
  overflow-y: auto;
  background: #141417;
  padding: 0px 0px;
  z-index: 5;
  opacity: 0;
  visibility: hidden;
  border-radius: 0px;
  -webkit-transform: translateX(100%);
  -ms-transform: translateX(100%);
  transform: translateX(100%);
  transition: all 900ms ease !important;
}

.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: 25px;
  top: 10px;
  line-height: 30px;
  width: 24px;
  text-align: center;
  font-size: 18px;
  color: #ffffff;
  cursor: pointer;
  z-index: 10;
  -webkit-transition:all 0.9s ease;
  -moz-transition:all 0.9s ease;
  -ms-transition:all 0.9s ease;
  -o-transition:all 0.9s ease;
  transition:all 0.9s ease;
}

.mobile-menu-visible .mobile-menu .close-btn{
  -webkit-transform:rotate(360deg);
  -ms-transform:rotate(360deg);
  transform:rotate(360deg);
}

.mobile-menu .close-btn:hover{
  -webkit-transform:rotate(90deg);
  -ms-transform:rotate(90deg);
  transform:rotate(90deg);
}

.mobile-menu .navigation{
  position: relative;
  display: block;
  width: 100%;
  float: none;
}

.mobile-menu .navigation li{
  position: relative;
  display: block;
  border-top: 1px solid rgba(255,255,255,0.10);
}

.mobile-menu .navigation:last-child{
  border-bottom: 1px solid rgba(255,255,255,0.10);
}

.mobile-menu .navigation li > ul > li:first-child{
  border-top: 1px solid rgba(255,255,255,0.10);
}

.mobile-menu .navigation li > a{
  position: relative;
  display: block;
  line-height: 24px;
  padding: 10px 25px;
  font-size: 15px;
  font-weight: 500;
  color: #ffffff;
  text-transform: uppercase;
  -webkit-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease; 
}

.mobile-menu .navigation li ul li > a{
  font-size: 16px;
  margin-left: 20px;
  text-transform: capitalize;
}

.mobile-menu .navigation li > a:before{
  content:'';
  position:absolute;
  left:0;
  top:0;
  height:0;
  border-left:5px solid #fff;
  -webkit-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease; 
}

.mobile-menu .navigation li.current > a:before{
  height:100%;
}

.mobile-menu .navigation li.dropdown .dropdown-btn{
  position:absolute;
  right:6px;
  top:6px;
  width:32px;
  height:32px;
  text-align:center;
  font-size:16px;
  line-height:32px;
  color:#ffffff;
  background:rgba(255,255,255,0.10);
  cursor:pointer;
  border-radius:2px;
  -webkit-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease; 
  z-index:5;
}

.mobile-menu .navigation li.dropdown .dropdown-btn.open{
  color: #ffffff;
  -webkit-transform:rotate(90deg);
  -ms-transform:rotate(90deg);
  transform:rotate(90deg);  
}

.mobile-menu .navigation li > ul,
.mobile-menu .navigation li > ul > li > ul,
.mobile-menu .navigation > li.dropdown > .megamenu{
  display: none;
}

.mobile-menu .social-links{
  position:relative;
  padding:0px 25px;
}

.mobile-menu .social-links li{
  position:relative;
  display:inline-block;
  margin:0px 10px 10px;
}

.mobile-menu .social-links li a{
  position:relative;
  line-height:32px;
  font-size:16px;
  color:#ffffff;
  -webkit-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease; 
}

.mobile-menu .social-links li a:hover{
  
}

div#mCSB_1_container{
  top: 0px !important;
}

.mobile-menu .contact-info {
  position: relative;
  padding: 120px 30px 20px 30px;
}

.mobile-menu .contact-info h4 {
  position: relative;
  font-size: 20px;
  color: #ffffff;
  font-weight: 700;
  margin-bottom: 20px;
}

.mobile-menu .contact-info ul li {
  position: relative;
  display: block;
  font-size: 15px;
  color: rgba(255,255,255,0.80);
  margin-bottom: 3px;
}

.mobile-menu .contact-info ul li a{
  color: rgba(255,255,255,0.80);
}

.mobile-menu .contact-info ul li a:hover{
  
}

.mobile-menu .contact-info ul li:last-child{
  margin-bottom: 0px;
}

.main-header .outer-box{
  position: relative;
}

/*** Search Popup ***/

.search-popup {
  position: fixed;
  left: 0;
  top: 0px;
  width: 100%;
  height: 100%;
  z-index: 99999;
  visibility: hidden;
  opacity: 0;
  overflow: auto;
  background: rgba(0, 0, 0, 0.80);
  -webkit-transform: translateY(101%);
  -ms-transform: translateY(101%);
  transform: translateY(101%);
  transition: all 700ms ease;
  -moz-transition: all 700ms ease;
  -webkit-transition: all 700ms ease;
  -ms-transition: all 700ms ease;
  -o-transition: all 700ms ease;
}

.search-popup.popup-visible {
  -webkit-transform: translateY(0%);
  -ms-transform: translateY(0%);
  transform: translateY(0%);
  visibility: visible;
  opacity: 1;
}

.search-popup .popup-inner{
  width: 100%;
  background: #fff;
  height: 100%;
}

.search-popup .upper-box{
  position: relative;
  padding: 70px 70px;
  z-index: 99;
}

.search-popup .upper-box .logo-box{
  max-width: 182px;
}

.search-popup .overlay-layer {
  position: absolute;
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
  display: block;
}

.search-popup .close-search {
  position: relative;
  font-size: 25px;
  color: #141417;
  cursor: pointer;
  z-index: 5;
  top: 11px;
  transition: all 500ms ease;
}

.search-popup .close-search:hover {
  color: red;
}

.search-popup .search-form {
  position: relative;
  width: 100%;
  padding: 100px 0px 250px 0px;
}

.search-popup .search-form .form-group{
  position: relative;
  margin: 0px;
}

.search-popup .search-form fieldset input[type="search"] {
  position: relative;
  height: 90px;
  padding: 20px 0px;
  background: #ffffff;
  line-height: 30px;
  font-size: 20px;
  color: #808080;
  font-family: 'Poppins', sans-serif;
  border: none;
  font-weight: 400;
  border-radius: 0px;
  padding-right: 50px;
  border-bottom: 1px solid #e5e5e5;
}

.search-popup .search-form fieldset button[type="submit"] {
  position: absolute;
  top: 30px;
  right: 0px;
  font-size: 25px;
  color: #141417;
  cursor: pointer;
  transition: all 500ms ease;
}

.search-popup .search-form fieldset input[type="search"]:focus{
  border-color: #141417;
}

.search-popup .form-control:focus{
  box-shadow: none !important;
}


/** xs-sidebar **/

.xs-sidebar-group .xs-overlay{
  left:0%;
  top:0;
  position:fixed;
  height:100%;
  width:20%;
  transform: scaleX(0);
  transform-origin: left center;
  cursor:url(../images/icons/cross-out.webp),
  pointer; 
  z-index: 9999999;
  border-right: 1px solid rgba(255, 255, 255, 0.10);
  transition: transform .65s .3s cubic-bezier(0.7, 0, 0.2, 1);
}

.xs-sidebar-group.isActive .xs-overlay{
  transform: scaleX(1);
  transition-delay: .03s;
}

.xs-sidebar-group .xs-overlay-2{
  left: 20%;
  transition-delay: .06s;
}

.xs-sidebar-group .xs-overlay-3{
  left: 40%;
  transition-delay: .09s;
}

.xs-sidebar-group .xs-overlay-4{
  left: 60%;
  transition-delay: .12s;
}

.xs-sidebar-group .xs-overlay-5{
  left: 80%;
  transition-delay: .15s;
}

.xs-sidebar-group .widget-heading{
  position:absolute;
  top: 50px;
  right: 35px;
  z-index: 1;
}

.xs-sidebar-widget{
  position:fixed;
  right:-100%;
  top:0;
  bottom:0;
  width:100%;
  max-width:460px;
  z-index:999999999;
  height: 100%;
  -webkit-overflow-scrolling:touch;
  background-color:#fff;
  transition: all 900ms ease;
  visibility:hidden;
  opacity:0;
}

.xs-sidebar-group.isActive .xs-sidebar-widget{
  opacity:1;
  visibility:visible;
  right:0;
  -webkit-transition:all 0.7s cubic-bezier(0.9, 0.03, 0, 0.96) 0.6s;
  -o-transition:all 0.7s cubic-bezier(0.9, 0.03, 0, 0.96) 0.6s;
  transition:all 0.7s cubic-bezier(0.9, 0.03, 0, 0.96) 0.6s;
}

.sidebar-textwidget{
  padding: 50px 40px 50px 40px;
}

.xs-sidebar-group .close-side-widget{
  position: relative;
  display: inline-block;
  width: 40px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  border: 1px solid #0e132d;
  color: #0e132d;
  border-radius: 50%;
  font-weight: 400;
  font-size: 20px;
  transition: all 500ms ease;
}

.xs-sidebar-group .close-side-widget:hover{

}

.sidebar-widget-container{
  position:relative;
  opacity:0;
  visibility:hidden;
}

.xs-sidebar-group.isActive .sidebar-widget-container{
  opacity:1;
  visibility:visible;
}

.xs-bg-black{
  background-color:var(--secondary-color);
}

.xs-sidebar-group .logo{
  position: relative;
  display: block;
  padding-bottom: 25px;
  margin-bottom: 35px;
  border-bottom: 1px solid #e0e0e0;
}

.xs-sidebar-group h3{
  position: relative;
  display: block;
  font-size: 25px;
  line-height: 30px;
  font-weight: 700;
  margin-bottom: 28px;
  color: #222;
}

.xs-sidebar-group .content-inner .text{
  position: relative;
  display: block;
  font-size: 17px;
  line-height: 28px;
  margin-bottom: 35px;
}

.xs-sidebar-group .content-inner p{
  position: relative;
  display: block;
  font-size: 17px;
  line-height: 28px;
  font-family: 'Barlow', sans-serif;
  color: #444444;
  margin-bottom: 0px;
}

.xs-sidebar-group .content-inner .info-box{
  position: relative;
  display: block;
  margin-bottom: 48px;
}

.xs-sidebar-group .content-inner .info-box .info li{
  position: relative;
  display: block;
  font-size: 18px;
  line-height: 25px;
  font-family: 'Barlow', sans-serif;
  color: #444;
  padding-left: 47px;
  margin-bottom: 25px;
}

.xs-sidebar-group .content-inner .info-box .info li:last-child{
  margin-bottom: 0px !important;
}

.xs-sidebar-group .content-inner .info-box .info li .icon{
  position: absolute;
  left: 0px;
  top: 0px;
  font-size: 24px;
}

.xs-sidebar-group .content-inner .info-box .info li:first-child .icon{
  top: 7px;
}

.xs-sidebar-group .content-inner .info-box .info li:nth-child(3) .icon{
  left: 8px;
}

.xs-sidebar-group .subscribe-inner .form-group{
  position: relative;
  margin-bottom: 0px;
}

.xs-sidebar-group .subscribe-inner .form-group input[type="email"]{
  position: relative;
  display: block;
  width: 100%;
  height: 56px;
  border: 1px solid #e3dfdf;
  background: #f8f8f8;
  border-radius: 5px;
  padding: 10px 30px;
  font-size: 18px;
  font-family: 'Barlow', sans-serif;
  color: #444;
  margin-bottom: 30px;
  transition: all 500ms ease;
}

.xs-sidebar-group .subscribe-inner .form-group input:focus{
  
}

.xs-sidebar-group .content-inner .info-box .info li a{
  display: inline-block;
  color: #444;
}

.xs-sidebar-group .content-inner .info-box .info li a:hover{
  text-decoration: underline;
}

.owl-dots-none .owl-dots,
.owl-nav-none .owl-nav{
  display: none !important;
}

.owl-nav button{
  background: transparent;
}

.float-bob-y {
  animation-name: float-bob-y;
  animation-duration: 2s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
  -webkit-animation-name: float-bob-y;
  -webkit-animation-duration: 2s;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
  -moz-animation-name: float-bob-y;
  -moz-animation-duration: 2s;
  -moz-animation-iteration-count: infinite;
  -moz-animation-timing-function: linear;
  -ms-animation-name: float-bob-y;
  -ms-animation-duration: 2s;
  -ms-animation-iteration-count: infinite;
  -ms-animation-timing-function: linear;
  -o-animation-name: float-bob-y;
  -o-animation-duration: 2s;
  -o-animation-iteration-count: infinite;
  -o-animation-timing-function: linear;
}

.float-bob-x{
  animation-name: float-bob-x;
  animation-duration: 15s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
  -webkit-animation-name: float-bob-x;
  -webkit-animation-duration: 15s;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
  -moz-animation-name: float-bob-x;
  -moz-animation-duration: 15s;
  -moz-animation-iteration-count: infinite;
  -moz-animation-timing-function: linear;
  -ms-animation-name: float-bob-x;
  -ms-animation-duration: 15s;
  -ms-animation-iteration-count: infinite;
  -ms-animation-timing-function: linear;
  -o-animation-name: float-bob-x;
  -o-animation-duration: 15s;
  -o-animation-iteration-count: infinite;
  -o-animation-timing-function: linear;
}

.accordion-box .block .acc-content{
  display:none;
}

.accordion-box .block .acc-content.current{
  display:block;  
}

.default-form label{
  font-weight: 500;
  color: #fff;
}

.default-form input[type='text'],
.default-form input[type='email'],
.default-form input[type='tel'],
.default-form input[type='password'],
.default-form textarea{
  position: relative;
  width: 100%;
  height: 50px;
  background: #fff;
  font-size: 15px;
  color: var(--text-color);
  padding: 15px 20px;
  border-radius: 0px;
  background: transparent;
  border: 1px solid #0B1220;
  transition: all 500ms ease;
}

.default-form input:focus,
.default-form textarea:focus{
  border-color: #fff;
  color: #fff;
}

.shop-details .product-discription .comment-form textarea {
  height: 170px;
  resize: none;
}


.bootstrap-touchspin .input-group-btn-vertical > .btn.bootstrap-touchspin-down{
  position: absolute;
  background: transparent;
  padding: 0px 0px;
  left: -19px;
  top: 7px;
  border-radius: 0px;
  border: none !important;
  z-index: 1;
}

.bootstrap-touchspin .input-group-btn-vertical > .btn.bootstrap-touchspin-up{
  position: absolute;
  background: transparent;
  padding: 0px 0px;
  right: -23px;
  top: 6px;
  border: none !important;
  margin-top: 0px;
  border-radius: 0px;
  z-index: 1;
}

.bootstrap-touchspin .glyphicon-chevron-up:before {
  position: absolute;
  content: "+";
  font-size: 20px;
  font-family: var(--text-font);
  font-style: normal;
  color: #fff;
  font-weight: 400;
  right: 0px;
  top: 5px;
  transition: all 500ms ease;
}

.bootstrap-touchspin .glyphicon-chevron-down:before {
  position: absolute;
  content: "";
  width: 10px;
  height: 1px;
  font-family: var(--text-font);
  font-style: normal;
  background: #fff;
  font-weight: 400;
  left: 0px;
  top: 17px;
  transition: all 500ms ease;
}

.bootstrap-touchspin .glyphicon-chevron-up:hover:before,
.bootstrap-touchspin .glyphicon-chevron-down:hover:before{
  color: #fff;
}

.bootstrap-touchspin .input-group-btn-vertical{
  position: absolute;
  width: 100%;
}

.bootstrap-touchspin .input-group-btn-vertical i{
  top: 0px;
  left: 7px;
  font-size: inherit !important; 
}

.bootstrap-touchspin .input-group-btn-vertical .bootstrap-touchspin-down{
  margin-top: 0px;
}


/** custome-mouse-pointer **/


.mouse-pointer {
  position: fixed;
  top: 50%;
  left: -100px;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 8px;
  height: 8px;
  pointer-events: none;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  z-index: 9999999999;
  -webkit-transition-property: width, height, background;
  -o-transition-property: width, height, background;
  transition-property: width, height, background;
  border-radius: 50%;
  overflow: hidden;
  font-size: 16px;
  text-indent: 0;
  border: none;
  mix-blend-mode: difference;
  background-color: #fff;
  -webkit-box-shadow: 0 0 0 transparent;
  -ms-box-shadow: 0 0 0 transparent;
  box-shadow: 0 0 0 transparent;
}

.mouse-pointer.display_none{
  display: none;
}

body.out .mouse-pointer {
  width: 0;
  height: 0;
}

.mouse-pointer.large {
  width: 65px;
  height: 65px;
  background: rgba(94,234,212,.0) !important;
  -webkit-box-shadow: 0 0 30px rgba(94,234,212, 0.4);
  box-shadow: 0 0 30px rgba(94,234,212, 0.4);
}

*{
  cursor: none;
}

.dots-style-one .owl-dots .owl-dot span{
  position: relative;
  display: inline-block;
  width: 10px;
  height: 10px;
  border: 1px solid rgba(255, 255, 255, 0.05);
  cursor: pointer;
  margin: 0px 5px;
  background: transparent;
  transition: all 500ms ease;
}

.dots-style-one .owl-dots .owl-dot.active span,
.dots-style-one .owl-dots .owl-dot span:hover{

}

.curve-text{
  position: relative;
  display: inline-block;
  width: 220px;
  height: 220px;
  min-width: 220px;
  background: #020617;
  border-radius: 50%;
}

.curve-text .curved-circle{
  font-size: 16px;
  text-transform: uppercase;
  color: rgba(255, 255, 255, 0.20);
  left: 0px;
  top: 24px;
  width: 220px;
}

.curve-text .curved-circle .char10,
.curve-text .curved-circle .char11,
.curve-text .curved-circle .char12,
.curve-text .curved-circle .char13,
.curve-text .curved-circle .char14,
.curve-text .curved-circle .char15,
.curve-text .curved-circle .char16,
.curve-text .curved-circle .char17{

}

.curve-text .icon-box{
  position: absolute;
  display: inline-block;
  left: 49px;
  top: 53px;
  width: 120px;
  height: 120px;
  line-height: 120px;
  text-align: center;
  border-radius: 50%;
  border: 1px solid rgba(255, 255, 255, 0.03);
}

.curve-text .icon-box a{
  position: relative;
  display: inline-block;
  font-size: 24px;
  width: 100%;
  height: 100%;
  z-index: 2;
}

.curve-text .icon-box a:hover{
  color: #fff;
}

.curve-text .shape{
  position: absolute;
  left: 75px;
  bottom: 31px;
  width: 75px;
  height: 15px;
  transform: rotate(2deg);
}

.slide-text{
  position: relative;
  overflow: hidden;
  width: 100%;
  padding: 64px 0px;
  border-top: 1px solid #0B1220;
  border-bottom: 1px solid #0B1220;
}

.slide-text .pattern-layer{
  position: absolute;
  top: 0px;
  right: 0px;
  width: 556px;
  height: 250px;
  background-repeat: no-repeat;
}

.slide-text .big-text{
  position: relative;
  display: block;
  font-size: 120px;
  line-height: 120px;
  font-family: var(--title-font);
  font-weight: 700;
  text-align: center;
  width: max-content;
  text-transform: lowercase;
  -moz-animation: scroll-left 90s linear infinite;
  -webkit-animation: scroll-left 90s linear infinite;
  animation: scroll-left 90s linear infinite;
}

@-moz-keyframes scroll-left {
  0% { -moz-transform: translateX(0%); }
  100% { -moz-transform: translateX(-100%); }
}

@-webkit-keyframes scroll-left {
  0% { -webkit-transform: translateX(0%); }
  100% { -webkit-transform: translateX(-100%); }
}

.slide-text .big-text .white_text{
  color: #fff;
}

.slide-text .big-text .theme_color{

}

.slide-text .text_stroke{
  color: transparent;
  -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: rgba(255, 255, 255, 0.10);
}


/** main-footer **/

.main-footer .widget-section{
  position: relative;
  padding: 120px 0px 112px 0px;
  overflow: hidden;
}

.main-footer .logo-widget{
  position: relative;
  margin-top: -0px;
}

.main-footer .logo-widget .footer-logo{
  position: relative;
  display: block;
  margin-bottom: 44px;
}

.main-footer .logo-widget p{
  max-width: 370px;
  margin-bottom: 32px;
}

.main-footer .logo-widget h3{
  position: relative;
  display: block;
  font-size: 24px;
  line-height: 26px;
  font-weight: 500;
}

.main-footer .logo-widget h3 a{
  display: inline-block;
  color: #fff;
}

.main-footer .logo-widget h3 a:hover{

}

.main-footer .widget-title{
  position: relative;
  display: block;
  margin-bottom: 30px;
}

.main-footer .widget-title h3{
  font-size: 18px;
  line-height: 26px;
}

.main-footer .links-widget .links-list li{
  position: relative;
  display: block;
}

.main-footer .links-widget .links-list li a{
  position: relative;
  display: inline-block;
  font-size: 16px;
  line-height: 40px;
  color: var(--text-color);
}

.main-footer .links-widget .links-list li a:hover{

}

.main-footer .subscribe-widget p{
  margin-bottom: 23px;
}

.main-footer .subscribe-widget form .form-group{
  position: relative;
  display: block;
  margin-bottom: 24px;
}

.main-footer .subscribe-widget form .form-group input[type='email']{
  position: relative;
  display: block;
  width: 100%;
  height: 62px;
  border: 1px solid #0B1220;
  background: #020617;
  padding: 10px 50px 10px 20px;
  font-size: 14px;
  color: rgba(186, 186, 186, 0.30);
  transition: all 500ms ease;
}

.main-footer .subscribe-widget form .form-group input[type='email']:focus{
  color: rgba(186, 186, 186, 1);
}

.main-footer .subscribe-widget form .form-group button[type='submit']{
  position: absolute;
  top: 17px;
  right: 17px;
  cursor: pointer;
}

.main-footer .subscribe-widget .footer-menu{
  position: relative;
  display: flex;
  align-items: center;
}

.main-footer .subscribe-widget .footer-menu li{
  margin-right: 30px;
}

.main-footer .subscribe-widget .footer-menu li:last-child{
  margin: 0px !important;
}

.main-footer .subscribe-widget .footer-menu li a{
  position: relative;
  display: inline-block;
  font-size: 16px;
  color: var(--text-color);
  text-transform: capitalize;
}

.main-footer .subscribe-widget .footer-menu li a:hover{

}

.footer-bottom{
  position: relative;
  width: 100%;
  background: #0B1220;
  padding: 30px 0px;
}

.footer-bottom .bottom-inner{
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.footer-bottom .bottom-inner p a:hover{
  text-decoration: underline;
}

.main-footer .social-links{
  position: relative;
  display: flex;
  align-items: center;
}

.main-footer .social-links li{
  margin-right: 20px;
}

.main-footer .social-links li:last-child{
  margin: 0px !important;
}

.main-footer .social-links a{
  position: relative;
  display: inline-block;
  width: 50px;
  height: 50px;
  line-height: 50px;
  background: #020617;
  text-align: center;
  font-size: 16px;
  color: #fff;
  border-radius: 50%;
}

.main-footer .social-links a:hover{

}

.main-footer .pattern-layer .pattern-1{
  position: absolute;
  left: 0px;
  bottom: -125px;
  width: 366px;
  height: 458px;
  background-repeat: no-repeat;
}

.main-footer .pattern-layer .pattern-2{
  position: absolute;
  top: 0px;
  right: 0px;
  width: 555px;
  height: 190px;
  background-repeat: no-repeat;
}

.main-footer .pattern-layer .pattern-3{
  position: absolute;
  right: 0px;
  bottom: -100px;
  width: 373px;
  height: 393px;
  background-repeat: no-repeat;
}

.main-footer .pattern-layer .pattern-4{
  position: absolute;
  left: 653px;
  top: 34px;
  width: 54px;
  height: 54px;
  background-repeat: no-repeat;
}

.main-footer .pattern-layer .pattern-5{
  position: absolute;
  left: 60%;
  top: 175px;
  width: 120px;
  height: 120px;
  background-repeat: no-repeat;
}

.btn-box.light .theme-btn{
  background: #020617;
}

.list-style-one li{
  position: relative;
  display: block;
  font-size: 16px;
  line-height: 44px;
  padding-left: 35px;
}

.list-style-one li:before{
  position: absolute;
  content: '';
  left: 0px;
  top: 13px;
  width: 15px;
  height: 15px;
  background-image: url(../images/icons/icon-32.webp);
  background-repeat: no-repeat;
}

.tabs-box .tab{
  position:relative;
  display:none;
  transition: all 900ms ease;
  -moz-transition: all 900ms ease;
  -webkit-transition: all 900ms ease;
  -ms-transition: all 900ms ease;
  -o-transition: all 900ms ease;
}

.tabs-box .tab.active-tab{
  display:block;  
}

.tabs-box .tab{
  transform:scale(0.9,0.9) translateY(0px);
}

.tabs-box .tab.active-tab{
  transform:scale(1) translateY(0px);
}

.about-txt {
  margin-top: 40px;
}












































/* Nordic premium palette overrides for Knitting Tips */
:root{
  --theme-color: #5EEAD4;
  --secondary-color: #020617;
  --text-color: #CBD5E1;
  --title-color: #F8FDFF;
  --fjord-dark: #020617;
  --ice-white: #F8FDFF;
  --mint-glow: #5EEAD4;
  --cold-silver: #CBD5E1;
}

body{
  color: var(--cold-silver);
  background:
    radial-gradient(circle at 14% 8%, rgba(94, 234, 212, 0.18), transparent 32%),
    radial-gradient(circle at 86% 18%, rgba(248, 253, 255, 0.10), transparent 28%),
    linear-gradient(135deg, #020617 0%, #07111f 42%, #F8FDFF 68%, #5EEAD4 84%, #CBD5E1 100%);
}

.boxed_wrapper{
  background:
    linear-gradient(180deg, rgba(2,6,23,0.94), rgba(2,6,23,0.98)),
    linear-gradient(135deg, #020617 0%, #F8FDFF 45%, #5EEAD4 70%, #CBD5E1 100%);
}

.main-header .header-lower,
.sticky-header,
.mobile-menu .menu-box,
.main-footer{
  background: rgba(2, 6, 23, 0.90) !important;
  backdrop-filter: blur(18px);
  border-color: rgba(203,213,225,0.16) !important;
}

.logo h3,
.mobile-menu .nav-logo h3{
  letter-spacing: -0.03em;
  background: linear-gradient(90deg, #F8FDFF 0%, #5EEAD4 58%, #CBD5E1 100%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent !important;
}

.main-menu .navigation > li > a,
.mobile-menu .navigation li > a{
  color: #F8FDFF !important;
}

.banner-section .content-box h2,
.sec-title h2,
.about-section .title-text h2,
.working-section .sec-title h2,
.gallery-section .sec-title h2,
.testimonial-section .sec-title h2,
.news-section .sec-title h2,
.contact-section .sec-title h2,
.footer-widget .widget-title h3,
.main-footer h3{
  color: #F8FDFF !important;
}

.banner-section .content-box h2 span,
.sec-title .sub-title,
.service-block-one .inner-box:hover h3 a,
.news-block-one .inner-box .lower-content h3:hover,
.footer-widget a:hover,
.main-footer a:hover{
  color: #5EEAD4 !important;
}

.theme-btn,
button.theme-btn{
  border-color: rgba(94,234,212,0.55) !important;
  color: #F8FDFF !important;
  background: linear-gradient(135deg, rgba(2,6,23,0.95), rgba(94,234,212,0.14)) !important;
  box-shadow: 0 22px 70px rgba(94,234,212,0.16);
}

.theme-btn:before,
.scroll-top,
.preloader-close,
.contact-section .form-inner .form-group button,
.cookie-btn.accept{
  background: linear-gradient(135deg, #020617 0%, #5EEAD4 58%, #CBD5E1 100%) !important;
}

.service-block-one .inner-box,
.chooseus-section .content-box .single-item,
.testimonial-block-one .inner-box,
.working-block-one .inner-box,
.news-block-one .inner-box,
.contact-section .form-inner,
.contact-section .form-inner .form-group input,
.contact-section .form-inner .form-group textarea{
  background: rgba(248,253,255,0.035) !important;
  border-color: rgba(203,213,225,0.18) !important;
  box-shadow: 0 26px 80px rgba(2,6,23,0.42);
}

.service-block-one .inner-box:hover,
.news-block-one .inner-box:hover,
.gallery-block-one .inner-box:hover{
  border-color: rgba(94,234,212,0.55) !important;
  box-shadow: 0 32px 90px rgba(94,234,212,0.14);
}

.contact-section .form-inner .form-group input,
.contact-section .form-inner .form-group textarea{
  color: #F8FDFF !important;
}

.contact-section .form-inner .form-group input::placeholder,
.contact-section .form-inner .form-group textarea::placeholder{
  color: rgba(203,213,225,0.72) !important;
}

.banner-section .image-box:before,
.banner-section .image-box:after,
.gallery-block-one .inner-box:before{
  background: radial-gradient(circle, rgba(94,234,212,0.22), transparent 62%) !important;
}

img{
  filter: saturate(0.95) contrast(1.04);
}

.pt-cus h1,
.pt-cus h2{
  color: #F8FDFF;
}

.pt-cus{
  background: rgba(2,6,23,0.96);
}


/* Console-safe icon fallbacks and Knitting Tips image polish */
.mobile-menu .close-btn span { font-size: 28px; line-height: 1; color: #F8FDFF; }
.owl-nav span[class*="fa-angle-left"]::before,
.owl-nav span.icon-6::before { content: "‹"; font-family: Arial, sans-serif; font-size: 34px; line-height: 1; }
.owl-nav span[class*="fa-angle-right"]::before,
.owl-nav span.icon-7::before { content: "›"; font-family: Arial, sans-serif; font-size: 34px; line-height: 1; }
img { max-width: 100%; height: auto; }
.gallery-block-one .image-box img,
.news-block-one .image-box img,
.banner-section .image-box img,
.about-section .image-box img,
.image_block_one .image-box img { object-fit: cover; }