/* Css For Medicinsk */

 /************ 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: #F3A952;
   --secondary-color: #064ACB;
   --pink-color: #FFC0CB;
   --violet-color: #7F00FF;
   --crimson-color: #DC143C;
   --orange-color: #00FF00;
   --text-color: #717171;
   --title-color: #111111;
   --text-font: 'Roboto', sans-serif;
   --title-font: 'Source Sans Pro', sans-serif;
   --secondary-font: 'Caveat', cursive;
 }





 body {
   font-size: 16px;
   color: var(--text-color);
   line-height: 29px;
   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);
   color: #101A30;
   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: #0E1136;
 }

 .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 .animation-preloader .txt-loading .letters-loading:nth-child(9):before {
   animation-delay: 1.6s;
 }

 .handle-preloader .loader-section {
   background-color: #ffffff;
   height: 100%;
   position: fixed;
   top: 0;
   width: calc(50% + 1px);
 }

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

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

 .handle-preloader .animation-preloader .spinner {
   border: 3px solid #ffffff;
   border-top-color: rgba(255, 255, 255, 0.5);
 }

 /* Animación del preloader */
 @keyframes spinner {
   to {
     transform: rotateZ(360deg);
   }
 }

 @keyframes letters-loading {

   0%,
   75%,
   100% {
     opacity: 0;
     transform: rotateY(-90deg);
   }

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

 @media screen and (max-width: 767px) {
   .handle-preloader .animation-preloader .spinner {
     height: 8em;
     width: 8em;
   }
 }

 @media screen and (max-width: 500px) {
   .handle-preloader .animation-preloader .spinner {
     height: 7em;
     width: 7em;
   }

   .handle-preloader .animation-preloader .txt-loading .letters-loading {
     font-size: 40px;
     letter-spacing: 10px;
   }
 }


 .centred {
   text-align: center;
 }

 .pull-left {
   float: left;
 }

 .pull-right {
   float: right;
 }

 .special_fonts {
   font-family: 'Fredoka', sans-serif;
 }


 figure {
   margin: 0px;
 }

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

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

 /** button **/


 .theme-btn {
   position: relative;
   display: inline-block;
   overflow: hidden;
   vertical-align: middle;
   font-size: 14px;
   line-height: 24px;
   font-weight: 500;
   font-family: var(--text-font);
   color: #fff !important;
   text-align: center;
   border-radius: 40px;
   padding: 15px 6px 15px 25px;
   text-transform: uppercase;
   z-index: 1;
   transition: all 500ms ease;
 }

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

 .theme-btn span:before {
   position: absolute;
   content: '';
   width: 34px;
   height: 34px;
   line-height: 34px;
   background: #fff;
   text-align: center;
   border-radius: 50%;
   background-image: url(../images/icons/icon-2.svg);
   background-repeat: no-repeat;
   background-position: center;
   top: -9px;
   right: 0px;
 }

 .theme-btn.btn-one span:before {
   background-image: url(../images/icons/icon-2.svg);
 }

 .theme-btn.btn-two span:before {
   background-image: url(../images/icons/icon-3.svg);
 }

 .theme-btn.btn-one {
   background: var(--secondary-color);
 }

 .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-one:before,
 .theme-btn.btn-one:hover {
   background: var(--theme-color);
 }

 .theme-btn.btn-two {
   background: var(--theme-color);
 }

 .theme-btn.btn-two:before,
 .theme-btn.btn-two:hover {
   background: var(--secondary-color);
 }





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


 /** styled-pagination */

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

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

 .pagination li a {
   position: relative;
   display: inline-block;
   font-size: 14px;
   font-weight: 500;
   height: 45px;
   width: 45px;
   line-height: 45px;
   background: #ffffff;
   border: 1px solid #EFF0F3;
   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;
   background: var(--theme-color);
   border-color: var(--theme-color);
 }

 .pagination li a i {
   position: relative;
   font-size: 18px;
   top: 2px;
 }

 .sec-pad {
   padding: 114px 0px 120px 0px;
 }

 .sec-pad-2 {
   padding: 120px 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;
 }

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



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

   100% {
     -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
     box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
   }
 }

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

   100% {
     -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
     box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
   }
 }



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

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

 .sec-title h2 {
   position: relative;
   display: block;
   font-size: 36px;
   line-height: 46px;
   font-weight: 700;
   margin: 0px;
   text-transform: uppercase;
 }

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

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





 /*** 

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

***/


 /** main-header **/

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

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

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

 /** header-top **/

 .header-top {
   position: relative;
   width: 100%;
   background: var(--secondary-color);
 }

 .header-top .outer-container {
   position: relative;
   padding: 10px 70px;
 }

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

 .header-top .info-list li {
   position: relative;
   display: inline-block;
   float: left;
   padding-left: 32px;
   margin-right: 70px;
   font-size: 14px;
   line-height: 26px;
   font-family: var(--title-font);
   color: #fff;
   font-weight: 600;
 }

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

 .header-top .info-list li a {
   display: inline-block;
   color: #fff;
 }

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

 .header-top .info-list li span {
   font-weight: 400;
 }

 .header-top .info-list li i {
   position: absolute;
   left: 0px;
   top: 3px;
   font-size: 20px;
   font-weight: 400;
 }

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

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

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

 .header-top .social-links li h6 {
   display: block;
   font-size: 14px;
   line-height: 26px;
   color: #fff;
   font-weight: 600;
   padding-right: 17px;
 }

 .header-top .social-links li h6:before {
   position: absolute;
   content: '';
   background: rgba(255, 255, 255, 0.20);
   width: 15px;
   height: 1px;
   border-radius: 10px;
   top: 13px;
   right: -11px;
 }

 /** header-lower **/

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

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

 .main-header .menu-right-content .logo-right-box {
   position: relative;
   display: flex;
   align-items: center;
   margin-right: 20px;
   background: #fff;
   border-radius: 50%;
   padding: 5px;
   box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
 }

 .main-header .menu-right-content .logo-right-box img {
   max-height: 70px;
   width: 70px;
   border-radius: 50%;
   object-fit: cover;
   transition: all 500ms ease;
 }

 .main-header .menu-right-content .support-box {
   position: relative;
   display: block;
   padding: 5px 0px 5px 62px;
   margin-right: 75px;
 }

 .main-header .menu-right-content .support-box:before {
   position: absolute;
   content: '';
   background: #E9E9E9;
   width: 1px;
   height: 100%;
   top: 0px;
   right: -38px;
 }

 .main-header .menu-right-content .support-box .icon-box {
   position: absolute;
   left: 0px;
   top: 0px;
   display: inline-block;
   width: 50px;
   height: 50px;
   line-height: 50px;
   text-align: center;
   border-radius: 50%;
   background: var(--theme-color);
 }

 .main-header .menu-right-content .support-box span {
   position: relative;
   display: block;
   font-size: 12px;
   line-height: 15px;
   font-family: var(--title-font);
   color: #BDBDBD;
   margin-bottom: 5px;
 }

 .main-header .menu-right-content .support-box h6 {
   display: block;
   font-size: 16px;
   line-height: 20px;
   font-weight: 600;
 }

 .main-header .menu-right-content .support-box h6 a {
   display: inline-block;
   color: var(--title-color);
 }

 .main-header .menu-right-content .support-box h6 a:hover {
   color: var(--theme-color);
 }



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


 /** 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 20px;
   -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: 20px;
   padding: 35px 0px;
   letter-spacing: 0.05em;
   opacity: 1;
   color: #111111;
   font-weight: 500;
   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;
 }

 .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: 230px;
   margin-top: 15px;
   z-index: 100;
   display: none;
   background: var(--secondary-color);
   opacity: 0;
   visibility: hidden;
   box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.10);
   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-size: 16px;
   text-transform: uppercase;
   font-weight: 500;
   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);
   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-size: 16px;
   text-transform: uppercase;
   color: #fff;
   font-weight: 500;
   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>a:before {
   top: 19px;
 }

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

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

 .check-box input {
   display: none;
 }

 .check-box label {
   position: relative;
   padding-left: 24px;
   display: inline-block;
   cursor: pointer;
 }

 .check-box label a {
   color: #676767;
   text-decoration: underline;
 }

 .check-box label a:hover {
   color: var(--secondary-color);
 }

 .check-box label:before {
   position: absolute;
   content: '';
   left: 0px;
   top: 7px;
   width: 15px;
   height: 15px;
   border-radius: 3px;
   border-style: solid;
   border-width: 1px;
   border-color: #676767;
   background: transparent;
 }

 .check-box label:after {
   position: absolute;
   content: '';
   left: 4px;
   top: 11px;
   width: 7px;
   height: 7px;
   border-radius: 2px;
   background: var(--secondary-color);
   opacity: 0;
   transition: all 500ms ease;
 }

 .check-box input:checked+label:after {
   opacity: 1;
 }

 .list-style-one {
   position: relative;
   display: block;
 }

 .list-style-one li {
   position: relative;
   display: block;
   font-size: 16px;
   line-height: 29px;
   color: var(--title-color);
   padding-left: 28px;
   margin-bottom: 10px;
 }

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

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

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

   to {
     background-position: 1920px 0;
   }
 }

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

   to {
     background-position: 1920px 0;
   }
 }

 @keyframes slide_2 {
   from {
     background-position: 0 0;
   }

   to {
     background-position: -1920px 0;
   }
 }

 @-webkit-keyframes slide_2 {
   from {
     background-position: 0 0;
   }

   to {
     background-position: -1920px 0;
   }
 }


 .nav-style-one .owl-nav {
   position: relative;
   display: block;
   text-align: center;
   margin-top: 50px;
 }

 .nav-style-one .owl-nav button {
   position: relative;
   display: inline-block;
   width: 50px;
   height: 50px;
   line-height: 56px;
   background: #fff;
   text-align: center;
   font-size: 24px;
   color: var(--secondary-color);
   box-shadow: 0px 4px 30px rgba(205, 192, 192, 0.25);
   border-radius: 50%;
   cursor: pointer;
   transition: all 500ms ease;
 }

 .nav-style-one .owl-nav button.owl-prev {
   margin-right: 15px;
 }

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

 .nav-style-one .owl-nav button:before {
   position: absolute;
   content: '';
   background: #BDBDBD;
   width: 50px;
   height: 1px;
   top: 25px;
 }

 .nav-style-one .owl-nav button.owl-prev:before {
   left: -70px;
 }

 .nav-style-one .owl-nav button.owl-next:before {
   right: -70px;
 }


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

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


 /** main-footer **/

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

 .main-footer .widget-section {
   position: relative;
   padding: 90px 0px 0px 0px;
 }

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

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

 .main-footer .about-widget .widget-content p {
   color: #fff;
   margin-bottom: 20px;
 }

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

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

 .main-footer .about-widget .social-links li a {
   position: relative;
   display: inline-block;
   font-size: 18px;
   color: #fff;
 }

 .main-footer .about-widget .social-links li a:hover {
   color: var(--theme-color);
 }

 .main-footer .links-widget .links-list li {
   position: relative;
   display: block;
   font-size: 16px;
   color: #fff;
   letter-spacing: 0.05em;
   margin-bottom: 10px;
 }

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

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

 .main-footer .links-widget .links-list li a:hover {
   color: var(--theme-color);
 }

 .main-footer .contact-widget .info-list li {
   position: relative;
   display: block;
   margin-bottom: 10px;
   padding-left: 37px;
   font-size: 16px;
   color: #fff;
 }

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

 .main-footer .contact-widget .info-list li img {
   position: absolute;
   left: 0px;
   top: 6px;
 }

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

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

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

 .main-footer .pattern-layer .pattern-2 {
   position: absolute;
   left: 0px;
   top: 0px;
   width: 229px;
   height: 261px;
   background-repeat: no-repeat;
 }

 .main-footer .pattern-layer .pattern-3 {
   position: absolute;
   top: 0px;
   right: 0px;
   width: 260px;
   height: 269px;
   background-repeat: no-repeat;
 }

 .main-footer .pattern-layer .pattern-4 {
   position: absolute;
   left: 50%;
   transform: translateX(-50%);
   bottom: 0px;
   width: 229px;
   height: 261px;
   background-repeat: no-repeat;
 }

 .main-footer .footer-menu {
   position: relative !important;
   display: flex !important;
   align-items: center !important;
   justify-content: space-between !important;
   background: #fff !important;
   padding: 0 40px !important;
   border-radius: 96px !important;
   height: 60px !important;
   min-height: 60px !important;
   overflow: hidden !important;
   margin-bottom: 20px !important;
 }

 .main-footer .footer-menu .logo-box,
 .main-footer .footer-menu .logo-right-box {
   position: relative !important;
   display: flex !important;
   align-items: center !important;
   height: 60px !important;
   margin: 0 !important;
   padding: 0 !important;
 }

 .main-footer .footer-menu .logo-box img,
 .main-footer .footer-menu .logo-right-box img {
   height: 50px !important;
   width: auto !important;
   max-height: 50px !important;
   min-height: 50px !important;
   border-radius: 50% !important;
   background: #fff !important;
   padding: 0px !important;
   display: block !important;
   object-fit: contain !important;
 }

 .main-footer .footer-menu .menu-list {
   position: relative !important;
   display: flex !important;
   flex: 1 !important;
   align-items: center !important;
   justify-content: center !important;
   margin: 0 20px !important;
   height: 60px !important;
   padding: 0 !important;
 }

 .main-footer .footer-menu .menu-list li {
   position: relative !important;
   display: inline-block !important;
   font-size: 14px !important;
   line-height: 60px !important;
   font-weight: 600 !important;
   margin: 0 12px !important;
   padding: 0 !important;
 }

 .main-footer .footer-menu .menu-list li a {
   position: relative;
   display: inline-block;
   color: var(--title-color);
 }

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

 .main-footer .widget-section:before {
   position: absolute;
   content: '';
   background: #222;
   width: 100%;
   height: 81px;
   left: 0px;
   bottom: 0px;
 }

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

 .footer-bottom p {
   font-size: 14px;
   color: #fff;
 }

 .footer-bottom p a {
   color: var(--theme-color);
 }

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


 /** header-style-two **/

 .header-style-two {
   position: relative;
 }

 .header-style-two .header-top {
   padding: 10px 0px;
 }

 .header-style-two .menu-right-content .support-box {
   margin-right: 0px;
 }

 .header-style-two .menu-right-content .support-box:before {
   display: none;
 }

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


 /** header-style-three **/

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

 .header-style-three .sticky-header {
   background: var(--secondary-color);
 }

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

 .header-style-three .header-lower .outer-box {
   background: var(--secondary-color);
   border-radius: 0px 0px 20px 20px;
   padding: 0px 40px;
 }

 .header-style-three .main-menu .navigation>li>a {
   color: #fff;
   padding-right: 22px;
 }

 .header-style-three .main-menu .navigation>li>a:before {
   position: absolute;
   content: '\e906';
   font-family: 'icomoon';
   top: 35px;
   right: 0px;
   font-size: 10px;
 }

 .main-header .menu-right-content .search-box-outer {
   position: relative;
   display: inline-block;
   width: 45px;
   height: 47px;
   line-height: 43px;
   text-align: center;
   border: 1px solid rgba(255, 255, 255, 0.1);
   cursor: pointer;
   margin-right: 10px;
   transition: all 500ms ease;
 }

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

 .main-header .menu-right-content .nav-btn {
   position: relative;
   display: inline-block;
   width: 45px;
   height: 47px;
   line-height: 43px;
   text-align: center;
   border: 1px solid rgba(255, 255, 255, 0.0);
   cursor: pointer;
   transition: all 500ms ease;
 }

 .main-header .menu-right-content .nav-btn:hover {
   background: var(--theme-color);
   border-color: var(--theme-color);
 }


 /** xs-sidebar **/

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

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

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

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

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

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

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

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

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

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

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

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

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

 .xs-bg-black {
   background-color: #101127;
 }

 .sidebar-info-contents .content-inner {
   position: relative;
 }

 .sidebar-info-contents .content-inner .logo {
   padding: 0px 0px 40px;
 }

 .sidebar-info-contents .content-inner .logo img {
   display: inline-block;
   max-width: 100%;
 }

 .sidebar-info-contents .content-inner .content-box {
   position: relative;
 }

 .sidebar-info-contents .content-inner .content-box h4 {
   position: relative;
   font-size: 20px;
   font-weight: 700;
   margin-bottom: 20px;
 }

 .sidebar-info-contents .content-inner .content-box p {
   position: relative;
   font-size: 15px;
   margin-bottom: 25px;
 }

 .sidebar-info-contents .content-inner .content-box .theme-btn-two {
   padding: 10px 50px;
 }

 .sidebar-info-contents .content-inner .contact-info {
   position: relative;
   margin-top: 60px;
 }

 .sidebar-info-contents .content-inner .contact-info ul li {
   position: relative;
   display: block;
   font-size: 15px;
   color: #676767;
   margin-bottom: 3px;
 }

 .sidebar-info-contents .content-inner .contact-info ul li a {
   color: #676767;
 }

 .sidebar-info-contents .content-inner .contact-info ul li a:hover {
   color: var(--secondary-color);
 }

 .sidebar-info-contents .content-inner .contact-info h4 {
   position: relative;
   font-size: 20px;
   font-weight: 700;
   margin-bottom: 20px;
 }

 .sidebar-info-contents .content-inner .social-box {
   position: relative;
   margin-top: 20px;
   margin-bottom: 30px;
 }

 .sidebar-info-contents .content-inner .social-box li {
   position: relative;
   display: inline-block;
   margin-right: 6px;
   transition: all 900ms ease;
   -moz-transition: all 900ms ease;
   -webkit-transition: all 900ms ease;
   -ms-transition: all 900ms ease;
   -o-transition: all 900ms ease;
 }

 .sidebar-info-contents .content-inner .social-box li a {
   position: relative;
   width: 36px;
   height: 36px;
   color: #75767b;
   z-index: 1;
   font-size: 13px;
   line-height: 36px;
   text-align: center;
   border-radius: 50%;
   display: inline-block;
   background: transparent;
   border: 1px solid #e5e5e5;
   -webkit-transition: all 300ms ease;
   -moz-transition: all 300ms ease;
   -ms-transition: all 300ms ease;
   -o-transition: all 300ms ease;
   transition: all 300ms ease;
 }

 .sidebar-info-contents .content-inner .social-box li a:hover {
   color: #fff;
   border-color: var(--secondary-color);
   background-color: var(--secondary-color);
 }

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

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


 @keyframes animate {
   0% {
     stroke-dashoffset: 4717.1904296875;
   }

   25% {
     stroke-dashoffset: 3500;
   }

   30% {
     stroke-dashoffset: 2200;
   }

   65% {
     stroke-dashoffset: 0;
   }

   75% {
     stroke-dashoffset: 0;
   }

   96% {
     stroke-dashoffset: 4717.1904296875;
   }

   100% {
     stroke-dashoffset: 4717.1904296875;
   }
 }

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

 .default-form .form-group:last-child {
   margin-bottom: 0px;
 }

 .default-form .form-group input[type='text'],
 .default-form .form-group input[type='email'],
 .default-form .form-group textarea,
 .default-form .form-group .nice-select {
   position: relative;
   display: block;
   width: 100%;
   height: 60px;
   border: 1px solid rgba(189, 189, 189, 0.6);
   border-radius: 5px;
   font-size: 16px;
   color: #BDBDBD;
   background: #fff;
   padding: 10px 20px 10px 46px;
   transition: all 500ms ease;
 }

 .default-form .form-group .select-box {
   min-height: 60px;
 }

 .default-form .form-group .nice-select {
   padding-top: 0px;
   padding-bottom: 0px;
   line-height: 60px;
 }

 .default-form .form-group .icon {
   position: absolute;
   left: 20px;
   top: 16px;
   font-size: 18px;
   color: #BDBDBD;
   z-index: 1;
 }

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

 .default-form .form-group textarea {
   resize: none;
   height: 136px;
 }

 .appointment-section.about-page .content_block_five .content-box {
   max-width: 530px;
 }

 .appointment-section.about-page .content_block_five .content-box .sec-title .sub-title,
 .appointment-section.about-page .content_block_five .content-box .sec-title p {
   color: #fff;
 }

 .appointment-section.about-page .content_block_five .content-box .accordion-box .block .acc-content p {
   color: #fff;
 }

 .appointment-section.about-page .right-column {
   padding-top: 67px;
   padding-bottom: 67px;
 }

 .chooseus-section.service-page {
   background: transparent;
 }

 .team-page-section .team-block-one .inner-box {
   margin-bottom: 30px;
 }

 .progress-box .bar {
   position: relative;
   width: 100%;
   height: 12px;
   background: #F2F2F2;
   border-radius: 6px;
 }

 .progress-box .bar-inner {
   position: relative;
   display: block;
   background: var(--secondary-color);
   width: 0px;
   height: 12px;
   border-radius: 6px 0px 0px 6px;
   -webkit-transition: all 1500ms ease;
   -ms-transition: all 1500ms ease;
   -o-transition: all 1500ms ease;
   -moz-transition: all 1500ms ease;
   transition: all 1500ms ease;
 }

 .progress-box {
   position: relative;
   margin-bottom: 25px;
 }

 .progress-box:last-child {
   margin-bottom: 0px;
 }

 .progress-box p {
   font-weight: 500;
   color: var(--title-color);
   margin-bottom: 10px;
 }

 .progress-box .count-text {
   position: absolute;
   top: -30px;
   right: -10px;
   font-size: 12px;
   line-height: 20px;
   font-weight: 500;
   color: var(--title-color);
 }

 .faq-section.pricing-page {
   background: transparent;
 }

 /** Enhanced Service Details **/
 .service-details {
   padding-top: 80px !important;
 }

 .service-details .row.equal-height {
   display: flex;
   flex-wrap: wrap;
   align-items: stretch;
   max-width: 1100px;
   margin-left: auto;
   margin-right: auto;
 }

 .service-sidebar-full {
   height: 100%;
   display: flex;
   flex-direction: column;
 }

 .service-sidebar-full .category-widget {
   height: 450px !important;
   display: flex !important;
   flex-direction: column !important;
   margin-bottom: 0 !important;
   justify-content: space-between !important;
   padding: 40px 30px !important;
 }

 .service-sidebar .widget-title h2 {
   font-size: 28px;
 }

 .service-sidebar .category-widget .category-list li {
   margin-bottom: 12px;
 }

 .service-sidebar .category-widget .category-list li a {
   font-size: 17px;
 }

 /* Sidebar CTA Widget */
 .sidebar-cta-widget {
   margin-top: 15px;
   padding-top: 15px;
   border-top: 1px solid rgba(255, 255, 255, 0.2);
   text-align: center;
 }

 .sidebar-cta-widget h4 {
   color: #fff;
   font-size: 18px;
   margin-bottom: 8px;
   font-family: var(--title-font);
 }

 .sidebar-cta-widget .phone {
   display: block;
   color: #fff;
   font-size: 16px;
   font-weight: 700;
   margin-bottom: 3px;
 }

 .sidebar-cta-widget .btn-one {
   background: #fff !important;
   color: var(--secondary-color) !important;
   margin-top: 10px;
   padding: 8px 20px;
   font-size: 14px;
   line-height: 24px;
 }

 .sidebar-cta-widget .btn-one:before {
   background: var(--theme-color) !important;
 }

 .sidebar-cta-widget .btn-one:hover {
   color: #fff !important;
 }

 .service-details-content.h-100 {
   height: 450px !important;
 }

 .service-details-content .image-box.h-100 {
   height: 100% !important;
   margin-bottom: 0 !important;
 }

 .service-details-content .image-box.h-100 img {
   height: 100% !important;
   max-height: 450px !important;
   object-fit: cover;
   border-radius: 5px;
 }

 .centred-service-content {
   margin-top: 60px;
   width: 100%;
 }

 .centred-service-content .inner-box {
   max-width: 900px;
   margin: 0 auto;
   text-align: center;
 }

 .centred-service-content .text-box h2 {
   text-align: center;
   margin-bottom: 25px;
 }

 .centred-service-content .text-box p {
   text-align: center;
   font-size: 18px;
   line-height: 28px;
   margin-bottom: 25px;
 }

 .centred-service-content .list-style-one {
   display: inline-block;
   text-align: left;
   margin: 30px auto;
 }

 .centred-service-content .list-style-one li {
   text-align: left;
   margin-bottom: 10px;
 }

 @media only screen and (max-width: 991px) {
   .service-details .row.equal-height {
     display: block;
   }

   .service-sidebar-full .category-widget {
     height: auto !important;
     padding: 40px !important;
   }

   .centred-service-content .inner-box {
     padding: 0 15px;
   }
 }

 /* Global Video Background Styling */
 .video-bg-layer {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   overflow: hidden;
   z-index: 0;
   pointer-events: none;
   /* Allow clicking through to contents */
 }

 .video-bg-layer video {
   position: absolute;
   top: 50%;
   left: 50%;
   min-width: 100%;
   min-height: 100%;
   width: auto;
   height: auto;
   transform: translate(-50%, -50%);
   object-fit: cover;
 }

 .video-bg-layer::after {
   content: '';
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   background: rgba(10, 30, 60, 0.45);
   /* Professional deep blue overlay */
   z-index: 1;
 }

 /* Ensure sections show background video */
 .banner-section,
 .page-title {
   background-color: transparent !important;
 }

 .banner-carousel .slide-item,
 .page-title .bg-layer {
   background-image: none !important;
 }

 /* Ensure content stays above video */
 .banner-section .auto-container,
 .page-title .auto-container,
 .banner-carousel .content-box {
   position: relative;
   z-index: 5 !important;
 }

  
 /* Global Mobile Enhancements */
 @media only screen and (max-width: 767px) {
   .sec-pad {
     padding: 60px 0px 60px 0px !important;
   }

   h1 {
     font-size: 32px !important;
     line-height: 40px !important;
   }

   h2 {
     font-size: 28px !important;
     line-height: 36px !important;
   }

   h3 {
     font-size: 24px !important;
     line-height: 32px !important;
   }

   h4 {
     font-size: 20px !important;
     line-height: 28px !important;
   }
 }

 @media only screen and (max-width: 480px) {
   .sec-pad {
     padding: 50px 0px 50px 0px !important;
   }

   h1 {
     font-size: 28px !important;
     line-height: 36px !important;
   }

   h2 {
     font-size: 24px !important;
     line-height: 32px !important;
   }
 }

 /* Mobile Menu Left Side Fixes */
 .mobile-menu {
   right: auto !important;
   left: 0 !important;
   padding-right: 0px !important;
   padding-left: 30px !important;
 }

 .mobile-menu .menu-box {
   -webkit-transform: translateX(-100%) !important;
   -ms-transform: translateX(-100%) !important;
   transform: translateX(-100%) !important;
 }

 .mobile-menu-visible .mobile-menu .menu-box {
   -webkit-transform: translateX(0%) !important;
   -ms-transform: translateX(0%) !important;
   transform: translateX(0%) !important;
 }

 .menu-area .mobile-nav-toggler {
   float: left !important;
   margin-right: 15px !important;
 }

 /* ============================================================
   Mobile Footer - Neat & Clean Layout
   ============================================================ */
 @media only screen and (max-width: 767px) {

   /* Hide scroll-to-top & footer nav pill on mobile */
   .scroll-to-top,
   .main-footer .footer-menu {
     display: none !important;
   }

   /* Footer - show and stack nicely */
   .main-footer {
     display: block !important;
   }

   /* Stack footer columns vertically and center */
   .main-footer .footer-widget {
     margin: 0 0 30px 0 !important;
     padding: 0 !important;
     text-align: center !important;
   }

   .main-footer .footer-widget .links-list li,
   .main-footer .footer-widget .info-list li {
     text-align: center !important;
     display: block !important;
     margin-bottom: 8px !important;
   }

   /* Center icons in contact widget */
   .main-footer .footer-widget .info-list li img {
     display: inline-block !important;
     vertical-align: middle !important;
     margin-right: 6px !important;
   }

   /* Footer menu nav pill - compact card */
   .main-footer .footer-menu {
     display: flex !important;
     flex-direction: column !important;
     align-items: center !important;
     height: auto !important;
     min-height: auto !important;
     padding: 20px 15px !important;
     border-radius: 20px !important;
     margin: 10px 15px 0 15px !important;
     width: calc(100% - 30px) !important;
     box-sizing: border-box !important;
   }

   /* Logos in footer menu */
   .main-footer .footer-menu .logo-box,
   .main-footer .footer-menu .logo-right-box {
     height: auto !important;
     width: 100% !important;
     text-align: center !important;
     justify-content: center !important;
     margin-bottom: 8px !important;
   }

   .main-footer .footer-menu .logo-box img,
   .main-footer .footer-menu .logo-right-box img {
     max-height: 70px !important;
     width: auto !important;
     display: inline-block !important;
   }

   /* Menu links in footer pill */
   .main-footer .footer-menu .menu-list {
     display: flex !important;
     flex-direction: column !important;
     align-items: center !important;
     height: auto !important;
     margin: 5px 0 !important;
     width: 100% !important;
     text-align: center !important;
     padding: 0 !important;
   }

   .main-footer .footer-menu .menu-list li {
     line-height: 26px !important;
     margin: 3px 0 !important;
     width: 100% !important;
     display: block !important;
     margin-right: 0 !important;
   }

   /* Footer bottom copyright */
   .main-footer .footer-bottom {
     padding: 15px 0 !important;
     text-align: center !important;
   }
 }
/* === Top-level mobile: hide footer nav pill === */
@media only screen and (max-width: 767px) {
  .main-footer .footer-menu {
    display: none !important;
  }
  .scroll-to-top {
    display: none !important;
  }
}

/* === Mobile: hide About Us, Links & Departments footer widgets === */
@media only screen and (max-width: 767px) {
  .main-footer .footer-widget.about-widget,
  .main-footer .footer-widget.links-widget {
    display: none !important;
  }
}

/* === Mobile: reduce excessive spacing between modules/sections === */
@media only screen and (max-width: 767px) {
  /* Reduce section padding globally */
  section,
  .sec-pad,
  .sec-pad-2 {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
  }

  /* Reduce row & column vertical gaps */
  .row {
    margin-bottom: 0 !important;
  }

  /* Reduce individual block bottom margins */
  .chooseus-block-one,
  .service-block-one,
  .service-block-two,
  .info-block-one,
  .working-block-one,
  .team-block-one,
  .news-block-one,
  .doctors-block-one {
    margin-bottom: 15px !important;
  }

  /* Tighten up the overall spacing in sections */
  .auto-container {
    padding-left: 15px !important;
    padding-right: 15px !important;
  }
}

/* === Mobile: tighten info-block spacing === */
@media only screen and (max-width: 767px) {
  .info-block-one .inner-box {
    margin-bottom: 10px !important;
    padding: 15px 20px !important;
  }
  .info-block {
    padding-bottom: 0 !important;
  }
  /* Reduce Bootstrap column gutters on mobile */
  .row.clearfix [class*="col-sm-12"] {
    padding-bottom: 0 !important;
  }
}

/* === REVERT: fix info-block inner-box broken padding === */
@media only screen and (max-width: 767px) {
  .info-block-one .inner-box {
    padding: 25px 20px 25px 90px !important;
    margin-bottom: 10px !important;
  }
}

/* === REVERT: restore correct info-block inner-box original padding === */
@media only screen and (max-width: 767px) {
  .info-block-one .inner-box {
    padding: 29px 10px 29px 90px !important;
  }
  /* Shift social icons to avoid overlapping text (make them smaller & slightly inset) */
  .floating-social {
    left: 0 !important;
    top: 50% !important;
    z-index: 100 !important;
  }
  .floating-social a {
    width: 32px !important;
    height: 32px !important;
    font-size: 12px !important;
    opacity: 0.9;
  }
}

/* =====================================================
   VIDEO BANNER CLEANUP — Show video clearly, hide text
   ===================================================== */

/* 1. Page-title video sections: remove dim overlay, hide text, compact height */
.page-title .video-bg-layer {
  position: absolute !important;
  top: 0; left: 0;
  width: 100%; height: 100%;
  z-index: 0;
}

.page-title .video-bg-layer video {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  opacity: 1 !important;
  filter: none !important;
}

/* Hide the dim/dark overlay on page-title */
.page-title::before,
.page-title .bg-layer::before,
.page-title .overlay {
  display: none !important;
  background: none !important;
}

/* Remove the text content-box (h1 + breadcrumb) from page-title */
.page-title .auto-container .content-box {
  display: none !important;
}

/* Reduce page-title padding now that text is hidden — just show the video frame */
.page-title {
  padding: 0 !important;
  min-height: 320px !important;
  max-height: 420px !important;
}

/* 2. Index.html banner: hide ALL overlay text on slider slides */
.banner-section .slide-item .content-box {
  display: none !important;
}

/* Remove the dark overlay/filter on the banner slide */
.banner-section .slide-item::before,
.banner-section .slide-item .overlay-layer {
  display: none !important;
  background: none !important;
}

/* Ensure banner video/image fills properly */
.banner-section .slide-item {
  min-height: 400px !important;
}

/* Mobile: reduce video heights */
@media only screen and (max-width: 767px) {
  .page-title {
    min-height: 200px !important;
    max-height: 260px !important;
  }

  .banner-section .slide-item {
    min-height: 250px !important;
  }
}

/* === Banner section: show video clearly, hide text overlay === */

/* Banner video layer - fill the section, show clearly */
.banner-section .video-bg-layer {
  position: absolute !important;
  top: 0; left: 0;
  width: 100% !important;
  height: 100% !important;
  z-index: 0 !important;
}

.banner-section .video-bg-layer video {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  opacity: 1 !important;
  filter: none !important;
}

/* Remove the dark overlay that the banner-module adds via ::before */
.banner-section .slide-item::before,
.banner-section::before,
.banner-section .slide-item .pattern-layer {
  background: none !important;
  opacity: 0 !important;
  display: none !important;
}

/* Hide the carousel/slider — just show the video frame */
.banner-section .banner-carousel {
  opacity: 0 !important;
  pointer-events: none !important;
}

/* Keep the banner section itself sized appropriately */
.banner-section {
  position: relative !important;
  min-height: 420px !important;
  max-height: 520px !important;
  overflow: hidden !important;
}

/* page-title sections: also ensure the bg-layer image shows clearly (no dim) */
.page-title .bg-layer {
  opacity: 1 !important;
  filter: none !important;
}

/* page-title - remove any ::before dim overlay */
.page-title::before {
  content: none !important;
  display: none !important;
}

@media only screen and (max-width: 767px) {
  .banner-section {
    min-height: 220px !important;
    max-height: 300px !important;
  }
}

/* === Video banner height fix: show full video === */
.banner-section {
  min-height: 600px !important;
  max-height: 700px !important;
}

.page-title {
  padding: 0 !important;
  min-height: 480px !important;
  max-height: 560px !important;
}

.banner-section .video-bg-layer,
.page-title .video-bg-layer {
  height: 100% !important;
}

.banner-section .video-bg-layer video,
.page-title .video-bg-layer video {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
}

@media only screen and (max-width: 767px) {
  .banner-section {
    min-height: 320px !important;
    max-height: 420px !important;
  }
  .page-title {
    min-height: 280px !important;
    max-height: 350px !important;
  }
}

/* === Video banner height fix: show full video === */
.banner-section {
  min-height: 600px !important;
  max-height: 700px !important;
}

.page-title {
  padding: 0 !important;
  min-height: 480px !important;
  max-height: 560px !important;
}

.banner-section .video-bg-layer,
.page-title .video-bg-layer {
  height: 100% !important;
}

.banner-section .video-bg-layer video,
.page-title .video-bg-layer video {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
}

@media only screen and (max-width: 767px) {
  .banner-section {
    min-height: 320px !important;
    max-height: 420px !important;
  }
  .page-title {
    min-height: 280px !important;
    max-height: 350px !important;
  }
}