/* Css For Travic */

/************ 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: #2fab11;
  --secondary-color: #2fab11;
  --text-color: #6A6A6A;
  --title-color: #111111;
  --text-font: 'Inter', sans-serif;
  --title-font: 'Urbanist', sans-serif;
  --secondary-font: 'Seaweed Script', cursive;
}





body {
  font-size:16px;
  color: var(--text-color);
  line-height:28px;
  font-weight:400;
  background:#ffffff;
  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: 1320px;
    padding: 0px 15px 9px;
    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: var(--secondary-color);
}

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


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

/* 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: 36px; letter-spacing: 6px;}
}


.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: 30px;
    font-weight: 500;
    padding: 10px 36px;
    font-family: var(--text-font);
    color: #fff;
    text-align: center;
    border-radius: 32px;
    z-index: 1;
    transition: all 500ms ease;
}
.theme-btn:hover{
  color: #fff;
}

.theme-btn.btn-one:hover{
  
}

.theme-btn:before{
  position: absolute;
  content: '';
  width: 100%;
  height: 100%;
  left: 0px;
  top: 0px;
  transform: scale(0,0);
  z-index: -1;
  transition: all 500ms ease;
}

.theme-btn:hover:before{
  transform: scale(1,1);
}

.theme-btn.btn-two{
  
}

.theme-btn.btn-two:before{
  
}

.theme-btn.btn-three{
  border: 2px solid #fff;
  border-radius: 5px;
  padding: 17px 34px;
}

.theme-btn.btn-three:hover{

}

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

.pagination li a{
  position: relative;
  display: inline-block;
  font-size: 18px;
  height: 60px;
  width: 60px;
  line-height: 60px;
  font-weight: 500;
  box-shadow: 0px 10px 40px 10px rgba(0, 0, 0, 0.04);
  background: #fff;
  border-radius: 50%;
  text-align: center;
  color: var(--title-color);
  z-index: 1;
  transition: all 500ms ease;
}

.pagination li a:hover,
.pagination li a.current{
  color: #fff;
}

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

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

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



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

.sec-title .sub-title{
  position: relative;
  display: block;
  font-size: 32px;
  line-height: 24px;
  font-family: var(--secondary-font);
  margin-bottom: 20px;
}

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

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




/*** 

====================================================================
                        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: linear-gradient(90deg, #343434 0.47%, #000000 100%);
  padding: 11px 0px;
}

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

.header-top .top-inner p{
  position: relative;
  display: block;
  font-size: 16px;
  line-height: 20px;
  padding-left: 29px;
  color: #F7F5F5;
}

.header-top .top-inner p i{
  position: absolute;
  left: 0px;
  top: 0px;
  font-size: 18px;
}

.header-top .top-inner .social-links{
  position: relative;
  display: flex;
  align-items: center;
}

.header-top .top-inner .social-links li{
  margin-right: 30px;
}

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

.header-top .top-inner .social-links li span{
  position: relative;
  display: block;
  font-size: 16px;
  line-height: 20px;
  color: #fff;
}

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


/** header-upper **/

.header-upper {
    position: relative;
    width: 100%;
    /* background: #fff; */
    /*top: 50px;*/
}
.header-upper .upper-inner{
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.header-upper .upper-inner .logo-box{
  position: relative;
  padding: 25px 0px;
}

.header-upper .upper-inner .right-column{
  position: relative;
  display: flex;
  align-items: center;
}

.header-upper .upper-inner .right-column .info-list{
  position: relative;
  display: flex;
  align-items: center;
}

.header-upper .upper-inner .right-column .info-list li{
  position: relative;
  display: inline-block;
  margin-right: 50px;
  padding-left: 22px;
  font-size: 16px;
  line-height: 20px;
  font-weight: 500;
  color: var(--title-color);
}

.header-upper .upper-inner .right-column .info-list li:last-child{
  margin: 0px !important;
}

.header-upper .upper-inner .right-column .info-list li i{
  position: absolute;
  left: 0px;
  top: 1px;
  font-size: 18px;
}

.header-upper .upper-inner .right-column .info-list li a{
  display: inline-block;
  color: var(--title-color);
}

.header-upper .upper-inner .right-column .info-list li a:hover{

}

.header-upper .upper-inner .right-column .search-inner{
  position: relative;
  width: 300px;
}

.header-upper .upper-inner .right-column .search-inner .form-group{
  position: relative;
  margin: 0px;
}

.header-upper .upper-inner .right-column .search-inner .form-group input[type='search'] {
    position: relative;
    display: block;
    width: 100%;
    height: 50px;
    border: 1px solid #DEDEDE;
    border-radius: 32px;
    font-size: 16px;
    color: var(--text-color);
    padding: 10px 70px 10px 20px;
    transition: all 500ms ease;
}

.header-upper .upper-inner .right-column .search-inner .form-group input:focus{

}

.header-upper .upper-inner .right-column .search-inner .form-group button[type='submit'] {
    position: absolute;
    top: 0px;
    right: 0px;
    width: 50px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    font-size: 16px;
    color: #fff;
    border-radius: 0px 32px 32px 0px;
    cursor: pointer;
}
.main-header .outer-box{
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 40px;
}

.main-header .header-lower .outer-box {
    background: #202020;
    border-radius: 5px 5px 0px 0px;
    padding: 0px 40px 0px 35px;
}

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

.menu-area{
  /*width: 100%;*/
}
.main-header .menu-right-content .nice-select{
  position: relative;
  display: block;
  font-size: 14px;
  line-height: 30px;
  font-weight: 500;
  color: var(--title-color);
  text-transform: uppercase;
  padding-right: 17px;
}

.nice-select:before{
  position: absolute;
  content: '';
  background: #000;
  width: 10px;
  height: 5px;
  top: 12px;
  right: 0px;
  clip-path: polygon(0% 0%, 100% 0%, 50% 100%, 50% 100%, 0% 0%);
}

.main-header .menu-right-content .login-box a{
  position: relative;
  display: inline-block;
  font-size: 14px;
  line-height: 30px;
  font-weight: 500;
  color: var(--title-color);
  padding-left: 21px;
}

.main-header .menu-right-content .login-box a i{
  position: absolute;
  left: 0px;
  top: 6px;
  font-size: 18px;
}

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

}


/** 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: 5px;
    padding-right: 10px;
    border-right: 1px solid #2fab11;
  -webkit-transition:all 300ms ease;
  -moz-transition:all 300ms ease;
  -ms-transition:all 300ms ease;
  -o-transition:all 300ms ease;
  transition:all 300ms ease;
}

.fixed-header .main-menu .navigation > li{
  margin: 5px !important;
}

.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: 12px;
    line-height: 30px;
    padding: 20px 0px;
    font-weight: 500;
    font-family: var(--text-font);
    opacity: 1;
    color: #000;
    text-transform: uppercase;
    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;
}

.light-home .main-menu .navigation > li > a{
  color: #fff;
}

.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;
    max-height: 450px;
    overflow: auto;
}

.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-weight:500;
  font-size:14px;
  text-transform:capitalize;
  font-family: var(--text-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;
  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 > 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:14px;
  text-transform:capitalize;
  font-family: var(--text-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(--theme-color);
  display: none;
}

.mobile-menu .nav-logo img {
    max-width: 164px;
    background: white;
    padding: 8px;
    border-radius: 9px;
}

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

.sticky-header .main-menu .navigation > li > a{
  padding-top: 25px;
  padding-bottom: 25px;
  color: #000;
}

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

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


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

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


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

.light-home button.rtl{
  background: var(--secondary-color);
}

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

.light-home button.ltr{
  background: var(--secondary-color);
}

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

.dots-style-one .owl-dots .owl-dot span{
  position: relative;
  display: inline-block;
  width: 22px;
  height: 22px;
  border-radius: 50%;
  border: 2px solid transparent;
  cursor: pointer;
  margin: 0px 5px;
  background: transparent !important;
  transition: all 500ms ease;
}

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

}

.dots-style-one .owl-dots .owl-dot span:before{
  position: absolute;
  content: '';
  width: 14px;
  height: 14px;
  border: 2px solid #303030;
  border-radius: 50%;
  left: 2px;
  top: 2px;
}

.dots-style-one .owl-dots .owl-dot.active span:before,
.dots-style-one .owl-dots .owl-dot span:hover:before{
  width: 12px;
  height: 12px;
  left: 3px;
  top: 3px;
}

.border-animation {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 1px solid rgba(255,255,255,.5);
  -webkit-border-radius: 50%;
  -khtml-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  animation: squares 2.9s linear 0s infinite;
  -webkit-animation: squares 2.9s linear 0s infinite;
  -ms-animation: squares 2.9s linear 0s infinite;
  -o-animation: squares 2.9s linear 0s infinite;
  -webkit-animation-play-state: running;
  -moz-animation-play-state: running;
  -o-animation-play-state: running;
  animation-play-state: running;
  opacity: 0;
}

.border-animation.border-2 {
  -webkit-animation-delay: 1s;
  -moz-animation-delay: 1s;
  -o-animation-delay: 1s;
  animation-delay: 1s;
}

.border-animation.border-3 {
  -webkit-animation-delay: 2s;
  -moz-animation-delay: 2s;
  -o-animation-delay: 2s;
  animation-delay: 2s;
}

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

.nav-style-one .owl-nav button:hover{
  color: #fff;
}


/** main-footer **/

.main-footer{
  position: relative;
  background: #191919;
}

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

.main-footer .widget-section{
  border-bottom: 1px solid rgba(255, 255, 255, 0.10);
}

.main-footer .logo-widget{
  position: relative;
  max-width: 330px;
}

.main-footer p,
.main-footer a{
  color: #fff;
}

.main-footer a:hover{

}

.main-footer .logo-widget .footer-logo {
    margin-bottom: 19px;
    background: white;
    /*padding: 10px;*/
    /*border-radius: 25px;*/
}

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

.main-footer .logo-widget .info-list li{
  position: relative;
  display: block;
  font-size: 16px;
  line-height: 24px;
  margin-bottom: 15px;
}

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

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

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

.main-footer .links-widget .links-list li {
    position: relative;
    display: block;
    font-size: 14px;
    line-height: 30px;
}

.footer-bottom{
  position: relative;
  background: #191919;
  width: 100%;
  padding: 10px 0px 5px;
}

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

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

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

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

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

.social-links li a{
  position: relative;
  display: inline-block;
  font-size: 18px;
  color: rgba(255, 255, 255, 0.60);
}

.social-links li a:hover{

}


/** header-style-two **/

.header-style-two{
  box-shadow: 0px 4px 25px 0px rgba(0, 0, 0, 0.05);
}

.header-style-two .header-lower .outer-box{
  background: #fff;
  border-radius: 0px;
  padding: 0px;
}

.header-style-two .header-lower .logo-box{
  padding: 5px 0px;
}

.header-style-two .main-menu .navigation > li > a{
  padding-top: 5px;
  padding-bottom: 5px;
}

.main-header .search-box-outer{
  position: relative;
  display: inline-block;
  font-size: 20px;
  color: var(--title-color);
  cursor: pointer;
  top: 3px;
  transition: all 500ms ease;
}

.main-header .search-box-outer:hover{

}

.main-header .language-box{
  position: relative;
  display: inline-block;
  padding-right: 16px;
  cursor: pointer;
  z-index: 2;
}

.main-header .language-box:before{
  position: absolute;
  content: '';
  background: #000;
  width: 10px;
  height: 5px;
  top: 12px;
  right: 0px;
  clip-path: polygon(0% 0%, 100% 0%, 50% 100%, 50% 100%, 0% 0%);
}

.main-header .language-box .icon-box{
  position: relative;
  display: inline-block;
  border-radius: 50%;
}

.main-header .language-box .icon-box img{
  width: 100%;
  border-radius: 50%;
}

.main-header .language-box .language-dropdown{
  position: absolute;
  left: 0px;
  top: 40px;
  width: 100px;
  background: #fff;
  border-radius: 5px;
  box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.10);
  opacity: 0;
  visibility: hidden;
  transition: all 500ms ease;
}

.main-header .language-box:hover .language-dropdown{
  top: 30px;
  opacity: 1;
  visibility: visible;
}

.main-header .language-box .language-dropdown li{
  position: relative;
  display: block;
  padding: 5px 15px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.10);
}

.main-header .language-box .language-dropdown li:last-child{
  border-bottom: none;
}

.main-header .language-box .language-dropdown li button{
  position: relative;
  display: block;
  font-size: 16px;
  color: var(--title-color);
  cursor: pointer;
  transition: all 500ms ease;
}

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

@-webkit-keyframes circle {
    0% {
      opacity: 1;
    }
    40% {
      opacity: 1;
    }
    100% {
      width: 200%;
      height: 200%;
      opacity: 0;
    }
}
@keyframes circle {
    0% {
      opacity: 1;
    }
    40% {
      opacity: 1;
    }
    100% {
      width: 200%;
      height: 200%;
      opacity: 0;
    }
}


.pb_0{
  padding-bottom: 0px !important;
}

.white-bg{
  background: #fff !important;
}

.light-footer{
  background: #fff;
}

.light-footer p, 
.light-footer a{
  color: #6A6A6A;
}

.light-footer .logo-widget .info-list li a{
  color: var(--title-color);
}

.light-footer .logo-widget .info-list li a:hover{

}

.light-footer a:hover{

}

.light-footer .widget-title h3{
  color: var(--title-color);
}

.light-footer .widget-section{
  border-color: rgba(0, 0, 0, 0.10);
}

.light-footer .footer-bottom{
  background: #fff;
}

.light-footer .footer-bottom .social-links li a{
  color: #6A6A6A;
}

.light-footer .footer-bottom .social-links li a:hover{

}

.sidebar-page-container{
  position: relative;
}

.sidebar-page-container .pattern-layer .pattern-1{
  position: absolute;
  left: 0px;
  top: 400px;
  width: 285px;
  height: 323px;
  background-repeat: no-repeat;
}

.sidebar-page-container .pattern-layer .pattern-2{
  position: absolute;
  right: 0px;
  top: 570px;
  width: 192px;
  height: 349px;
  opacity: 0.05;
  background-repeat: no-repeat;
}

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

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

.pt_0{
  padding-top: 0px !important;
}



.contact-map-section{
  position: relative;
}

.contact-map-section .map-inner{
  position: relative;
  border-radius: 10px;
  overflow: hidden;
  height: 520px;
}

.contact-map-section .map-inner iframe{
  position: relative;
  width: 100%;
  height: 520px;
}


figure.logo-box img {
    height: 50px;
    background-color: #fff;
    border-radius: 10px 0px 10px 0px;
}

figure.logo img {
    width: 120px;
}

.slide-item {
  position: relative;
  width: 100%;
  height: 500px;   /* fixed height */
  overflow: hidden;
}

.slide-item .bg-layer {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;       /* full width */
  height: 100%;      /* fill parent height (400px) */
  object-fit: cover;  /* scale video to cover area */
  z-index: 0;
}

.slide-item .content-box {
  position: relative;
  z-index: 2; /* text above video */
  color: #fff;
  text-align: left;
  top: 50%;
  width:60%;
  /*transform: translateY(-50%);*/
}

/* Tablet Devices */
@media (max-width: 1024px) {
  .slide-item {
    height: 300px;
  }
  .slide-item .content-box span.special-text {
    font-size: 20px;
  }
  .slide-item .content-box h2 {
    font-size: 28px;
  }
  .slide-item .content-box p {
    font-size: 16px;
  }
}

/* Mobile Devices */
@media (max-width: 768px) {
  .slide-item {
    height: 550px;
  }
  
  .slide-item .content-box span.special-text {
    font-size: 18px;
  }
  .slide-item .content-box h2 {
    font-size: 24px;
  }
  .slide-item .content-box p {
    font-size: 14px;
  }

  .main-header .header-lower .outer-box {
    background: rgb(226 97 45);
    border-radius: 32px 32px 32px 33px;
    padding: 0px 40px 0px 35px;
    position: relative;
            top: 0;
   
}
}

/* Small Mobile Devices */
/*@media (max-width: 480px) {
  .slide-item {
    height: 200px;
  }
  .slide-item .content-box span.special-text {
    font-size: 16px;
  }
  .slide-item .content-box h2 {
    font-size: 20px;
  }
  .slide-item .content-box p {
    font-size: 12px;
  }
}
/* Show on desktop */
.desktop-only {
    display: inline-block; /* or flex if needed */
}

/* Hide on mobile */
@media (max-width: 991px) {
    .desktop-only {
        display: none !important;
    }
}



.stats-container {
    display: flex;
    justify-content: space-around;
    align-items: center;
    padding: 17px 20px;
    flex-wrap: wrap;
    border-bottom: 1px solid rgba(16, 12, 8, .1);
  
}

        .stat-card {
            display: flex;
            flex-direction: column;
            align-items: center;
            margin: 20px;
            text-align: center;
        }

        .stat-card i {
            font-size: 40px;
            color: #ff6b6b;
            margin-bottom: 15px;
        }

        .stat-card h2 {
            font-size: 28px;
            margin: 0 0 10px 0;
            color: #333;
        }

        .stat-card p {
            font-size: 16px;
            margin: 0;
            color: #666;
        }

        @media (max-width: 768px) {
            .stats-container {
                flex-direction: column;
            }
        }

.bg-layer-1 {
    padding: 20px;
    background-color: #0000007a;
    background-blend-mode: overlay;
    background-size: cover;
    background-position: center;
}
.title-box h1 {
    color: #496466!important;
}
.content-box h1 {
    color: beige;
}


/* General Section Styling */
.contact-info-section {
    background: linear-gradient(135deg, #f5f7fa 0%, #c3cfe2 100%);
    padding: 50px 0 50px;
    text-align: center;
    font-family: 'Poppins', sans-serif;
}

.contact-info-section .sec-title .sub-title {
    display: block;
    font-size: 18px;
    color: #555;
    margin-bottom: 10px;
    font-weight: 500;
    text-transform: uppercase;
}

.contact-info-section .sec-title h2 {
    font-size: 36px;
    font-weight: 700;
    color: #222;
    margin-bottom: 50px;
}

/* Info Blocks */
.info-column {
    margin-bottom: 30px;
}

.info-block-one {
    background: #fff;
    padding: 40px 20px;
    border-radius: 15px;
    box-shadow: 0 8px 25px rgba(0,0,0,0.1);
    transition: all 0.3s ease;
}

.info-block-one:hover {
    transform: translateY(-10px);
    box-shadow: 0 15px 35px rgba(0,0,0,0.15);
}

/* Icon Styling */
.icon-box {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: #e7835a4a;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 20px;
    font-size: 30px;
    color: #fff;
    transition: all 0.3s ease;
}
.info-block-one:hover .icon-box {
    background: #ff6584;
}

/* Info Text */
.info-block-one h3 {
    font-size: 22px;
    font-weight: 600;
    margin-bottom: 15px;
    color: #222;
}

.info-block-one p {
    font-size: 16px;
    color: #555;
    line-height: 1.6;
}

.info-block-one a {
    color: #000000;
    text-decoration: none;
    transition: color 0.3s ease;
}
.info-block-one a:hover {
    color: #ff6584;
}

/* Responsive */
@media(max-width: 991px) {
    .contact-info-section .sec-title h2 {
        font-size: 30px;
    }
}

@media(max-width: 575px) {
    .info-block-one {
        padding: 30px 15px;
    }
}


/* General Section Styling */
.contact-section {
    background: #f5f7fa;
    padding: 50px 0;
    font-family: 'Poppins', sans-serif;
}

.contact-section .sec-title .sub-title {
    display: block;
    font-size: 18px;
    color: #555;
    margin-bottom: 10px;
    font-weight: 500;
    text-transform: uppercase;
}

.contact-section .sec-title h2 {
    font-size: 28px;
    font-weight: 700;
    color: #222;
    margin-bottom: 15px;
}
/* Form Styling */
.default-form {
    max-width: 900px;
    margin: 0 auto;
    background: #fff;
    padding: 20px 40px;
    border-radius: 15px;
    box-shadow: 0 10px 30px rgba(0,0,0,0.1);
    transition: all 0.3s ease;
}

.default-form:hover {
    box-shadow: 0 15px 40px rgba(0,0,0,0.15);
}

.default-form .form-group {
    margin-bottom: 20px;
}

.default-form input,
.default-form textarea {
    width: 100%;
    padding: 15px 20px;
    border: 1px solid #ddd;
    border-radius: 10px;
    font-size: 16px;
    transition: all 0.3s ease;
}

.default-form input:focus,
.default-form textarea:focus {
    border-color: #6c63ff;
    box-shadow: 0 0 10px rgba(108, 99, 255, 0.2);
    outline: none;
}

.default-form textarea {
    min-height: 150px;
    resize: none;
}

/* Button Styling */
.theme-btn {
    background: #2fab11;
    color: #fff !important;
    padding: 15px 40px;
    font-size: 16px;
    font-weight: 600;
    border: none;
    border-radius: 50px;
    cursor: pointer;
    transition: all 0.3s ease;
}

.theme-btn:hover {
    transform: translateY(-3px);
    box-shadow: 0 8px 25px rgba(0,0,0,0.2);
}

/* Responsive */
@media(max-width: 991px) {
    .contact-section .sec-title h2 {
        font-size: 30px;
    }
}

@media(max-width: 575px) {
    .default-form {
        padding: 30px 20px;
    }
}





.accordion-box .acc-content {
    display: none;
    padding: 10px 0;
}
.accordion-box .accordion.active .acc-content {
    display: block;
}

.acc-btn {
    cursor: pointer;
  /*  padding: 10px;
    background: #f2f2f2;
    margin-bottom: 5px;*/
}
.acc-btn:hover {
    background: #e2e2e2;
}



.travel-form {
    background: #7c7c7c;
    padding: 25px;
    border-radius: 33px;
    box-shadow: 0 15px 35px rgba(0, 0, 0, 0.3);
    /* max-width: 450px; */
    /* margin: 40px auto; */
    font-family: 'Poppins', sans-serif;
    color: #fff;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    margin-top: 21px;
}
.travel-form h3 {
    text-align: center;
    font-size: 28px;
    margin-bottom: 30px;
    font-weight: 700;
    color: #fff;
    text-shadow: 1px 1px 5px rgba(0,0,0,0.3);
}
.travel-form.highlight {
    background:#0c0f35;
    padding:15px;
}

.travel-form .form-group {
    margin-bottom: 15px;
    position: relative;
}

.travel-form label {
    display: block;
    margin-bottom: 8px;
    font-weight: 600;
    color: #fff;
}

.travel-form label i {
    margin-right: 8px;
    color: #fff;
}

/* Inputs & Select */
.travel-form input,
.travel-form select,
.travel-form textarea {
    width: 100%;
    padding: 12px;
    /*border-radius: 50px;*/
    border: none;
    outline: none;
    font-size: 15px;
    transition: all 0.3s ease;
}

.travel-form input:focus,
.travel-form select:focus,
.travel-form textarea:focus {
    box-shadow: 0 0 15px rgba(255, 255, 255, 0.5);
}
.travel-form input, .travel-form select, .travel-form textarea {
    box-shadow: 0 0 15px rgba(255, 255, 255, 0.5);
    background: white;
    border-radius: 17px;
}

/* Textarea */
.travel-form textarea {
    border-radius: 15px;
    resize: none;
}

/* Submit Button */
.travel-form .btn-submit {
    width: 100%;
    padding: 15px;
    background: linear-gradient(135deg, #0d1238, #2fab11);
    border: none;
    border-radius: 50px;
    color: #fff;
    font-size: 18px;
    font-weight: bold;
    cursor: pointer;
    transition: all 0.3s ease;
    box-shadow: 0 6px 15px rgba(0,0,0,0.2);
}

.travel-form .btn-submit:hover {
    transform: translateY(-3px);
    box-shadow: 0 8px 20px rgba(0,0,0,0.4);
}

/* Responsive */
@media(max-width: 768px) {
    .travel-form {
        padding: 25px;
    }
}
.owl-carousel .item {
    height: 400px;
    background-size: cover;
    background-position: center;
}



.contact-section {
    background-color: #f9fafb;
    position: relative;
}

.pattern-layer {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center;
    opacity: 0.1;
}

.form-input {
    width: 100%;
    padding: 0.75rem 1rem;
    border: 1px solid #e2e8f0;
    border-radius: 12px;
    transition: all 0.3s;
}

.form-input:focus {
    border-color: #7f00ff;
    box-shadow: 0 0 10px rgba(127,0,255,0.3);
    outline: none;
}

.btn-submit {
    cursor: pointer;
}

.text-gradient {
    background: linear-gradient(90deg, #7f00ff, #e100ff);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.feature-item .icon-box {
    flex-shrink: 0;
}

p.text-contact {
    text-align: left;
    padding: 20px 30px;
    background: #fe7a1a63;
    color: #000000;
}
.sec-title-1 {
    background-color: #2fab11;
    padding: 5px;
    /*border-bottom: 4px solid #0d1238;*/
    /*border-top: 4px solid #0c123a;*/
}
h2.text-des {
    color: white;
}

.content-des {
    background: beige;
    border:1px solid
}

h4.address {
    color: white;
    font-size: 17px;
}
ul.info-list-1 {
    display: flex;
    gap: 22px;
    justify-content: center;
}

section.gir-safari-section.pt-100.pb-100 {
    margin-bottom: 30px;
}

/*banner form css start*/
   .container {
      background:#000000a8;
      max-width: 420px;
      margin: 20px auto;
      
    padding: 10px 10px 15px 12px;
      border-radius: 5px;
      box-shadow: 0 0 10px #0006;
    }
    h4 {
      color: #2fab11;
      margin-top: 10px;
      margin-bottom: 10px;
      font-family: Verdana, Arial, sans-serif;
    }
    .form-group {
      margin-bottom: 10px;
    }
    .form-control, select, input[type="date"] {
     width: 100%;
    padding: 10px;
    border: none;
    border-radius: 3px;
    font-size: 16px;
    margin-top: 0px;
    margin-bottom: 10px;
    box-sizing: border-box;
    appearance:auto;
    }
    .form-control:focus, select:focus, input[type="date"]:focus {
      outline: none;
      box-shadow: 0 0 3px #2fab11;
      border:2px solid #2fab11;
    }
    .btn {
      background: #2fab11;
      color: #fff;
      width: 100%;
      border: none;
      border-radius: 3px;
      padding: 13px 0;
      font-size: 18px;
      cursor: pointer;
      margin-top: 10px;
      transition: background 0.2s;
    text-transform: uppercase;
    }
    .btn:hover {
    background: #ffffff;
    color: #181818;
    text-transform: uppercase;
    }

/*banner form css end*/

.theme-btn.small-btn {
    padding:6px 25px 6px 12px !important;
}

/* GIR LION Details page slider*/
.tg-tour-details-video-title {
  font-size: 26px;
  text-transform: none;
}
.tg-tour-details-video-location span {
  text-transform: none;
  color: var(--tg-common-black);
}
.tg-tour-details-video-ratings span {
  color: var(--tg-common-yellow);
}
.tg-tour-details-video-ratings span.review {
  font-size: 14px;
  color: var(--tg-common-black);
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .tg-tour-details-video-share {
    text-align: left !important;
    margin-top: 10px;
  }
}
.tg-tour-details-video-share a {
  color: var(--tg-common-black);
  text-transform: none;
}
.tg-tour-details-video-share a:hover {
  color: var(--tg-theme-primary);
}
.tg-tour-details-video-thumb img {
  border-radius: 15px;
}
.tg-tour-details-video-inner {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  right: 0;
  margin: 0 auto;
}
.tg-tour-details-video-inner .tg-video-play {
  color: var(--tg-common-black);
}
.tg-tour-details-video-feature-list ul {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
.tg-tour-details-video-feature-list ul li {
  display: flex;
  margin-bottom: 15px;
}
.tg-tour-details-video-feature-list ul li:not(:last-child) {
  margin-right: 35px;
}
.tg-tour-details-video-feature-list ul li .icon {
  color: var(--tg-theme-primary);
  border-radius: 6px;
  width: 40px;
  height: 40px;
  background: #f0e9ff;
  text-align: center;
  line-height: 40px;
  display: inline-block;
  margin-right: 11px;
}
.tg-tour-details-video-feature-list ul li .title {
  font-weight: 500;
  font-size: 14px;
  text-transform: none;
  color: var(--tg-grey-1);
  display: block;
  line-height: 1;
}
.tg-tour-details-video-feature-list ul li .duration {
  font-weight: 500;
  text-transform: none;
  color: var(--tg-common-black);
}
.tg-tour-details-video-feature-price p {
  font-size: 15px;
  text-transform: none;
  color: var(--tg-grey-1);
  display: flex;
  align-items: center;
  justify-content: end;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .tg-tour-details-video-feature-price p {
    justify-content: flex-start;
  }
}
.tg-tour-details-video-feature-price p span {
  font-weight: 600;
  margin-left: 5px;
  font-size: 30px;
  text-transform: none;
  color: var(--tg-theme-primary);
}
.tg-tour-details-video-feature-2-list ul li {
  align-items: center;
}
.tg-tour-details-video-feature-2-list ul li .icon {
  background: var(--tg-common-white);
  border: 1px solid #e4e4e4;
  border-radius: 50%;
}
.tg-tour-details-gallery-thumb img {
    border-radius: 15px;
    height: 420px;
    object-fit: cover;
}
.package-mini-thumb .tg-tour-details-gallery-thumb img {
    height: 100px;
    margin-top:15px;
}
.tg-tour-details-gallery-thumb-active .tg-tour-details-gallery-thumb {
  mix-blend-mode: luminosity;
  position: relative;
  border: 2px solid transparent;
  border-radius: 15px;
  cursor:pointer;
}
.tg-tour-details-gallery-thumb-active .tg-tour-details-gallery-thumb img {
  border-radius: 12px;
}
.tg-tour-details-gallery-thumb-active .tg-tour-details-gallery-thumb::before {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  border-radius: 12px;
  opacity: 0.3;
  background: var(--tg-common-black);
  top: 0;
  transform: scale(1);
  transition: all 0.4s ease;
  left: 0;
}
.tg-tour-details-gallery-thumb-active .swiper-slide-active .tg-tour-details-gallery-thumb {
  border: 2px solid var(--tg-theme-primary);
}
.tg-tour-details-gallery-thumb-active .swiper-slide-active .tg-tour-details-gallery-thumb::before {
  transform: scale(0);
  opacity: 1;
}
.tg-tour-details-gallery-navigation button {
  width: 50px;
  height: 50px;
  text-align: center;
  line-height: 46px;
  border-radius: 50%;
  border: 1px solid rgba(255, 255, 255, 0.7);
  background-color: var(--tg-common-white);
  color: var(--tg-common-black);
  position: absolute;
  top: 48%;
  left: 50px;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  z-index: 1;
  font-size: 18px;
}
@media (max-width: 575px) {
  .tg-tour-details-gallery-navigation button {
    left: 15px;
  }
}
.tg-tour-details-gallery-navigation button:hover {
  background: var(--tg-theme-primary);
  color: var(--tg-common-white);
  border-color: var(--tg-theme-primary);
}
.tg-tour-details-gallery-navigation button.tg-tour-details-gallery-next {
  right: 50px;
  left: auto;
}
@media (max-width: 575px) {
  .tg-tour-details-gallery-navigation button.tg-tour-details-gallery-next {
    right: 15px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .tg-tour-about-wrap {
    margin-right: 0;
  }
}

.custom_stylinglist_table ul {
    list-style: disc;
    padding-left: 15px;
    margin-bottom: 7px;
}
.iconhotel.pl15px ul.list-ok li {
    padding-left: 15px;
    font-size:14px
}
.iconhotel ul.list-ok li {
    display: inline-block;
    margin-right: 20px;
}
.iconhotel img {
    width: 17px;
    position: relative;
    top: -3px;
    margin-right: 7px;
}
.text-contact-1 .text-contact {
    padding: 10px;
    text-align: left;
    color:#333;
}
.text-contact-1 .text-contact table {
    margin-top: 20px;
    border: 1px solid;
}

.hasDatepicker .ui-widget.ui-widget-content {width:100% !important;}
.hasDatepicker .ui-datepicker .ui-datepicker-header {background:#45ab00; color:#fff;}
.hasDatepicker .ui-state-active, .hasDatepicker .ui-widget-content .ui-state-active, .hasDatepicker .ui-widget-header .ui-state-active, .hasDatepicker a.ui-button:active,.hasDatepicker  .ui-button:active,.hasDatepicker  .ui-button.ui-state-active:hover {
    background:#2fab11;
    border-color:#2fab11;
    color:#fff;
}
.info-column .inner-box h3 {
    font-size: 20px;
}

.contact-form-inner {
  padding-bottom: 80px;
}

.contact-page-section iframe {
  display: block;
}

.contact-detail-wrap .details-list {
  margin: 45px 0;
}
.contact-detail-wrap .details-list ul {
  margin: 0;
  padding: 0;
}
.contact-detail-wrap .details-list ul li {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  list-style: none;
  margin-bottom: 20px;
  position: relative;
}
.contact-detail-wrap .details-list ul li:last-child {
  margin-bottom: 0;
}
.contact-detail-wrap .details-list .icon {
    background-color: #00204a;
    color: #ffffff;
    display: block;
    font-size: 25px;
    line-height: 60px;
    height: 60px;
    text-align: center;
    width: 60px;
    border-radius: 8px;
}
.contact-detail-wrap .details-list .details-content {
  width: -moz-calc(100% - 60px);
  width: -webkit-calc(100% - 60px);
  width: calc(100% - 60px);
  padding-left: 20px;
}
.contact-detail-wrap .details-list .details-content h4 {
  margin-bottom: 8px;
}
.contact-detail-wrap .contct-social ul {
  margin: 0 -5px;
}
.contact-detail-wrap .contct-social li {
    margin: 0 5px;
    float: left;
}
.contact-detail-wrap .contct-social a {
  color: #00204a;
  border: 1px solid #00204a;
  display: block;
  font-size: 20px;
  line-height: 40px;
  text-align: center;
  height: 40px;
  width: 40px;
    border-radius: 8px;
}

.content-des .text-contact {
    padding: 15px;
    text-align: justify;
    hyphens: auto;
}
.content-des table td {
    border: 1px solid;
}
.tours-block-one {
    height: 100%;
}
.sidebar-widget.post-widget {
    border: 1px solid;
    padding: 20px;
    border-radius: 20px;
}

@media screen and (min-width: 768px) {
  .contact-detail-wrap {
    padding-left: 30px;
  }
}

.contact-from-wrap .contact-from input:not([type=submit]):not([type=checkbox]):not([type=radio]) {
  width: 100%;
}
.contact-from-wrap .contact-from input[type=submit] {
  padding: 15px 30px;
  color: #000;
}
@media screen and (max-width: 767px) {
  .contact-from-wrap {
    margin-bottom: 40px;
  }
  ul.info-list-1 {display:block;}
}