/* Css For Aqutex */

/************ 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: #528034;
  --theme-primary-color: #2E5495;
  --secondary-color: #528034;
  --pink-color: #FFC0CB;
  --violet-color: #7F00FF;
  --crimson-color: #DC143C;
  --orange-color: #FFA500;
  --text-color: #222222;
  --title-color: #222222;
  --main-font: 'Poppins', sans-serif;
  --title-font: 'Jost', sans-serif;
  --icon-color: #ffffff;
}





body {
  font-size:16px;
  color: var(--text-color);
  line-height:28px;
  font-weight:400;
  background:#ffffff;
  font-family: var(--main-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:1320px;
  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(--main-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(--main-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: 600;
    color: var(--theme-primary-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: var(--theme-primary-color);
}

.preloader-close{
  position: fixed;
  z-index: 99999999;
  font-size: 14px;
  background: #fff;
  color: var(--theme-primary-color);
  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(--title-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: rgba(255, 255, 255, 0.30);
}

.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 #ffffff;
  border-top-color: rgba(255, 255, 255, 0.5);
}

/* 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;
  }
  .header-top ul.social-links.clearfix {
    display: none;
  }
  .banner-carousel h2 {
        font-size: 35px !important;
        line-height: 42px !important;
    }
}

@media screen and (max-width: 1200px) {

  .header-top ul.social-links.clearfix {
    display: none;
  }
}
@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;
}

.special_fonts{
  font-family: 'Fvar(--theme-primary-color)oka', sans-serif;
}


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: 24px;
  font-weight: 600;
  font-family: var(--main-font);
  color: #fff !important;
  text-align: center;
  padding: 18px 37px;
  z-index: 1;
  transition: all 500ms ease;
}

.theme-btn.btn-one{

}

.theme-btn:before, .theme-btn:after {
  content: "";
  position: absolute;
  display: block;
  box-sizing: border-box;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background: #0E1D40;
  transition: all 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55);
  transform-origin: center;
  transform: scale(0) rotate(0);
  z-index: -1;
}

.theme-btn:hover:before {
  border-radius: 0;
  transform: scale(1) rotate(-180deg);
}

.theme-btn:hover:after {
  border-radius: 0;
  transform: scale(1) rotate(180deg);
}

.theme-btn:after {
  background: #0E1D40;
}

.theme-btn.btn-two{
  border: 2px solid #fff;
  padding: 16px 30px;
}

.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 6px;
}

.pagination li a{
  position: relative;
  display: inline-block;
  font-size: 18px;
  font-weight: 500;
  height: 50px;
  width: 50px;
  line-height: 50px;
  background: #ffffff;
  border: 1px solid #E5E5E5;
  text-align: center;
  color: #222;
  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;
}

.pagination li a i{
  font-size: 20px;
}

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

.bg-color-1{
  background: #E7F9FC;
}

/** 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: #f4244f;
  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;
}

.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 .sub-title{
  position: relative;
  display: inline-block;
  font-size: 18px;
  line-height: 28px;
  font-weight: 500;
  margin-bottom: 18px;
  padding-left: 90px;
}

.sec-title.centred .sub-title{
  padding-right: 90px;
  padding-left: 90px;
}

.sec-title .sub-title:before{
  position: absolute;
  content: '';
  width: 70px;
  height: 2px;
  left: 0px;
  top: 12px;
}

.sec-title.centred .sub-title:before{
  left: 0px;
  right: inherit;
}

.sec-title.centred .sub-title:after{
  position: absolute;
  content: '';
  width: 70px;
  height: 2px;
  right: 0px;
  top: 12px;
}

.sec-title h2{
  position: relative;
  display: block;
  font-size: 50px;
  line-height: 56px;
  font-weight: 600;
  margin: 0px;
}

.sec-title h2 span{
  color: var(--theme-color);
}

.sec-title.light h2{
  color: #fff;
}

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

.theme-btn.shadow{
  box-shadow: 0px 20px 30px rgba(52, 163, 213, 0.2) !important;
}

.pt_210{
  padding-top: 210px;
}





/***

====================================================================
                        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: #fff;
  border-bottom: 1px solid 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;
}

.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;
}

/** header-top **/

.header-top{
  position: relative;
  width: 100%;
  background: var(--theme-primary-color);
  padding: 10px 70px;
}

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

.header-top .info-list li{
  position: relative;
  display: inline-block;
  float: left;
  font-size: 16px;
  line-height: 24px;
  color: #A5A4B3;
  font-weight: 500;
  padding-left: 23px;
  margin-right: 28px;
}


.header-top .info-list li:last-child{
  margin: 0px !important;
}

.header-top .info-list li a,
.header-top .info-list li span{
  color: #fff;
}

.header-top .info-list li a:hover{
  text-decoration: underline;
}

.header-top .info-list li i{
  position: absolute;
  left: 0px;
  top: 4px;
  color: #fff ;
  font-size: 16px;
}

.header-top .info-list li:nth-child(2) i{
  font-size: 14px;
}

.header-top .info-list li:last-child i{
  font-size: 20px;
  top: 2px;
}

.header-top .top-right{
  position: relative;
  display: flex;
  align-items: center;
}

.header-top .top-right .login-box{
  position: relative;
  padding-right: 30px;
  margin-right: 30px;
}

.header-top .top-right .login-box:before{
  position: absolute;
  content: '';
  background: rgba(255, 255, 255, 0.1);
  width: 1px;
  height: 50px;
  top: -13px;
  right: 0px;
}

.header-top .top-right .login-box a{
  position: relative;
  display: inline-block;
  font-size: 16px;
  line-height: 26px;
  color: #fff;
  font-weight: 500;
}

.header-top .top-right .login-box a:hover{

}

.header-top .social-links li{
  position: relative;
  display: inline-block;
  float: left;
  margin-right: 30px;
}

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

.header-top .social-links li a{
  display: inline-block;
  font-size: 21px;
  color: #fff;
}

.header-top .social-links li a:hover{

}

.main-header .logo-box .logo{
  max-width: 187px;
}

.main-header .logo-box .logo img{
  width: 100%;
}




/*** 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: var(--theme-primary-color);
}

.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;
}

.main-header .logo-box{
  position: relative;
  padding: 18px 0px;
}

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

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

.main-header .main-menu{
  position: relative;
  padding-right: 30px;
  margin-right: 30px;
}

.main-header .main-menu:before{
  position: absolute;
  content: '';
  background: #E5E5E5;
  width: 1px;
  height: 50px;
  top: 25px;
  right: 0px;
}

.main-header .menu-right-content .support-box{
  position: relative;
  display: block;
  padding-left: 33px;
  margin-right: 30px;
}

.main-header .menu-right-content .support-box i{
  position: absolute;
  left: 0px;
  top: 2px;
  font-size: 20px;
  color: #222;
}

.main-header .menu-right-content .support-box a{
  position: relative;
  display: inline-block;
  font-size: 18px;
  line-height: 26px;
  color: #222;
  font-weight: 500;
}

.main-header .menu-right-content .support-box a:hover{

}

.main-header .menu-right-content .cart-box{
  margin-right: 30px;
}

.main-header .menu-right-content .cart-box a{
  position: relative;
  display: inline-block;
  width: 50px;
  height: 50px;
  line-height: 54px;
  font-size: 20px;
  color: #222;
  border: 1px solid #E5E5E5;
  border-radius: 50%;
  text-align: center;
}

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


/** 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 12px;
  -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:17px;
  line-height:26px;
  padding-top: 37px;
  padding-bottom: 37px;
  font-weight:500;
  font-family: var(--main-font);
  opacity:1;
  color: #222;
  z-index:1;
  -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 > a {
    position: relative;
    display: block;
    text-align: center;
    font-size: 20px;
    line-height: 26px;
    padding-top: 37px;
    padding-bottom: 37px;
    font-weight: 600;
    font-family: var(--main-font);
    opacity: 1;
    color: #222;
    z-index: 1;
    -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 > a {
    position: relative;
    display: block;
    text-align: center;
    font-size: 20px;
    line-height: 26px;
    padding-top: 37px;
    padding-bottom: 37px;
    font-weight: 600;
    font-family: var(--main-font);
    opacity: 1;
    color: var(--theme-primary-color);
    z-index: 1;
    -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.dropdown > a{
  padding-right: 17px;
}

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

}

.main-menu .navigation > li.dropdown > a:before{
  position: absolute;
  content: "\f107";
  font-family: 'Font Awesome 5 Pro';
  top: 37px;
  right: 0px;
  font-weight: 500;
  transition: all 500ms ease;
}

.main-menu .navigation > li > ul,
.main-menu .navigation > li > .megamenu{
  position:absolute;
  left: inherit;
  top:100%;
  width:230px;
  margin-top: 15px;
  z-index:100;
  display:none;
  background: #0E1D40;
  opacity: 0;
  visibility: hidden;
  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.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:24px;
  font-weight:500;
  font-size:15px;
  text-transform:capitalize;
  font-family: var(--main-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 5 Pro';
  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;
  background: #0E1D40;
  width:230px;
  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:15px;
  text-transform:capitalize;
  font-family: var(--main-font);
  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(--secondary-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;
}

.header-style-three .menu-area .mobile-nav-toggler .icon-bar{
  background: #222;
}

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

.sticky-header .main-menu .navigation > li > a{
  padding-top: 27px;
  padding-bottom: 27px;
}

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

.sticky-header .nav-right{
  margin: 15px 0px;
}

.sticky-header .main-menu .navigation > li.dropdown > a:before{
  top: 27px;
}

.sticky-header .main-menu:before{
  top: 15px;
}


/** 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; */

  position: relative;
    padding: 50px 25px;
    text-align: left;
    padding-bottom: 100px;
    /* position: relative; */
    /* display: block; */
    /* margin-bottom: 12px; */
    /* max-width: 270px; */
    background: white;
    /* margin: 25px; */
    padding: 25px;
    /* border-radius: 6px;*/
}

.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: #0e1d40;
  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;
      display: flex;
    flex-direction: column;
}

.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: 30px;
  line-height: 30px;
  width: 24px;
  text-align: center;
  font-size: 22px;
color: var(--theme-primary-color);
  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: 20px 30px 20px 30px;
   margin-top: auto;
}

.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;
}

.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;
}

.list-style-one li{
  position: relative;
  display: block;
  font-size: 16px;
  line-height: 26px;
  font-weight: 500;
  padding-left: 30px;
  margin-bottom: 15px;
}

.list-style-one li:last-child{
  margin-bottom: 0px;
}

.list-style-one li:before{
  position: absolute;
  content: '\e908';
  font-family: 'icomoon';
  left: 0px;
  top: 0px;
  font-weight: 400;
  font-size: 14px;
  color: var(--theme-color);
}


/** main-footer **/

.main-footer{
  position: relative;
}

.main-footer .widget-section{
  position: relative;
  padding: 265px 0px 104px 0px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.main-footer .pattern-layer .pattern-1{
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top center;
}

.main-footer .logo-widget .footer-logo{
  /* position: relative;
  display: block;
  margin-bottom: 12px;
  max-width: 188px; */
    /* margin: 25px; */
      /* position: relative;
    display: block; */
    margin-bottom: 24px;
    max-width: 270px;
    /* background: white;
    padding: 25px;
    border-radius: 6px; */
}

.main-footer p,
.main-footer a{
  font-size: 16px;
  color: #fff;
}

.main-footer a:hover{
  color: var(--theme-color);
}

.main-footer .logo-widget p{
  margin-bottom: 26px;
}

.main-footer .logo-widget p:last-child{
  margin-bottom: 0px;
}

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

.main-footer .widget-title h3{
  font-size: 24px;
  line-height: 32px;
  color: #fff;
  font-weight: 700;
}

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

.main-footer .links-widget .links-list li:last-child{
  margin-bottom: 0px;
}

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

.main-footer .schedule-widget p{
  margin-bottom: 26px;
}

.main-footer .schedule-widget .list-item li{
  position: relative;
  display: block;
  font-size: 16px;
  line-height: 36px;
  color: #fff;
}

.main-footer .contact-widget .info-list li{
  position: relative;
  display: block;
  font-size: 16px;
  line-height: 36px;
  color: #fff;
  padding-left: 30px;
}

.main-footer .contact-widget .info-list li a{
  display: inline-block;
  color: #fff;
}

.main-footer .contact-widget .info-list li a:hover{
  text-decoration: underline;
}

.main-footer .contact-widget .info-list li i{
  position: absolute;
  left: 0px;
  top: 7px;
  font-size: 20px;
}

.main-footer .contact-widget .info-list li:nth-child(2) i{
  font-size: 14px;
  top: 10px;
}

.main-footer .contact-widget .social-links li{
  position: relative;
  display: inline-block;
  float: left;
  margin-right: 10px;
}

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

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

.main-footer .contact-widget .social-links li a:hover{
  color: #fff !important;
  background: var(--theme-color);
}

@keyframes slide{
  from { background-position: 0 0; }
    to { background-position: 1920px 0; }
}

@-webkit-keyframes slide{
  from { background-position: 0 0; }
    to { background-position: 1920px 0; }
}

.main-footer .pattern-layer .pattern-2{
  position: absolute;
  left: 0px;
  bottom: 0px;
  width: 100%;
  height: 377px;
  background-repeat: repeat-x;
  animation: slide 60s linear infinite;
  -webkit-animation: slide 60s linear infinite;
}

.main-footer .pattern-layer .pattern-3{
  position: absolute;
  left: 0px;
  bottom: 0px;
  width: 100%;
  height: 293px;
  background-repeat: repeat-x;
  animation: slide 50s linear infinite;
  -webkit-animation: slide 50s linear infinite;
}

.main-footer .pattern-layer .pattern-4{
  position: absolute;
  left: 0px;
  bottom: 0px;
  width: 100%;
  height: 185px;
  background-repeat: repeat-x;
  animation: slide 40s linear infinite;
  -webkit-animation: slide 40s linear infinite;
}

/** wave-animation **/

.waves {
  position:absolute;
  width: 100%;
  left: 0px;
  bottom: 0px;
  min-height:350px;
}

/* Animation */

.parallax > use {
  animation: move-forever 25s cubic-bezier(.55,.5,.45,.5) infinite;
}
.parallax > use:nth-child(1) {
  animation-delay: -2s;
  animation-duration: 7s;
}
.parallax > use:nth-child(2) {
  animation-delay: -3s;
  animation-duration: 10s;
}
.parallax > use:nth-child(3) {
  animation-delay: -4s;
  animation-duration: 13s;
}
.parallax > use:nth-child(4) {
  animation-delay: -5s;
  animation-duration: 20s;
}

@keyframes move-forever {
  0% {
   transform: translate3d(-90px,0,0);
  }
  100% {
    transform: translate3d(85px,0,0);
  }
}


/** rtl-switcher **/

.demo-rtl{
  position: fixed;
  top: 390px;
  left: 10px;
  z-index: 9999;
}

button.rtl{
  background: var(--theme-color);
  display: block;
  text-indent: inherit;
  font-size: 12px;
  width: 40px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  font-weight: 700;
  margin: 0px;
  color: #fff !important;
  border-radius: 50%;
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.10);
  transition: all 500ms ease;
}

.demo-ltr{
  position: fixed;
  top: 390px;
  left: auto;
  right: 10px;
  z-index: 9999;
}

button.ltr {
  background: var(--theme-color);
  display: block;
  text-indent: inherit;
  font-size: 12px;
  font-weight: 700;
  width: 40px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  margin: 0px;
  color: #fff !important;
  border-radius: 50%;
  box-shadow: rgba(0, 0, 0, 1.0);
  transition: all 500ms ease;
}

.boxed_wrapper.ltr .demo-rtl{
  display: block;
}

.boxed_wrapper.ltr .demo-ltr{
  display: none;
}

.boxed_wrapper.rtl .demo-rtl{
  display: none;
}

.boxed_wrapper.rtl .demo-ltr{
  display: block;
}

@-webkit-keyframes shine {
  100% {
    left: 125%;
  }
}

@keyframes shine {
  100% {
    left: 125%;
  }
}


/** header-style-two **/

.header-style-two .outer-box{
  padding: 0px;
}

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

.main-header .menu-right-content .search-box-outer:hover{
  color: var(--theme-color);
}

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

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

.nav-style-one .owl-nav button{
  position: relative;
  display: inline-block;
  width: 70px;
  height: 70px;
  line-height: 76px;
  background: #fff;
  font-size: 16px;
  color: #222;
  text-align: center;
  border-radius: 50%;
  box-shadow: 0px 2px 70px rgba(0, 0, 0, 0.1);
  cursor: pointer;
  transition: all 500ms ease;
}

.nav-style-one .owl-nav button:hover{
  color: #fff;
  background: var(--theme-color);
}

.main-footer.alternat-2{
  background: var(--secondary-color);
}

.main-footer.alternat-2 .widget-section{
  padding-top: 120px;
}

.main-footer .logo-widget{
  margin-top: -15px;
}

.bootstrap-touchspin .input-group-btn-vertical > .btn.bootstrap-touchspin-down{
  position: absolute;
  background: transparent;
  padding: 0px 0px;
  left: 15px;
  top: 13px;
  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: 10px;
  top: 15px;
  border: none !important;
  margin-top: 0px;
  border-radius: 0px;
  z-index: 1;
}

.bootstrap-touchspin .glyphicon-chevron-up:before {
  content: "+";
  font-size: 20px;
  font-style: normal;
  color: #222;
  font-weight: 400;
  transition: all 500ms ease;
}

.bootstrap-touchspin .glyphicon-chevron-down:before {
  content: "-";
  font-size: 24px;
  font-style: normal;
  color: #222;
  font-weight: 400;
  transition: all 500ms ease;
}

.bootstrap-touchspin .glyphicon-chevron-up:hover:before,
.bootstrap-touchspin .glyphicon-chevron-down:hover:before{

}

.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;
}

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

.default-form input:focus,
.default-form textarea:focus{
  border-color: var(--theme-color);
}

.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);
}

.cta-section.about-page{
  padding: 150px 0px;
}

.testimonial-section.testimonial-page .testimonial-block-one .inner-box{
  margin-bottom: 60px;
}

.monthly-day{
  text-align: center;
}

.header-top .info-list li:nth-child(2) a {
    margin-left: 10px;
}

.info-block-one .inner-box {
    min-height: 250px;
    background: #e9f9ff;
    padding: 30px;
    text-align: center;
}


.icon-box.ico {
    width: 40%;
}

.process-block-one .inner-box .icon-box .icon img {
    width: 36%;
 }

/* ul.social-links.clearfix i {
    background: var(--secondary-color);
    padding: 10px;
    border-radius: 35px;
} */
.header-top .social-links li {
    position: relative;
    display: inline-block;
    float: left;
    margin-right: 30px;
}

.custom-social-wrapper {
    display: flex;
    justify-content: flex-end;
    padding: 10px 0;
}

.custom-social-list {
    list-style: none;
    display: flex;
    gap: 10px;
    margin: 0;
    padding: 0;
}

.custom-social-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    background-color: var(--secondary-color);
    color: #ffffff;
    border-radius: 50%;
    font-size: 16px;
    text-decoration: none;
    transition: 0.3s ease;
}
.custom-social-icon:hover {
    background-color: #3f6629;
    transform: scale(1.1);
    color: #ffffff;
}
.main-menu .navigation > li.current > a{
  color:var(--secondary-color);;
}
.sec-title h2 span {
    color: var(--secondary-color) !important;
}
.theme-btn:before, .theme-btn:after {
    background: #2E5496 !important;
}

.main-menu .navigation > li.current > a, .main-menu .navigation > li:hover > a, .main-menu .navigation > li > ul > li > a:hover, .main-menu .navigation > li > .megamenu li > a:hover, .main-menu .navigation > li > ul > li > ul > li > a:hover, .main-header .menu-right-content .support-box a:hover, .banner-carousel .content-box .title-text, .sec-title .sub-title, .feature-block-one .inner-box h3 a:hover, .sec-title h2 span, .list-style-one li:before, .service-block-one .inner-box .lower-content h3 a:hover, .content_block_three .content-box .testimonial-content .inner-box .thumb-box .icon-box, .news-block-one .inner-box .lower-content h3 a:hover, .news-block-one .inner-box .lower-content .post-info li i, .news-block-one .inner-box .lower-content .post-info li a:hover, .news-block-one .inner-box .lower-content .link a:hover, .main-footer a:hover, .main-header .menu-right-content .search-box-outer:hover, .image_block_one .image-box .support-box .icon-box, .image_block_one .image-box .support-box span, .image_block_one .image-box .support-box h3 a:hover, .banner-carousel .content-box h2 span, .cta-section .inner-box h2 span, .image_block_two .image-box .text-box .icon-box, .content_block_four .content-box .inner-box .single-item .icon-box, .service-block-two .inner-box h3 a:hover, .service-block-two .inner-box .link a:hover, .cta-section .text-box .sub-title, .cta-section h2 span, .team-block-one .inner-box .lower-content h3 a:hover, .testimonial-style-two .owl-nav button:hover, .page-title .bread-crumb li a:hover, .service-sidebar .contact-widget h2 span, .service-sidebar .contact-widget .info-list li h3 a, .service-details-content .inner-box .single-item .icon-box, .team-details-content .content-box .designation, .team-details-content .content-box .info-list li a:hover, .shop-sidebar .search-inner .form-group input:focus + button, .shop-sidebar .search-inner .form-group button:hover, .shop-sidebar .category-widget .category-list li a span:before, .shop-sidebar .category-widget .category-list li a:hover, .shop-block-one .inner-box .lower-content h4 a:hover, .shop-block-one .inner-box .lower-content h5, .shop-details-content .content-box .price, .shop-details .product-discription .tab-btn-box .tab-btns li.active-btn, .shop-details .product-discription .tab-btn-box .tab-btns li:hover, .cart-section .cart-total .total-cart-box .list li:last-child span, .checkout-section .upper-box .single-box a, .checkout-section .order-info .order-list li.order-total span, .project-block-one .lower-content h3 a:hover, .blog-sidebar .search-widget .form-inner .form-group input:focus + button, .blog-sidebar .search-widget .form-inner .form-group button:hover, .blog-sidebar .category-widget .category-list li a:hover, .blog-sidebar .category-widget .category-list li a:before, .blog-sidebar .post-widget .news-block-one .inner-box .lower-content h5 a:hover, .blog-sidebar .post-widget .owl-nav button:hover, .monthly-prev:hover:after, .monthly-next:hover:after, .scroll-to-top .scroll-bar-text {
        color: #538135;
}
.service-block-one .inner-box .lower-content h3 a {
    color: var(--theme-primary-color) !important;
}





.clients-logo {
    text-align: center;
    padding: 20px;
   transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.clients-logo img {
    max-width: 100%;
    height: auto;
    border-radius: 12px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
   transition: transform 0.3s ease, box-shadow 0.3s ease;
    background-color: white;
    padding: 10px;
}

.clients-logo:hover img {
    transform: scale(1.05);
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.15);
}
.clients-section .clients-logo img {
    position: relative;
    opacity: 1 !important;
    transition: all 500ms ease;
}

.swiper-slide {
    display: flex;
    justify-content: center;
    align-items: center;
}
.scroll-to-top .scroll-bar:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background-color: var(--theme-primary-color);
    opacity: .3;
}

.header-lower a.theme-btn.btn-one {
    background: var(--theme-primary-color) !important;
}
.header-lower a.theme-btn.btn-one:hover{
    background: var(--theme-color) !important;
}



.process-block-one .inner-box h3 {
    color: black;
}
.img-fluids{
  width:100%;
  border-radius: 12px;
}
.main-menu .navigation > li > a {
    font-size: 18px;
}
.main-menu .navigation > li > ul > li > a:hover, .main-menu .navigation > li > .megamenu li > a:hover {
    color: var(--secondary-color) ;
}
.main-menu .navigation > li.dropdown:hover > ul, .main-menu .navigation > li.dropdown:hover > .megamenu {
    background: var(--theme-primary-color);
}
.main-menu .navigation > li > ul > li > a:hover, .main-menu .navigation > li > .megamenu li > a:hover {
    color: #fff !important;
}
.main-menu .navigation > li > ul,.main-menu .navigation > li > .megamenu {
    width: 75% !important;
}
.top-inner i.fab:hover {
    color: #538135;
}
.header-top .info-list li a:hover {
    text-decoration: none;
}
.list-style-one li::before{
  color: var(--theme-primary-color);
}

.links-list li a::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 0%;
  height: 2px;
  background-color: #fff; /* white underline */
  transition: width 0.3s ease;
}
.links-list li a:hover{
  color: #fff;
}
.links-list li a:hover::after {
  width: 100%;
}
a:hover {
    text-decoration: none;
}
.main-footer .contact-widget .info-list li a:hover {
    text-decoration: none;
}
.sticky-sidebar {
    position: sticky;
    top: 100px; /* distance from top before it starts sticking */
    z-index: 10;
}
@media screen and (max-width: 991px) {
    .sticky-sidebar {
        position: static;
    }
}

.accordion .acc-btn h4{
  color:#222;
}
.counter-section {
    background-color: #E7F9FC;
}

.counter-box {
    background-color: #ffffff;
    border: 2px solid var(--theme-primary-color);
    transition: 0.3s;
}

.counter-box:hover {
    transform: translateY(-5px);
    background-color: var(--theme-primary-color);
    color: #ffffff;
}

.counter-box h2.count {
    font-size: 48px;
    font-weight: bold;
    color: var(--theme-primary-color);
    margin-bottom: 0.3rem;
}

.counter-box p {
    font-size: 16px;
    font-weight: 600;
    color: var(--secondary-color);;
    margin-bottom: 0;
}

.counter-box:hover h2.count,
.counter-box:hover p {
    color: #ffffff;
}
.home-about{
  padding-bottom: 70px;
}
@media only screen and (max-width: 650px) {
    .header-top {
        display: none;
    }
}
.mobile-sticky-footer {
    display: none;
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    background-color: #00408B;
    z-index: 9998;
    display: flex;
    justify-content: space-between;
    box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.2);
}

.mobile-sticky-footer .footer-btn {
    flex: 1;
    text-align: center;
    padding: 14px 0;
    color: #fff;
    text-decoration: none;
    font-size: 16px;
    font-weight: 600;
    border-right: 1px solid rgba(255, 255, 255, 0.3);
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
}

.mobile-sticky-footer .footer-btn:last-child {
    border-right: none;
}

/* Responsive */
@media screen and (max-width: 650px) {
    .mobile-sticky-footer {
        display: flex;
    }
}
@media screen and (min-width: 650px) {
    .mobile-sticky-footer {
        display: none;
    }
}
@media only screen and (max-width: 650px) {
    .menu-area .mobile-nav-toggler {

         margin-right: 0px !important;
    }
}

.mobile-menu .navigation > li:hover:not(:has(li:hover)) {
    background: var(--theme-color);
}

/* You might also want to style the sub-menu items on hover */
.mobile-menu .navigation li li a:hover {
    background: var(--theme-color); /* Or a different color */
}


.footer-bottom .links-list {
    display: flex;
    gap: 0px 20px;
    justify-content: center;
    flex-wrap: wrap;
}


/* ===== Clients Grid ===== */



/* Responsive grid with auto-fit magic */
.clients-grid {
  display: flex;
  flex-wrap: wrap;
  justify-content: center; /* Centers items horizontally on the last row */
  align-items: stretch; /* Makes all items in a row the same height */
  gap: clamp(14px, 2.2vw, 28px);
}

.clients-grid > * {
  /* This ensures the flexible sizing works like your grid columns */
  flex-grow: 1;
  flex-basis: 140px;
}

/* Card chrome */
.client-card{
  display: block;
  background: #fff;
  border: 1px solid #eee;
  border-radius: 16px;
  padding: clamp(12px, 1.6vw, 20px);
  transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease, background .2s ease;
  position: relative;
  isolation: isolate;
}
.client-card:hover{
  transform: translateY(-2px);
  box-shadow: 0 10px 28px rgba(0,0,0,.06);
  border-color: color-mix(in srgb, var(--theme-primary-color, #2E5495) 30%, #eee);
}

/* Keep all logos neatly centered in a uniform box */
.client-cell{
  aspect-ratio: 3 / 2;               /* consistent tile shape */
  display: flex;
  align-items: center;
  justify-content: center;
}

/* Logo treatment: grayscale until hover */
.client-cell img{
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
  filter: grayscale(100%) contrast(85%) brightness(0.88);
  opacity: .75;
  transition: filter .25s ease, opacity .25s ease, transform .25s ease;
  will-change: transform, filter, opacity;
}

/* Reveal brand color on hover */
.client-card:hover img{
  filter: none;       /* full color */
  opacity: 1;
  transform: scale(1.04);
}

/* Tight screens: allow smaller tiles */
@media (max-width: 480px){
  .clients-grid{
    grid-template-columns: repeat(auto-fit, minmax(110px, 1fr));
    gap: 12px;
  }
  .client-card{ border-radius: 14px; }
}