/* Css For Labout */

/************ 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: #dc2626;
  --secondary-color: #B91C1C;
  --pink-color: #FFC0CB;
  --violet-color: #7F00FF;
  --crimson-color: #DC143C;
  --orange-color: #FFA500;
  --text-color: #6A6A6A;
  --title-color: #111111;
  --text-font: 'Inter', sans-serif;
  --title-font: 'Afacad', sans-serif;
}





body {
  font-size:16px;
  color: var(--text-color);
  line-height:26px;
  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;
  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: 600;
  color: #101A30;
  margin: 0px;
  transition: all 500ms ease;
}



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: 20px;
  line-height: 30px;
  font-weight: 500;
  font-family: var(--title-font);
  color: #fff !important;
  text-align: center;
  border-radius: 35px;
  padding: 10px 30px;
  z-index: 1;
  transition: all 500ms ease;
}

.theme-btn span {
  position: absolute;
  width: 25%;
  height: 100%;
  transform: translateY(150%);
  border-radius: 50%;
  left: calc((var(--n) - 1) * 25%);
  transition: 0.5s;
  transition-delay: calc((var(--n) - 1) * 0.1s);
  z-index: -1;
  background: var(--secondary-color);
}

.theme-btn:hover span {
  transform: translateY(0) scale(2);
}

.theme-btn span:nth-child(1) {
  --n: 1;
}

.theme-btn span:nth-child(2) {
  --n: 2;
}

.theme-btn span:nth-child(3) {
  --n: 3;
}

.theme-btn span:nth-child(4) {
  --n: 4;
}

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

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

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

.pagination li span{
  position: relative;
  display: inline-block;
  font-size: 20px;
  color: var(--title-color);
}

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

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

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

/** scroll-to-top **/

.scroll-to-top {
  position: fixed;
  right: 30px;
  bottom: 30px;
  height: 46px;
  width: 46px;
  cursor: pointer;
  display: block;
  box-shadow: inset 0 0 0 2px rgba(0,0,0,.2);
  border-radius: 50%;
  z-index: 90000;
  opacity: 0;
  visibility: hidden;
  -webkit-transform: translateY(15px);
  -ms-transform: translateY(15px);
  transform: translateY(15px);
  -webkit-transition: all 200ms linear;
  transition: all 200ms linear;
}

.scroll-to-top.scroll-top-active {
  opacity: 1;
  visibility: visible;
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0)
}

.scroll-to-top::after {
  position: absolute;
  content: "\f106";
  font-family: 'Font Awesome 5 Pro';
  text-align: center;
  line-height: 46px;
  font-size: 18px;
  color: var(--theme-color);
  left: 0;
  top: 0;
  height: 46px;
  width: 46px;
  cursor: pointer;
  display: block;
  z-index: 2;
  -webkit-transition: all 200ms linear;
  transition: all 200ms linear
}

.scroll-to-top:hover::after {
  color: var(--theme-color)
}

.scroll-to-top:hover::before {
  opacity: 1
}

.scroll-to-top .scroll-top-inner path {
  stroke-width: 4;
  fill: transparent;
  box-sizing: border-box;
  -webkit-transition: all 200ms linear;
  transition: all 200ms linear;
}



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

.sub-title{
  position: relative;
  display: inline-block;
  font-size: 13px;
  line-height: 20px; 
  font-weight: 500;
  text-transform: uppercase;
  padding: 5px 15px;
  text-align: center;
  border-radius: 30px;
  z-index: 1;
}

.sub-title:before{
  position: absolute;
  content: '';
  width: 100%;
  height: 100%;
  left: 0px;
  top: 0px;
  border-radius: 30px;
  z-index: -1;
  opacity: 0.1;
}

.light .sub-title:before{
  background: #fff !important;
}

.sec-title h2{
  position: relative;
  display: block;
  font-size: 48px;
  line-height: 53px;
  font-weight: 700;
}

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

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





/*** 

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


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

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

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

.header-top .top-inner{
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 12px 20px;
  background: #113281;
}

.header-top .top-inner:before{
  position: absolute;
  content: '';
  background: #153D9A;
  width: calc(50% + 30px);
  height: 100%;
  top: 0px;
  right: 0px;
  clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%, 5% 0%);
}

.header-top .top-inner p{
  position: relative;
  display: block;
  font-size: 15px;
  line-height: 24px;
  color: #fff;
  padding-left: 26px;
}

.header-top .top-inner p i{
  position: absolute;
  left: 0px;
  top: 3px;
  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: 25px;
}

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

.header-top .top-inner .social-links li span{
  font-size: 15px;
  line-height: 24px;
  color: #fff;
}

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

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

}

.main-header .header-lower .outer-box{
  position: relative;
  background: #fff;
  border-radius: 0px 0px 10px 10px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0px 20px;
  box-shadow: 0px 10px 50px 0px #00000014;
}

.main-header .header-lower .outer-box:before{
  position: absolute;
  content: '';
  background: #F7F7F7;
  width: calc(50% + 80px);
  height: 100%;
  top: 0px;
  right: 0px;
  clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%, 7% 0%);
}

.main-header .logo-box .logo{
  position: relative;
  max-width: 157px;
}


/** language-switcher **/

.language-picker label{
  display: none;
}

.language-picker .nice-select{
  display: none;
}


.language-picker {
  position: relative;
  display: inline-block;
}

.language-picker:before{
  position: absolute;
  content: '\e902';
  font-family: 'icomoon';
  font-size: 5px;
  top: 0px;
  right: 0px;
  color: var(--title-color);
}

.language-picker__button .icon {
  display: none;
}

.language-picker__dropdown {
  position: absolute;
  left: 0;
  top: 100%;
  width: 80px;
  background-color: #fff;
  box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.10);
  padding: 15px 25px;
  visibility: hidden;
  opacity: 0;
  z-index: 2;
  text-align: left;
  transition: visibility 0s .2s, opacity .2s, -webkit-transform .2s ease-out;
  transition: visibility 0s .2s, opacity .2s, transform .2s ease-out;
  transition: visibility 0s .2s, opacity .2s, transform .2s ease-out, -webkit-transform .2s ease-out
}

.language-picker__button[aria-expanded=true]+.language-picker__dropdown {
  visibility: visible;
  opacity: 1;
  -webkit-transform: translateY(4px);
  -ms-transform: translateY(4px);
  transform: translateY(4px);
  transition: opacity .2s, -webkit-transform .2s ease-out;
  transition: opacity .2s, transform .2s ease-out;
  transition: opacity .2s, transform .2s ease-out, -webkit-transform .2s ease-out
}

.language-picker__item span {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis
}

.language-picker__item:hover {

}

.language-picker__button{
  border: none !important;
  padding: 0px;
}

.language-picker__flag {
  position: relative;
  font-size: 15px;
  font-family: 'Space Grotesk', sans-serif;
  font-weight: 600;
  color: #222;
  padding-left: 33px;
  text-transform: uppercase;
}

.language-picker__flag.language-picker__label:after {
  position: absolute;
  content: '';
  width: 10px;
  height: 6px;
  top: 6px;
  right: 0px;
  background-repeat: no-repeat;
}

.language-picker__flag.language-picker__label{
  padding-left: 34px;
  padding-right: 0px;
  color: #fff;
  padding-right: 16px;
}

.language-picker__flag em{
  font-style: normal;
}

.language-picker__flag::before {
  position: absolute;
  content: '';
  height: 24px;
  width: 24px;
  top: 4px;
  left: 0px;
  border-radius: 50%;
  border: 1px solid #fff;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

.language-picker__flag.language-picker__label:before{
  top: -3px;
  left: 0px;
}

.language-picker__dropdown .language-picker__flag::before {
  margin-right: .5rem;
  margin-right: var(--space-xs);
  top: -1px;
}

.language-picker__flag--deutsch::before {
  background-image: url(../images/icons/flag-deutsch.png);
}

.language-picker__flag--english::before {
  background-image: url(../images/icons/flag-english.png);
}

.language-picker__flag--francais::before {
  background-image: url(../images/icons/flag-francais.png);
}

.language-picker__flag--italiano::before {
  background-image: url(../images/icons/flag-italiano.png);
}

.language-picker--hide-label .language-picker__button .icon {
  margin-left: 0
}

.language-picker--hide-label .language-picker__button em {
  display: none
}

.language-picker--hide-label .language-picker__button .language-picker__flag::before {
  margin-right: .25rem;
  margin-right: var(--space-xxxs)
}

.language-picker__flag.language-picker__label{
  padding-right: 7px;
}

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

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

.main-header .menu-right-content .search-box-outer:hover{

}

.main-header .menu-right-content .btn-box a{
  position: relative;
  display: inline-block;
  font-size: 20px;
  line-height: 30px;
  font-family: var(--title-font);
  font-weight: 500;
  border: solid;
  border-width: 1px;
  border-radius: 5px;
  padding: 4px 30px;
}

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

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


/** 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 19px;
  -webkit-transition:all 300ms ease;
  -moz-transition:all 300ms ease;
  -ms-transition:all 300ms ease;
  -o-transition:all 300ms ease;
  transition:all 300ms ease;
}

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

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

.main-menu .navigation > li > a{
  position:relative;
  display:block;
  text-align:center;
  font-size:16px;
  line-height:26px;
  padding-top: 27px;
  padding-bottom: 27px;
  font-weight:500;
  font-family: var(--text-font);
  opacity:1;
  color: var(--title-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: 27px;
  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: var(--secondary-color);
  opacity: 0;
  border-top: solid;
  border-width: 2px;
  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(--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 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: var(--secondary-color);
  border-top: solid;
  border-width: 2px;
  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(--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(--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;
}

.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: 27px;
  padding-bottom: 27px;
}

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

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


.r-hex {
  position: absolute;
  left: -6px;
  top: 0px;
  overflow: hidden;
  display: inline-block;
  width: 100px; 
  height: 100px;
  transform: rotate(-30deg) skewX(30deg);
  border-radius: 15px;
}

.r-hex *, .r-hex *:before {
  display: block;
  overflow: hidden;
  width: inherit; height: inherit;
  border-radius: inherit;
}

.r-hex-inner {
  transform: skewX(-30deg) rotate(60deg) skewX(30deg);
  cursor: pointer;
  transition: all 500ms ease;
}

.r-hex:first-child .r-hex-inner:before{
  transform: skewX(-30deg) rotate(60deg) skewX(30deg);
  background: #F5F5F5;
  content: '';
}

.list-style-one li{
  position: relative;
  display: block;
  font-size: 18px;
  line-height: 24px;
  font-weight: 500;
  color: var(--title-color);
  padding-left: 28px;
  margin-bottom: 20px;
}

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

.list-style-one li:before{
  position: absolute;
  content: '\e906';
  font-family: 'icomoon';
  font-size: 16px;
  left: 0px;
  top: 0px;
}


/** main-footer **/

.main-footer{
  position: fixed;
  background: #000000;
  width: 100%;
  overflow: hidden;
  left: 0px;
  bottom: 0px;
  min-height: 610px;
}

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

.main-footer .footer-top{
  padding: 50px 0px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.10);
}

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

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

.main-footer .footer-top .top-inner .footer-menu li{
  margin-right: 42px;
}

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

.main-footer .footer-top .top-inner .footer-menu li a{
  position: relative;
  display: inline-block;
  font-size: 16px;
  line-height: 30px;
  color: #fff;
  font-weight: 500;
}

.main-footer .footer-top .top-inner .footer-menu li a:hover{

}

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

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

.main-footer .widget-title h3{
  font-size: 28px;
  line-height: 36px;
  color: #fff;
}

.main-footer .widget-content p{
  color: #fff;
  padding-top: 10px;
  margin-bottom: 30px;
}

.main-footer .about-widget .info li{
  position: relative;
  display: block;
  font-size: 20px;
  line-height: 24px;
  font-family: var(--title-font);
  color: #fff;
  font-weight: 500;
  margin-bottom: 15px;
}

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

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

.main-footer .about-widget .info li a:hover{

}

.main-footer .links-widget .links-list li{
  position: relative;
  display: block;
  font-size: 16px;
  line-height: 42px;
  font-weight: 500;
}

.main-footer .links-widget .links-list li a{
  display: inline-block;
  color: #fff;
  padding-left: 15px;
}

.main-footer .links-widget .links-list li a:before{
  position: absolute;
  content: '';
  background: #fff;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  left: 0px;
  top: 18px;
}

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

}

.main-footer .newsletter-widget .newsletter-form .form-group{
  position: relative;
  margin-bottom: 0px;
  padding-right: 156px;
}

.main-footer .newsletter-widget .newsletter-form .form-group input[type='email']{
  position: relative;
  display: block;
  width: 100%;
  height: 50px;
  background: rgba(255, 255, 255, 0.10);
  border: 1px solid rgba(255, 255, 255, 0.20);
  border-radius: 40px;
  font-size: 16px;
  color: #fff;
  padding: 10px 25px;
  transition: all 500ms ease;
}

.main-footer .newsletter-widget .newsletter-form .form-group input:focus{

}

.main-footer .newsletter-widget .newsletter-form .form-group .theme-btn{
  position: absolute;
  top: 0px;
  right: 0px;
  padding: 10px 25px;
}

.main-footer .footer-bottom{
  position: relative;
  padding: 20px 0px;
}

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

.main-footer .footer-bottom .copyright p{
  color: #fff;
}

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

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

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

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

.main-footer .footer-bottom .social-links li a{
  position: relative;
  display: inline-block;
  width: 40px;
  height: 40px;
  line-height: 42px;
  background: #fff;
  text-align: center;
  border-radius: 50%;
  font-size: 18px;
  color: var(--title-color);
}

/* .main-footer .footer-bottom .social-links li a:hover{
  color: #fff;
} */

.main-footer .footer-bottom .social-links li h4{
  font-size: 20px;
  line-height: 30px;
  color: #fff;
  padding-right: 8px;
}


/** header-style-two **/


.header-style-two .header-lower .outer-box{
  padding: 0px;
  background: transparent;
  box-shadow: none;
}

.header-style-two .header-lower .outer-box:before{
  display: none;
}

.header-style-two .menu-right-content .btn-box a{
  color: #fff !important;
}

.header-style-two .header-lower .menu-area{
  position: relative;
  display: flex;
  align-items: center;
}

.main-header.header-style-two{
  top: 20px;
}

@-webkit-keyframes bounceSlide {
  0%,20%,50%,80%,100% {
      -webkit-transform: translateY(0);
      transform: translateY(0)
  }

  40% {
      -webkit-transform: translateY(-30px);
      transform: translateY(-30px)
  }

  60% {
      -webkit-transform: translateY(-15px);
      transform: translateY(-15px)
  }
}

@keyframes bounceSlide {
  0%,20%,50%,80%,100% {
      -webkit-transform: translateY(0);
      transform: translateY(0)
  }

  40% {
      -webkit-transform: translateY(-30px);
      transform: translateY(-30px)
  }

  60% {
      -webkit-transform: translateY(-15px);
      transform: translateY(-15px)
  }
}

.bounce-slide {
  -webkit-animation-duration: 2.5s;
  animation-duration: 2.5s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-name: bounceSlide;
  animation-name: bounceSlide
}


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

.list-style-two li{
  position: relative;
  display: block;
  font-size: 18px;
  line-height: 24px;
  font-weight: 500;
  color: var(--title-color);
  margin-bottom: 27px;
  padding-left: 16px;
}

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

.list-style-two li:before{
  position: absolute;
  content: '';
  background: var(--secondary-color);
  width: 7px;
  height: 7px;
  border-radius: 50%;
  left: 0px;
  top: 8px;
}

.main-content{
  position: relative;
  background: #fff;
  z-index: 1;
  margin-bottom: 610px;
}

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

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


/** header-style-three **/

.header-style-three{
  position: absolute;
  left: 0px;
  top: 30px;
  width: 100%;
}

.header-style-three .header-lower .outer-box{
  border-radius: 10px;
  border: 1px solid rgba(255, 255, 255, 0.10);
  background: rgba(255, 255, 255, 0.06);
  z-index: 1;
}

.header-style-three .header-lower .outer-box:before{
  display: none;
}

.header-style-three .header-lower .menu-area .main-menu .navigation > li > a{
  color: #fff !important;
}

.header-style-three .header-lower .menu-right-content .search-box-outer{
  color: #fff;
  top: 2px;
}

.header-style-three .header-lower .menu-right-content .btn-box a{
  background: #fff !important;
  border-color: #fff !important;
}

.header-style-three .header-lower .menu-right-content .language-picker:before{
  color: #fff;
}

.header-style-three .sticky-header .menu-right-content .btn-box a{
  color: #fff !important;
}

.zoom-fade{
  -webkit-animation: zoom-fade 5s infinite linear;
  animation: zoom-fade 5s infinite linear;
}

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

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

.dots-style-one .owl-dots .owl-dot span{
  display: none !important;
}

.dots-style-one .owl-dots .owl-dot{
  position: relative;
  display: inline-block;
  width: 12px;
  height: 12px;
  margin-right: 15px;
  border: solid;
  border-width: 1.5px;
  border-color: var(--secondary-color);
  border-radius: 50%;
  transition: all 500ms ease;
}

.dots-style-one .owl-dots .owl-dot.active,
.dots-style-one .owl-dots .owl-dot:hover{
  transform: scale(1.7);
}

.dots-style-one .owl-dots .owl-dot:last-child{
  margin: 0px !important;
}

.dots-style-one .owl-dots .owl-dot:before{
  position: absolute;
  content: '';
  width: 5.5px;
  height: 5.5px;
  left: 2px;
  top: 2px;
  border-radius: 50%;
  transform: scale(0,0);
  transition: all 500ms ease;
}

.dots-style-one .owl-dots .owl-dot.active:before,
.dots-style-one .owl-dots .owl-dot:hover:before{
  transform: scale(1,1);
}

.main-footer.alternat-2{
  min-height: 690px;
}

.main-footer.alternat-2 .footer-top{
  padding-top: 130px;
}

.main-content.alternat-2{
  margin-bottom: 690px;
}


/** header-style-four **/

.header-style-four .header-top .top-inner{
  background: transparent;
  padding-left: 0px;
  padding-right: 0px;
}

.header-style-four .header-top .top-inner p{
  color: var(--title-color);
}

.header-style-four .header-top .top-inner:before,
.header-style-four .header-lower .outer-box:before{
  display: none;
}

.header-style-four .header-lower .outer-box{
  padding-left: 0px;
  border-top-left-radius: 10px;
}

.header-style-four .header-lower .logo-box{
  padding: 20px 21px 17px 20px;
  border-radius: 10px 0px 0px 10px;
}

.header-style-four .menu-right-content .btn-box a{
  background: var(--secondary-color);
  border-color: var(--secondary-color) !important;
  color: #fff !important;
}

.header-style-four .menu-right-content .btn-box a:hover{

}

.main-header.home-5 .header-top .top-inner .social-links li span,
.main-header.home-5 .header-top .top-inner .social-links li a{
  color: var(--title-color);
}

.main-header.home-5 .header-top .top-inner .social-links li a:hover{

}

.team-section.about-page{
  padding: 0px 0px 180px 0px;
}

/* Main dropdown */
.dropdown-menu {
  display: none;
  position: absolute;
  background: #c9302c;
  list-style: none;
  padding: 0;
  margin: 0;
  z-index: 1000;
}

.dropdown:hover > .dropdown-menu {
  display: block;
}

/* Submenu */
.dropdown-submenu {
  display: none;
  position: absolute;
  top: 0;
  left: 100%;
  background: #b52b27;
  list-style: none;
  margin: 0;
  padding: 0;
}

.dropdown-menu li:hover > .dropdown-submenu {
  display: block;
}

/* Links */
.dropdown-menu li a, 
.dropdown-submenu li a {
  display: block;
  padding: 10px 15px;
  color: #fff;
  text-decoration: none;
}

.dropdown-menu li a:hover, 
.dropdown-submenu li a:hover {
  background: #a72824;
}

/* Mobile menu container */
.mobile-menu .menu-box {
  background: #000 !important;   /* Black background for the whole box */
  color: #fff !important;
}

/* Menu links inside */
.mobile-menu .menu-box .menu-outer li a {
  background: #000 !important;   /* Black for each menu item */
  color: #fff !important;        /* White text */
  border: none !important;       /* Remove any red border */
}

/* Hover effect */
.mobile-menu .menu-box .menu-outer li a:hover {
  background: #111 !important;   /* Slightly lighter black */
  color: #fff !important;
}

/* Dropdown caret / icons if any */
.mobile-menu .menu-box .menu-outer li .dropdown-btn {
  background: #000 !important;
  color: #fff !important;
}

/* Contact info + social icons area */
.mobile-menu .contact-info,
.mobile-menu .social-links {
  color: #fff !important;
}
/* Remove red background + borders in mobile dropdown */
.mobile-menu .menu-box .menu-outer li a,
.mobile-menu .menu-box .menu-outer li .dropdown-btn {
  background: #000 !important;     /* black background */
  color: #fff !important;          /* white text */
  border: none !important;         /* remove border */
  box-shadow: none !important;     /* remove red shadow */
}

/* Hide dropdown arrows */
/* .mobile-menu .dropdown-btn,
.mobile-menu .menu-box .menu-outer li a:after {
  display: none !important;
} */

/* General Floating Button Style */
.whats-app,
.call-btn,
.scroll-to-top {
  position: fixed;
  right: 25px;
  z-index: 9999;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: white;
  font-size: 26px;
  cursor: pointer;
  transition: all 0.3s ease;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
}

/* WhatsApp Button */
.whats-app {
  bottom: 160px;
  width: 60px;
  height: 60px;
  background-color: #25d366;
}

.whats-app:hover {
  background-color: #ffffff;
  color: #25d366;
  transform: scale(1.1);
}

/* Phone Call Button */
.call-btn {
  bottom: 90px;
  width: 60px;
  height: 60px;
  background-color: #dc2626;
}

.call-btn:hover {
  background-color: #ffffff;
  color: #dc2626;
  transform: scale(1.1);
}

/* Scroll-to-Top Button */
.scroll-to-top {
  bottom: 20px;
  width: 50px;
  height: 50px;
  background-color: #333;
  opacity: 0;
  pointer-events: none;
  color: white;
}

.scroll-to-top.show {
  opacity: 1;
  pointer-events: auto;
}

.scroll-to-top:hover {
  background-color: #ffffff;
  color: #333;
  transform: scale(1.1);
}

/* Icon alignment fix */
.my-float {
  margin-top: 2px;
}

/* Responsive Mobile View */
@media (max-width: 768px) {
  .whats-app,
  .call-btn,
  .scroll-to-top {
    width: 50px;
    height: 50px;
    right: 15px;
  }

  .whats-app {
    bottom: 140px;
  }

  .call-btn {
    bottom: 75px;
  }

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