/* Css For Marina Yacht Club */

 /************ 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 {
   --text-font: "Rethink Sans", sans-serif;
   --title-font: "Marcellus", serif;
   --secondary-font: "Sacramento", cursive;
 }





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

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

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

 .container-fluid {
   padding: 0px;
 }

 .auto-container {
   position: static;
   max-width: 1200px;
   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;
   background-size: cover;
   background-position: center;
   background-repeat: no-repeat;
 }


 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: 17px;
   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: #ffffff;
   font-weight: 400;
   margin: 0px;
   transition: all 500ms ease;
 }

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

 /* Preloader */

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

 .preloader-close {
   position: fixed;
   z-index: 99999999;
   font-size: 14px;
   background: #fff;
   color: var(--theme-color);
   width: 40px;
   height: 40px;
   line-height: 46px;
   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 .animation-preloader .txt-loading .letters-loading:nth-child(10):before {
   animation-delay: 1.8s;
 }

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

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


 .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: 700;
   font-family: var(--text-font);
   background: #00b30f;
   color: #fff !important;
   text-align: center;
   border-radius: 35px;
   padding: 18px 39px;
   text-transform: uppercase;
   z-index: 1;
   transition: all 500ms ease;
 }

 .theme-btn span {
   position: relative;
   padding-left: 18px;
 }

 .theme-btn span:before {
   position: absolute;
   content: '';
   background-image: url(../images/icons/right-up.png);
   width: 18px;
   height: 22px;
   left: -8px;
   top: 1px;
   background-repeat: no-repeat;
   transition: all 500ms ease;
 }

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

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

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

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

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

 .theme-btn.btn-three {
   background: transparent;
   color: var(--title-color) !important;
   border: solid;
   border-width: 1px;
   border-color: var(--theme-color);
   padding: 17px 38px;
 }

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

 .theme-btn.btn-three span:before {
   background-image: url(../images/icons/icon-7.png);
 }

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

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


 .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-right: 11px;
 }

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

 .pagination li a.number {
   position: relative;
   display: inline-block;
   font-size: 17px;
   font-weight: 500;
   height: 50px;
   width: 50px;
   line-height: 50px;
   text-align: center;
   color: #869297;
   border-radius: 50%;
   z-index: 1;
   border: solid;
   border-width: 1px;
   border-color: #c4d3da;
   transition: all 500ms ease;
 }

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

 .pagination li a span {
   font-size: 14px;
   line-height: 22px;
   font-weight: 700;
   color: var(--title-color);
   text-transform: uppercase;
   transition: all 500ms;
 }

 .pagination li a:hover span {
   color: var(--theme-color);
 }

 .pagination li a img {
   position: relative;
   top: -2px;
 }

 /* .sec-pad {
     padding: 0px 0px 50px 0px;
 } */

 .sec-pad-2 {
   padding: 40px 0px 40px 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: 50px;
   width: 50px;
   cursor: pointer;
   display: block;
   box-shadow: inset 0 0 0 2px rgba(0, 46, 65, 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: "\f11f";
   font-family: 'flaticon_marina';
   text-align: center;
   line-height: 50px;
   font-size: 14px;
   color: var(--theme-color);
   left: 0;
   top: 0;
   height: 50px;
   width: 50px;
   cursor: pointer;
   display: block;
   z-index: 2;
   transform: rotate(180deg);
   -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;
   stroke: var(--theme-color);
   -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;
margin-top: 50px;

 }

 .sec-title .sub-title {
   position: relative;
   display: block;
   font-size: 36px;
   line-height: 42px;
   font-family: var(--secondary-font);
   color: #00b30f;
   margin-bottom: 3px;
 }

 .sec-title h2 {
   display: block;
   font-size: 33px;
   line-height: 56px;
   text-transform: capitalize !important;
 }

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

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

 .sec-title.light p {
   color: #a7afbf;
 }





 /*** 

====================================================================
                        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: #ffffff;
   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;
   display: flex;
   align-items: center;
   justify-content: space-between;
   z-index: 99;
 }

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

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

 .search-popup .close-search {
   position: relative;
   font-size: 16px;
   color: var(--secondary-color);
   cursor: pointer;
   z-index: 5;
   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;
 }


 /** header-top **/

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

 .header-top .outer-container {
   padding: 0px 60px;
 }

 .temperature-box input#location,
 .temperature-box input#location2,
 .temperature-box input#location3,
 .temperature-box input#location4,
 .temperature-box input#location5,
 .temperature-box input#location6 {
   display: none !important;
 }

 .temperature-box {
   position: relative;
   display: flex;
   align-items: center;
 }

 .temperature-box:before {
   position: absolute;
   content: '';
   background: #264d5d;
   width: 1px;
   height: 45px;
   top: -4px;
   right: -30px;
 }

 .temperature-box .icon-box {
   position: relative;
   display: inline-block;
   font-size: 24px;
   color: var(--theme-color);
   margin-right: 8px;
   top: 2px;
 }

 .temperature-box .temperature-text {
   position: relative;
   display: inline-block;
   font-size: 20px;
   font-family: var(--title-font);
   color: #fff;
   margin-right: 10px;
 }

 .temperature-box .date {
   position: relative;
   display: inline-block;
   width: 70px;
   font-size: 14px;
   line-height: 16px;
   color: #fff;
   font-weight: 600;
   text-transform: uppercase;
   top: 2px;
 }

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

 .header-top .left-column .location-box {
   position: relative;
   display: block;
   padding-left: 22px;
 }

 .header-top .left-column .location-box i {
   position: absolute;
   left: 0px;
   top: 3px;
   font-size: 18px;
   color: var(--theme-color);
 }

 .header-top .left-column .location-box p {
   color: #fff;
 }

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

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

 .header-top .support-box {
   position: relative;
   display: inline-block;
   padding-left: 26px;
   margin-right: 30px;
 }

 .header-top .support-box i {
   position: absolute;
   left: 0px;
   top: 4px;
   font-size: 18px;
   color: var(--theme-color);
 }

 .header-top .support-box a {
   position: relative;
   display: inline-block;
   font-size: 18px;
   color: #fff;
 }

 .header-top .support-box a:hover {
   color: var(--theme-color);
 }

 .main-header .language-box {
   position: relative;
   display: inline-block;
   padding-left: 26px;
   margin-right: 60px;
 }

 .main-header .language-box:before {
   position: absolute;
   content: '';
   background: #264d5d;
   width: 1px;
   height: 45px;
   top: -9px;
   right: -30px;
 }

 .main-header .language-box .icon-box {
   position: absolute;
   left: 0px;
   top: 3px;
   font-size: 18px;
   color: var(--theme-color);
 }

 .main-header .language-box .nice-select {
   position: relative;
   padding-right: 20px;
   font-size: 18px;
   color: #fff;
 }

 .main-header .language-box .nice-select:before {
   position: absolute;
   content: "\f11f";
   font-family: 'flaticon_marina';
   top: 0px;
   right: 0px;
   font-size: 9px;
 }

 .main-header .language-box .nice-select .list {
   min-width: 80px;
 }

 .main-header .language-box .nice-select .list li {
   color: var(--text-color);
 }

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

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

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

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

 .header-top .social-links li a:hover {
   color: var(--theme-color);
 }

 .header-top .social-links li a i {
   position: relative;
   display: inline-block;
   font-size: 18px;
   color: var(--theme-color);
   margin-right: 8px;
   top: 2px;
 }

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

 .main-header .menu-area {
   position: relative;
   display: flex;
   align-items: center;
   padding: 12px 0px;
 }

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

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

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

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

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

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

 .main-header .menu-right-content .charter-link a {
   position: relative;
   display: inline-block;
   font-size: 14px;
   line-height: 24px;
   font-weight: 700;
   text-transform: uppercase;
   color: var(--title-color);
   padding-right: 60px;
 }

 .main-header .menu-right-content .charter-link a:hover {
   color: var(--theme-color);
 }

 .main-header .menu-right-content .charter-link a:before {
   position: absolute;
   content: '';
   background-image: url(../images/icons/icon-2.png);
   width: 44px;
   height: 44px;
   line-height: 44px;
   text-align: center;
   border-radius: 50%;
   background-color: var(--theme-color);
   background-repeat: no-repeat;
   background-position: center;
   top: -10px;
   right: 0px;
   transition: all 500ms ease;
 }

 .main-header .menu-right-content .charter-link a:hover:before {
   background-color: var(--secondary-color);
 }

 .main-header .outer-box:before {
   position: absolute;
   content: '';
   background: #ffffff;
   width: 200px;
   height: 100%;
   top: 0px;
   right: 0px;
 }


 /** 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: relative;
   float: left;
   z-index: 2;
   margin: 0px 17.5px;
   -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: 13px;
   line-height: 26px;
   padding-top: 17px;
   padding-bottom: 17px;
   font-weight: 600;
   font-family: var(--text-font);
   color: #03251e;
   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.dropdown>a {
   padding-left: 24px;
 }

 .main-menu .navigation>li.current>a,
 .main-menu .navigation>li:hover>a {
   color: var(--theme-color);
 }

 .main-menu .navigation>li.dropdown>a:before {
   position: absolute;
   content: "";
   top: 24px;
   left: 0px;
   background-image: url(../images/icons/icon-1.png);
   width: 14px;
   height: 8px;
   background-repeat: no-repeat;
   filter: grayscale(100%);
   transition: all 500ms ease;
   transform: rotate(180deg);
 }

 .main-menu .navigation>li.current>a:before,
 .main-menu .navigation>li:hover>a:before {
   filter: grayscale(0%);
   transform: rotate(0deg);
 }

 .main-menu .navigation>li>ul,
 .main-menu .navigation>li>.megamenu {
   position: absolute;
   left: inherit;
   top: 100%;
   width: 270px;
   margin-top: 15px;
   z-index: 100;
   display: none;
   padding: 10px 30px;
   background: var(--secondary-color);
   opacity: 0;
   border-bottom: solid;
   border-width: 3px;
   border-color: var(--theme-color);
   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: 14px 0px;
   line-height: 24px;
   font-weight: 400;
   font-size: 18px;
   text-transform: capitalize;
   font-family: var(--text-font);
   color: #b5c7cf;
   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 #264d5d;
 }

 .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 {
   color: var(--theme-color);
   letter-spacing: 1px;
 }

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

 .main-menu .navigation>li>ul>li.dropdown>a:after {
   font-family: 'Font Awesome 6 Free';
   content: "\f105";
   position: absolute;
   right: 0px;
   top: 12px;
   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;
   margin-left: 40px;
   padding: 10px 30px;
   background: var(--secondary-color);
   border-bottom: solid;
   border-width: 3px;
   border-color: var(--theme-color);
   width: 270px;
   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:before {
   position: absolute;
   content: '';
   background: transparent;
   width: 40px;
   height: 100%;
   left: -40px;
   top: 0px;
 }

 .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 0px;
   line-height: 24px;
   font-weight: 400;
   font-size: 18px;
   text-transform: capitalize;
   font-family: var(--text-font);
   color: #b5c7cf;
   border-bottom: 1px solid #264d5d;
   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 {
   color: var(--theme-color);
   letter-spacing: 1px;
 }

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


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

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

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

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

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


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

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


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


 /** banner-section **/

 .banner-section {
   position: relative;
   overflow: hidden;
   padding: 0px 60px;
 }

 .banner-section .row {
   align-items: flex-end !important;
 }

 .banner-section:before {
   position: absolute;
   content: '';
   background: #fff;
   width: 60px;
   height: 30px;
   top: 0px;
   right: 0px;
 }

 .banner-carousel .slide-item {
   position: relative;
   padding: 150px 0px;
 }

 .banner-carousel .slide-item:before {
   position: absolute;
   content: '';
   width: 100%;
   height: 100%;
   left: 0px;
   top: 0px;
   background: linear-gradient(180deg, rgba(0, 46, 65, 0.0) 0%, rgba(0, 46, 65, 0.3) 100%);
   z-index: 1;
 }

 .banner-style-two .banner-carousel .slide-item:before {
   background: linear-gradient(-90deg, rgba(6, 22, 55, 0.0) 0%, rgba(6, 22, 55, 0.8) 100%);
 }

 .banner-carousel .title-box {
   position: relative;
   display: block;
   background: #fff;
   z-index: 5;
   padding: 58px 60px 43px 60px;
   box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.06);
   opacity: 0;
   -webkit-transform: scaleX(0);
   -moz-transform: scaleX(0);
   -ms-transform: scaleX(0);
   -o-transform: scaleX(0);
   transform: scaleX(0);
   -webkit-transition: all 1000ms ease;
   -moz-transition: all 1000ms ease;
   -ms-transition: all 1000ms ease;
   -o-transition: all 1000ms ease;
   transition: all 1000ms ease;
 }

 .banner-carousel .active .title-box {
   opacity: 1;
   -webkit-transform: scaleX(1);
   -moz-transform: scaleX(1);
   -ms-transform: scaleX(1);
   -o-transform: scaleX(1);
   transform: scaleX(1);
   -webkit-transition-delay: 1000ms;
   -moz-transition-delay: 1000ms;
   -ms-transition-delay: 1000ms;
   -o-transition-delay: 1000ms;
   transition-delay: 1000ms;
 }

 .banner-carousel .title-box span {
   position: relative;
   display: block;
   font-size: 60px;
   line-height: 70px;
   font-family: var(--secondary-font);
   color: var(--theme-color);
 }

 .banner-carousel .title-box h2 {
   position: relative;
   display: block;
   font-size: 65px;
   line-height: 75px;
 }

 .banner-carousel .content-box {
   position: relative;
   display: block;
   z-index: 5;
 }

 .banner-style-three .banner-carousel .content-box {
   padding-bottom: 127px;
 }

 .banner-carousel .content-box .line-shape {
   position: absolute;
   left: -130px;
   top: 14px;
   width: 100px;
   height: 1px;
   background: #bcc9d0;
 }

 .banner-carousel .slide-item .pattern-layer {
   position: absolute;
   left: 0px;
   top: 0px;
   height: 100%;
   width: 764px;
   background-size: cover;
   background-repeat: no-repeat;
   background-position: center;
   z-index: 2;
 }

 .banner-carousel .slide-item .bg-layer {
   /* position: absolute; */
   right: 0;
   top: 0;
   width: 100%;
   height: 100%;
   background-repeat: no-repeat;
   background-position: center;
   background-size: cover;
   -webkit-transform: scale(1);
   -ms-transform: scale(1);
   transform: scale(1);
   -webkit-transition: all 8000ms linear;
   -moz-transition: all 8000ms linear;
   -ms-transition: all 8000ms linear;
   -o-transition: all 8000ms linear;
   transition: all 8000ms linear;
   position: absolute;
   /* left: 0px; */
   top: 0px;
   height: 100%;
   width: 615px;
   /* width: 670px; */
   background-size: cover;
   background-repeat: no-repeat;
   background-position: center;
   z-index: 2;
 }

 .banner-carousel .active .slide-item .bg-layer {
   -webkit-transform: scale(0.25);
   -ms-transform: scale(0.25);
   transform: scale(1.1);
 }

 .banner-carousel .content-box h2 {
   opacity: 0;
   -webkit-transform: translateY(50px);
   -moz-transform: translateY(50px);
   -ms-transform: translateY(50px);
   -o-transform: translateY(50px);
   transform: translateY(50px);
   -webkit-transition: all 1000ms ease;
   -moz-transition: all 1000ms ease;
   -ms-transition: all 1000ms ease;
   -o-transition: all 1000ms ease;
   transition: all 1000ms ease;
 }

 .banner-carousel .active .content-box h2 {
   opacity: 1;
   -webkit-transform: translateY(0);
   -moz-transform: translateY(0);
   -ms-transform: translateY(0);
   -o-transform: translateY(0);
   transform: translateY(0);
   -webkit-transition-delay: 700ms;
   -moz-transition-delay: 700ms;
   -ms-transition-delay: 700ms;
   -o-transition-delay: 700ms;
   transition-delay: 700ms;
 }

 .banner-carousel .content-box h3 {
   opacity: 0;
   -webkit-transform: translateY(50px);
   -moz-transform: translateY(50px);
   -ms-transform: translateY(50px);
   -o-transform: translateY(50px);
   transform: translateY(50px);
   -webkit-transition: all 1000ms ease;
   -moz-transition: all 1000ms ease;
   -ms-transition: all 1000ms ease;
   -o-transition: all 1000ms ease;
   transition: all 1000ms ease;
 }

 .banner-carousel .active .content-box h3 {
   opacity: 1;
   -webkit-transform: translateY(0);
   -moz-transform: translateY(0);
   -ms-transform: translateY(0);
   -o-transform: translateY(0);
   transform: translateY(0);
   -webkit-transition-delay: 800ms;
   -moz-transition-delay: 800ms;
   -ms-transition-delay: 800ms;
   -o-transition-delay: 800ms;
   transition-delay: 800ms;
 }

 .banner-carousel .content-box p {
   color: #c5e0ef;
   opacity: 0;
   margin-bottom: 32px;
   -webkit-transform: translateY(50px);
   -moz-transform: translateY(50px);
   -ms-transform: translateY(50px);
   -o-transform: translateY(50px);
   transform: translateY(50px);
   -webkit-transition: all 1000ms ease;
   -moz-transition: all 1000ms ease;
   -ms-transition: all 1000ms ease;
   -o-transition: all 1000ms ease;
   transition: all 1000ms ease;
 }

 .banner-carousel .active .content-box p {
   opacity: 1;
   -webkit-transform: translateY(0);
   -moz-transform: translateY(0);
   -ms-transform: translateY(0);
   -o-transform: translateY(0);
   transform: translateY(0);
   -webkit-transition-delay: 1000ms;
   -moz-transition-delay: 1000ms;
   -ms-transition-delay: 1000ms;
   -o-transition-delay: 1000ms;
   transition-delay: 1000ms;
 }

 .banner-carousel .content-box .btn-box {
   opacity: 0;
   -webkit-transform: translateY(50px);
   -moz-transform: translateY(50px);
   -ms-transform: translateY(50px);
   -o-transform: translateY(50px);
   transform: translateY(50px);
   -webkit-transition: all 1000ms ease;
   -moz-transition: all 1000ms ease;
   -ms-transition: all 1000ms ease;
   -o-transition: all 1000ms ease;
   transition: all 1000ms ease;
 }

 .banner-carousel .active .content-box .btn-box {
   opacity: 1;
   -webkit-transform: translateY(0);
   -moz-transform: translateY(0);
   -ms-transform: translateY(0);
   -o-transform: translateY(0);
   transform: translateY(0);
   -webkit-transition-delay: 1300ms;
   -moz-transition-delay: 1300ms;
   -ms-transition-delay: 1300ms;
   -o-transition-delay: 1300ms;
   transition-delay: 1300ms;
 }

 .banner-section .owl-nav {
   position: absolute;
   left: 60px;
   top: 50%;
 }

 .banner-section .owl-nav button {
   position: absolute;
   display: inline-block;
   left: 0px;
   width: 60px;
   height: 60px;
   line-height: 60px;
   background: #fff;
   text-align: center;
   border-radius: 50%;
   transition: all 500ms ease;
 }

 .banner-section .owl-nav button:hover {
   color: #fff;
 }

 .banner-section .owl-nav button.owl-prev {
   bottom: 10px;
 }

 .banner-section .owl-nav button.owl-next {
   top: 10px;
 }

 .banner-section .owl-nav button.owl-prev:before {
   position: absolute;
   content: 'prev';
   font-size: 14px;
   line-height: 60px;
   color: var(--title-color);
   font-weight: 700;
   text-transform: uppercase;
   writing-mode: vertical-lr;
   left: 0px;
   top: -55px;
   transform: rotate(-180deg);
   transition: all 500ms;
 }

 .banner-section .owl-nav button.owl-next:before {
   position: absolute;
   content: 'next';
   font-size: 14px;
   line-height: 60px;
   color: var(--title-color);
   font-weight: 700;
   text-transform: uppercase;
   writing-mode: vertical-lr;
   left: 0px;
   top: 80px;
   transform: rotate(-180deg);
   transition: all 500ms;
 }

 .banner-section .owl-nav button.owl-prev:hover:before,
 .banner-section .owl-nav button.owl-next:hover:before {
   color: var(--theme-color);
 }

 .banner-section .owl-nav button.owl-next:after {
   position: absolute;
   content: '';
   background-image: url(../images/icons/icon-1.png);
   width: 100%;
   height: 100%;
   left: 0px;
   top: 0px;
   background-repeat: no-repeat;
   background-position: center;
   filter: grayscale(100%);
   transition: all 500ms;
 }

 .banner-section .owl-nav button.owl-next:hover:after {
   filter: grayscale(0%);
 }

 .banner-section .owl-nav button.owl-prev:after {
   position: absolute;
   content: '';
   background-image: url(../images/icons/icon-3.png);
   width: 100%;
   height: 100%;
   left: 0px;
   top: 0px;
   background-repeat: no-repeat;
   background-position: center;
   filter: grayscale(100%);
   transition: all 500ms;
 }

 .banner-section .owl-nav button.owl-prev:hover:after {
   filter: grayscale(0%);
 }


 /** about-section **/

 .about-section {
   position: relative;
   margin-bottom: 40px;
 }

 .about-section .image-box {
   position: relative;
   display: block;
 }

 .image-hov-one img {
   width: 100%;
 }

 .image-hov-one {
   position: relative;
   display: block;
   overflow: hidden;
 }

 .image-hov-one::before {
   background: rgba(255, 255, 255, 0.5);
   content: "";
   position: absolute;
   left: 0;
   top: 0;
   width: 0%;
   height: 100%;
   opacity: 1;
   z-index: 1;
   pointer-events: none;
 }

 .image-hov-one:hover::before {
   width: 100%;
   opacity: 0;
   -webkit-transition: all 400ms linear;
   transition: all 400ms linear;
 }

 .image-hov-two {
   position: relative;
   display: block;
   overflow: hidden;
 }

 .image-hov-two::before {
   background: rgba(255, 255, 255, 0.5);
   content: "";
   position: absolute;
   left: 0;
   top: 0;
   width: 1000%;
   height: 0%;
   opacity: 1;
   z-index: 1;
   pointer-events: none;
 }

 .image-hov-two:hover::before {
   height: 100%;
   opacity: 0;
   -webkit-transition: all 400ms linear;
   transition: all 400ms linear;
 }

 .about-section .image-box .rating-box {
   width: 270px;
   background: #fff;
   padding: 40px 15px 31px 15px;
   box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.06);
 }

 .about-section .image-box .rating-box .icon-box {
   position: relative;
   display: inline-block;
   font-size: 46px;
   color: var(--theme-color);
   margin-bottom: 12px;
 }

 .about-section .image-box .rating-box span {
   display: block;
   font-size: 14px;
   line-height: 24px;
   color: #5d6c72;
   font-weight: 700;
   text-transform: uppercase;
   margin-bottom: 16px;
 }

 .about-section .image-box .rating-box h2 {
   display: block;
   font-size: 60px;
   line-height: 60px;
   margin-bottom: 9px;
 }

 .about-section .image-box .rating-box .rating {
   position: relative;
   display: flex;
   align-items: center;
   justify-content: center;
   margin-bottom: 10px;
 }

 .about-section .image-box .rating-box .rating li {
   display: inline-block;
   font-size: 24px;
   color: #fc951c;
   margin: 0px 3px;
 }

 .about-section .image-box .rating-box p {
   color: var(--title-color);
 }

 .about-section .image-box .rating-box p a {
   display: inline-block;
   color: var(--text-color);
 }

 .about-section .image-box .rating-box p a:hover {
   color: var(--theme-color);
 }

 .about-section .content-box {
   position: relative;
   display: block;
 }

 .about-section .content-box .upper-box {
   position: relative;
   display: block;
   padding-left: 31px;
   margin-bottom: 30px;
 }

 .about-section .content-box .upper-box:before {
   position: absolute;
   content: '';
   background: #c3d2d9;
   width: 1px;
   height: calc(100% - 1px);
   left: 0px;
   top: -3px;
 }

 .about-section .content-box .upper-box .upper-text {
   position: relative;
   display: block;
   font-size: 36px;
   line-height: 40px;
   font-family: var(--secondary-font);
   color: var(--theme-color);
   margin-bottom: 13px;
 }

 .about-section .content-box .upper-box .upper-text span {
   display: inline-block;
   font-size: 14px;
   font-family: var(--text-font);
   font-weight: 700;
   text-transform: uppercase;
   color: var(--title-color);
 }

 .about-section .content-box .upper-box h2 {
   display: block;
   font-size: 30px;
   line-height: 45px;
 }

 .about-section .content-box .text-box h3 {
   display: block;
   font-size: 24px;
   line-height: 30px;
   margin-bottom: 26px;
 }

 .about-section .content-box .text-box h3 span {
   display: inline-block;
   color: var(--theme-color);
 }

 .about-section .content-box .text-box h3 span.year {
   font-size: 36px;
 }

 .about-section .content-box .text-box p {
   margin-bottom: 42px;
 }

 .about-section .pattern-layer {
   position: absolute;
   left: 230px;
   top: 185px;
   width: 500px;
   height: 500px;
   background-repeat: no-repeat;
 }


 /** chooseus-section **/

 .chooseus-section {
   position: relative;
   background: var(--secondary-color);
 }

 .chooseus-section .title-content {
   position: relative;
   display: block;
   margin-right: -30px;
 }

 .chooseus-section .title-content .text-box {
   display: block;
   margin-bottom: 35px;
 }

 .chooseus-section .title-content .text-box p {
   color: #b5c7cf;
 }

 .chooseus-section .title-content .tab-btns {
   position: relative;
   max-width: 540px;
   padding-left: 40px;
 }

 .chooseus-section .title-content .tab-btns:before {
   position: absolute;
   content: '';
   background: #264d5d;
   width: 1px;
   height: calc(100% - 7px);
   left: 0px;
   top: 7px;
 }

 .chooseus-section .title-content .tab-btns li {
   position: relative;
   display: block;
   cursor: pointer;
   margin-bottom: 33px;
   transition: all 500ms;
 }

 .chooseus-section .title-content .tab-btns li:last-child {
   margin-bottom: 0px;
 }

 .chooseus-section .title-content .tab-btns li:before {
   position: absolute;
   content: '';
   background: #264d5d;
   width: calc(100% - 50px);
   height: 1px;
   left: 50px;
   bottom: 19px;
   transition: all 500ms;
 }

 .chooseus-section .title-content .tab-btns li.active-btn:before {
   background: var(--theme-color) !important;
 }

 .chooseus-section .title-content .tab-btns li h3 {
   display: block;
   font-size: 24px;
   line-height: 32px;
   color: #b5c7cf;
   max-width: 300px;
   margin-bottom: 12px;
   transition: all 500ms ease;
 }

 .chooseus-section .title-content .tab-btns li.active-btn h3 {
   color: #fff;
 }

 .chooseus-section .title-content .tab-btns li span {
   position: relative;
   display: inline-block;
   width: 40px;
   height: 40px;
   line-height: 40px;
   text-align: center;
   border-radius: 50%;
   background: #0b3d52;
   font-size: 18px;
   font-family: var(--title-font);
   color: #b5c7cf;
   transition: all 500ms ease;
 }

 .chooseus-section .title-content .tab-btns li.active-btn span {
   color: #fff;
   background: var(--theme-color);
 }

 .chooseus-section .title-content .sec-title {
   margin-bottom: 40px;
 }

 .chooseus-section .content-box {
   position: relative;
   display: block;
 }

 .chooseus-section .content-box .text-box {
   position: absolute;
   left: 0px;
   bottom: 70px;
   background: #fff;
   width: 370px;
   padding: 43px 30px 34px 30px;
   z-index: 2;
 }

 .chooseus-section .content-box .text-box .count-text {
   position: relative;
   display: block;
   font-size: 100px;
   line-height: 68px;
   font-family: var(--title-font);
   color: #e4eef3;
   border-bottom: solid;
   border-width: 1px;
   border-color: #dbe2e5;
   margin-bottom: 27px;
 }

 .chooseus-section .content-box .text-box p {
   margin-bottom: 14px;
 }

 .link-box a {
   position: relative;
   display: inline-block;
   font-size: 14px;
   line-height: 24px;
   font-weight: 700;
   color: white;
   text-transform: uppercase;
 }

 .link-box a:hover {
   color: var(--theme-color);
 }

 .link-box a span {
   position: relative;
   padding-left: 18px;
 }

 .link-box a span:before {
   position: absolute;
   content: '';
   background-image: url(../images/icons/icon-4.png);
   width: 8px;
   height: 14px;
   left: 0px;
   top: 2px;
   background-repeat: no-repeat;
 }

 .chooseus-section .pattern-layer {
   position: absolute;
   top: 0px;
   right: 0px;
   width: 100%;
   height: 100%;
   background-size: cover;
   background-repeat: no-repeat;
   background-position: right center;
   opacity: 0.5;
 }


 /** service-section **/

 .service-section {
   position: relative;
 }

 .service-block-one .inner-box {
   position: relative;
   display: block;

   background: #03251e;
   padding: 44px 30px 42px 30px;
   box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.06);
   margin-bottom: 30px;
 }

 .service-block-one .inner-box .image-layer {
   position: absolute;
   top: 50px;
   right: -50px;
   width: calc(100% - 110px);
   height: 167px;
   background-size: cover;
   background-repeat: no-repeat;
   border-radius: 10px;
   transition: all 0.3s ease-in-out 0.1s;
 }

 .service-block-one .inner-box:hover .image-layer {
   width: calc(100% + 20px);
   height: 187px;
 }

 .service-block-one .inner-box .image-box {
   position: relative;
   display: block;
   overflow: hidden;
   display: none;
 }

 .service-block-one .inner-box .image-box img {
   width: 100%;
   transition: all 0.3s ease-in-out 0.1s;
 }

 .service-block-one .inner-box:hover .image-box img {
   transform: scale(1.1);
 }

 .service-block-one .inner-box .count-text {
   position: relative;
   display: block;
   font-size: 24px;
   line-height: 30px;
   font-family: var(--title-font);
   color: #00b30f;
   padding-bottom: 12px;
   margin-bottom: 59px;
   border-bottom: solid;
   border-width: 1px;
   border-color: #dbe2e5;
 }

 .service-block-one .inner-box .icon-box {
   position: relative;
   display: inline-block;
   width: 70px;
   height: 70px;
   line-height: 70px;
   /* background: #fff; */
   color: #00b30f;
   font-size: 70px;
   margin-bottom: 54px;
   font-weight: 400;
   transition: all 500ms ease;
 }

 .service-block-one .inner-box:hover .icon-box {
   margin-left: 20px;
   text-align: center;
   line-height: 66px;
 }

 .service-block-one .inner-box .icon-box .icon {
   position: relative;
   display: inline-block;
   transition: all 500ms ease;
 }

 .service-block-one .inner-box:hover .icon-box .icon {
   transform: scale(0.6);
 }

 .service-block-one .inner-box h3 {
   display: block;
   font-size: 24px;
   line-height: 32px;
   margin-bottom: 15px;
 }

 .service-block-one .inner-box h3 a {
   display: inline-block;
   color: #ffffff;
 }

 .service-block-one .inner-box h3 a:hover {
   color: var(--theme-color);
 }

 .service-block-one .inner-box p {
   position: relative;
   display: block;
 }

 .service-block-one .inner-box .link {
   position: absolute;
   right: -30px;
   bottom: 110px;
 }

 .service-block-one .inner-box .link a {
   position: relative;
   display: inline-block;
   width: 60px;
   height: 60px;
   line-height: 56px;

   background: #00b30f;
   text-align: center;
   border-radius: 50%;
 }

 .service-block-one .inner-box .link a:hover {
   background: var(--theme-color);
 }


 /** yacht-types-section **/

 .yacht-types-section {
   position: relative;
   padding: 142px 0px 140px 0px;
   background: var(--secondary-color);
 }

 .yacht-types-section .bg-layer {
   position: absolute;
   left: 0px;
   top: 0px;
   width: calc(50% - 185px);
   height: 100%;
   background-size: cover;
   background-repeat: no-repeat;
   background-position: center;
 }

 .yacht-types-section .bg-layer:before {
   position: absolute;
   content: '';
   background: #d0dfe7;
   width: 100%;
   height: 100%;
   left: 0px;
   top: 0px;
   opacity: 0.85;
 }

 .yacht-types-section .sec-title p {
   margin-bottom: 32px;
 }

 .yacht-types-section .content-box {
   position: relative;
   display: block;
   margin-right: -225px;
 }

 .yacht-types-section .content-box .single-item {
   position: relative;
   display: block;
   margin-bottom: 34px;
   cursor: pointer;
 }

 .yacht-types-section .content-box .single-item:before {
   position: absolute;
   content: '';
   background: #264d5d;
   width: 100%;
   height: 1px;
   left: 0px;
   bottom: 14px;
 }

 .yacht-types-section .content-box .single-item:last-child {
   margin-bottom: 0px;
 }

 .yacht-types-section .content-box .single-item span {
   position: relative;
   display: block;
   font-size: 14px;
   line-height: 24px;
   font-weight: 700;
   text-transform: uppercase;
   color: #b5c7cf;
   margin-bottom: 7px;
   padding-left: 30px;
   transition: all 500ms;
 }

 .yacht-types-section .content-box .single-item:hover span {
   color: var(--theme-color);
 }

 .yacht-types-section .content-box .single-item span i {
   position: absolute;
   left: 0px;
   top: 1px;
   font-size: 22px;
   font-weight: 400;
   color: var(--theme-color);
 }

 .yacht-types-section .content-box .single-item h2 {
   display: block;
   font-size: 100px;
   line-height: 100px;
   color: #1a4f65;
   transition: all 500ms;
 }

 .yacht-types-section .content-box .single-item:hover h2 {
   color: #fff;
   z-index: 2;
 }

 .yacht-types-section .content-box .single-item .overlay-content {
   position: absolute;
   top: -50px;
   right: 0px;
   width: 395px;
   background-size: cover;
   background-repeat: no-repeat;
   background-position: center;
   padding: 105px 30px 30px 30px;
   transform: scale(0, 0);
   visibility: hidden;
   z-index: 1;
   transition: all 0.3s ease-in-out 0.1s;
 }

 .yacht-types-section .content-box .single-item:hover .overlay-content {
   transform: scale(1, 1);
   visibility: visible;
 }

 .yacht-types-section .content-box .single-item .overlay-content .link a {
   position: relative;
   display: inline-block;
   width: 60px;
   height: 60px;
   line-height: 60px;
   background: var(--theme-color);
   text-align: center;
   border-radius: 50%;
   z-index: 2;
   margin-bottom: 130px;
 }

 .yacht-types-section .content-box .single-item .overlay-content .link a:hover {
   background: var(--secondary-color);
   z-index: 3;
 }

 .yacht-types-section .content-box .single-item .overlay-content p {
   background: #fff;
   padding: 22px 20px;
 }


 /** yachts-section **/

 .yachts-section {
   position: relative;
 }

 .yachts-block-one .inner-box {
   position: relative;
   display: block;
   background: #fff;
   box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.06);
   margin-bottom: 30px;
 }

 .yachts-block-one .inner-box .image-box {
   position: relative;
   display: block;
 }

 .yachts-block-one .inner-box .image-box .image {
   position: relative;
   display: block;
   overflow: hidden;
 }

 .yachts-block-one .inner-box .image-box .image img {
   width: 100%;
   min-height: 347px;
   -webkit-transition: all 0.8s ease;
   transition: all 0.8s ease;
 }

 .yachts-block-one .inner-box:hover .image-box .image img {
   -webkit-transform: scale(1.06) translateY(8px);
   transform: scale(1.06) translateY(8px);
 }

 .yachts-block-one .inner-box .image-box .image-content {
   position: absolute;
   right: 20px;
   bottom: -30px;
   width: 220px;
   background: #e4eef3;
 }

 .yachts-block-one .inner-box .image-box .image-content h4 {
   display: block;
   font-size: 20px;
   line-height: 30px;
   color: var(--theme-color);
   margin-bottom: 1px;
 }

 .yachts-block-one .inner-box .image-box .image-content h4 span {
   display: inline-block;
   font-size: 16px;
   color: #5d6c72;
 }

 .yachts-block-one .inner-box .image-box .image-content p {
   display: block;
   font-size: 16px;
   line-height: 26px;
 }

 .yachts-block-one .inner-box .image-box .image-content p span {
   color: var(--title-color);
 }

 .yachts-block-one .inner-box .image-box .image-content .price-box {
   position: relative;
   padding: 10px 20px 12px 20px;
 }

 .yachts-block-one .inner-box .image-box .image-content .rating-box {
   position: relative;
   display: block;
   background: var(--secondary-color);
   padding: 3px 20px 1px 20px;
   font-size: 16px;
   line-height: 26px;
   color: #b5c7cf;
   font-weight: 500;
 }

 .yachts-block-one .inner-box .image-box .image-content .rating-box span {
   color: #fff;
   margin-right: 8px;
 }

 .yachts-block-one .inner-box .image-box .image-content .rating-box i {
   position: relative;
   margin-right: 8px;
   font-size: 16px;
   color: #fc951c;
   top: 2px;
 }

 .yachts-block-one .inner-box .lower-content {
   position: relative;
   padding: 59px 20px 27px 30px;
 }

 .yachts-block-one .inner-box .lower-content .link {
   position: absolute;
   left: 30px;
   top: -30px;
 }

 .yachts-block-one .inner-box .lower-content .link a {
   position: relative;
   display: inline-block;
   width: 60px;
   height: 60px;
   line-height: 60px;
   text-align: center;
   background: #e4eef3;
   border-radius: 50%;
 }

 .yachts-block-one .inner-box .lower-content .link a:hover {
   background: var(--theme-color);
 }

 .yachts-block-one .inner-box h3 {
   display: block;
   font-size: 24px;
   line-height: 32px;
   margin-bottom: 6px;
 }

 .yachts-block-one .inner-box h3 a {
   display: inline-block;
   color: var(--title-color);
 }

 .yachts-block-one .inner-box h3 a:hover {
   color: var(--theme-color);
 }

 .yachts-block-one .inner-box .location {
   position: relative;
   display: block;
   font-size: 16px;
   line-height: 26px;
   padding-left: 20px;
 }

 .yachts-block-one .inner-box .location i {
   position: absolute;
   left: 0px;
   top: 1px;
   font-size: 14px;
   color: var(--theme-color);
 }

 .yachts-block-one .inner-box .overlay-content {
   position: absolute;
   left: 0px;
   top: 0px;
   width: 100%;
   height: 100%;
   background: #d0dfe7;
   z-index: 1;
   opacity: 0;
   transform: translateY(50px);
   visibility: hidden;
   transition: all 0.5s ease-in-out 0.1s;
 }

 .yachts-block-one .inner-box:hover .overlay-content {
   opacity: 1;
   transform: translateY(0px);
   visibility: visible;
 }

 .yachts-block-one .inner-box .overlay-content:before {
   position: absolute;
   content: '';
   background: #fff;
   width: 100%;
   height: calc(100% - 150px);
   left: 0px;
   bottom: 0px;
   z-index: -1;
   box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.06);
 }

 .yachts-block-one .inner-box .overlay-content .upper-box {
   position: relative;
   padding: 29px 30px 61px 30px;
 }

 .yachts-block-one .inner-box .overlay-content .lower-box {
   position: relative;
   display: block;
   padding: 36px 0px 29px 0px;
 }

 .yachts-block-one .inner-box .overlay-content .lower-box .link {
   position: absolute;
   left: 30px;
   top: -33px;
 }

 .yachts-block-one .inner-box .overlay-content .lower-box .link a {
   position: relative;
   display: inline-block;
   width: 60px;
   height: 60px;
   line-height: 60px;
   text-align: center;
   background: var(--theme-color);
   border-radius: 50%;
 }

 .yachts-block-one .inner-box .overlay-content .lower-box .link a:hover {
   background: var(--secondary-color);
 }

 .yachts-block-one .inner-box .overlay-content .lower-box h4 {
   position: relative;
   display: block;
   font-size: 20px;
   line-height: 28px;
   margin-bottom: 22px;
   text-align: center;
 }

 .yachts-block-one .inner-box .overlay-content .feature-list li {
   position: relative;
   display: flex;
   align-items: center;
   justify-content: space-between;
   padding: 18px 20px 18px 85px;
   border-bottom: solid;
   border-width: 1px;
   border-color: #dbe2e5;
 }

 .yachts-block-one .inner-box .overlay-content .feature-list li:first-child {
   border-top: solid;
   border-width: 1px;
   border-color: #dbe2e5;
 }

 .yachts-block-one .inner-box .overlay-content .feature-list li .icon-box {
   position: absolute;
   left: 0px;
   top: 0px;
   width: 65px;
   height: 65px;
   line-height: 65px;
   text-align: center;
   font-size: 32px;
   color: var(--theme-color);
   border-right: solid;
   border-width: 1px;
   border-color: #dbe2e5;
 }

 .yachts-block-one .inner-box .overlay-content .feature-list li span {
   position: relative;
   display: block;
   font-size: 15px;
   color: var(--title-color);
 }

 .yachts-block-one .inner-box .overlay-content .feature-list li p {
   font-size: 15px;
 }

 .yachts-block-one .inner-box .overlay-content .lower-box .link-box {
   position: relative;
   padding: 27px 20px 0px 30px;
 }

 .home_4 .yachts-block-one .inner-box .overlay-content {
   background: #e9e1d9;
 }

 .home_4 .yachts-block-one .inner-box .overlay-content .lower-box .link-box a span:before {
   background-image: url(../images/icons/icon-37.png);
 }

 .home_4 .yachts-block-one .inner-box .lower-content .link a {
   background: #f5efe8;
 }

 .home_4 .yachts-block-one .inner-box .image-box .image-content {
   background: #f5efe8;
 }

 .yachts-section .more-btn .theme-btn {
   background: var(--secondary-color);
 }

 .yachts-section .more-btn .theme-btn span:before {
   background-image: url(../images/icons/icon-37.png);
 }



 /** destination-section **/

 .destination-section {
   position: relative;
   padding: 150px 0px 285px 0px;
 }

 .destination-block-one .inner-box {
   position: relative;
   display: block;
 }

 .destination-block-one .inner-box .image-box {
   position: relative;
   display: block;
   overflow: hidden;
 }

 .destination-block-one .inner-box .image-box .image {
   position: relative;
   display: block;
 }

 .destination-block-one .inner-box .image-box img {
   width: 100%;
 }

 .destination-block-one .inner-box .image-box .overlay-image {
   position: absolute;
   left: 0px;
   top: 0px;
   width: 100%;
   height: 0%;
   -webkit-transition: all 0.5s ease;
   transition: all 0.5s ease;
   z-index: 1;
   opacity: 0;
 }

 .destination-block-one .inner-box:hover .image-box .overlay-image {
   height: 100%;
   opacity: 1;
 }

 .destination-block-one .inner-box .image-box .overlay-image:before {
   position: absolute;
   content: '';
   background: linear-gradient(180deg, rgba(0, 46, 65, 0.0) 0%, rgba(0, 46, 65, 1) 100%);
   width: 100%;
   height: 100%;
   left: 0px;
   top: 0px;
   z-index: 1;
 }

 .destination-block-one .inner-box .image-box .overlay-image img {
   transform: translateY(-50%) scaleY(1.5);
   filter: blur(10px);
   object-fit: cover;
   -webkit-transition: all 0.5s ease;
   transition: all 0.5s ease;
 }

 .destination-block-one .inner-box:hover .image-box .overlay-image img {
   transform: translateY(0%) scaleY(1);
   filter: blur(0px);
 }

 .destination-block-one .inner-box .image-box .text {
   position: absolute;
   top: 15px;
   right: 15px;
   font-size: 14px;
   line-height: 20px;
   color: #5d6c72;
   font-weight: 700;
   background: #fff;
   border-radius: 40px;
   z-index: 2;
   padding: 5px 10px;
   transition: all 500ms;
 }

 .destination-block-one .inner-box:hover .image-box .text {
   opacity: 0;
 }

 .destination-block-one .inner-box .image-box .overlay-content {
   position: absolute;
   left: 0px;
   top: 0px;
   right: 0px;
   width: 100%;
   height: 100%;
   text-align: center;
   z-index: 5;
 }

 .destination-block-one .inner-box .image-box .overlay-content span {
   position: relative;
   display: inline-block;
   top: 15px;
   font-size: 14px;
   line-height: 20px;
   color: #fff;
   font-weight: 700;
   background: var(--theme-color);
   padding: 5px 15px;
   border-radius: 40px;
   opacity: 0;
   transform: translateY(-50px);
   transition: all 0.1s ease-in-out 0.2s;
 }

 .destination-block-one .inner-box:hover .image-box .overlay-content span,
 .destination-block-one .inner-box:hover .image-box .overlay-content p {
   opacity: 1;
   transform: translateY(0px);
   transition: all 0.5s ease-in-out 0.5s;
 }

 .destination-block-one .inner-box .image-box .overlay-content p {
   position: absolute;
   left: 0px;
   right: 0px;
   bottom: 6px;
   width: 100%;
   text-align: center;
   font-size: 14px;
   color: #fff;
   font-weight: 500;
   opacity: 0;
   transform: translateY(50px);
   transition: all 0.1s ease-in-out 0.2s;
 }

 .destination-block-one .inner-box .lower-content {
   position: relative;
   padding-top: 14px;
 }

 .destination-block-one .inner-box .lower-content h4 {
   display: block;
   font-size: 20px;
   line-height: 30px;
 }

 .destination-block-one .inner-box .lower-content h4 a {
   display: inline-block;
   color: var(--title-color);
 }

 .destination-block-one .inner-box .lower-content h4 a:hover {
   color: var(--theme-color);
 }

 .destination-section .big-text {
   position: absolute;
   left: 0px;
   text-align: center;
   font-size: 150px;
   line-height: 100px;
   font-family: var(--title-font);
   color: #d0dfe7;
   text-transform: uppercase;
   width: 100%;
 }

 .destination-section .big-text.top {
   top: 4px;
 }

 .destination-section .big-text.bottom {
   bottom: 149px;
 }

 .nav-style-one .owl-nav button {
   position: relative;
   display: inline-block;
   width: 60px;
   height: 60px;
   line-height: 60px;
   text-align: center;
   border: solid;
   border-width: 1px;
   border-color: #aeb9be;
   border-radius: 50%;
   cursor: pointer;
   transition: all 500ms;
 }

 .nav-style-one .owl-nav button:hover {
   border-color: var(--theme-color) !important;
 }

 .nav-style-one .owl-nav button span {
   display: none !important;
 }

 .nav-style-one .owl-nav button.owl-prev:before,
 .nav-style-one .owl-nav button.owl-next:before {
   position: absolute;
   content: '';
   width: 100%;
   height: 100%;
   left: 0px;
   top: 0px;
   background-repeat: no-repeat;
   background-position: center;
   filter: grayscale(100%);
   transition: all 500ms;
 }

 .nav-style-one .owl-nav button.owl-prev:before {
   background-image: url(../images/icons/icon-6.png);
 }

 .nav-style-one .owl-nav button.owl-next:before {
   background-image: url(../images/icons/icon-4.png);
 }

 .nav-style-one .owl-nav button.owl-prev:hover:before,
 .nav-style-one .owl-nav button.owl-next:hover:before {
   filter: grayscale(0%);
 }

 .destination-section .nav-style-one .owl-nav {
   position: absolute;
   left: 0px;
   top: 55px;
   width: 100%;
 }

 .destination-section .nav-style-one .owl-nav .owl-prev {
   position: absolute;
   left: -100px;
 }

 .destination-section .nav-style-one .owl-nav .owl-next {
   position: absolute;
   right: -100px;
 }

 .destination-section .pattern-layer .pattern-1 {
   position: absolute;
   left: 0px;
   bottom: -200px;
   width: 382px;
   height: 1209px;
   background-repeat: no-repeat;
 }

 .destination-section .pattern-layer .pattern-2 {
   position: absolute;
   right: 0px;
   bottom: 0px;
   width: 382px;
   height: 779px;
   background-repeat: no-repeat;
 }


 /** video-section **/

 .video-section {
   position: relative;
   padding: 145px 0px 144px 0px;
 }

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

 .video-section .content-box {
   position: relative;
   display: inline-block;
 }

 .video-section .content-box h2 {
   font-size: 120px;
   line-height: 120px;
   color: #fff;
   margin-bottom: 42px;
 }

 .video-section .content-box .video-btn {
   top: -17px;
 }

 .video-btn {
   position: relative;
   display: inline-block;
   width: 70px;
   height: 70px;
   line-height: 80px;
   background: #fff;
   text-align: center;
   border-radius: 50%;
   font-size: 24px;
   color: var(--theme-color) !important;
 }

 .video-btn:before,
 .video-btn:after {
   width: 100%;
   height: 100%;
   border-radius: 50%;
   background: transparent;
   position: absolute;
   top: 50%;
   left: 50%;
   -webkit-transform: translate(-50%, -50%);
   transform: translate(-50%, -50%);
   -webkit-animation-delay: .9s;
   animation-delay: .9s;
   content: "";
   position: absolute;
   -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.5);
   box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.5);
   -webkit-animation: ripple 3s infinite;
   animation: ripple 3s infinite;
   -webkit-transition: all .4s ease;
   transition: all .4s ease;
 }

 .video-btn:after {
   -webkit-animation-delay: .6s;
   animation-delay: .6s;
 }

 .video-section .content-box span {
   position: relative;
   display: inline-block;
   font-size: 14px;
   line-height: 22px;
   color: #fff;
   font-weight: 700;
   text-transform: uppercase;
 }

 .video-section .content-box span:before {
   position: absolute;
   content: '';
   background-image: url(../images/shape/shape-4.png);
   top: -34px;
   right: 30px;
   width: 52px;
   height: 40px;
   background-repeat: no-repeat;
 }

 .video-section .shape {
   position: absolute;
   left: 0px;
   top: 60px;
   width: 415px;
   height: 82px;
   background-repeat: no-repeat;
 }


 /** news-section **/

 .news-section {
   position: relative;
 }

 .news-block-one .inner-box {
   position: relative;
   display: block;
   overflow: hidden;
   margin-bottom: 30px;
 }

 .news-block-one .inner-box .image-box {
   position: relative;
   display: block;
   overflow: hidden;
 }

 .news-block-one .inner-box .image-box .image {
   position: relative;
   display: block;
   overflow: hidden;
   background: var(--secondary-color);
 }

 .news-block-one .inner-box .image-box .image img {
   width: 100%;
   transition: all 0.3s ease-in-out 0.1s;
 }

 .news-block-one .inner-box:hover .image-box .image img {
   transform: scale(1.1);
   opacity: 0.1;
 }

 .news-block-one .inner-box .image-box .view-btn {
   position: absolute;
   left: 50%;
   top: 50%;
   transform: translate(-50%, -50%);
 }

 .news-block-one .inner-box .image-box .view-btn a {
   position: relative;
   display: inline-block;
   font-size: 30px;
   color: #fff;
   transform: scale(0, 0);
   transition: all 0.5s ease-in-out 0.2s;
 }

 .news-block-one .inner-box:hover .image-box .view-btn a {
   transform: scale(1, 1);
 }

 .news-block-one .inner-box .image-box .view-btn a:hover {
   color: var(--theme-color);
 }

 .news-block-one .inner-box .lower-content {
   position: relative;
   display: block;
   padding-top: 31px;
 }

 .news-block-one .inner-box .lower-content .link {
   position: absolute;
   top: -30px;
   right: 30px;
 }

 .news-block-one .inner-box .lower-content .link a {
   position: relative;
   display: inline-block;
   width: 60px;
   height: 60px;
   line-height: 60px;
   background: #fff;
   text-align: center;
   border-radius: 50%;
   box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.06);
 }

 .news-block-one .inner-box .lower-content .link a:hover {
   background: var(--theme-color);
 }

 .news-block-one .inner-box .lower-content .link a .overlay-icon {
   position: absolute;
   left: 26px;
   top: 25px;
   transition: all 500ms;
   opacity: 0;
 }

 .news-block-one .inner-box .lower-content .link a:hover .overlay-icon {
   opacity: 1;
 }

 .news-block-one .inner-box .lower-content .link a .static-icon {
   position: relative;
   transition: all 500ms ease;
 }

 .news-block-one .inner-box .lower-content .link a:hover .static-icon {
   opacity: 0;
 }

 .news-block-one .inner-box .lower-content .post-date {
   position: relative;
   display: inline-block;
   font-size: 36px;
   line-height: 26px;
   font-family: var(--title-font);
   color: var(--theme-color);
   border-bottom: solid;
   border-width: 1px;
   border-color: #c3d2d9;
   margin-bottom: 16px;
 }

 .news-block-one .inner-box .lower-content .post-date span {
   position: relative;
   display: inline-block;
   font-size: 14px;
   font-family: var(--text-font);
   font-weight: 700;
   text-transform: uppercase;
 }

 .news-block-one .inner-box .lower-content .post-info {
   position: relative;
   display: flex;
   align-items: center;
   margin-bottom: 17px;
 }

 .news-block-one .inner-box .lower-content .post-info li {
   position: relative;
   display: inline-block;
   padding-left: 24px;
   margin-right: 31px;
   font-size: 14px;
   line-height: 22px;
   font-weight: 700;
   text-transform: uppercase;
 }

 .news-block-one .inner-box .lower-content .post-info li:last-child {
   margin: 0px !important;
 }

 .news-block-one .inner-box .lower-content .post-info li i {
   position: absolute;
   left: 0px;
   top: 3px;
   font-size: 14px;
   color: var(--theme-color);
 }

 .news-block-one .inner-box .lower-content .post-info li a {
   display: inline-block;
   color: var(--text-color);
 }

 .news-block-one .inner-box .lower-content .post-info li a:hover {
   color: var(--theme-color);
 }

 .news-block-one .inner-box .lower-content .post-info li:before {
   position: absolute;
   content: '';
   background: #c3d2d9;
   width: 1px;
   height: 18px;
   top: 2px;
   right: -16px;
 }

 .news-block-one .inner-box .lower-content .post-info li:last-child:before {
   display: none;
 }

 .news-block-one .inner-box .lower-content h3 {
   display: block;
   font-size: 22px;
   line-height: 32px;
   margin-bottom: 21px;
 }

 .news-block-one .inner-box .lower-content h3 a {
   display: inline-block;
   color: var(--title-color);
 }

 .news-block-one .inner-box .lower-content h3 a:hover {
   color: var(--theme-color);
 }

 .news-block-one .inner-box .lower-content .btn-box a {
   position: relative;
   display: inline-block;
   font-size: 14px;
   line-height: 22px;
   font-weight: 700;
   text-transform: uppercase;
   color: var(--title-color);
   padding: 8px 19px;
   border-radius: 40px;
   border: solid;
   border-width: 1px;
   border-color: #c3d2d9;
 }

 .news-block-one .inner-box .lower-content .btn-box a:hover {
   border-color: var(--theme-color);
 }

 .check-box input {
   display: none;
 }

 .check-box label {
   position: relative;
   font-size: 15px;
   color: #5d6c72;
   padding-left: 24px;
   display: inline-block;
   cursor: pointer;
   margin-bottom: 0px;
 }

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

 .check-box input:checked+label:before {
   border-color: var(--theme-color) !important;
 }

 .check-box label:after {
   position: absolute;
   content: "\f155";
   font-family: 'flaticon_marina';
   left: 3px;
   top: 1px;
   font-size: 10px;
   color: var(--theme-color);
   opacity: 0;
   transition: all 500ms ease;
 }

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

 .newsletter-block-one {
   position: relative;
   display: block;
   margin-bottom: 30px;
   background: #fff;
   padding-top: 43px;
 }

 .newsletter-block-one .image-box {
   position: relative;
   display: block;
 }

 .newsletter-block-one .image-box img {
   width: 100%;
 }

 .newsletter-block-one .inner-box {
   position: relative;
   display: block;
   padding: 32px 40px 43px 40px;
 }

 .newsletter-block-one .inner-box h3 {
   position: relative;
   display: block;
   font-size: 30px;
   line-height: 40px;
   margin-bottom: 2px;
 }

 .newsletter-block-one .inner-box p {
   font-size: 17px;
   margin-bottom: 22px;
 }

 .newsletter-block-one .inner-box form .form-group {
   position: relative;
   margin-bottom: 12px;
 }

 .newsletter-block-one .inner-box form .form-group.check-box {
   margin-bottom: 19px;
 }

 .newsletter-block-one .inner-box form .form-group:last-child {
   margin-bottom: 0px;
 }

 .newsletter-block-one .inner-box form .form-group input[type='email'] {
   position: relative;
   display: block;
   width: 100%;
   height: 60px;
   background: #e4eef3;
   border: solid;
   border-width: 1px;
   border-color: #e4eef3;
   font-size: 18px;
   color: #8f9a9f;
   padding: 10px 20px 10px 50px;
   transition: all 500ms ease;
 }

 .newsletter-block-one .inner-box form .form-group input:focus {
   border-color: var(--theme-color);
 }

 .newsletter-block-one .inner-box form .form-group .icon {
   position: absolute;
   left: 20px;
   top: 20px;
   font-size: 20px;
   color: var(--theme-color);
   z-index: 1;
 }

 .newsletter-block-one .inner-box form .form-group .theme-btn {
   padding: 15.5px 30px;
 }


 /** testimonial-section **/

 .testimonial-section {
   position: relative;
   background: #d0dfe7;
 }

 .testimonial-section .sec-title p {
   margin-top: 11px;
   margin-bottom: 32px;
 }

 .testimonial-section .testimonial-content {
   position: relative;
   padding-right: 300px;
   padding-bottom: 100px;
 }

 .testimonial-section .testimonial-content .image-box {
   position: absolute;
   right: 0px;
   bottom: 0px;
 }

 .testimonial-section .testimonial-content .image-box img {
   width: 100%;
 }

 .testimonial-section .owl-carousel .owl-stage-outer {
   overflow: visible;
 }

 .testimonial-section .owl-carousel .owl-stage-outer .owl-item {
   opacity: 0;
   visibility: hidden;
 }

 .testimonial-section .owl-carousel .owl-stage-outer .owl-item.active {
   opacity: 1;
   visibility: visible;
 }

 .testimonial-block-one {
   position: relative;
   display: block;
   background: #fff;
   box-shadow: 0px 0px 100px 0px rgba(0, 0, 0, 0.06);
   padding: 146px 38px 44px 50px;
   z-index: 1;
 }

 .testimonial-block-one:before {
   position: absolute;
   content: '';
   background: #d0dfe7;
   width: 100px;
   height: 100px;
   left: 0px;
   top: 0px;
 }

 .testimonial-block-one:after {
   position: absolute;
   content: '';
   background: #bccfd9;
   width: 100px;
   height: 100px;
   left: 0px;
   top: 0px;
   clip-path: polygon(0% 100%, 100% 0%, 100% 100%, 0% 100%, 0% 0%);
 }

 .testimonial-block-one .special-text {
   position: absolute;
   left: 200px;
   top: -4px;
   font-size: 120px;
   line-height: 100px;
   font-family: var(--secondary-font);
   color: var(--theme-color);
   width: 100%;
 }

 .testimonial-block-one .special-text:before {
   position: absolute;
   content: '';
   background: var(--theme-color);
   width: calc(100% + 100px);
   height: 1px;
   left: 0px;
   bottom: 6px;
 }

 .testimonial-block-one .rating {
   position: relative;
   display: flex;
   align-items: center;
   margin-bottom: 0px;
 }

 .testimonial-block-one .rating li {
   font-size: 16px;
   color: #fc951c;
   margin-right: 5px;
 }

 .testimonial-block-one .rating li:last-child {
   margin: 0px;
 }

 .testimonial-block-one .rated-text {
   position: relative;
   display: block;
   font-size: 18px;
   line-height: 24px;
   font-weight: 500;
   margin-bottom: 28px;
 }

 .testimonial-block-one .rated-text span {
   color: var(--title-color);
 }

 .testimonial-block-one h3 {
   display: block;
   font-size: 24px;
   line-height: 32px;
 }

 .testimonial-block-one p {
   margin-top: 14px;
   margin-bottom: 26px;
 }

 .testimonial-block-one .designation {
   position: relative;
   display: block;
   font-size: 14px;
   line-height: 22px;
   font-weight: 700;
   text-transform: uppercase;
   color: var(--theme-color);
   margin-top: 6px;
   z-index: 1;
 }

 .testimonial-block-one .icon-box {
   position: absolute;
   display: inline-block;
   right: 0px;
   bottom: 0px;
   width: 118px;
   height: 118px;
   line-height: 160px;
   background: #e4eef3;
   text-align: center;
   font-size: 50px;
   color: var(--theme-color);
   border-top-left-radius: 100px;
 }

 .testimonial-block-one .icon-box i {
   position: relative;
   display: inline-block;
   left: 10px;
 }

 .testimonial-section .owl-nav {
   position: absolute;
   left: 230px;
   bottom: 0px;
 }

 .testimonial-section .owl-nav .owl-prev {
   margin-right: 10px;
 }

 .owl-dots button span {
   display: none !important;
 }

 .testimonial-section .owl-dots {
   position: absolute;
   left: 19px;
   bottom: 65px;
   counter-reset: slides-num;
 }

 .dots-style-one .owl-dots {
   width: 46px;
 }

 .dots-style-one .owl-dots::after {
   position: absolute;
   right: 0px;
   top: 3px;
   content: "/0" counter(slides-num);
   display: inline-block;
   font-size: 18px;
   color: var(--text-color);
   font-family: var(--title-font);
 }

 .dots-style-one .owl-dots button {
   position: absolute;
   top: 0px;
   left: 0px;
   counter-increment: slides-num;
   font-size: 24px;
   line-height: 30px;
   font-family: var(--title-font);
   color: var(--title-color);
 }

 .dots-style-one .owl-dots button.active:before {
   position: absolute;
   content: counter(slides-num);
 }

 .dots-style-one .owl-dots button.active:after {
   position: absolute;
   content: '0';
   top: 0px;
   right: 0px;
 }

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


 /** main-footer **/

 .main-footer {
   position: relative;
   background: rgb(245 242 240);
 }

 .main-footer .footer-top {
   position: relative;
   padding: 140px 0px 100px 0px;
 }

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

 .main-footer .footer-widget .widget-title:before {
   position: absolute;
   content: '';
   background: var(--theme-color);
   width: 70px;
   height: 1px;
   left: 0px;
   bottom: 0px;
 }

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

 .main-footer .logo-widget .schedule-list li {
   position: relative;
   display: block;
   font-size: 18px;
   color: #b5c7cf;
 }

 .main-footer .logo-widget .widget-content h3 {
   font-size: 24px;
   line-height: 32px;
   text-transform: capitalize;
   margin-bottom: 15px;
 }

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

 .main-footer .logo-widget .widget-content h3 a:hover {
   color: var(--theme-color);
 }

 .main-footer .logo-widget .widget-content .mail-box a {
   position: relative;
   display: inline-block;
   font-size: 14px;
   line-height: 24px;
   font-weight: 500;
   /* text-transform: uppercase; */
   color: #6b6e71;
   padding-left: 30px;
   border-bottom: solid;
   border-width: 1px;
   border-color: #264c5b;
 }

 .main-footer .logo-widget .widget-content .mail-box a i {
   position: absolute;
   left: 0px;
   top: 2px;
   font-size: 20px;
   font-weight: 400;
   color: #00b30f;
 }

 .main-footer .logo-widget .widget-content .mail-box a:hover {
   color: #00b30f;
 }

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

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

 .main-footer .links-widget .links-list li a {
   position: relative;
   display: inline-block;
   font-size: 16px;
   color: #b5c7cf;
   padding-left: 23px;
 }

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

 .main-footer .links-widget .links-list li a:before {
   position: absolute;
   content: "\f114";
   font-family: 'flaticon_marina';
   font-size: 14px;
   left: 0px;
   top: -1px;
   color: #4d7b8e;
   transition: all 500ms;
 }

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

 .main-footer .facilities-widget .widget-content .single-item {
   position: relative;
   float: left;
   width: 90px;
   height: 90px;
   background: #fff;
   text-align: center;
   border-bottom: solid;
   border-right: solid;
   border-width: 1px;
   border-color: #dce8ed;
 }

 .main-footer .facilities-widget .widget-content .single-item .icon-box {
   position: relative;
   display: inline-block;
   width: 90px;
   height: 90px;
   line-height: 90px;
   font-size: 44px;
   color: var(--title-color);
 }

 .main-footer .facilities-widget .widget-content .single-item:nth-child(3),
 .main-footer .facilities-widget .widget-content .single-item:nth-child(6),
 .main-footer .facilities-widget .widget-content .single-item:nth-child(9) {
   border-right: none;
 }

 .main-footer .facilities-widget .widget-content .single-item:nth-child(7),
 .main-footer .facilities-widget .widget-content .single-item:nth-child(8),
 .main-footer .facilities-widget .widget-content .single-item:nth-child(9) {
   border-bottom: none;
 }

 .main-footer .facilities-widget .widget-content .single-item .overlay-content {
   position: absolute;
   left: 0px;
   top: 0px;
   width: 100%;
   height: 100%;
   text-align: center;
   padding: 27px 0px;
   z-index: 1;
   transform: scale(0, 0);
   transition: all 500ms;
 }

 .main-footer .facilities-widget .widget-content .single-item:hover .overlay-content {
   transform: scale(1, 1);
 }

 .main-footer .facilities-widget .widget-content .single-item .overlay-content .bg-layer {
   position: absolute;
   left: 0px;
   top: 0px;
   width: 100%;
   height: 100%;
   background-size: cover;
   background-repeat: no-repeat;
   background-position: center;
 }

 .main-footer .facilities-widget .widget-content .single-item .overlay-content .link a {
   position: relative;
   display: inline-block;
   width: 35px;
   height: 35px;
   line-height: 33px;
   background: #fff;
   text-align: center;
   border-radius: 50%;
 }

 .main-footer .facilities-widget .widget-content .single-item .overlay-content .link a:hover {
   background: var(--theme-color);
 }

 .main-footer .facilities-widget .widget-content .single-item .text-box {
   position: absolute;
   left: 0px;
   top: 0px;
   width: 100%;
   height: 100%;
   line-height: 110px;
   background: var(--secondary-color);
   text-align: center;
 }

 .main-footer .facilities-widget .widget-content .single-item .text-box a {
   position: relative;
   display: inline-block;
   font-size: 14px;
   line-height: 20px;
   color: #fff;
   font-weight: 700;
   text-transform: uppercase;
 }

 .main-footer .facilities-widget .widget-content .single-item .text-box a:hover {
   color: var(--theme-color);
 }

 .main-footer .facilities-widget .widget-content .single-item .text-box a img {
   position: relative;
   display: inline-block;
   margin-bottom: 10px;
 }

 .main-footer .facilities-widget .widget-content .single-item .text-box a span {
   position: relative;
   display: block;
 }

 .main-footer .footer-text {
   position: relative;
   display: flex;
   align-items: center;
   justify-content: space-between;
   background: #05384d;
   padding: 39px 50px;
   overflow: hidden;
 }

 .main-footer .footer-text .yacht-image {
   position: absolute;
   left: 50%;
   top: 50%;
   transform: translate(-50%, -50%);
 }

 .main-footer .footer-text h2 {
   display: block;
   font-size: 48px;
   line-height: 56px;
   color: #fff;
 }

 .main-footer .footer-text .shape-1 {
   position: absolute;
   left: 50%;
   margin-left: -135px;
   top: -40px;
   background: #0d455c;
   width: 270px;
   height: 270px;
   border-radius: 50%;
 }

 .main-footer .footer-text .shape-2 {
   position: absolute;
   left: 300px;
   top: 22px;
   width: 634px;
   height: 147px;
   background-repeat: no-repeat;
 }

 .footer-bottom {
   position: relative;
   width: 100%;
   padding: 32px 0px;
 }

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

 .footer-bottom .copyright p {
   color: #6b6e71;
 }

 .footer-bottom .copyright p a {
   display: inline-block;
   color: #00b30f;
 }

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

 .footer-nav {
   position: relative;
   display: flex;
   align-items: center;
 }

 .footer-nav li {
   position: relative;
   display: inline-block;
   margin-right: 40px;
 }

 .footer-nav li:last-child {
   margin: 0px !important;
 }

 .footer-nav li:before {
   position: absolute;
   content: '';
   background: #adbfc8;
   width: 2px;
   height: 2px;
   right: -22px;
   bottom: 9px;
 }

 .footer-nav li:last-child:before {
   display: none;
 }

 .footer-nav li a {
   display: inline-block;
   font-size: 18px;
   color: #b5c7cf;
 }

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


 /** header-style-two **/

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

 .header-top-two {
   position: relative;
   padding: 7px 0px;
 }

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

 .header-top-two p {
   color: var(--title-color);
 }

 .header-top-two p a {
   position: relative;
   display: inline-block;
   color: var(--theme-color);
   padding-right: 14px;
 }

 .header-top-two p a img {
   position: absolute;
   top: 9px;
   right: 0px;
 }

 .header-top-two p a:hover {
   text-decoration: underline;
 }

 .header-style-two .language-box {
   margin-right: 30px;
 }

 .header-style-two .language-box:last-child {
   margin: 0px;
 }

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

 .header-style-two .language-box .nice-select {
   color: var(--title-color);
 }

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

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

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

 .header-upper .right-column .info-list li {
   position: relative;
   margin-right: 10px;
 }

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

 .header-upper .right-column .info-list li a {
   position: relative;
   display: inline-block;
   width: 40px;
   height: 40px;
   line-height: 44px;
   text-align: center;
   font-size: 20px;
   color: #fff;
   border: solid;
   border-width: 1px;
   border-color: #394c52;
   border-radius: 50%;
 }

 .header-upper .right-column .info-list li a:hover {
   color: var(--theme-color);
   border-color: var(--theme-color);
 }

 .header-upper .right-column .info-list li a span {
   position: absolute;
   left: 50%;
   top: -40px;
   transform: translateX(-50%);
   font-size: 14px;
   line-height: 20px;
   font-weight: 700;
   text-transform: uppercase;
   background: #fff;
   padding: 8px 15px 7px 15px;
   width: max-content;
   color: var(--title-color);
   opacity: 0;
   transition: all 0.3s ease-in-out 0.1s;
 }

 .header-upper .right-column .info-list li a span:before {
   position: absolute;
   content: '';
   background: #fff;
   width: 12px;
   height: 9px;
   left: 50%;
   margin-left: -6px;
   bottom: -9px;
   clip-path: polygon(0% 0%, 100% 0%, 50% 100%, 50% 100%, 0% 0%);
 }

 .header-upper .right-column .info-list li a:hover span {
   top: -50px;
   opacity: 1;
 }

 .header-upper .right-column .info-list:before {
   position: absolute;
   content: '';
   background: #2d4053;
   width: 1px;
   height: 40px;
   top: 0px;
   right: -20px;
 }

 .header-upper .right-column .phone-box {
   position: relative;
   padding-left: 55px;
 }

 .header-upper .right-column .phone-box .icon-box {
   position: absolute;
   display: inline-block;
   left: 0px;
   top: -5px;
   width: 40px;
   height: 40px;
   line-height: 36px;
   background: var(--theme-color);
   font-size: 20px;
   color: #fff;
   text-align: center;
   border-radius: 50%;
 }

 .header-upper .right-column .phone-box a {
   position: relative;
   display: inline-block;
   font-size: 20px;
   line-height: 30px;
   font-family: var(--title-font);
   color: #fff;
 }

 .header-upper .right-column .phone-box a:hover {
   color: var(--theme-color);
 }

 .header-upper .language-box .nice-select {
   color: #a1b6be;
   padding-right: 38px;
 }

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

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

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

 .header-style-two .header-lower .menu-area {
   padding: 5px 0px;
 }

 .header-style-two .main-menu .navigation>li.dropdown>a:before {
   background-image: url(../images/icons/icon-10.png);
 }

 .header-style-two .menu-right-content .search-box:before {
   position: absolute;
   content: '';
   background: #dcdbc9;
   width: 1px;
   height: 30px;
   left: -31px;
   top: -4px;
 }


 /** banner-style-two **/

 .banner-style-two {
   overflow: hidden;
 }

 .banner-style-two .banner-carousel .slide-item {
   padding: 235px 0px 120px 0px;
 }

 .banner-style-two .content-box {
   position: relative;
   display: block;
   margin-left: 20px;
   padding: 55px 0px 50px 80px;
 }

 .banner-style-two .content-box:before {
   position: absolute;
   content: '';
   background: var(--theme-color);
   width: 350px;
   height: 100%;
   left: 0px;
   top: 0px;
 }

 .banner-style-two .content-box .special-text {
   position: relative;
   display: block;
   font-size: 60px;
   line-height: 60px;
   font-family: var(--secondary-font);
   color: #fff;
   margin-bottom: 4px;
   opacity: 0;
   -webkit-transform: translateY(-50px);
   -moz-transform: translateY(-50px);
   -ms-transform: translateY(-50px);
   -o-transform: translateY(-50px);
   transform: translateY(-50px);
   -webkit-transition: all 1000ms ease;
   -moz-transition: all 1000ms ease;
   -ms-transition: all 1000ms ease;
   -o-transition: all 1000ms ease;
   transition: all 1000ms ease;
 }

 .banner-style-two .active .content-box .special-text {
   opacity: 1;
   -webkit-transform: translateY(0);
   -moz-transform: translateY(0);
   -ms-transform: translateY(0);
   -o-transform: translateY(0);
   transform: translateY(0);
   -webkit-transition-delay: 700ms;
   -moz-transition-delay: 700ms;
   -ms-transition-delay: 700ms;
   -o-transition-delay: 700ms;
   transition-delay: 700ms;
 }

 .banner-style-two .content-box h2 {
   font-size: 120px;
   line-height: 120px;
   color: #fff;
   margin-bottom: 1px;
   text-transform: uppercase;
 }

 .banner-style-two .content-box h3 {
   display: block;
   font-size: 40px;
   line-height: 50px;
   color: #fff;
   text-transform: uppercase;
   margin-bottom: 22px;
 }

 .banner-style-two .content-box p {
   color: #fff;
   margin-bottom: 33px;
 }

 .banner-style-two .content-box .theme-btn {
   background: #fff;
   color: var(--title-color) !important;
 }

 .banner-style-two .content-box .theme-btn:hover {
   color: #fff !important;
 }

 .banner-style-two .content-box .theme-btn span:before {
   background-image: url(../images/icons/icon-7.png);
   transition: all 500ms ease;
 }

 .banner-style-two .content-box .theme-btn:hover span:before {
   background-image: url(../images/icons/icon-2.png);
 }

 .banner-style-two .content-box .shape {
   position: absolute;
   left: -20px;
   top: 60px;
   width: 49px;
   height: 411px;
   background-repeat: no-repeat;
 }

 .banner-style-two .owl-nav {
   position: absolute;
   left: 0px;
   top: 50%;
   margin-top: -30px;
   width: 100%;
 }

 .banner-style-two .owl-nav button {
   background: #fff;
   border-color: #fff;
   opacity: 0.2;
 }

 .banner-style-two .owl-nav button:hover {
   opacity: 1;
 }

 .banner-style-two .owl-nav .owl-prev {
   position: absolute;
   left: 60px;
 }

 .banner-style-two .owl-nav .owl-next {
   position: absolute;
   right: 60px;
 }

 .banner-style-two .owl-nav button:before {
   filter: grayscale(100%) !important;
 }


 /** service-style-two **/

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

 .service-block-two .inner-box {
   position: relative;
   display: block;
   margin-bottom: 30px;
 }

 .service-block-two .inner-box .image-box {
   position: relative;
   display: block;
   overflow: hidden;
 }

 .service-block-two .inner-box .image-box .image {
   position: relative;
   display: block;
 }

 .service-block-two .inner-box .image-box img {
   width: 100%;
 }

 .service-block-two .inner-box .image-box .overlay-image {
   position: absolute;
   left: 0px;
   top: 0px;
   width: 100%;
   height: 0%;
   -webkit-transition: all 0.5s ease;
   transition: all 0.5s ease;
   z-index: 1;
 }

 .service-block-two .inner-box:hover .image-box .overlay-image {
   height: 100%;
 }

 .service-block-two .inner-box .image-box .overlay-image:before {
   position: absolute;
   content: '';
   background: var(--secondary-color);
   width: 100%;
   height: 100%;
   left: 0px;
   top: 0px;
   z-index: 1;
   opacity: 0.95;
 }

 .service-block-two .inner-box .image-box .overlay-image img {
   transform: translateY(-100%) scaleY(0);
   filter: blur(10px);
   object-fit: cover;
   -webkit-transition: all 0.5s ease;
   transition: all 0.5s ease;
 }

 .service-block-two .inner-box:hover .image-box .overlay-image img {
   transform: translateY(0%) scaleY(1);
   filter: blur(0px);
 }

 .service-block-two .inner-box .image-box .overlay-content {
   position: absolute;
   left: 0px;
   top: 0px;
   right: 0px;
   width: 100%;
   height: 100%;
   text-align: center;
   z-index: 5;
   display: flex;
   align-items: center;
   justify-content: center;
   padding: 20px;
 }

 .service-block-two .inner-box .image-box .overlay-content a {
   position: relative;
   display: inline-block;
   width: 50px;
   height: 50px;
   line-height: 50px;
   background: #fff;
   text-align: center;
   border-radius: 50%;
   opacity: 0;
   transform: translateY(50px);
   transition: all 0.1s ease-in-out 0.2s;
 }

 .service-block-two .inner-box .image-box .overlay-content a img {
   position: relative;
   display: inline-block;
   width: auto;
 }

 .service-block-two .inner-box:hover .image-box .overlay-content a,
 .service-block-two .inner-box:hover .image-box .overlay-content p {
   opacity: 1;
   transform: translateY(0px);
   transition: all 0.5s ease-in-out 0.5s;
 }

 .service-block-two .inner-box .image-box .overlay-content p {
   position: relative;
   color: #a8b0c0;
   margin-bottom: 21px;
   opacity: 0;
   transform: translateY(-50px);
   transition: all 0.1s ease-in-out 0.2s;
 }

 .service-block-two .inner-box .lower-content {
   position: relative;
   display: block;
   padding-top: 34px;
 }

 .service-block-two .inner-box .lower-content .category {
   position: relative;
   display: block;
   font-size: 14px;
   line-height: 22px;
   font-weight: 700;
   text-transform: uppercase;
   margin-bottom: 8px;
 }

 .service-block-two .inner-box .lower-content h3 {
   display: block;
   font-size: 24px;
   line-height: 32px;
   margin-bottom: 22px;
 }

 .service-block-two .inner-box .lower-content h3 a {
   display: inline-block;
   color: var(--title-color);
 }

 .service-block-two .inner-box .lower-content h3 a:hover {
   color: var(--theme-color);
 }

 .service-block-two .inner-box .lower-content .icon-box {
   position: relative;
   display: inline-block;
   font-size: 35px;
   color: var(--theme-color);
   padding: 0px 40px;
 }

 .service-block-two .inner-box .lower-content .icon-box:before,
 .service-block-two .inner-box .lower-content .icon-box:after {
   position: absolute;
   content: "\f12b";
   font-family: 'flaticon_marina';
   font-size: 30px;
   top: 1px;
   color: var(--theme-color);
 }

 .service-block-two .inner-box .lower-content .icon-box:before {
   left: 0px;
 }

 .service-block-two .inner-box .lower-content .icon-box:after {
   right: 0px;
 }


 /** booking-section **/

 .booking-section {
   position: relative;
   background: #e1e0ce;
 }

 .booking-section .sec-title .theme-btn {
   position: absolute;
   right: 0px;
   bottom: 11px;
 }

 .booking-tab .p-tab {
   position: absolute;
   left: 0px;
   top: 0px;
   width: 100%;
   height: auto;
   opacity: 0;
   visibility: hidden;
 }

 .booking-tab .p-tab.active-tab {
   position: relative;
   visibility: visible;
   opacity: 1;
   z-index: 5;
 }

 .booking-tab .p-tabs-content {
   position: relative;
   display: block;
 }

 .booking-section .booking-tab .p-tab.active-tab .booking-content {
   opacity: 1;
 }

 .booking-section .booking-tab .p-tab .booking-content {
   position: relative;
   opacity: 0;
   -webkit-transition: all 500ms ease;
   -ms-transition: all 500ms ease;
   -o-transition: all 500ms ease;
   transition: all 500ms ease;
 }

 .booking-section .booking-content {
   position: relative;
   padding: 20px 0px 70px 20px;
 }

 .booking-section .booking-content .bg-layer {
   position: absolute;
   left: 0px;
   top: 0px;
   width: calc(100% - 70px);
   height: 100%;
   background-size: cover;
   background-repeat: no-repeat;
   background-position: center;
 }

 .booking-section .booking-content .info-content {
   position: relative;
   display: block;
   width: 220px;
   background: #fff;
   margin-bottom: 32px;
 }

 .booking-section .booking-content .info-content h4 {
   display: block;
   font-size: 20px;
   line-height: 30px;
   color: var(--theme-color);
   margin-bottom: 1px;
 }

 .booking-section .booking-content .info-content h4 span {
   display: inline-block;
   font-size: 16px;
   color: #5d6c72;
 }

 .booking-section .booking-content .info-content p {
   display: block;
   font-size: 16px;
   line-height: 26px;
 }

 .booking-section .booking-content .info-content p span {
   color: var(--title-color);
 }

 .booking-section .booking-content .info-content .price-box {
   position: relative;
   padding: 10px 20px 12px 20px;
 }

 .booking-section .booking-content .info-content .rating-box {
   position: relative;
   display: block;
   background: #eeeee0;
   padding: 3px 20px 1px 20px;
   font-size: 16px;
   line-height: 26px;
   font-weight: 500;
 }

 .booking-section .booking-content .info-content .rating-box span {
   color: var(--title-color);
   margin-right: 8px;
 }

 .booking-section .booking-content .info-content .rating-box i {
   position: relative;
   margin-right: 8px;
   font-size: 16px;
   color: #fc951c;
   top: 2px;
 }

 .booking-section .booking-content .feature-content {
   position: relative;
   display: block;
   background: #fff;
   width: 470px;
   padding: 35px 40px 33px 40px;
   float: right;
   box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.06);
 }

 .booking-section .booking-content .feature-content h4 {
   display: block;
   font-size: 20px;
   line-height: 28px;
   margin-bottom: 22px;
 }

 .booking-section .booking-content .feature-content .feature-list li {
   position: relative;
   display: flex;
   border-bottom: solid;
   border-width: 1px;
   border-color: #e2e1d5;
   align-items: center;
   justify-content: space-between;
   padding: 20px 0px;
 }

 .booking-section .booking-content .feature-content .feature-list li:first-child {
   border-top: solid;
   border-width: 1px;
   border-color: #e2e1d5;
 }

 .booking-section .booking-content .feature-content .feature-list li:before {
   position: absolute;
   content: '';
   background: #e2e1d5;
   width: 1px;
   height: 100%;
   left: 65px;
   top: 0px;
 }

 .booking-section .booking-content .feature-content .feature-list .feature-title {
   position: relative;
   padding-left: 85px;
 }

 .booking-section .booking-content .feature-content .feature-list .feature-title .icon-box {
   position: absolute;
   left: 15px;
   top: -4px;
   font-size: 32px;
   color: var(--theme-color);
 }

 .booking-section .booking-content .feature-content .feature-list .feature-title span {
   position: relative;
   display: block;
   font-size: 16px;
   line-height: 24px;
   color: var(--title-color);
 }

 .booking-section .booking-content .feature-content .feature-list p {
   font-size: 16px;
   line-height: 24px;
 }

 .booking-section .booking-content .feature-content .feature-list {
   margin-bottom: 27px;
 }

 .home_2 .link-box a span:before {
   background-image: url(../images/icons/icon-7.png);
 }

 .booking-section .tab-btns li {
   position: relative;
   display: block;
   background: #fff;
   cursor: pointer;
   padding: 29px 20px 28px 30px;
   margin-bottom: 10px;
   transition: all 500ms;
 }

 .booking-section .tab-btns li:last-child {
   margin-bottom: 0px;
 }

 .booking-section .tab-btns li.active-btn {
   background: var(--secondary-color);
 }

 .booking-section .tab-btns li h3 {
   display: block;
   font-size: 24px;
   line-height: 32px;
   margin-bottom: 7px;
   transition: all 500ms;
 }

 .booking-section .tab-btns li.active-btn h3 {
   color: #fff;
 }

 .booking-section .tab-btns li span {
   position: relative;
   display: block;
   font-size: 16px;
   line-height: 24px;
   padding-left: 20px;
   transition: all 500ms;
 }

 .booking-section .tab-btns li span i {
   position: absolute;
   left: 0px;
   top: 2px;
   color: var(--theme-color);
 }

 .booking-section .tab-btns li.active-btn span {
   color: #a7afbf;
 }

 .booking-section .owl-nav {
   position: absolute;
   left: -160px;
   bottom: 0px;
 }

 .booking-section .owl-nav .owl-prev {
   margin-right: 10px;
 }

 .booking-section .owl-nav button {
   border-color: #c0bfad;
 }

 .booking-section .nav-style-one .owl-nav button.owl-prev:before {
   background-image: url(../images/icons/icon-12.png);
 }

 .booking-section .nav-style-one .owl-nav button.owl-next:before {
   background-image: url(../images/icons/icon-11.png);
 }

 .booking-section .owl-nav:before {
   position: absolute;
   content: '';
   background: #bfbeac;
   width: 220px;
   height: 1px;
   top: 30px;
   right: 150px;
 }

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


 /** about-style-two **/

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

 .about-style-two .left-content {
   position: relative;
   display: block;
 }

 .about-style-two .left-content .text-box {
   max-width: 460px;
   margin-bottom: 69px;
 }

 .about-style-two .left-content .special-text {
   position: relative;
   display: block;
   font-size: 70px;
   line-height: 50px;
   font-family: var(--secondary-font);
   color: var(--theme-color);
   z-index: 1;
   margin-bottom: -28px;
 }

 .about-style-two .about-tab {
   position: relative;
   padding-left: 100px;
   overflow: hidden;
 }

 .about-style-two .about-tab:before {
   position: absolute;
   content: '';
   background: #e2e1d5;
   width: 100%;
   height: 1px;
   left: 0px;
   top: 124px;
   z-index: 1;
 }

 .about-style-two .about-tab .year {
   position: absolute;
   left: 0px;
   top: 93px;
   font-size: 14px;
   line-height: 22px;
   font-weight: 700;
   text-transform: uppercase;
   color: var(--title-color);
 }

 .about-style-two .about-tab .content-box {
   position: relative;
   display: block;
   background: #fff;
   padding: 93px 0px 60px 60px;
   box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.06);
 }

 .about-style-two .about-tab .p-tab.active-tab .carousel-content {
   opacity: 1;
   top: 0px;
 }

 .about-style-two .about-tab .p-tab .carousel-content {
   position: relative;
   opacity: 0;
   top: 10px;
   -webkit-transition: all 700ms ease;
   -ms-transition: all 700ms ease;
   -o-transition: all 700ms ease;
   transition: all 700ms ease;
 }

 .about-tab .p-tab {
   position: absolute;
   left: 0px;
   top: 0px;
   width: 100%;
   height: auto;
   opacity: 0;
   visibility: hidden;
 }

 .about-tab .p-tab.active-tab {
   position: relative;
   visibility: visible;
   opacity: 1;
   z-index: 5;
 }

 .about-tab .p-tabs-content {
   position: relative;
   display: block;
 }

 .about-style-two .about-tab .tab-btn-box {
   position: relative;
   display: block;
   overflow-x: auto;
   width: 100%;
   margin-bottom: 64px;
 }

 .about-style-two .about-tab .tab-btn-box .tab-btns {
   position: relative;
   display: flex;
   align-items: center;
   width: max-content;
 }

 .about-style-two .about-tab .tab-btn-box .tab-btns li {
   position: relative;
   margin-right: 50px;
   font-size: 14px;
   line-height: 22px;
   font-weight: 700;
   color: #a1a191;
   text-transform: uppercase;
   cursor: pointer;
   transition: all 500ms ease;
 }

 .about-style-two .content-box .shape {
   position: absolute;
   right: 20px;
   bottom: 105px;
   width: 302px;
   height: 299px;
   background-repeat: no-repeat;
 }

 .about-style-two .about-tab .tab-btn-box .tab-btns li.active-btn {
   color: var(--title-color);
 }

 .about-style-two ::-webkit-scrollbar {
   display: none !important;
 }

 .about-style-two .carousel-content {
   position: relative;
   display: block;
   padding-right: 50px;
 }

 .about-style-two .carousel-content span {
   position: relative;
   display: block;
   font-size: 14px;
   line-height: 22px;
   font-weight: 700;
   text-transform: uppercase;
   margin-bottom: 8px;
 }

 .about-style-two .carousel-content h2 {
   display: block;
   font-size: 70px;
   line-height: 80px;
   color: var(--theme-color);
   margin-bottom: 8px;
 }

 .about-style-two .carousel-content h3 {
   display: block;
   font-size: 24px;
   line-height: 32px;
   margin-bottom: 24px;
 }

 .about-style-two .carousel-content p {
   margin-bottom: 32px;
 }

 .about-style-two .owl-nav .owl-prev {
   margin-right: 10px;
 }

 .about-style-two .owl-nav button {
   border-color: #c0bfad;
 }

 .about-style-two .nav-style-one .owl-nav button.owl-prev:before {
   background-image: url(../images/icons/icon-12.png);
 }

 .about-style-two .nav-style-one .owl-nav button.owl-next:before {
   background-image: url(../images/icons/icon-11.png);
 }

 .about-style-two .right-content {
   position: relative;
   display: block;
 }

 .about-style-two .right-content .image-box {
   position: relative;
   display: block;
   margin-bottom: 52px;
 }

 .about-style-two .right-content .image-box img {
   max-width: none;
   float: right;
 }

 .about-style-two .right-content .text-box p {
   margin-bottom: 25px;
 }

 .about-style-two .right-content .curve-text {
   position: absolute;
   display: flex;
   align-items: center;
   justify-content: center;
   width: 230px;
   height: 230px;
   border-radius: 50%;
   top: 170px;
   right: 0px;
   text-align: center;
   z-index: 1;
 }

 .about-style-two .right-content .curve-text .shape {
   position: absolute;
   left: 0px;
   top: 0px;
   width: 230px;
   height: 230px;
   border-radius: 50%;
   background-size: cover;
   background-repeat: no-repeat;
   background-position: center;
 }

 .about-style-two .right-content .curve-text h2 {
   display: block;
   font-size: 48px;
   line-height: 50px;
   margin-bottom: 10px;
 }

 .about-style-two .right-content .curve-text p {
   font-size: 14px;
   line-height: 24px;
   font-weight: 700;
   text-transform: uppercase;
   color: var(--title-color);
 }

 .about-style-two .right-content .curve-text span {
   position: absolute;
   font-size: 14px;
   line-height: 24px;
   font-weight: 700;
   text-transform: uppercase;
   color: var(--title-color);
   letter-spacing: 0.8px;
 }

 .about-style-two .right-content .curve-text .curved-circle.one {
   left: 116px;
   top: 10px;
 }

 .about-style-two .right-content .curve-text .curved-circle.two {
   left: 50px;
   bottom: 47px;
   transform: rotate(-117deg);
 }

 .about-style-two .right-content .curve-text .curved-circle.three {
   right: 61px;
   bottom: 39px;
   transform: rotate(120deg);
 }

 .about-style-two .right-content .curve-text .curved-circle:before {
   position: absolute;
   content: '';
   background: var(--secondary-color);
   width: 2px;
   height: 2px;
   border-radius: 50%;
   top: 57px;
   right: -80px;
 }

 .big-section {
   position: relative;
 }

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


 /** chooseus-style-two **/

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

 .chooseus-block-one .inner-box {
   position: relative;
   display: block;
   padding: 0px 0px 0px 35px;
   margin-bottom: 50px;
 }

 .chooseus-block-one .inner-box:before {
   position: absolute;
   content: '';
   background: rgba(255, 255, 255, 0.20);
   width: 1px;
   height: calc(100% - 8px);
   left: 0px;
   top: 0px;
 }

 .chooseus-block-one .inner-box .icon-box {
   position: relative;
   display: inline-block;
   font-size: 74px;
   color: var(--theme-color);
   margin-bottom: 31px;
 }

 .chooseus-block-one .inner-box h3 {
   position: relative;
   display: block;
   font-size: 24px;
   line-height: 32px;
   padding-bottom: 23px;
   margin-bottom: 23px;
 }

 .chooseus-block-one .inner-box h3:before {
   position: absolute;
   content: '';
   background: rgba(255, 255, 255, 0.20);
   width: calc(50% - 15px);
   height: 1px;
   left: -35px;
   bottom: 0px;
   transition: all 500ms;
 }

 .chooseus-block-one .inner-box:hover h3:before {
   width: calc(100% + 35px);
 }

 .chooseus-block-one .inner-box h3 span {
   display: inline-block;
   color: var(--theme-color);
 }

 .chooseus-block-one .inner-box h3 a {
   display: inline-block;
   color: #fff;
 }

 .chooseus-block-one .inner-box h3 a:hover {
   color: var(--theme-color);
 }

 .chooseus-block-one .inner-box p {
   color: #a7afbf;
 }

 .chooseus-style-two .image-layer {
   position: absolute;
   left: 75px;
   top: 150px;
   opacity: 0.4;
 }

 .chooseus-style-two .shape .shape-1 {
   position: absolute;
   left: 65px;
   top: 150px;
   width: 300px;
   height: 360px;
   background-repeat: no-repeat;
 }

 .chooseus-style-two .shape .shape-2 {
   position: absolute;
   left: 410px;
   bottom: 130px;
   width: 300px;
   height: 360px;
   background-repeat: no-repeat;
 }


 /** slide-text-section **/

 .slide-text-section {
   position: relative;
   overflow: hidden;
   padding: 117.5px 0px;
 }

 .slide-text-section .text-list {
   position: absolute;
   display: flex;
   align-items: center;
   width: max-content;
 }

 .slide-text-section .text-list.two {
   right: 0px;
   bottom: 0px;
   -moz-animation: scroll-right 90s linear infinite;
   -webkit-animation: scroll-right 90s linear infinite;
   animation: scroll-right 90s linear infinite;
 }

 .slide-text-section .text-list.one {
   top: 0px;
   left: 0px;
   -moz-animation: scroll-left 90s linear infinite;
   -webkit-animation: scroll-left 90s linear infinite;
   animation: scroll-left 90s linear infinite;
 }

 .slide-text-section .text-list li {
   position: relative;
   display: inline-block;
   font-size: 100px;
   line-height: 100px;
   font-family: var(--title-font);
   margin-right: 170px;
   color: transparent;
   -webkit-text-stroke-width: 1px;
   -webkit-text-stroke-color: var(--theme-color);
 }

 .slide-text-section .text-list li:last-child {
   margin: 0px;
 }

 .slide-text-section .text-list li:before {
   position: absolute;
   content: "\f10b";
   font-family: 'flaticon_marina';
   font-size: 50px;
   color: var(--theme-color);
   top: 10px;
   right: -110px;
 }

 @keyframes marqueslide {
   from {
     transform: translateX(0);
   }

   to {
     transform: translateX(-100%);
   }
 }

 .slide-text-section .video-inner {
   position: relative;
   display: block;
   text-align: center;
 }

 .slide-text-section .video-inner .video-btn {
   width: 100px;
   height: 100px;
   line-height: 100px;
   box-shadow: 0px 0px 21px 0px rgba(0, 0, 0, 0.06);
   color: #fff !important;
 }

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


 /** pricing-section **/

 .pricing-section {
   position: relative;
   padding: 134px 0px 120px 0px;
 }

 .pricing-block-one {
   position: relative;
   display: block;
   padding-bottom: 35px;
   margin-bottom: 30px;
 }

 .pricing-block-one h2 {
   position: relative;
   display: block;
   font-size: 18px;
   line-height: 40px;
   color: var(--title-color);
   background: #d0dfe7;
   padding: 3px 82px 0px 21px;
   margin-left: 30px;
 }

 .home_2 .pricing-block-one h2 {
   background: #eeeee0;
 }

 .pricing-block-one h2 span {
   font-size: 20px;
 }

 .pricing-block-one .icon-box {
   position: absolute;
   top: 0px;
   right: 0px;
   display: inline-block;
   width: 80px;
   height: 110px;
   line-height: 110px;
   text-align: center;
   background: var(--theme-color);
   font-size: 40px;
   color: #fff;
   z-index: 1;
 }

 .pricing-block-one .inner-box {
   position: relative;
   display: block;
   background: rgba(255, 255, 255, 0.98);
   padding: 94px 30px 50px 30px;
 }

 /* .pricing-block-one .inner-box:before {
   position: absolute;
   content: "\f12b";
   font-family: 'flaticon_marina';
   font-size: 50px;
   top: 1px;
   color: var(--theme-color);
   left: 30px;
   top: 41px;
 } */

 .pricing-block-one .inner-box .feature-list li {
   position: relative;
   display: block;
   font-size: 14px;
   line-height: 22px;
   font-weight: 700;
   text-transform: uppercase;
   color: var(--title-color);
   padding-left: 20px;
   margin-bottom: 26px;
 }

 .pricing-block-one .inner-box .feature-list li:last-child {
   margin-bottom: 0px;
 }

 .pricing-block-one .inner-box .feature-list li span {
   float: right;
   color: var(--text-color);
   font-size: 18px;
   font-weight: 400;
   text-transform: capitalize;
 }

 .pricing-block-one .inner-box .feature-list li:before {
   position: absolute;
   content: "\f114";
   font-family: 'flaticon_marina';
   left: 0px;
   top: 0px;
   color: var(--theme-color);
 }

 .pricing-block-one .inner-box .price {
   position: relative;
   display: block;
   font-size: 46px;
   line-height: 48px;
   font-family: var(--title-font);
   color: var(--title-color);
   margin-top: 40px;
   padding-left: 15px;
 }

 .pricing-block-one .inner-box .price .text {
   font-size: 14px;
   font-family: var(--text-font);
   color: var(--text-color);
   font-weight: 700;
   text-transform: uppercase;
 }

 .pricing-block-one .inner-box .price .symble {
   position: absolute;
   left: 0px;
   top: 0px;
   font-size: 26px;
 }

 .pricing-block-one .inner-box p {
   margin-bottom: 32px;
   font-size: 17px;
 }

 .pricing-block-one .inner-box .theme-btn {
   width: 100%;
 }

 .pricing-block-one .recommend-text {
   position: absolute;
   left: 60px;
   bottom: -35;
   width: calc(100% - 120px);
   font-size: 14px;
   line-height: 25px;
   font-weight: 700;
   text-align: center;
   color: #fff;
   background: var(--theme-color);
   padding: 5px 10px;
   text-transform: uppercase;
 }

 .pricing-section .tab-btns {
   position: relative;
   display: flex;
   align-items: center;
   justify-content: center;
   margin-bottom: 50px;
 }

 .pricing-section .tab-btns li {
   position: relative;
   display: inline-block;
   font-size: 14px;
   line-height: 24px;
   font-weight: 700;
   text-transform: uppercase;
   color: #a7afbf;
   margin-right: 30px;
   padding-left: 30px;
   cursor: pointer;
   transition: all 500ms ease;
 }

 .pricing-section .tab-btns li.active-btn {
   color: var(--theme-color);
 }

 .pricing-section .tab-btns li:before {
   position: absolute;
   content: '';
   width: 20px;
   height: 20px;
   line-height: 20px;
   text-align: center;
   border: 1px solid #c4d3da;
   border-radius: 50%;
   left: 0px;
   top: 2px;
   font-weight: 400;
   transition: all 500ms;
 }

 .home_2 .pricing-section .tab-btns li:before {
   border: 1px solid rgba(255, 255, 255, 0.35);
 }

 .pricing-section .tab-btns li.active-btn:before {
   background: var(--theme-color);
   border-color: var(--theme-color);
   color: #fff;
   content: "\f155";
   font-family: 'flaticon_marina';
 }

 .home_2 .pricing-section .tab-btns li.active-btn:before {
   background: #fff;
   border-color: #fff;
   color: var(--theme-color);
 }


 /** destination-style-two **/

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

 .destination-style-two .map-content {
   position: relative;
   display: block;
   text-align: center;
   padding: 0.5px 29px;

   border-width: 1px;

 }

 .destination-style-two .map-content .map img {
   width: 100%;
 }

 .destination-style-two .map-content .location-box {
   position: absolute;
   left: 0px;
   top: 0px;
   width: 100%;
   height: 100%;
   z-index: 1;
 }

 .destination-style-two .map-content .single-location {
   position: absolute;
   cursor: pointer;
   z-index: 1;
 }

 .destination-style-two .map-content .single-location .text {
   position: absolute;
   left: 50%;
   top: -40px;
   transform: translateX(-50%);
   font-size: 14px;
   line-height: 25px;
   font-weight: 700;
   text-transform: uppercase;
   color: var(--title-color);
   background: #fff;
   width: max-content;
   text-transform: uppercase;
   padding: 5px 15px;
   visibility: hidden;
   opacity: 0;
   transition: all 500ms ease;
 }

 .destination-style-two .map-content .single-location:hover .text,
 .destination-style-two .map-content .single-location.current .text {
   top: -50px;
   opacity: 1;
   visibility: visible;
 }

 .destination-style-two .map-content .single-location .text:before {
   position: absolute;
   content: '';
   background: #fff;
   width: 12px;
   height: 8px;
   left: 50%;
   margin-left: -6px;
   bottom: -8px;
   clip-path: polygon(0% 0%, 100% 0%, 50% 100%, 50% 100%, 0% 0%);
 }

 .destination-style-two .map-content .single-location .text a {
   display: inline-block;
   color: var(--title-color);
 }

 .destination-style-two .map-content .single-location .text a:hover {
   color: var(--theme-color);
 }

 .destination-style-two .map-content .single-location:first-child {
   left: 56%;
   top: 90px;
 }

 .destination-style-two .map-content .single-location:nth-child(2) {
   left: 15%;
   bottom: 110px;
 }

 .destination-style-two .map-content .single-location:nth-child(3) {
   left: 34%;
   bottom: 160px;
 }

 .destination-style-two .map-content .single-location:nth-child(4) {
   left: 47%;
   top: 50%;
 }

 .destination-style-two .map-content .single-location:nth-child(5) {
   right: 15%;
   bottom: 205px;
 }

 .destination-style-two .map-content .single-location:nth-child(6) {
   right: 28%;
   bottom: 165px;
 }

 .destination-style-two .content-box {
   position: relative;
   display: block;
   background: #03251e;
   padding: 42px 50px 53px 50px;
 }

 .destination-style-two .content-box .image-layer {
   position: absolute;
   right: 36px;
   bottom: 65px;
   transform: rotate(-10deg);
   max-width: 200px;
 }

 .destination-style-two .content-box .quentity {
   position: absolute;
   top: 50px;
   right: 50px;
   font-size: 14px;
   line-height: 24px;
   font-weight: 700;
   color: #fff;
   text-transform: uppercase;
   padding: 3px 15px;
   border-radius: 30px;
   background: #1e3158;
 }

 .destination-style-two .content-box h2 {
   position: relative;
   display: block;
   font-size: 30px;
   line-height: 40px;
   color: #fff;
 }

 .destination-style-two .content-box h2 span {
   font-size: 17px;
   font-family: var(--text-font);
   color: #a7afbf;
 }

 .destination-style-two .content-box .price-box {
   position: relative;
   display: block;
   font-size: 17px;
   line-height: 26px;
   color: var(--theme-color);
   font-weight: 500;
   margin-bottom: 25px;
 }

 .destination-style-two .content-box p {
   color: #ffffff;
   margin-bottom: 25px;
 }

 .list-style-one li {
   position: relative;
   display: block;
   color: #a7afbf;
   margin-bottom: 12px;
   padding-left: 30px;
 }

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

 .list-style-one li:before {
   position: absolute;
   content: "\f12c";
   font-family: 'flaticon_marina';
   left: 0px;
   top: 1px;
   color: var(--theme-color);
   font-size: 16px;
 }

 .destination-style-two .content-box .list-style-one {
   margin-bottom: 33px;
 }

 .destination-style-two .content-box .temperature-box .icon-box {
   width: 60px;
   height: 60px;
   line-height: 66px;
   border: solid;
   border-width: 1px;
   border-color: #3f4f6f;
   text-align: center;
   border-radius: 50%;
   font-size: 28px;
   margin-right: 15px;
 }

 .destination-style-two .content-box .temperature-box .temperature-text {
   font-size: 24px;
 }

 .destination-style-two .content-box .link-btn {
   position: absolute;
   right: 50px;
   bottom: 100px;
   z-index: 1;
 }

 .destination-style-two .content-box .link-btn a {
   position: relative;
   display: inline-block;
   width: 50px;
   line-height: 50px;
   line-height: 50px;
   background: #fff;
   text-align: center;
   border-radius: 50%;
 }

 .destination-style-two .content-box .link-btn a:hover {
   background: var(--theme-color);
 }

 .destination-style-two .tab-btns {
   position: relative;
   display: block;
   margin-bottom: 45px;
 }

 .destination-style-two .tab-btns li {
   position: relative;
   display: inline-block;
   float: left;
   font-size: 17px;
   margin-right: 43px;
   cursor: pointer;
   transition: all 500ms;
 }

 .destination-style-two .tab-btns li span {
   display: inline-block;
   font-weight: 500;
   color: var(--title-color);
   transition: all 500ms;
 }

 .destination-style-two .tab-btns li.active-btn span {
   color: var(--theme-color);
 }

 .destination-style-two .tab-btns li:last-child {
   margin-right: 0px;
 }


 /** news-style-two **/

 .news-style-two {
   background: #e1e0ce;
 }

 .news-block-two .inner-box {
   position: relative;
   display: block;
   margin-bottom: 30px;
 }

 .news-block-two .inner-box .image-box {
   position: relative;
   display: block;
   overflow: hidden;
 }

 .news-block-two .inner-box .image-box .image {
   position: relative;
   display: block;
   overflow: hidden;
   background: var(--secondary-color);
 }

 .news-block-two .inner-box .image-box .image img {
   width: 100%;
   transition: all 0.3s ease-in-out 0.1s;
 }

 .news-block-two .inner-box:hover .image-box .image img {
   transform: scale(1.1);
   opacity: 0.1;
 }

 .news-block-two .inner-box .image-box .view-btn {
   position: absolute;
   left: 50%;
   top: 50%;
   transform: translate(-50%, -50%);
 }

 .news-block-two .inner-box .image-box .view-btn a {
   position: relative;
   display: inline-block;
   font-size: 30px;
   color: #fff;
   transform: scale(0, 0);
   transition: all 0.5s ease-in-out 0.2s;
 }

 .news-block-two .inner-box:hover .image-box .view-btn a {
   transform: scale(1, 1);
 }

 .news-block-two .inner-box .image-box .view-btn a:hover {
   color: var(--theme-color);
 }

 .news-block-two .inner-box .image-box .category {
   position: absolute;
   left: 0px;
   bottom: 0px;
   z-index: 2;
   font-size: 14px;
   line-height: 24px;
   font-weight: 700;
   color: #fff;
   text-transform: uppercase;
   background: var(--theme-color);
   padding: 3px 20px;
 }

 .news-block-two .inner-box .lower-content {
   position: relative;
   display: block;
 }

 .news-block-two .inner-box .lower-content .upper-box {
   position: relative;
   background: #fff;
   padding: 24px 20px 65px 20px;
 }

 .news-block-two .inner-box .lower-content .upper-box h3 {
   display: block;
   font-size: 24px;
   line-height: 32px;
 }

 .news-block-two .inner-box .lower-content .upper-box h3 a {
   display: inline-block;
   color: var(--title-color);
 }

 .news-block-two .inner-box .lower-content .upper-box h3 a:hover {
   color: var(--theme-color);
 }

 .news-block-two .inner-box .lower-content .lower-box {
   position: relative;
   background: #fff;
   margin: -43px 20px 0px 20px;
 }

 .news-block-two .inner-box .lower-content .lower-box .post-info {
   position: relative;
   display: flex;
   align-items: center;
   justify-content: center;
   background: #eeeee0;
   padding: 10.5px 15px;
 }

 .news-block-two .inner-box .lower-content .post-info li {
   position: relative;
   display: inline-block;
   padding-left: 24px;
   margin-right: 31px;
   font-size: 14px;
   line-height: 22px;
   font-weight: 700;
   text-transform: uppercase;
 }

 .news-block-two .inner-box .lower-content .post-info li:last-child {
   margin: 0px !important;
 }

 .news-block-two .inner-box .lower-content .post-info li i {
   position: absolute;
   left: 0px;
   top: 3px;
   font-size: 14px;
   color: var(--theme-color);
 }

 .news-block-two .inner-box .lower-content .post-info li a {
   display: inline-block;
   color: var(--text-color);
 }

 .news-block-two .inner-box .lower-content .post-info li a:hover {
   color: var(--theme-color);
 }

 .news-block-two .inner-box .lower-content .post-info li:before {
   position: absolute;
   content: '';
   background: #c3d2d9;
   width: 1px;
   height: 18px;
   top: 2px;
   right: -16px;
 }

 .news-block-two .inner-box .lower-content .post-info li:last-child:before {
   display: none;
 }

 .news-block-two .inner-box .lower-content .link-box {
   position: relative;
   display: block;
   text-align: center;
   padding: 13px 15px;
 }

 .home_2 .news-block-two .inner-box .lower-content .link-box a span:before {
   background-image: url(../images/icons/icon-11.png);
 }

 .news-style-two .sec-title .theme-btn {
   position: absolute;
   right: 0px;
   bottom: 8px;
 }


 /** instagram-section **/

 .instagram-section {
   position: relative;
   overflow: hidden;
 }

 .instagram-block-one .inner-box {
   position: relative;
   display: block;
 }

 .instagram-block-one .inner-box .image-box {
   position: relative;
   display: block;
   overflow: hidden;
   background: var(--secondary-color);
 }

 .instagram-block-one .inner-box .image-box img {
   width: 100%;
   transition: all 500ms;
 }

 .instagram-block-one .inner-box:hover .image-box img {
   transform: scale(1.05);
   opacity: 0.2;
 }

 .instagram-block-one .inner-box .image-box .icon-box {
   position: absolute;
   left: 20px;
   bottom: 20px;
 }

 .instagram-block-one .inner-box .image-box .icon-box a {
   position: relative;
   display: inline-block;
   width: 50px;
   height: 50px;
   line-height: 56px;
   background: #fff;
   text-align: center;
   font-size: 16px;
   color: var(--title-color);
   border-radius: 50%;
   transform: scale(0, 0);
 }

 .instagram-block-one .inner-box .image-box .icon-box a:hover {
   color: #fff;
   background: var(--theme-color);
 }

 .instagram-block-one .inner-box:hover .image-box .icon-box a {
   transform: scale(1, 1);
 }

 .instagram-block-one .follow-box {
   position: relative;
   display: flex;
   align-items: center;
   justify-content: center;
   text-align: center;
   background: var(--theme-color);
   padding: 24px 15px;
 }

 .instagram-block-one .follow-box .icon-box a {
   position: relative;
   display: inline-block;
   width: 50px;
   height: 50px;
   line-height: 56px;
   background: #fff;
   text-align: center;
   font-size: 16px;
   color: var(--title-color);
   border-radius: 50%;
   margin-bottom: 17px;
 }

 .instagram-block-one .follow-box .icon-box a:hover {
   color: #fff;
   background: var(--secondary-color);
 }

 .instagram-block-one .follow-box h4 {
   display: block;
   font-size: 20px;
   line-height: 24px;
   margin-bottom: 6px;
 }

 .instagram-block-one .follow-box h4 a {
   display: inline-block;
   color: #fff;
 }

 .instagram-block-one .follow-box h4 a:hover {
   text-decoration: underline;
 }

 .instagram-block-one .follow-box .text {
   position: relative;
   display: block;
   color: #fff;
   margin-bottom: 9px;
 }

 .instagram-block-one .follow-box .link-box a {
   color: #fff;
 }

 .instagram-block-one .follow-box .link-box a span:before {
   background-image: url(../images/icons/icon-2.png);
 }

 .instagram-section .pattern-layer {
   position: absolute;
   left: 50%;
   transform: translateX(-50%);
   top: 80px;
   width: 637px;
   height: 700px;
   background-repeat: no-repeat;
 }


 /** footer-style-two **/

 .footer-style-two {
   position: relative;
   padding: 120px 0px 80px 0px;
 }

 .footer-style-two .footer-logo {
   margin-bottom: 54px;
 }

 .footer-style-two .logo-widget .inner-box {
   position: relative;
   display: flex;
   align-items: center;
   margin-bottom: 54px;
 }

 .footer-style-two .logo-widget .inner-box span {
   position: relative;
   display: block;
   font-size: 14px;
   line-height: 24px;
   color: #fff;
   font-weight: 700;
   text-transform: uppercase;
   margin-bottom: 18px;
 }

 .footer-style-two .logo-widget .inner-box ul {
   position: relative;
   display: flex;
   align-items: center;
 }

 .footer-style-two .logo-widget .inner-box ul li {
   margin-right: 10px;
 }

 .footer-style-two .logo-widget .inner-box ul li:last-child {
   margin-right: 0px;
 }

 .footer-style-two .logo-widget .inner-box ul li a {
   position: relative;
   display: inline-block;
   width: 45px;
   height: 45px;
   line-height: 49px;
   background: rgba(255, 255, 255, 0.10);
   text-align: center;
   border-radius: 50%;
   font-size: 16px;
   color: #fff;
 }

 .footer-style-two .logo-widget .inner-box ul li a:hover {
   background: var(--theme-color);
 }

 .footer-style-two .widget-section {
   position: relative;
   padding-bottom: 91px;
   border-bottom: 1px solid rgba(255, 255, 255, 0.15);
 }

 .footer-style-two .footer-bottom .copyright p a {
   color: #b5c7cf;
 }

 .footer-style-two .footer-bottom .copyright p span {
   color: var(--theme-color);
 }

 .footer-style-two .links-widget .links-list li a:before {
   color: #55627b;
 }

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

 .footer-style-two .bg-layer {
   position: absolute;
   top: 0px;
   right: 0px;
   width: calc(50% - 50px);
   height: 100%;
   background-size: cover;
   background-repeat: no-repeat;
   background-position: center;
 }

 .footer-style-two .right-content .form-inner {
   position: relative;
   display: block;
   background: #fff;
   padding: 42px 50px 50px 50px;
 }

 .footer-style-two .right-content .form-inner .icon-box {
   position: absolute;
   top: -50px;
   right: 30px;
   display: inline-block;
   width: 100px;
   height: 100px;
   line-height: 100px;
   text-align: center;
   border-radius: 50%;
   background: var(--theme-color);
 }

 .footer-style-two .right-content .form-inner h2 {
   display: block;
   font-size: 30px;
   line-height: 38px;
   margin-bottom: 8px;
 }

 .footer-style-two .right-content .form-inner p {
   margin-bottom: 21px;
 }

 .footer-style-two .right-content .form-inner .form-group {
   position: relative;
   margin-bottom: 25px;
 }

 .footer-style-two .right-content .form-inner .form-group:last-child {
   margin-bottom: 0px;
 }

 .footer-style-two .right-content .form-inner .form-group .icon {
   position: absolute;
   left: 0px;
   top: 10px;
   z-index: 1;
 }

 .footer-style-two .right-content .form-inner .form-group .select-box {
   min-height: 54px;
 }

 .footer-style-two .right-content .form-inner .form-group input[type='text'],
 .footer-style-two .right-content .form-inner .form-group input[type='email'],
 .footer-style-two .right-content .form-inner .form-group textarea,
 .footer-style-two .right-content .form-inner .form-group .nice-select {
   position: relative;
   display: block;
   width: 100%;
   height: 54px;
   border-bottom: solid;
   border-width: 1px;
   border-color: #e2e1d5;
   font-size: 17px;
   color: #6c6b5e;
   padding: 10px 0px 10px 31px;
   transition: all 500ms;
 }

 .footer-style-two .right-content .form-inner .form-group textarea {
   height: 100px;
   resize: none;
 }

 .footer-style-two .right-content .form-inner .form-group input:focus,
 .footer-style-two .right-content .form-inner .form-group textarea:focus {
   border-color: var(--theme-color);
 }

 .main-header .user-box .nice-select .list {
   width: 110px;
 }

 .footer-style-two .right-content .form-inner .form-group .nice-select:before {
   position: absolute;
   content: "\f11f";
   font-family: 'flaticon_marina';
   top: 13px;
   right: 0px;
   font-size: 14px;
   color: var(--theme-color);
 }


 /** header-style-three **/

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

 .home_3 .main-menu .navigation>li.dropdown>a:before {
   background-image: url(../images/icons/icon-21.png);
 }

 .home_3 .main-menu .navigation>li.dropdown.current>a:before,
 .home_3 .main-menu .navigation>li.dropdown>a:hover:before {
   background-image: url(../images/icons/icon-20.png);
 }

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

 .header-style-three .header-lower {
   border-bottom: 1px solid #1d3a5c;
 }

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

 .header-style-three .language-box {
   margin-right: 0px;
   padding-left: 50px;
 }

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

 .header-style-three .language-box .nice-select {
   font-size: 20px;
   font-family: var(--title-font);
 }

 .header-style-three .language-box .nice-select:before {
   color: #92a1b2;
 }

 .header-style-three .language-box .icon-box {
   display: inline-block;
   width: 40px;
   height: 40px;
   line-height: 44px;
   text-align: center;
   border-radius: 50%;
   background: var(--theme-color);
   color: #fff;
   font-size: 24px;
   top: -7px;
 }

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

 .header-style-three .menu-area {
   padding: 10px 0px;
 }

 .header-style-three .sticky-header {
   background: var(--secondary-color);
   border-bottom: 1px solid rgba(255, 255, 255, 0.10);
 }

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

 .header-bottom .outer-container {
   position: relative;
   padding: 5px 50px;
 }

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

 .header-bottom .bottom-inner .search-box {
   position: relative;
   width: 300px;
 }

 .header-bottom .bottom-inner .search-box .form-group {
   position: relative;
   margin-bottom: 0px;
 }

 .header-bottom .bottom-inner .search-box .form-group input[type='search'] {
   position: relative;
   width: 100%;
   height: 40px;
   font-size: 17px;
   color: #2f4a6b;
   padding-left: 28px;
 }

 .header-bottom .bottom-inner .search-box .form-group button[type='submit'] {
   position: absolute;
   left: 0px;
   top: 9px;
   font-size: 18px;
   color: #8696a8;
   cursor: pointer;
   transition: all 500ms ease;
 }

 .header-bottom .bottom-inner .search-box .form-group input:focus+button,
 .header-bottom .bottom-inner .search-box .form-group button[type='submit']:hover {
   color: var(--theme-color);
 }

 .header-bottom .bottom-inner .text-box p {
   color: #92a1b2;
 }

 .header-bottom .bottom-inner .text-box p a {
   position: relative;
   display: inline-block;
   font-size: 17px;
   color: #fff;
   padding-right: 14px;
 }

 .header-bottom .bottom-inner .text-box p a img {
   position: absolute;
   top: 10px;
   right: 0px;
 }

 .header-bottom .bottom-inner .text-box p a:hover {
   color: var(--theme-color);
 }

 .header-bottom .bottom-inner .support-box {
   position: relative;
   padding-left: 28px;
 }

 .header-bottom .bottom-inner .support-box .icon-box {
   position: absolute;
   left: 0px;
   top: -1px;
 }

 .header-bottom .bottom-inner .support-box p {
   color: #92a1b2;
 }

 .header-bottom .bottom-inner .support-box p a {
   color: #fff;
 }

 .header-bottom .bottom-inner .support-box p a:hover {
   color: var(--theme-color);
 }


 /** banner-style-three **/

 .banner-style-three {
   overflow: hidden;
   padding-left: 50px;
   padding-right: 50px;
   background: #0a223e;
   margin-bottom: -280px;
 }

 .banner-style-three .banner-carousel .slide-item:before {
   display: none;
 }

 .banner-style-three .banner-carousel .slide-item {
   min-height: 950px;
 }

 .banner-style-three .bg-layer {
   position: absolute;
   left: 50px;
   top: 0px;
   width: calc(100% - 100px);
   height: 100%;
   background-size: cover;
   background-repeat: no-repeat;
   background-position: center;
 }

 .banner-style-three .bg-layer:before {
   position: absolute;
   content: '';
   background: var(--secondary-color);
   width: 100%;
   height: 100%;
   left: 0px;
   top: 0px;
   opacity: 0.4;
 }

 .banner-style-three .content-box h3 {
   font-size: 70px;
   line-height: 80px;
   color: #fff;
   text-transform: uppercase;
   margin-bottom: 4px;
 }

 .banner-style-three .content-box h2 {
   display: block;
   font-size: 150px;
   line-height: 150px;
   color: #fff;
   text-transform: uppercase;
   margin: 0px;
 }

 .banner-style-three .content-box h2 span {
   font-size: 70px;
 }

 .banner-style-three .banner-carousel .slide-item {
   padding: 137px 0px 127px 0px;
 }

 .banner-style-three .banner-carousel .owl-dots {
   position: absolute;
   left: 50%;
   bottom: 497px;
   transform: translateX(-50%);
 }

 .banner-style-three .banner-carousel .owl-dots button span {
   display: none !important;
 }

 .banner-style-three .banner-carousel .owl-dots button {
   position: relative;
   display: inline-block;
   width: 15px;
   height: 15px;
   border: solid;
   border-width: 2px;
   border-color: #fff;
   border-radius: 50%;
   cursor: pointer;
   margin: 0px 7.5px;
   transition: all 500ms ease;
 }

 .banner-style-three .banner-carousel .owl-dots button.active {
   background: var(--theme-color);
   border-color: var(--theme-color);
 }


 /** yacht-booking **/

 .yacht-booking {
   position: relative;
   top: -424px;
 }

 .yacht-booking .inner-container {
   position: relative;
   display: block;
   background: #fff;
   padding: 34px 70px 95px 70px;
   z-index: 1;
 }

 .yacht-booking .inner-container:before {
   position: absolute;
   content: '';
   background: #fff;
   width: calc(100% + 100px);
   height: 100%;
   left: -50px;
   top: 0px;
   z-index: -1;
 }

 .yacht-booking .title-text {
   position: relative;
   display: block;
   text-align: center;
   font-size: 14px;
   line-height: 22px;
   font-weight: 700;
   text-transform: uppercase;
   color: var(--title-color);
   margin-bottom: 14px;
 }

 .yacht-booking .single-item {
   position: relative;
   display: block;
   overflow: hidden;
 }

 .yacht-booking .single-item .image-box {
   position: relative;
   display: block;
   overflow: hidden;
   background: #0a223e;
 }

 .yacht-booking .single-item .image-box img {
   width: 100%;
   transition: all 500ms ease;
 }

 .yacht-booking .single-item:hover .image-box img {
   opacity: 0.1;
   transform: scale(1.1);
 }

 .yacht-booking .single-item h5 {
   position: absolute;
   left: 50%;
   top: 50%;
   transform: translate(-50%, -50%) scale(0, 0);
   width: 100%;
   text-align: center;
   font-size: 18px;
   line-height: 26px;
   color: #fff;
   transition: all 0.5s ease-in-out 0.2s;
 }

 .yacht-booking .single-item:hover h5 {
   transform: translate(-50%, -50%) scale(1, 1);
 }

 .yacht-booking .single-item h5 a {
   display: inline-block;
   color: #fff;
 }

 .yacht-booking .single-item h5 a:hover {
   color: var(--theme-color);
 }

 .yacht-booking .owl-nav {
   position: absolute;
   left: 0px;
   top: 50%;
   margin-top: -25px;
   width: 100%;
   display: block !important;
 }

 .yacht-booking .owl-nav .owl-prev {
   position: absolute;
   left: -70px;
   top: 0px;
   width: 50px;
   height: 50px;
   line-height: 50px;
 }

 .yacht-booking .owl-nav .owl-next {
   position: absolute;
   right: -70px;
   top: 0px;
   width: 50px;
   height: 50px;
   line-height: 50px;
 }

 .yacht-booking .nav-style-one .owl-nav button.owl-prev:before {
   background-image: url(../images/icons/icon-24.png);
 }

 .yacht-booking .nav-style-one .owl-nav button.owl-next:before {
   background-image: url(../images/icons/icon-25.png);
 }

 .yacht-booking .lower-content {
   position: relative;
   display: inline-block;
   width: 100%;
   margin-top: -61px;
   z-index: 1;
 }

 .yacht-booking .lower-content form {
   position: relative;
   padding-right: 170px;
   border-radius: 60px;
   background: #eaf2ff;
 }

 .yacht-booking .lower-content .form-group {
   position: relative;
   float: left;
   width: 25%;
   margin-bottom: 0px;
   border-right: solid;
   border-width: 1px;
   border-color: #c7d0df;
 }

 .yacht-booking .lower-content .form-group:nth-child(4) {
   border-right: none;
 }

 .yacht-booking .lower-content form .btn-box {
   position: absolute;
   bottom: 0px;
   right: 0px;
 }

 .yacht-booking .lower-content form .btn-box .theme-btn {
   border-radius: 0px 35px 35px 0px;
   padding: 18px 49px;
 }

 .yacht-booking .lower-content .text-box {
   position: relative;
   padding-right: 170px;
 }

 .yacht-booking .lower-content .text-box span {
   position: relative;
   display: block;
   float: left;
   width: 25%;
   font-size: 14px;
   line-height: 22px;
   font-weight: 700;
   text-transform: uppercase;
   color: var(--title-color);
   margin-bottom: 9px;
   padding-left: 20px;
 }

 .yacht-booking .lower-content .form-group .icon-box {
   position: absolute;
   left: 20px;
   bottom: 18px;
   z-index: 1;
 }

 .yacht-booking .lower-content .form-group input,
 .yacht-booking .lower-content .form-group .nice-select {
   position: relative;
   display: block;
   width: 100%;
   height: 60px;
   font-size: 17px;
   color: #92a1b2;
   padding: 10px 20px 10px 45px;
 }

 .yacht-booking .lower-content .form-group .select-box {
   min-height: 60px;
 }

 .yacht-booking .lower-content .form-group .nice-select {
   line-height: 60px;
   padding-top: 0px;
   padding-bottom: 0px;
 }

 .yacht-booking .lower-content .form-group .nice-select:before {
   position: absolute;
   content: "\f11f";
   font-family: 'flaticon_marina';
   top: 0px;
   right: 20px;
   font-size: 12px;
 }


 /** service-style-three **/

 .service-style-three {
   position: relative;
   background: var(--secondary-color);
 }

 .service-style-three .outer-container {
   position: relative;
   padding: 0px 50px;
 }

 .service-block-three .inner-box {
   position: relative;
   display: block;
   margin-left: 25px;
   padding: 100px 10px 92px 55px;
   border-left: 1px solid #1d3a5c;
 }

 .service-block-three .inner-box .icon-box {
   position: relative;
   display: inline-block;
   width: 90px;
   height: 90px;
   line-height: 106px;
   text-align: center;
   font-size: 56px;
   color: var(--theme-color);
   margin-bottom: 44px;
   z-index: 1;
   transition: all 500ms;
 }

 .service-block-three .inner-box:hover .icon-box {
   color: #fff;
 }

 .service-block-three .inner-box .icon-box:before {
   position: absolute;
   content: '';
   background: #142f4f;
   width: 100%;
   height: 100%;
   left: 0px;
   top: 0px;
   z-index: -1;
   clip-path: polygon(0% 0%, 0% 0%, 100% 100%, 0% 100%, 0% 0%);
 }

 .service-block-three .inner-box .icon-box:after {
   position: absolute;
   content: '';
   background: var(--theme-color);
   width: 0%;
   height: 0%;
   left: 0px;
   bottom: 0px;
   z-index: -1;
   transition: all 500ms ease;
   clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%, 0% 0%);
 }

 .service-block-three .inner-box:hover .icon-box:after {
   width: 100%;
   height: 100%;
 }

 .service-block-three .inner-box span {
   position: relative;
   display: block;
   font-size: 14px;
   line-height: 22px;
   font-weight: 700;
   text-transform: uppercase;
   color: var(--theme-color);
   margin-bottom: 8px;
 }

 .service-block-three .inner-box h3 {
   display: block;
   font-size: 24px;
   line-height: 32px;
   margin-bottom: 19px;
 }

 .service-block-three .inner-box h3 a {
   display: inline-block;
   color: #fff;
 }

 .service-block-three .inner-box h3 a:hover {
   color: var(--theme-color);
 }

 .service-block-three .inner-box p {
   color: #92a1b2;
 }

 .service-block-three .inner-box .title-box {
   width: max-content;
   padding-right: 60px;
 }

 .service-block-three .inner-box .link {
   position: absolute;
   left: -79px;
   top: 50%;
   margin-top: -24px;
   transition: all 500ms ease;
 }

 .service-block-three .inner-box:hover .link {
   right: 0px;
   left: inherit;
 }

 .service-block-three .inner-box .link a {
   position: relative;
   display: inline-block;
   width: 48px;
   height: 48px;
   line-height: 44px;
   background: var(--secondary-color);
   text-align: center;
   border-radius: 50%;
   border: solid;
   border-width: 1px;
   border-color: #1d3a5c;
 }

 .service-block-three .inner-box .link a:hover {
   background: var(--theme-color);
   border-color: var(--theme-color);
 }

 .service-block-three .inner-box .link a img {
   display: inline-block;
 }


 /** yacht-types-two **/

 .yacht-types-two {
   position: relative;
 }

 .yacht-types-two .outer-container {
   position: relative;
   padding: 0px 50px;
 }

 .yacht-types-two .image-box {
   position: relative;
   display: block;
   overflow: hidden;
 }

 .yacht-types-two .image-box img {
   width: 100%;
 }

 .yacht-types-two .image-box:after {
   position: absolute;
   content: '';
   background: #000;
   width: 100%;
   height: 100%;
   left: 0px;
   top: 0px;
   opacity: 0.1;
 }

 .yacht-types-two .tab-btn-box {
   position: absolute;
   left: 0px;
   top: 0px;
   right: 0px;
   max-width: 33.333%;
   width: 100%;
   margin: 0 auto;
   padding-left: 31px;
   padding-right: 31px;
   z-index: 9;
   text-align: center;
 }

 .yacht-types-two .tab-btns {
   position: relative;
   display: block;
   background: #fff;
   padding: 52px 60px 58px 60px;
   box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.06);
 }

 .yacht-types-two .tab-btns .tab-btn {
   position: relative;
   display: block;
   cursor: pointer;
   padding-bottom: 0px;
   margin-bottom: 27px;
   transition: all 0.3s ease-in-out 0.1s;
 }

 .yacht-types-two .tab-btns .tab-btn.active-btn {
   padding-bottom: 41px;
 }

 .yacht-types-two .tab-btns .tab-btn:last-child {
   margin-bottom: 0px;
 }

 .yacht-types-two .tab-btns .tab-btn h2 {
   display: block;
   font-size: 36px;
   line-height: 44px;
   color: #c7d0df;
   margin-bottom: 14px;
   transition: all 500ms;
 }

 .yacht-types-two .tab-btns .tab-btn.active-btn h2 {
   color: var(--title-color);
 }

 .yacht-types-two .tab-btns .text-box {
   position: relative;
   display: flex;
   align-items: center;
   justify-content: space-between;
 }

 .yacht-types-two .tab-btns .text-box:before {
   position: absolute;
   content: '';
   background: #d6dde8;
   width: 1px;
   height: calc(100% - 10px);
   left: 50%;
   top: 6px;
 }

 .yacht-types-two .tab-btns .text-box span {
   position: relative;
   display: block;
   font-size: 14px;
   line-height: 22px;
   font-weight: 700;
   text-transform: uppercase;
   color: var(--title-color);
   margin-bottom: 2px;
 }

 .home_3 .link-box a span:before {
   background-image: url(../images/icons/icon-29.png);
 }

 .yacht-types-two .tab-btns .link-box {
   position: absolute;
   left: 0px;
   bottom: 0px;
   width: 100%;
   text-align: center;
   opacity: 0;
   transition: all 0.4s ease-in-out 0.1s;
 }

 .yacht-types-two .tab-btn.active-btn .link-box {
   opacity: 1;
 }


 /** booking-style-two **/

 .booking-style-two {
   position: relative;
   background: #d4e1f7;
 }

 .booking-style-two .sec-title .theme-btn {
   position: absolute;
   right: 0px;
   bottom: 8px;
   background: var(--secondary-color);
 }

 .booking-style-two .sec-title .theme-btn:before {
   background: var(--theme-color);
 }

 .booking-block-one {
   position: relative;
   display: block;
   padding-left: 20px;
 }

 .booking-block-one .inner-box {
   position: relative;
   display: block;
   width: 100%;
   min-height: 500px;
   margin-bottom: 30px;
   padding-top: 20px;
 }

 .booking-block-one .inner-box .bg-layer {
   position: absolute;
   left: 0px;
   top: 0px;
   width: 100%;
   height: 100%;
   background-size: cover;
   background-repeat: no-repeat;
   background-position: center;
 }

 .booking-block-one .inner-box .bg-layer:before {
   position: absolute;
   content: '';
   width: 100%;
   height: 100%;
   left: 0px;
   top: 0px;
   background: linear-gradient(180deg, rgba(10, 34, 62, 0.0) 50%, rgba(10, 34, 62, 1) 95%);
 }

 .booking-block-one .inner-box .price-box {
   position: relative;
   display: block;
   max-width: 205px;
   background: #fff;
   padding: 16px 15px 11px 20px;
   left: -20px;
 }

 .booking-block-one .inner-box .price-box:before {
   position: absolute;
   content: '';
   background: var(--theme-color);
   width: 10px;
   height: 10px;
   left: 10px;
   top: -5px;
 }

 .booking-block-one .inner-box .price-box h4 {
   display: block;
   font-size: 20px;
   line-height: 28px;
   color: var(--theme-color);
   margin-bottom: 1px;
 }

 .booking-block-one .inner-box .price-box h4 span {
   font-size: 16px;
   color: var(--text-color);
 }

 .booking-block-one .inner-box .price-box p {
   font-size: 16px;
 }

 .booking-block-one .inner-box .price-box p span {
   color: var(--title-color);
 }

 .booking-block-one .inner-box .text-box {
   position: absolute;
   left: 0px;
   width: 100%;
   padding-left: 30px;
   bottom: 23px;
   opacity: 1;
   transition: all 0.3s ease-in-out 0.1s;
 }

 .booking-block-one .inner-box:hover .text-box {
   bottom: 0px;
   opacity: 0;
 }

 .booking-block-one .inner-box .text-box h3 {
   display: block;
   font-size: 24px;
   line-height: 32px;
   color: #fff;
   margin-bottom: 8px;
 }

 .booking-block-one .inner-box .text-box .location-box {
   position: relative;
   display: block;
   font-size: 16px;
   line-height: 24px;
   color: #92a1b2;
   padding-left: 20px;
 }

 .booking-block-one .inner-box .text-box .location-box i {
   position: absolute;
   left: 0px;
   top: 2px;
   color: var(--theme-color);
 }

 .booking-block-one .inner-box .link {
   position: absolute;
   right: 0px;
   bottom: 0px;
   opacity: 0;
   transition: all 0.5s ease-in-out 0.1s;
 }

 .booking-block-one .inner-box:hover .link {
   right: 30px;
   bottom: 30px;
   opacity: 1;
 }

 .booking-block-one .inner-box .link a {
   position: relative;
   display: inline-block;
   width: 60px;
   height: 60px;
   line-height: 56px;
   background: #fff;
   text-align: center;
   border-radius: 50%;
 }


 /** process-section **/

 .process-section {
   position: relative;
 }

 .process-section .inner-container {
   position: relative;
   display: flex;
   align-items: center;
   justify-content: space-between;
 }

 .processing-block-one .inner-box {
   position: relative;
   display: block;
 }

 .processing-block-one .inner-box .icon-box {
   position: relative;
   display: block;
   margin-bottom: 62px;
 }

 .processing-block-one .inner-box .icon-box .icon {
   position: relative;
   display: inline-block;
   width: 70px;
   height: 70px;
   line-height: 80px;
   background: #fff;
   text-align: center;
   border-radius: 50%;
   box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.06);
   font-size: 35px;
   color: var(--theme-color);
   font-weight: 400;
 }

 .processing-block-one .inner-box .icon-box .icon .shape {
   position: absolute;
   left: -16px;
   top: -16px;
   width: 102px;
   height: 128px;
   background-repeat: no-repeat;
 }

 .processing-block-one .inner-box h3 {
   display: block;
   font-size: 24px;
   line-height: 32px;
   margin-bottom: 10px;
 }

 .processing-block-one .inner-box .count-text {
   position: relative;
   display: inline-block;
   width: 36px;
   height: 36px;
   line-height: 36px;
   font-size: 18px;
   font-family: var(--title-font);
   color: var(--theme-color);
   border: solid;
   border-width: 1px;
   border-color: #c8d1e0;
   border-radius: 50%;
   transition: all 500ms;
 }

 .processing-block-one .inner-box:hover .count-text {
   color: #fff;
   border-color: var(--theme-color);
   background: var(--theme-color);
 }

 .process-section .pattern-layer {
   position: absolute;
   left: 0px;
   top: 40px;
   width: 100%;
   height: 64px;
   background-position: top center;
   background-repeat: no-repeat;
 }

 .process-section .more-text p a {
   position: relative;
   display: inline-block;
   margin-left: 10px;
   padding-left: 17px;
   font-size: 14px;
   font-weight: 700;
   text-transform: uppercase;
   color: var(--title-color);
 }

 .process-section .more-text p a:hover {
   color: var(--theme-color);
 }

 .process-section .more-text p a:before {
   position: absolute;
   content: '';
   background-image: url(../images/icons/icon-4.png);
   width: 8px;
   height: 14px;
   left: 0px;
   top: 7px;
   background-repeat: no-repeat;
 }

 .home_3 .process-section .more-text p a:before {
   background-image: url(../images/icons/icon-29.png);
 }


 /** destination-style-three **/

 /* .destination-style-three{
  position: relative;
  background: var(--secondary-color);
} */

 .destination-style-three .content-box {
   position: relative;
   display: block;
   background: #03251e;
   padding: 167px 30px 165px 30px;
 }

 .destination-style-three .content-box .sec-title {
   margin-bottom: 0px;
 }

 .destination-style-three .content-box .sec-title p {
   margin-bottom: 43px;
 }

 .destination-style-three .content-box .sec-title .theme-btn {
   background: #fff;
   color: var(--title-color) !important;
 }

 .home_3 .destination-style-three .content-box .sec-title .theme-btn span:before {
   background-image: url(../images/icons/icon-29.png);
 }

 .destination-style-three .content-box .sec-title .theme-btn span:before {
   background-image: url(../images/icons/icon-4.png);
 }

 .destination-style-three .content-box .sec-title .theme-btn:hover {
   color: #fff !important;
   background: var(--secondary-color);
 }

 .destination-style-three .destination-block-one .inner-box .link a:hover {
   background: var(--theme-color) !important;
 }

 .destination-style-three .content-box .shape {
   position: absolute;
   left: 0px;
   top: 0px;
   width: 100%;
   height: 100%;
   background-repeat: no-repeat;
   background-position: center;
 }

 .destination-style-three .inner-content {
   margin: 0px 10px;
 }

 .destination-style-three .inner-content .destination-block {
   padding: 0px 5px;
 }

 .destination-style-three .destination-block-one .inner-box {
   position: relative;
   display: block;
   background: #fff;
   padding: 24px 30px 19px 30px;
   margin-bottom: 10px;
 }

 .destination-style-three .destination-block-one .inner-box .text-box {
   position: relative;
   display: block;
   margin-bottom: 9px;
   transition: all 500ms;
 }

 .destination-style-three .destination-block-one .inner-box:hover .text-box {
   transform: translateY(-38px);
 }

 .destination-style-three .destination-block-one .inner-box .text-box h3 {
   display: block;
   font-size: 24px;
   line-height: 32px;
   margin-bottom: 12px;
   transition: all 500ms;
 }

 .destination-style-three .destination-block-one .inner-box:hover .text-box h3 {
   opacity: 0;
 }

 .destination-style-three .destination-block-one .inner-box .text-box span {
   position: relative;
   display: inline-block;
   font-size: 14px;
   line-height: 22px;
   color: #92a1b2;
   font-weight: 700;
   text-transform: uppercase;
   border: solid;
   border-width: 1px;
   border-color: #d6dde8;
   border-radius: 40px;
   padding: 3px 14px;
   transition: all 500ms;
 }

 .destination-style-three .destination-block-one .inner-box:hover .text-box span {
   color: var(--theme-color);
   background: #fff;
   border-color: #fff;
 }

 .destination-style-three .destination-block-one .inner-box .image-box {
   position: relative;
   display: inline-block;
   border-radius: 50%;
   padding: 10px;
   background: #fff;
   border: dashed;
   border-width: 1px;
   border-color: #c7d0df;
   transition: all 500ms;
 }

 .destination-style-three .destination-block-one .inner-box:hover .image-box {
   opacity: 0;
 }

 .destination-style-three .destination-block-one .inner-box .image-box img {
   width: 100%;
   border-radius: 50%;
 }

 .destination-style-three .destination-block-one .inner-box .link {
   position: absolute;
   right: 30px;
   bottom: 15px;
 }

 .destination-style-three .destination-block-one .inner-box .link a {
   position: relative;
   display: inline-block;
   width: 50px;
   height: 50px;
   line-height: 46px;
   background: #eaf2ff;
   text-align: center;
   border-radius: 50%;
 }

 .destination-style-three .destination-block-one .inner-box:hover .link a {
   background: #fff;
 }

 .destination-style-three .destination-block-one .inner-box .bg-layer {
   position: absolute;
   left: 0px;
   bottom: 0px;
   width: 100%;
   height: 0%;
   background-size: cover;
   background-repeat: no-repeat;
   background-position: center;
   transition: all 100ms;
 }

 .destination-style-three .destination-block-one .inner-box:hover .bg-layer {
   height: 100%;
   top: 0px;
 }


 /** team-section **/

 .team-section {
   position: relative;
 }

 .team-block-one .inner-box {
   position: relative;
   display: block;
   margin-bottom: 30px;
 }

 .team-block-one .inner-box .image-box {
   position: relative;
   display: block;
   overflow: hidden;
 }

 .team-block-one .inner-box .image-box .image {
   position: relative;
   display: block;
   overflow: hidden;
 }

 .team-block-one .inner-box .image-box .image img {
   width: 100%;
   transition: all 0.3s ease-in-out 0.1s;
 }

 .team-block-one .inner-box:hover .image-box .image img {
   transform: scale(1.1);
 }

 .team-block-one .inner-box .image-box .image:before {
   position: absolute;
   content: '';
   width: 100%;
   height: 100%;
   left: 0px;
   top: 0px;
   z-index: 1;
   transition: all 500ms ease;
 }

 .team-block-one .inner-box:hover .image-box .image:before {
   opacity: 0;
 }

 .team-block-one .inner-box .image-box .image:after {
   position: absolute;
   content: '';
   width: 100%;
   height: 100%;
   left: 0px;
   top: 0px;
   z-index: 1;
   opacity: 0;
   transition: all 500ms ease;
 }

 .team-block-one .inner-box:hover .image-box .image:after {
   opacity: 1;
 }

 .team-block-one .inner-box .image-box h3 {
   position: absolute;
   left: 0px;
   bottom: 21px;
   width: 100%;
   padding-left: 30px;
   font-size: 30px;
   line-height: 38px;
   z-index: 2;
 }

 .team-block-one .inner-box .image-box h3 a {
   display: inline-block;
   color: #fff;
 }

 .team-block-one .inner-box .image-box h3 a:hover {
   color: var(--theme-color);
 }

 .team-block-one .inner-box .image-box h3 span {
   font-size: 20px;
 }

 .team-block-one .inner-box .image-box .designation {
   position: absolute;
   right: 8px;
   bottom: 6px;
   font-size: 14px;
   line-height: 23px;
   color: #eef4f8;
   font-weight: 700;
   text-transform: uppercase;
   z-index: 2;
   writing-mode: vertical-lr;
   padding: 25px 16px;
   transition: all 500ms;
 }

 .team-block-one .inner-box:hover .image-box .designation {
   right: 10px;
   bottom: 46px;
 }

 .team-block-one .inner-box:hover .image-box .designation {
   background: var(--theme-color);
 }

 .team-block-one .inner-box .image-box .designation:before {
   position: absolute;
   content: '';
   background-image: url(../images/shape/shape-34.png);
   width: 55px;
   height: 16px;
   left: 0px;
   top: -15px;
   background-repeat: no-repeat;
   opacity: 0;
   transition: all 500ms;
 }

 .home_3 .team-block-one .inner-box .image-box .designation:before {
   background-image: url(../images/shape/shape-19.png);
 }

 .team-block-one .inner-box .image-box .designation:after {
   position: absolute;
   content: '';
   background-image: url(../images/shape/shape-35.png);
   width: 55px;
   height: 16px;
   left: 0px;
   bottom: -16px;
   background-repeat: no-repeat;
   opacity: 0;
   transition: all 500ms;
 }

 .home_3 .team-block-one .inner-box .image-box .designation:after {
   background-image: url(../images/shape/shape-20.png);
 }

 .team-block-one .inner-box:hover .image-box .designation:before,
 .team-block-one .inner-box:hover .image-box .designation:after {
   opacity: 1;
 }

 .team-block-one .inner-box .lower-content {
   position: relative;
   margin-left: 30px;
   margin-right: 30px;
   background: #fff;
   padding: 10.5px 0px;
 }

 .team-block-one .inner-box .lower-content:before {
   position: absolute;
   content: '';
   background: #d4e1f7;
   width: 50%;
   height: 100%;
   top: 0px;
   right: 0px;
 }

 .team-block-one .inner-box .lower-content .social-links,
 .team-block-one .inner-box .lower-content .email-box {
   position: relative;
   float: left;
   width: 50%;
 }

 .team-block-one .inner-box .lower-content .email-box {
   position: relative;
   display: flex;
   align-items: center;
   justify-content: center;
   top: 4px;
 }

 .team-block-one .inner-box .lower-content .email-box a {
   position: relative;
   display: inline-block;
   font-size: 14px;
   line-height: 22px;
   font-weight: 700;
   text-transform: uppercase;
   color: var(--title-color);
   padding-left: 24px;
 }

 .team-block-one .inner-box .lower-content .email-box a:hover {
   color: var(--theme-color);
 }

 .team-block-one .inner-box .lower-content .email-box a img {
   position: absolute;
   left: 0px;
   top: 2px;
 }

 .team-block-one .inner-box .lower-content .social-links {
   position: relative;
   display: flex;
   align-items: center;
   justify-content: center;
   top: 2px;
 }

 .team-block-one .inner-box .lower-content .social-links li {
   position: relative;
   margin: 0px 17px;
 }

 .team-block-one .inner-box .lower-content .social-links li:before {
   position: absolute;
   content: '';
   background: #92a1b2;
   width: 2px;
   height: 2px;
   top: 12px;
   right: -17px;
 }

 .team-block-one .inner-box .lower-content .social-links li:last-child:before {
   display: none;
 }

 .team-block-one .inner-box .lower-content .social-links li a {
   position: relative;
   display: inline-block;
   font-size: 16px;
   color: #92a1b2;
 }

 .team-block-one .inner-box .lower-content .social-links li a:hover {
   color: var(--theme-color);
 }

 .team-section .owl-nav {
   position: relative;
   display: block;
   text-align: center;
   margin-top: 30px;
 }

 .team-section .owl-nav .owl-prev {
   margin-right: 10px;
 }

 .team-section .owl-nav button.owl-prev:before {
   background-image: url(../images/icons/icon-24.png);
 }

 .team-section .owl-nav button.owl-next:before {
   background-image: url(../images/icons/icon-25.png);
 }


 /** gallery-section **/

 .gallery-section {
   position: relative;
 }

 .gallery-section .outer-container {
   max-width: 1905px;
   width: 100%;
   margin: 0 auto;
 }

 .gallery-section:before {
   position: absolute;
   content: '';
   background: #fff;
   width: calc(100% - 300px);
   height: calc(100% - 300px);
   left: 150px;
   top: 0px;
 }

 .gallery-section .pattern-layer {
   position: absolute;
   width: calc(100% - 300px);
   height: calc(100% - 300px);
   left: 150px;
   top: 0px;
   background-size: cover;
   background-repeat: no-repeat;
   background-position: top center;
 }

 .gallery-block-one .inner-box {
   position: relative;
   display: block;
   overflow: hidden;
   margin-bottom: 30px;
 }

 .gallery-block-one .inner-box .image-box {
   position: relative;
   display: block;
   background: var(--secondary-color);
 }

 .gallery-block-one .inner-box .image-box img {
   width: 100%;
   transition: all 0.5s ease-in-out 0.1s;
 }

 .gallery-block-one .inner-box:hover .image-box img {
   opacity: 0.1;
   transform: scale(1.1);
 }

 .gallery-block-one .inner-box .content-box {
   position: absolute;
   left: 20px;
   bottom: 0px;
   width: calc(100% - 40px);
   opacity: 0;
   transition: all 0.5s ease-in-out 0.1s;
 }

 .gallery-block-one .inner-box:hover .content-box {
   bottom: 20px;
   opacity: 1;
 }

 .gallery-block-one .inner-box .content-box span {
   position: relative;
   display: inline-block;
   font-size: 14px;
   line-height: 22px;
   color: #fff;
   font-weight: 700;
   text-transform: uppercase;
   background: var(--theme-color);
   padding: 4px 15px;
   left: 20px;
 }

 .gallery-block-one .inner-box .content-box h3 {
   position: relative;
   display: block;
   width: calc(100% - 25px);
   font-size: 24px;
   line-height: 32px;
   background: #fff;
   padding: 14px 20px 13px 20px;
 }

 .gallery-block-one .inner-box .content-box h3 a {
   display: inline-block;
   color: var(--title-color);
 }

 .gallery-block-one .inner-box .content-box h3 a:hover {
   color: var(--theme-color);
 }

 .gallery-block-one .inner-box .content-box .link {
   position: absolute;
   right: 0px;
   bottom: 20px;
 }

 .gallery-block-one .inner-box .content-box .link a {
   position: relative;
   display: inline-block;
   width: 50px;
   height: 50px;
   line-height: 46px;
   background: var(--theme-color);
   text-align: center;
   border-radius: 50%;
 }

 .gallery-block-one .inner-box .content-box .link a:hover {
   background: var(--secondary-color);
 }


 /** testimonial-style-two **/

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

 .testimonial-style-two .content-box {
   position: relative;
   display: block;
 }

 .testimonial-style-two .content-box .rating {
   position: relative;
   display: flex;
   align-items: center;
   margin-bottom: 8px;
 }

 .testimonial-style-two .content-box .rating li {
   font-size: 22px;
   color: #fc951c;
   margin-right: 5px;
 }

 .testimonial-style-two .content-box .rating li:last-child {
   margin: 0px;
 }

 .testimonial-style-two .content-box .rating-box {
   position: relative;
   display: block;
   padding-left: 95px;
   margin-bottom: 26px;
   max-width: 370px;
 }

 .testimonial-style-two .content-box .rating-box h2 {
   position: absolute;
   left: 0px;
   top: 0px;
   font-size: 60px;
   line-height: 60px;
 }

 .testimonial-style-two .content-box .btn-box .theme-btn {
   background: var(--secondary-color);
 }

 .testimonial-style-two .content-box .btn-box .theme-btn:hover,
 .testimonial-style-two .content-box .btn-box .theme-btn:before {
   background: var(--theme-color);
 }

 .testimonial-style-two .content-box .sec-title {
   margin-bottom: 40px;
 }

 .testimonial-block-two .inner-box {
   position: relative;
   display: block;
   padding: 182px 30px 44px 30px;
   margin-bottom: 30px;
 }

 .testimonial-block-two .inner-box .bg-layer {
   position: absolute;
   left: 0px;
   top: 0px;
   width: 100%;
   height: 100%;
   background-size: cover;
   background-repeat: no-repeat;
   background-position: center;
 }

 .testimonial-block-two .inner-box .bg-layer:before {
   position: absolute;
   content: '';
   width: 100%;
   height: 100%;
   left: 0px;
   top: 0px;
   background: linear-gradient(180deg, rgba(10, 34, 62, 0.60) 50%, rgba(10, 34, 62, 1) 95%);
 }

 .testimonial-block-two .inner-box .rating {
   position: relative;
   display: flex;
   align-items: center;
   justify-content: center;
   margin-bottom: 8px;
 }

 .testimonial-block-two .inner-box .rating li {
   font-size: 16px;
   color: #fc951c;
   margin-right: 5px;
 }

 .testimonial-block-two .inner-box .rating li:last-child {
   margin: 0px;
 }

 .testimonial-block-two .inner-box h3 {
   display: block;
   font-size: 24px;
   line-height: 32px;
   color: #fff;
 }

 .testimonial-block-two .inner-box h3.text {
   margin-bottom: 46px;
 }

 .testimonial-block-two .inner-box .designation {
   position: relative;
   display: block;
   font-size: 14px;
   line-height: 22px;
   color: #92a1b2;
   font-weight: 700;
   text-transform: uppercase;
   margin-top: 6px;
 }


 /** faq-section **/

 .faq-section {
   position: relative;
   overflow: hidden;
 }

 .faq-section .bg-layer:before {
   position: absolute;
   content: '';
   width: 100%;
   height: 100%;
   left: 0px;
   top: 0px;
   background: linear-gradient(-90deg, rgba(10, 34, 62, 0.20) 35%, rgba(10, 34, 62, 1) 65%);
 }

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

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

 .faq-section .content-box {
   position: relative;
   display: block;
 }

 .accordion-box .block {
   position: relative;
   margin-bottom: 15px;
 }

 .accordion-box .block.active-block {
   background: #fff;
 }

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

 .accordion-box .block .acc-btn {
   position: relative;
   padding: 20px 20px 18px 64px;
   cursor: pointer;
   border: solid;
   border-width: 1px;
   border-color: rgba(255, 255, 255, 0.20);
 }

 .accordion-box .block .acc-btn.active {
   background: #eaf2ff;
   border-color: #eaf2ff;
 }

 .accordion-box .block .acc-btn .icon-box {
   position: absolute;
   left: 24px;
   top: 24px;
   font-size: 26px;
   color: #00b30f;
 }

 .accordion-box .block .acc-btn h4 {
   font-size: 20px;
   line-height: 28px;
   color: #fff;
   margin-bottom: 6px;
   transition: all 500ms;
 }

 .accordion-box .block .acc-btn.active h4 {
   color: var(--title-color);
 }

 .accordion-box .block .acc-btn span {
   position: relative;
   display: block;
   font-size: 14px;
   line-height: 22px;
   font-weight: 700;
   text-transform: uppercase;
   color: #97a0b6;
   transition: all 500ms;
 }

 .accordion-box .block .acc-btn.active span {
   color: var(--theme-color);
 }

 .accordion-box .block .acc-content {
   padding: 17px 30px 17px 25px;
 }

 .faq-section .content-box .more-text p {
   color: #fff;
 }

 .faq-section .content-box .more-text p a {
   position: relative;
   display: inline-block;
   margin-left: 10px;
   padding-left: 17px;
   font-size: 14px;
   font-weight: 700;
   text-transform: uppercase;
   color: #fff;
 }

 .faq-section .content-box .more-text p a:hover {
   color: var(--theme-color);
 }

 .faq-section .content-box .more-text p a:before {
   position: absolute;
   content: '';
   background-image: url(../images/icons/icon-29.png);
   width: 8px;
   height: 14px;
   left: 0px;
   top: 7px;
   background-repeat: no-repeat;
 }

 .faq-section .right-content .form-inner {
   position: relative;
   display: block;
   background: #fff;
   padding: 38px 40px 40px 40px;
 }

 .faq-section .right-content .title-text {
   margin-bottom: 41px;
 }

 .faq-section .right-content .title-text span {
   position: relative;
   display: block;
   font-size: 30px;
   line-height: 40px;
   font-family: var(--secondary-font);
   color: var(--theme-color);
   margin-bottom: 6px;
 }

 .faq-section .right-content .title-text h2 {
   display: block;
   font-size: 36px;
   line-height: 44px;
 }

 .faq-section .right-content .form-inner .form-group {
   position: relative;
   margin-bottom: 20px;
 }

 .faq-section .right-content .form-inner .form-group:last-child {
   margin-bottom: 0px;
 }

 .faq-section .right-content .form-inner .form-group .icon {
   position: absolute;
   left: 19px;
   top: 14px;
   z-index: 1;
 }

 .faq-section .right-content .form-inner .form-group .select-box {
   min-height: 60px;
 }

 .faq-section .right-content .form-inner .form-group input[type='text'],
 .faq-section .right-content .form-inner .form-group .nice-select {
   position: relative;
   display: block;
   width: 100%;
   height: 60px;
   border: solid;
   border-width: 1px;
   border-color: #d6dde8;
   font-size: 17px;
   color: #6c6b5e;
   padding: 10px 0px 10px 50px;
   transition: all 500ms;
 }

 .faq-section .right-content .form-inner .form-group input:focus {
   border-color: var(--theme-color) !important;
 }

 .faq-section .right-content .form-inner .form-group .nice-select {
   line-height: 60px;
   padding-top: 0px;
   padding-bottom: 0px;
 }

 .faq-section .right-content .lower-content {
   position: relative;
   display: block;
   padding: 24px 30px;
   z-index: 1;
 }

 .faq-section .right-content .lower-content:before {
   position: absolute;
   content: '';
   background: var(--theme-color);
   width: 100%;
   height: 100%;
   left: 0px;
   top: 0px;
   z-index: -1;
   opacity: 0.96;
 }

 .faq-section .right-content .lower-content p {
   position: relative;
   display: block;
   color: #fff;
   margin-bottom: 3px;
 }

 .faq-section .right-content .lower-content p span {
   font-size: 14px;
   font-weight: 700;
   text-transform: uppercase;
 }

 .faq-section .right-content .lower-content p a {
   display: inline-block;
   color: #fff;
 }

 .faq-section .right-content .lower-content p a:hover {
   text-decoration: underline;
 }

 .faq-section .right-content .lower-content .link-box {
   padding-top: 7px;
 }

 .faq-section .right-content .lower-content .link-box a {
   color: #fff;
 }

 .faq-section .right-content .lower-content .link-box a span:before {
   background-image: url(../images/icons/icon-2.png);
 }


 /** footer-style-three **/

 .footer-style-three {
   position: relative;
 }

 .footer-style-three .footer-top {
   position: relative;
   padding: 150px 0px 32px 0px;
 }

 .footer-style-three .footer-top .sub-title {
   position: relative;
   display: block;
   font-size: 48px;
   line-height: 56px;
   font-family: var(--secondary-font);
   color: var(--theme-color);
   margin-bottom: 6px;
 }

 .footer-style-three .footer-top .text {
   display: block;
   font-size: 14px;
   line-height: 22px;
   font-weight: 700;
   text-transform: uppercase;
   color: var(--title-color);
   margin-bottom: 7px;
 }

 .footer-style-three .footer-top h2 {
   display: block;
   font-size: 82px;
   line-height: 100px;
   text-transform: uppercase;
   margin-bottom: 24px;
 }

 .footer-style-three .footer-top .text-two {
   display: block;
   font-size: 14px;
   line-height: 22px;
   font-weight: 700;
   text-transform: uppercase;
   color: var(--text-color);
   margin-bottom: 7px;
 }

 .footer-style-three .footer-top .email a {
   position: relative;
   display: inline-block;
   font-size: 24px;
   line-height: 32px;
   color: var(--title-color);
   margin-bottom: 22px;
 }

 .footer-style-three .footer-top .email a:hover {
   color: var(--theme-color);
 }

 .footer-style-three .footer-top .phone a {
   position: relative;
   display: inline-block;
   overflow: hidden;
   vertical-align: middle;
   font-size: 16px;
   line-height: 24px;
   font-weight: 700;
   font-family: var(--text-font);
   background: var(--secondary-color);
   color: #fff !important;
   text-align: center;
   border-radius: 35px;
   padding: 18px 39px;
   text-transform: uppercase;
   z-index: 1;
   transition: all 500ms ease;
 }

 .footer-style-three .footer-top .phone a:hover {
   background: var(--theme-color);
 }

 .footer-style-three .footer-top .phone a span {
   position: relative;
   padding-left: 25px;
 }

 .footer-style-three .footer-top .phone a span:before {
   position: absolute;
   content: '';
   background-image: url(../images/icons/icon-35.png);
   width: 16px;
   height: 16px;
   left: 0px;
   top: 2px;
 }

 .footer-style-three .footer-top .lower-box {
   position: relative;
   display: flex;
   align-items: center;
   justify-content: space-between;
 }

 .footer-style-three .footer-top .lower-box .award-box {
   position: relative;
   padding-left: 70px;
 }

 .footer-style-three .footer-top .lower-box .award-box .award-image {
   position: absolute;
   left: 0px;
   top: -2px;
 }

 .footer-style-three .footer-top .lower-box .award-box p {
   color: var(--title-color);
 }

 .footer-style-three .footer-top .lower-box .language-box {
   position: relative;
   display: inline-block;
   padding-left: 26px;
   margin-bottom: 8px;
 }

 .footer-style-three .footer-top .lower-box .language-box .icon-box {
   position: absolute;
   left: 0px;
   top: 3px;
   font-size: 18px;
   color: var(--theme-color);
 }

 .footer-style-three .footer-top .lower-box .language-box .nice-select {
   position: relative;
   padding-right: 20px;
   font-size: 18px;
   color: var(--title-color);
 }

 .footer-style-three .footer-top .lower-box .language-box .nice-select:before {
   position: absolute;
   content: "\f11f";
   font-family: 'flaticon_marina';
   top: 0px;
   right: 0px;
   font-size: 9px;
 }

 .footer-style-three .footer-top .lower-box .language-box .nice-select .list {
   min-width: 110px;
 }

 .footer-style-three .footer-top .lower-box .language-box .nice-select .list li {
   color: var(--text-color);
 }

 .footer-style-three .footer-top .lower-box .social-links {
   position: relative;
   display: flex;
   align-items: center;
   justify-content: right;
 }

 .footer-style-three .footer-top .lower-box .social-links li {
   position: relative;
   margin-right: 35px;
 }

 .footer-style-three .footer-top .lower-box .social-links li:last-child {
   margin: 0px;
 }

 .footer-style-three .footer-top .lower-box .social-links li:before {
   position: absolute;
   content: '';
   background: #92a1b2;
   width: 2px;
   height: 2px;
   top: 11px;
   right: -17px;
 }

 .footer-style-three .footer-top .lower-box .social-links li:last-child:before {
   display: none;
 }

 .footer-style-three .footer-top .lower-box .social-links li a {
   position: relative;
   display: inline-block;
   font-size: 20px;
   color: #92a1b2;
 }

 .footer-style-three .footer-top .lower-box .social-links li a:hover {
   color: var(--theme-color);
 }

 .footer-style-three .footer-bottom {
   position: relative;
   display: flex;
   align-items: center;
   justify-content: center;
   border-top: solid;
   border-width: 1px;
   border-color: #c7d0df;
 }

 .footer-style-three .footer-bottom .copyright p,
 .footer-style-three .footer-nav li a {
   color: var(--text-color);
 }

 .footer-style-three .footer-nav li a:hover {
   color: var(--theme-color);
 }

 .footer-style-three .footer-bottom .copyright:before {
   position: absolute;
   content: '';
   background: #9baac4;
   width: 1px;
   height: 14px;
   top: 8px;
   right: -30px;
 }


 /** header-style-four **/

 .header-style-four {
   position: relative;
   background: #fff;
 }

 .header-style-four .header-top {
   background: #f5efe8;
   padding: 8.5px 0px;
 }

 .header-style-four .header-top .text p {
   font-weight: 600;
   color: var(--theme-color);
 }

 .header-style-four .language-box {
   margin-right: 0px;
 }

 .header-style-four .language-box:before {
   display: none;
 }

 .header-style-four .language-box .nice-select {
   color: #031628;
   font-size: 14px;
   font-weight: 700;
   text-transform: uppercase;
 }

 .header-style-four .outer-box .menu-area {
   display: none !important;
 }

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


 /** xs-sidebar **/

 .xs-sidebar-group {
   position: relative;
 }

 .xs-sidebar-group .xs-overlay {
   position: absolute;
   left: 368px;
   top: 65px;
   cursor: pointer;
   z-index: 9999;
   font-size: 14px;
   line-height: 24px;
   font-weight: 700;
   color: var(--title-color);
   text-transform: uppercase;
   padding: 13px 0px 13px 65px;
   background: #fff;
   opacity: 0;
   visibility: hidden;
   transition: all 500ms ease;
 }

 .xs-sidebar-group .xs-overlay i {
   position: absolute;
   display: inline-block;
   left: 0px;
   top: 0px;
   width: 50px;
   height: 50px;
   line-height: 56px;
   font-size: 16px;
   color: #fff;
   background: var(--theme-color);
   text-align: center;
   border-radius: 50%;
   transition: all 500ms ease;
 }

 .xs-sidebar-group ::-webkit-scrollbar {
   width: 5px;
 }

 .xs-sidebar-group ::-webkit-scrollbar-thumb {
   background: #fff;
 }

 .xs-sidebar-group ::-webkit-scrollbar-thumb:hover {
   background: var(--theme-color);
 }

 .isActive .xs-overlay {
   opacity: 1;
   visibility: visible;
 }

 .xs-sidebar-widget {
   position: fixed;
   left: -100%;
   top: 0;
   bottom: 0;
   width: 100%;
   max-width: 685px;
   padding-right: 310px;
   overflow: hidden;
   height: 1030px;
   z-index: 11;
   -webkit-overflow-scrolling: touch;
   -webkit-transition: all 0.5s cubic-bezier(0.9, 0.03, 0, 0.96) 0.6s;
   -o-transition: all 0.5s cubic-bezier(0.9, 0.03, 0, 0.96) 0.6s;
   transition: all 0.5s cubic-bezier(0.9, 0.03, 0, 0.96) 0.6s;
   visibility: hidden;
   opacity: 0;
   overflow-y: auto;
 }

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

 .sidebar-textwidget {
   padding: 184px 50px 119px 50px;
 }

 .sidebar-widget-container {
   position: relative;
   top: 0px;
   left: 0px;
   opacity: 0;
   background-color: var(--secondary-color);
   visibility: hidden;
   -webkit-transition: all .3s ease-in .3s;
   -o-transition: all .3s ease-in .3s;
   transition: all .3s ease-in .3s;
   -webkit-backface-visibility: hidden;
   backface-visibility: hidden;
 }

 .xs-sidebar-group.isActive .sidebar-widget-container {
   opacity: 1;
   left: 0px;
   visibility: visible;
   -webkit-backface-visibility: hidden;
   backface-visibility: hidden;
 }

 .xs-sidebar-group .info-inner {
   position: relative;
   width: 585px;
   padding-top: 56px;
   margin-top: 116px;
 }

 .xs-sidebar-group .info-inner:before {
   position: absolute;
   content: '';
   background: #1d3449;
   width: 585px;
   height: 1px;
   left: 0px;
   top: 0px;
 }

 .xs-sidebar-group .info-inner .map-box {
   position: absolute;
   top: 63px;
   right: 0px;
   width: 210px;
   height: 165px;
 }

 .xs-sidebar-group .info-inner .map-box iframe {
   position: relative;
   width: 100%;
   height: 100%;
 }

 .xs-sidebar-group .info-box .email a {
   position: relative;
   display: inline-block;
   font-size: 14px;
   line-height: 26px;
   color: #fff;
   font-weight: 700;
   text-transform: uppercase;
   padding-left: 30px;
   border-bottom: 1px solid #1d3449;
 }

 .xs-sidebar-group .info-box .email a i {
   position: absolute;
   left: 0px;
   top: 3px;
   font-size: 20px;
   color: var(--theme-color);
 }

 .xs-sidebar-group .content-inner {
   position: relative;
 }

 .xs-sidebar-group .info-box .email a:hover {
   color: var(--theme-color);
 }

 .xs-sidebar-group .info-box .theme-btn {
   background: #fff;
   color: var(--title-color) !important;
 }

 .xs-sidebar-group .info-box .theme-btn:before {
   display: none;
 }

 .xs-sidebar-group .info-box .theme-btn span:before {
   background-image: url(../images/icons/icon-30.png);
 }

 .xs-sidebar-group .info-box h3 {
   display: block;
   font-size: 24px;
   line-height: 32px;
   margin-bottom: 35px;
 }

 .xs-sidebar-group .info-box h3 a {
   display: inline-block;
   color: #fff;
 }

 .xs-sidebar-group .info-box h3 a:hover {
   color: var(--theme-color);
 }

 .sidebar-menu {
   display: block;
   width: 100%;
 }

 .sidebar-menu>li {
   display: block;
   position: inherit;
   margin-bottom: 36px;
 }

 .sidebar-menu>li:last-child {
   margin-bottom: 0px;
 }

 .sidebar-menu>li>a {
   position: relative;
   display: block;
   font-size: 18px;
   line-height: 24px;
   font-family: var(--title-font);
   color: #fff;
   font-weight: 400;
   text-transform: uppercase;
 }

 .sidebar-menu>li.dropdown>a:before {
   position: absolute;
   content: '';
   width: 14px;
   height: 14px;
   top: 5px;
   right: -2px;
   border: 2px solid #1d3449;
   border-radius: 50%;
   transition: all 500ms ease;
 }

 .sidebar-menu>li.dropdown:hover>a:before,
 .sidebar-menu>li.dropdown.current>a:before {
   border-color: var(--theme-color);
   background: var(--theme-color);
 }

 .sidebar-menu>li.dropdown ul {
   position: absolute;
   top: 0px;
   left: 100%;
   margin-left: 50px;
   width: 310px;
   padding: 0px 50px;
   opacity: 0;
   background: #091e31;
   visibility: hidden;
   transform: scaleX(0);
   transform-origin: left center;
   transition: all 500ms ease;
 }


 .sidebar-menu>li.dropdown ul:before {
   position: absolute;
   content: '';
   background: #091e31;
   width: 100%;
   height: 1500px;
   left: 0px;
   top: -500px;
 }

 .sidebar-menu>li.dropdown ul:after {
   position: absolute;
   content: '';
   left: -60px;
   top: 0px;
   width: 60px;
   height: 100%;
   background: transparent;
 }

 .sidebar-menu>li.dropdown:hover ul,
 .sidebar-menu>li.dropdown.current ul {
   opacity: 1;
   visibility: visible;
   transform: scaleX(1);
 }

 .sidebar-menu>li.dropdown ul li {
   position: relative;
   display: block;
 }

 .sidebar-menu>li.dropdown ul li a {
   position: relative;
   display: block;
   font-size: 17px;
   line-height: 24px;
   font-family: var(--text-font);
   color: #9aa6b1;
   font-weight: 400;
   text-transform: capitalize;
   padding: 15px 0px;
   border-bottom: 1px solid #1d3449;
 }

 .sidebar-menu>li.dropdown ul li a:hover {
   color: var(--theme-color);
 }

 .sidebar-menu>li.dropdown ul li:last-child a {
   border-bottom: none;
 }

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

 .header-style-four .outer-box .left-column .nav-btn {
   position: relative;
   display: inline-block;
   padding: 13px 0px 13px 65px;
   font-size: 14px;
   line-height: 24px;
   font-weight: 700;
   text-transform: uppercase;
   color: var(--title-color);
   cursor: pointer;
   margin-right: 55px;
   transition: all 500ms ease;
 }

 .header-style-four .outer-box .left-column .nav-btn:before {
   position: absolute;
   content: '';
   background: #e9e1d9;
   width: 1px;
   height: 25px;
   top: 12px;
   right: -28px;
 }

 .header-style-four .outer-box .left-column .nav-btn:hover {
   color: var(--theme-color);
 }

 .header-style-four .outer-box .left-column .nav-btn i {
   position: absolute;
   display: inline-block;
   left: 0px;
   top: 0px;
   width: 50px;
   height: 50px;
   line-height: 56px;
   border: solid;
   border-width: 1px;
   border-color: #eae2da;
   border-radius: 50%;
   text-transform: capitalize;
   font-size: 24px;
   color: var(--theme-color);
   text-align: center;
   transition: all 500ms ease;
 }

 .header-style-four .outer-box .left-column .nav-btn:hover i {
   color: #fff;
   background: var(--theme-color);
   border-color: var(--theme-color);
 }

 .header-style-four .logo-box {
   position: relative;
   display: inline-block;
   padding: 20px 45px;
   background: var(--secondary-color);
   text-transform: capitalize;
 }

 .header-style-four .logo-box .shape {
   position: absolute;
   left: 0px;
   bottom: -25px;
   width: 100%;
   height: 25px;
   background-repeat: no-repeat;
   background-position: bottom center;
 }


 .header-style-four .menu-right-content .search-toggler {
   position: relative;
   display: inline-block;
   cursor: pointer;
   font-size: 17px;
   color: #d7cbbd;
   padding-right: 32px;
   transition: all 500ms ease;
 }

 .header-style-four .menu-right-content .search-toggler:hover {
   color: var(--theme-color);
 }

 .header-style-four .menu-right-content .search-toggler i {
   position: absolute;
   top: 3px;
   right: 0px;
   font-size: 22px;
   color: var(--title-color);
 }

 .main-header .menu-right-content .btn-box .theme-btn {
   padding: 6px 29px;
 }


 /** banner-style-four **/

 .banner-style-four {
   position: relative;
   padding: 135px 0px 210px 0px;
 }

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

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

 .banner-style-four .bg-layer {
   position: absolute;
   left: 0px;
   top: 0px;
   width: 100%;
   height: 100%;
   background-size: cover;
   background-repeat: no-repeat;
   background-position: center;
 }

 .banner-style-four .bg-layer:before {
   position: absolute;
   content: '';
   background: var(--secondary-color);
   width: 100%;
   height: 100%;
   left: 0px;
   top: 0px;
   opacity: 0.57;
 }

 .banner-style-four .bg-layer:after {
   position: absolute;
   content: '';
   width: 100%;
   height: 100%;
   left: 0px;
   top: 0px;
   background: linear-gradient(0deg, rgba(13, 89, 161, 0.0) 80%, rgba(13, 89, 161, 0.45) 90%);
 }

 .banner-style-four .content-box {
   position: relative;
   display: block;
   max-width: 970px;
   margin: 0 auto;
 }

 .banner-style-four .content-box h3 {
   display: block;
   font-size: 30px;
   line-height: 38px;
   color: #fff;
   margin-bottom: 3px;
 }

 .banner-style-four .content-box h2 {
   position: relative;
   display: block;
   font-size: 90px;
   line-height: 96px;
   color: #fff;
   margin-bottom: 42px;
 }

 .banner-style-four .content-box .tabs-box {
   background: #fff;
   border-radius: 60px;
   overflow: hidden;
   margin-bottom: 33px;
 }

 .banner-style-four .content-box .tabs-box .tab-btn-box {
   position: absolute;
   left: 0px;
   top: 0px;
   width: 170px;
   height: 100%;
   background: #f5efe8;
   z-index: 1;
   display: flex;
   align-items: center;
   padding-left: 25px;
 }

 .banner-style-four .content-box .tabs-box .tab-btns {
   position: relative;
   display: flex;
   align-items: center;
 }

 .banner-style-four .content-box .tabs-box .tab-btns li {
   position: relative;
   display: inline-block;
   font-size: 14px;
   line-height: 22px;
   font-weight: 700;
   text-transform: uppercase;
   color: var(--title-color);
   cursor: pointer;
   margin-right: 30px;
   transition: all 500ms ease;
 }

 .banner-style-four .content-box .tabs-box .tab-btns li:last-child {
   margin: 0px !important;
 }

 .banner-style-four .content-box .tabs-box .tab-btns li.active-btn {
   color: var(--theme-color);
 }

 .banner-style-four .content-box .tabs-box .tab-btns li:before {
   position: absolute;
   content: '';
   background: #d7cbbd;
   width: 1px;
   height: 20px;
   top: 1px;
   right: -16px;
 }

 .banner-style-four .content-box .tabs-box .tab-btns li:last-child:before {
   display: none;
 }

 .banner-style-four .content-box form {
   position: relative;
   padding-right: 70px;
   padding-left: 170px;
 }

 .banner-style-four .content-box form .btn-box {
   position: absolute;
   top: 0px;
   right: 0px;
 }

 .banner-style-four .content-box form .btn-box button {
   position: relative;
   display: inline-block;
   width: 70px;
   height: 70px;
   line-height: 70px;
   background: var(--theme-color);
   text-align: center;
   transition: all 500ms ease;
 }

 .banner-style-four .content-box form .btn-box button:hover {
   background: var(--secondary-color);
 }

 .banner-style-four .content-box .form-group {
   position: relative;
   float: left;
   width: 33.333%;
   margin-bottom: 0px;
   border-right: solid;
   border-width: 1px;
   border-color: #dae9e4;
 }

 .banner-style-four .content-box .form-group:nth-child(3) {
   border: none;
 }

 .banner-style-four .content-box .form-group .icon-box {
   position: absolute;
   right: 20px;
   bottom: 18px;
   z-index: 1;
   font-size: 16px;
   color: var(--theme-color);
 }

 .banner-style-four .content-box .form-group input,
 .banner-style-four .content-box .form-group .nice-select {
   position: relative;
   display: block;
   width: 100%;
   height: 70px;
   font-size: 17px;
   color: #706b65;
   padding: 10px 50px 10px 25px;
 }

 .banner-style-four .content-box .form-group .select-box {
   min-height: 60px;
 }

 .banner-style-four .content-box .form-group .nice-select {
   line-height: 70px;
   padding-top: 0px;
   padding-bottom: 0px;
 }

 .banner-style-four .content-box .form-group .nice-select:before {
   position: absolute;
   content: "\f11f";
   font-family: 'flaticon_marina';
   top: 0px;
   right: 20px;
   font-size: 12px;
 }

 .banner-style-four .content-box p {
   font-size: 18px;
   color: #bac5cf;
   margin-bottom: 32px;
 }

 .banner-style-four .content-box .btn-box .theme-btn {
   background: #fff;
   color: var(--title-color) !important;
 }

 .banner-style-four .content-box .btn-box .theme-btn span:before {
   background-image: url(../images/icons/icon-30.png);
 }

 .banner-style-four .content-box .btn-box .theme-btn:before {
   display: none;
 }


 /** welcome-section **/

 .welcome-section {
   position: relative;
 }

 .welcome-block-one .inner-box {
   position: relative;
   display: block;
   overflow: hidden;
   margin-bottom: 30px;
 }

 .welcome-block-one .inner-box .icon-box {
   position: absolute;
   top: 0px;
   right: 0px;
   z-index: 1;
   width: 80px;
   height: 90px;
   line-height: 106px;
   background: #e8e0d8;
   text-transform: capitalize;
   font-size: 48px;
   color: var(--theme-color);
   text-align: center;
   transition: all 500ms;
 }

 .welcome-block-one .inner-box:hover .icon-box {
   color: #fff;
   background: var(--theme-color);
 }

 .welcome-block-one .inner-box h3 {
   position: relative;
   display: block;
   background: #fff;
   margin-left: 30px;
   font-size: 24px;
   line-height: 32px;
   padding: 12px 90px 16px 30px;
   transition: all 500ms ease;
 }

 .welcome-block-one .inner-box h3 a {
   display: inline-block;
   color: var(--title-color);
 }

 .welcome-block-one .inner-box:hover h3 {
   margin-left: 0px;
 }

 .welcome-block-one .inner-box .overlay-content {
   position: relative;
   display: block;
   padding: 70px 30px 24px 30px;
   background: var(--secondary-color);
 }

 .welcome-block-one .inner-box .overlay-content .bg-layer {
   position: absolute;
   left: 0px;
   top: 0px;
   width: 100%;
   height: 100%;
   background-size: cover;
   background-repeat: no-repeat;
   background-position: center;
   transition: all 500ms ease;
 }

 .welcome-block-one .inner-box:hover .overlay-content .bg-layer {
   opacity: 0.1;
 }

 .welcome-block-one .inner-box .overlay-content p {
   color: #9aa6b1;
   margin-bottom: 14px;
 }

 .welcome-block-one .inner-box .overlay-content .link-box a {
   color: #fff;
 }

 .welcome-block-one .inner-box .overlay-content .link-box a:hover {
   color: var(--theme-color);
 }

 .welcome-block-one .inner-box .overlay-content .link-box a span:before {
   background-image: url(../images/icons/icon-37.png);
 }

 .welcome-block-one .inner-box .overlay-content .text-box {
   position: relative;
   display: block;
   opacity: 0;
   top: 30px;
 }

 .welcome-block-one .inner-box:hover .overlay-content .text-box {
   top: 0px;
   opacity: 1;
 }

 .welcome-section .inner-container {
   position: relative;
   display: block;
   margin-top: -60px;
 }

 .welcome-section .content-box {
   position: relative;
   display: block;
   overflow: hidden;
   background: #fff;
   padding: 61px 30px 52px 30px;
   box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.06);
   margin-bottom: 30px;
 }

 .welcome-section .content-box .shape {
   position: absolute;
   left: 0px;
   bottom: 0px;
   width: 350px;
   height: 318px;
   background-size: cover;
   background-repeat: no-repeat;
 }

 .welcome-section .content-box .sec-title {
   margin-bottom: 44px;
 }

 .welcome-section .content-box .sec-title h2 {
   font-size: 36px;
   line-height: 44px;
 }

 .welcome-section .content-box .icon-box {
   position: relative;
   display: block;
   margin-bottom: 24px;
 }

 .welcome-section .content-box h1 {
   display: block;
   font-size: 100px;
   line-height: 90px;
   margin-bottom: 14px;
 }

 .welcome-section .content-box .text {
   position: relative;
   display: block;
   font-size: 14px;
   line-height: 24px;
   color: #706b65;
   font-weight: 700;
   text-transform: uppercase;
 }


 /** chooseus-style-three **/

 .chooseus-style-three {
   position: relative;
   overflow: hidden;
 }

 .chooseus-block-two .inner-box {
   position: relative;
   display: block;
   background: #fff;
   padding: 42px 26px 22px 19px;
   box-shadow: 0px 0px 30px 0px rgb(37 25 25 / 65%);
   border: solid;
   border-width: 1px;
   border-color: #fff;
   transition: all 500ms ease;
   border-radius: 5px;
 }

 .chooseus-block-two .inner-box:hover {
   border-color: var(--theme-color);
 }

 .chooseus-block-two .inner-box .icon-box {
   position: absolute;
   top: -23px;
   display: inline-block;
   width: 60px;
   height: 60px;
   line-height: 72px;
   background: #d0dfe7;
   color: #00b30f;
   text-align: center;
   font-size: 29px;
   transition: all 500ms ease;
   border-radius: 50%;
   font-weight: lighter;
 }

 .home_4 .chooseus-block-two .inner-box .icon-box {
   background: #e9e1d9;
 }

 .chooseus-block-two .inner-box:hover .icon-box {
   color: #fff;
   background: var(--theme-color) !important;
 }

 .chooseus-block-two .inner-box h3 {
   display: block;
   font-size: 24px;
   line-height: 32px;
   margin-bottom: 9px;
 }

 .chooseus-block-two .inner-box h3 a {
   display: inline-block;
   color: var(--title-color);
 }

 .chooseus-block-two .inner-box h3 a:hover {
   color: var(--theme-color);
 }

 .chooseus-style-three .image-box {
   position: relative;
   padding: 0px 21px;
 }

 .chooseus-style-three .image-box img {
   width: 100%;
 }

 .chooseus-style-three .shape {
   position: absolute;
   left: 0px;
   right: 0px;
   /* bottom: -440px; */
   width: 100%;
   height: 100%;
   background-repeat: no-repeat;
   background-position: bottom center;
 }

 .chooseus-style-three .slide-text {
   position: absolute;
   display: flex;
   align-items: center;
   width: max-content;
   left: 545px;
   bottom: 398px;
   /* animation: 150s marqueslide infinite linear; */
 }

 .chooseus-style-three .slide-text li {
   position: relative;
   display: inline-block;
   font-size: 40px;
   line-height: 100px;
   font-family: var(--title-font);
   color:  #00b30f;
   margin-right: 50px;
 }

 .home_4 .chooseus-style-three .slide-text li {
   color: #e8e0d7;
 }

 .chooseus-style-three .slide-text li:last-child {
   margin: 0px !important;
 }

 .home_4 .chooseus-section .pattern-layer {
   opacity: 0.2;
 }

 .home_4 .chooseus-section .title-content .text-box p {
   color: #9aa6b1;
 }

 .home_4 .chooseus-section .title-content .tab-btns:before {
   background: #1d3449;
 }

 .home_4 .chooseus-section .title-content .tab-btns li:before {
   background: #1d3449;
 }

 .home_4 .chooseus-section .title-content .tab-btns li span {
   background: #11283e;
 }

 .home_4 .chooseus-section .content-box .text-box .count-text {
   color: #f5efe8;
   border-color: #e9e1d9;
 }

 .home_4 .chooseus-section .content-box .text-box .link-box a span:before {
   background-image: url(../images/icons/icon-37.png);
 }

 .chooseus-section .title-content .tab-btns li .link-box {
   position: absolute;
   right: 6px;
   bottom: 34px;
 }

 .chooseus-section .title-content .tab-btns li .link-box a {
   color: #fff;
   padding-left: 18px;
 }

 .chooseus-section .title-content .tab-btns li .link-box a:hover {
   color: var(--theme-color);
 }

 .chooseus-section .title-content .tab-btns li .link-box a:before {
   position: absolute;
   content: '';
   background-image: url(../images/icons/icon-2.png);
   width: 8px;
   height: 14px;
   left: 0px;
   top: 5px;
   background-repeat: no-repeat;
 }


 /** funfact-section **/

 .funfact-section {
   position: relative;
   background: #d0dfe7;
 }

 .home_4 .funfact-section {
   background: #e9e1d9;
 }

 .funfact-block-one .inner-box {
   position: relative;
   display: block;
   padding: 0px 0px;
 }

 .funfact-block-one .inner-box .icon-box {
   position: relative;
   display: block;
   font-size: 70px;
   color: var(--theme-color);
   margin-bottom: 24px;
 }

 .funfact-block-one .inner-box h3 {
   position: relative;
   display: block;
   overflow: hidden;
   font-size: 24px;
   line-height: 32px;
   max-width: 210px;
   margin: 0 auto;
   padding-bottom: 39px;
   margin-bottom: 33px;
 }

 .funfact-block-one .inner-box h3:before {
   position: absolute;
   content: '';
   background-image: url(../images/shape/shape-33.png);
   width: 100%;
   height: 7px;
   left: 0px;
   bottom: 0px;
   background-repeat: repeat-x;
   animation: slide 50s linear infinite;
   -webkit-animation: slide 50s linear infinite;
 }

 .home_4 .funfact-block-one .inner-box h3:before {
   background-image: url(../images/shape/shape-25.png);
 }

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

 .funfact-block-one .inner-box p {
   margin-bottom: 13px;
 }

 .funfact-block-one .inner-box .count-outer {
   position: relative;
   display: block;
   font-size: 48px;
   line-height: 56px;
   font-family: var(--title-font);
   color: var(--theme-color);
 }

 .odometer.odometer-auto-theme .odometer-digit .odometer-digit-spacer {
   min-width: 38px;
 }

 .funfact-block-one .inner-box .count-outer .symble {
   position: relative;
   font-size: 30px;
   top: -13px;
 }


 /** stability-section **/

 .stability-section {
   position: relative;
   background: var(--secondary-color);
 }

 .stability-section .sec-title p {
   margin-top: 41px;
 }

 .stability-section .sec-title {
   margin-bottom: 37px;
 }

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

 .stability-section .content-box {
   position: relative;
   display: block;
 }

 .stability-section .content-box .inner-box .single-item {
   position: relative;
   display: block;
   padding-left: 43px;
   margin-bottom: 36px;
 }

 .stability-section .content-box .inner-box .single-item:last-child {
   margin-bottom: 0px;
 }

 .stability-section .content-box .inner-box .single-item .icon-box {
   position: absolute;
   left: 0px;
   top: 5px;
   font-size: 26px;
   color: var(--theme-color);
 }

 .stability-section .content-box .inner-box .single-item h3 {
   display: block;
   font-size: 24px;
   line-height: 32px;
   color: #fff;
   margin-bottom: 15px;
 }

 .stability-section .content-box .inner-box .single-item p {
   color: #9aa6b1;
 }

 .stability-section .image-layer {
   position: absolute;
   left: 355px;
   bottom: 0px;
   opacity: 0.8;
 }


 /** gallery-style-two **/

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

 .gallery-block-two .inner-box {
   position: relative;
   display: block;
   margin-bottom: 30px;
 }

 .gallery-block-two .inner-box .image-box {
   position: relative;
   display: block;
   overflow: hidden;
 }

 .gallery-block-two .inner-box .image-box .image {
   position: relative;
   display: block;
   overflow: hidden;
   background: var(--secondary-color);
 }

 .gallery-block-two .inner-box .image-box .image img {
   width: 100%;
   transition: all 500ms;
 }

 .gallery-block-two .inner-box:hover .image-box .image img {
   opacity: 0.05;
   transform: scale(1.05);
 }

 .gallery-block-two .inner-box .image-box .view-btn {
   position: absolute;
   left: 50%;
   top: 50%;
   transform: translate(-50%, -50%) translateY(-30px);
 }

 .gallery-block-two .inner-box .image-box .view-btn a {
   position: relative;
   display: inline-block;
   width: 60px;
   height: 60px;
   line-height: 66px;
   background: #fff;
   text-align: center;
   font-size: 20px;
   color: var(--title-color);
   border-radius: 50%;
   transform: scale(0, 0);
   font-weight: 700;
   transition: all 0.5s ease-in-out 0.1s;
 }

 .gallery-block-two .inner-box .image-box .view-btn a:hover {
   color: #fff;
   background: var(--theme-color);
 }

 .gallery-block-two .inner-box:hover .image-box .view-btn a {
   transform: scale(1, 1);
 }

 .gallery-block-two .inner-box .lower-content {
   position: relative;
   display: block;
   padding: 18px 25px 19px 25px;
   z-index: 1;
   transition: all 0.5s ease-in-out 0.1s;
 }

 .gallery-block-two .inner-box:hover .lower-content {
   transform: translateY(-30px);
   background: #fff;
   box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.06);
 }

 .gallery-block-two .inner-box .lower-content h3 {
   position: relative;
   display: block;
   font-size: 24px;
   line-height: 32px;
   margin-bottom: 5px;
   padding-left: 18px;
 }

 .gallery-block-two .inner-box .lower-content h3 span {
   display: inline-block;
   font-size: 14px;
   font-weight: 700;
   text-transform: uppercase;
   color: var(--theme-color);
   font-family: var(--text-font);
 }

 .gallery-block-two .inner-box .lower-content h3:before {
   position: absolute;
   content: '';
   background: var(--theme-color);
   width: 8px;
   height: 8px;
   left: 0px;
   top: 15px;
 }

 .gallery-block-two .inner-box .lower-content h3 a {
   color: var(--title-color);
 }

 .gallery-block-two .inner-box .lower-content h3 a:hover {
   color: var(--theme-color);
 }

 .home_4 .gallery-block-two .inner-box .lower-content .link-box a span:before {
   background-image: url(../images/icons/icon-37.png);
 }

 .gallery-block-two .inner-box .lower-content .link-box {
   opacity: 0;
   position: relative;
   transition: all 0.5s ease-in-out 0.05s;
 }

 .gallery-block-two .inner-box:hover .lower-content .link-box {
   opacity: 1;
 }

 .home_4 .faq-section .bg-layer:before {
   background: linear-gradient(-90deg, rgba(3, 22, 40, 0.20) 35%, rgba(3, 22, 40, 1) 65%);
 }

 .home_4 .accordion-box .block .acc-btn.active {
   background: #f5efe8;
 }

 .home_4 .faq-section .content-box .more-text p a:before {
   background-image: url(../images/icons/icon-37.png);
 }

 .faq-section .right-content .form-inner .form-group .nice-select:before {
   position: absolute;
   content: "\f11f";
   font-family: 'flaticon_marina';
   font-size: 12px;
   top: 0px;
   right: 20px;
   color: var(--text-color);
   opacity: 0.5;
 }

 .home_4 .faq-section .right-content .form-inner .form-group input[type='text'],
 .home_4 .faq-section .right-content .form-inner .form-group .nice-select {
   color: #706b65;
   border-color: #e9e1d9;
 }


 /** testimonial-style-three **/

 .testimonial-style-three {
   position: relative;
 }

 .testimonial-style-three .owl-carousel .owl-stage-outer {
   overflow: visible;
 }

 .testimonial-style-three .owl-carousel .owl-stage-outer .owl-item {
   opacity: 0;
 }

 .testimonial-style-three .owl-carousel .owl-stage-outer .owl-item.active {
   opacity: 1;
 }

 .testimonial-block-three .inner-box {
   position: relative;
   display: block;
   background: #fff;
   box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.06);
 }

 .testimonial-block-three .inner-box .upper-box {
   position: relative;
   display: flex;
   align-items: center;
   justify-content: space-between;
   padding: 13.5px 30px;
   background: var(--theme-color);
 }

 .testimonial-block-three .inner-box .upper-box .rating {
   position: relative;
   display: block;
   padding-left: 24px;
   font-size: 18px;
   font-weight: 500;
   color: #fff;
 }

 .testimonial-block-three .inner-box .upper-box .rating i {
   position: absolute;
   left: 0px;
   top: 1px;
   color: #ffde00;
 }

 .testimonial-block-three .inner-box .upper-box span {
   position: relative;
   display: block;
   font-size: 17px;
   color: #fff;
 }

 .testimonial-block-three .inner-box .lower-box {
   position: relative;
   display: block;
   padding: 38px 30px 32px 30px;
 }

 .testimonial-block-three .inner-box .icon-box {
   position: absolute;
   top: 46px;
   right: 30px;
   font-size: 70px;
   color: var(--theme-color);
   transform: rotateY(180deg);
 }

 .testimonial-block-three .inner-box .author-box {
   position: relative;
   display: block;
   padding: 0px 0px 0px 80px;
   margin-bottom: 23px;
 }

 .testimonial-block-three .inner-box .author-box .thumb-box {
   position: absolute;
   display: inline-block;
   left: 0px;
   top: 1px;
   width: 61px;
   height: 60px;
   border-radius: 50%;
 }

 .testimonial-block-three .inner-box .author-box .thumb-box img {
   width: 100%;
   border-radius: 50%;
 }

 .testimonial-block-three .inner-box .author-box h3 {
   display: block;
   font-size: 24px;
   line-height: 32px;
   margin-bottom: 6px;
 }

 .testimonial-block-three .inner-box .author-box .designation {
   display: block;
   font-size: 14px;
   line-height: 22px;
   color: #a9a095;
   font-weight: 700;
   text-transform: uppercase;
 }

 .testimonial-style-three .owl-nav {
   position: relative;
   display: block;
   text-align: center;
   margin-top: 60px;
 }

 .testimonial-style-three .owl-nav .owl-prev {
   margin-right: 115px;
 }

 .testimonial-style-three .nav-style-one .owl-nav button {
   border-color: #d4cabf;
 }

 .testimonial-style-three .nav-style-one .owl-nav button.owl-prev:before {
   background-image: url(../images/icons/icon-43.png);
   opacity: 0.5;
 }

 .testimonial-style-three .nav-style-one .owl-nav button.owl-next:before {
   background-image: url(../images/icons/icon-44.png);
   opacity: 0.5;
 }

 .testimonial-style-three .nav-style-one .owl-nav button.owl-prev:hover:before,
 .testimonial-style-three .nav-style-one .owl-nav button.owl-next:hover:before {
   opacity: 1;
 }

 .testimonial-style-three .owl-dots {
   position: absolute;
   left: 50%;
   transform: translateX(-50%);
   bottom: 45px;
   counter-reset: slides-num;
   margin-left: 5px;
 }


 /** cta-section **/

 .cta-section {
   position: relative;
 }

 .cta-section:before {
   position: absolute;
   content: '';
   background: var(--secondary-color);
   width: 100%;
   height: 50%;
   left: 0px;
   bottom: 0px;
 }

 .cta-section .inner-container {
   position: relative;
   display: block;
   background: #e9e1d9;
   padding: 63px 400px 70px 70px;
 }

 .cta-section .inner-container .bg-layer {
   position: absolute;
   top: 0px;
   right: 0px;
   width: 60%;
   height: 100%;
   background-size: cover;
   background-repeat: no-repeat;
   background-position: left center;
 }

 .cta-section .content-box .text {
   position: relative;
   display: block;
   font-size: 30px;
   line-height: 38px;
   color: var(--theme-color);
   margin-bottom: 5px;
 }

 .cta-section .content-box h2 {
   display: block;
   font-size: 90px;
   line-height: 98px;
   text-transform: uppercase;
   margin-bottom: 5px;
 }

 .cta-section .content-box .offer-box {
   position: absolute;
   top: 74px;
   right: 20px;
   display: flex;
   align-items: center;
   justify-content: center;
   background: #fff;
   border-radius: 50%;
   width: 120px;
   height: 120px;
   box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.06);
   text-transform: capitalize;
 }

 .cta-section .content-box .offer-box h3 {
   font-size: 36px;
   line-height: 42px;
   color: var(--theme-color);
 }

 .cta-section .content-box .offer-box span {
   position: relative;
   display: block;
   font-size: 14px;
   line-height: 20px;
   font-weight: 700;
   text-transform: uppercase;
   color: var(--theme-color);
 }

 .cta-section .content-box .offer-box:before {
   position: absolute;
   content: '';
   width: 150px;
   height: 150px;
   border: solid;
   border-width: 1px;
   border-color: var(--theme-color);
   border-radius: 50%;
   left: -15px;
   top: -15px;
 }

 .cta-section .shape {
   position: absolute;
   left: 335px;
   bottom: 70px;
   width: 288px;
   height: 140px;
   background-repeat: no-repeat;
 }


 /** footer-style-four **/

 .footer-style-four {
   position: relative;
   background: rgb(255, 255, 255);
 }

 .footer-style-four .widget-section {
   position: relative;
   padding: 144px 0px 112px 0px;
   border-bottom: solid;
   border-width: 1px;
   border-color: #1d3449;
 }

 .footer-style-four .logo-widget {
   position: relative;
   display: block;
 }

 .footer-style-four p {
   color: #6b6e71;
 }

 .footer-style-four .logo-widget .footer-logo {
   margin-bottom: 13px;
   margin-top: 83px;
 }

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

 .footer-style-four .logo-widget .rating {
   position: relative;
   display: flex;
   align-items: center;
   margin-bottom: 8px;
 }

 .footer-style-four .logo-widget .rating li {
   font-size: 20px;
   color: #fc951c;
   margin-right: 5px;
 }

 .footer-style-four .logo-widget .rating li:last-child {
   margin: 0px !important;
 }

 .footer-style-four .logo-widget .review-box {
   position: relative;
   display: block;
   padding: 0px 0px 0px 96px;
 }

 .footer-style-four .logo-widget .review-box h2 {
   position: absolute;
   left: 0px;
   top: -5px;
   font-size: 60px;
   color: #fff;
 }

 .footer-style-four .logo-widget .review-box p {
   margin-bottom: 0px;
 }

 .footer-style-four .logo-widget .review-box p span {
   color: #fff;
 }

 .footer-style-four .widget-title {
   position: relative;
   display: block;
   margin-bottom: 32px;
   padding-bottom: 13px;
 }

 .footer-style-four .widget-title:before {
   position: absolute;
   content: '';
   background: #00b30f;
   width: 70px;
   height: 1px;
   left: 0px;
   bottom: 0px;
 }

 .footer-style-four .widget-title h3 {
   font-size: 24px;
   line-height: 32px;
   color: #00b30f;
 }

 .footer-style-four .links-widget .links-list li {
   position: relative;
   display: block;
   margin-bottom: 12px;
 }

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

 .footer-style-four .links-widget .links-list li a {
   position: relative;
   display: inline-block;
   font-size: 17px;
   color: #6b6e71;
 }

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

 .footer-style-four .links-widget .links-list li a:before {
   position: absolute;
   content: '';
   background: var(--theme-color);
   width: 0%;
   height: 1px;
   left: 0px;
   bottom: 4px;
   opacity: 0.5;
   transition: all 500ms;
 }

 .footer-style-four .links-widget .links-list li a:hover:before {
   width: 100%;
 }

 .footer-style-four .newsletter-widget p {
   margin-bottom: 17px;
 }

 .footer-style-four .newsletter-widget form {
   position: relative;
   display: block;
   margin-bottom: 44px;
 }

 .footer-style-four .newsletter-widget form .form-group {
   position: relative;
   margin-bottom: 0px;
 }

 .footer-style-four .newsletter-widget form .form-group input[type='email'] {
   position: relative;
   display: block;
   width: 100%;
   height: 60px;
   background: transparent;
   border: solid;
   border-width: 1px;
   border-color: #1d3449;
   font-size: 17px;
   color: #9aa6b1;
   padding: 10px 90px 10px 20px;
   transition: all 500ms ease;
 }

 .footer-style-four .newsletter-widget form .form-group input:focus {
   border-color: var(--theme-color);
 }

 .footer-style-four .newsletter-widget form .form-group button[type='submit'] {
   position: absolute;
   top: 20px;
   right: 20px;
   font-size: 14px;
   line-height: 20px;
   color: #9aa6b1;
   font-weight: 700;
   text-transform: uppercase;
   padding-left: 17px;
   transition: all 500ms ease;
 }

 .footer-style-four .newsletter-widget form .form-group button img {
   position: absolute;
   left: 0px;
   top: 3px;
 }

 .footer-style-four .newsletter-widget form .form-group input:focus+button,
 .footer-style-four .newsletter-widget form .form-group button:hover {
   color: var(--theme-color);
 }

 .footer-style-four .newsletter-widget .text {
   position: relative;
   display: block;
   font-size: 14px;
   line-height: 22px;
   color: #fff;
   font-weight: 700;
   text-transform: uppercase;
   margin-bottom: 6px;
 }

 .footer-style-four .newsletter-widget .card-list {
   position: relative;
   display: flex;
   align-items: center;
 }

 .footer-style-four .newsletter-widget .card-list li {
   margin-right: 10px;
 }

 .footer-style-four .newsletter-widget .card-list li:last-child {
   margin: 0px !important;
 }

 .footer-style-four .newsletter-widget .card-list li a {
   position: relative;
   display: inline-block;
   font-size: 46px;
   color: #9aa6b1;
 }

 .footer-style-four .footer-bottom .social-links {
   position: relative;
   display: flex;
   align-items: center;
   justify-content: right;
 }

 .footer-style-four .footer-bottom .social-links li {
   position: relative;
   margin-right: 35px;
 }

 .footer-style-four .footer-bottom .social-links li:last-child {
   margin: 0px;
 }

 .footer-style-four .footer-bottom .social-links li:before {
   position: absolute;
   content: '';
   background: #445a6e;
   width: 2px;
   height: 2px;
   top: 11px;
   right: -17px;
 }

 .footer-style-four .footer-bottom .social-links li:last-child:before {
   display: none;
 }

 .footer-style-four .footer-bottom .social-links li a {
   position: relative;
   display: inline-block;
   font-size: 20px;
   color: #00b30f;
 }

 .footer-style-four .footer-bottom .social-links li a:hover {
   color: var(--theme-color);
 }

 .footer-style-four .footer-bottom .scroll-to-target {
   position: relative;
   display: inline-block;
   font-size: 14px;
   line-height: 20px;
   color: #fff;
   font-weight: 700;
   text-transform: uppercase;
   padding-left: 24px;
   transition: all 500ms ease;
 }

 .footer-style-four .footer-bottom .scroll-to-target:hover {
   color: var(--theme-color);
 }

 .footer-style-four .footer-bottom .scroll-to-target img {
   position: absolute;
   left: 0px;
   top: 4px;
 }

 .pt_145 {
   padding-top: 145px;
 }

 .pb_258 {
   padding-bottom: 258px;
 }



 /** page-title **/

 .page-title {
   position: relative;
 }

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

 .page-title .bg-layer:before {
   position: absolute;
   content: '';
   width: 100%;
   height: 100%;
   left: 0px;
   top: 0px;
   background: linear-gradient(180deg, rgba(0, 46, 65, 0.0) 0%, rgba(0, 46, 65, 1) 100%);
 }

 .page-title .bread-crumb {
   position: relative;
   display: flex;
   align-items: center;
   justify-content: center;
   margin-bottom: 17px;
 }

 .page-title .bread-crumb li {
   position: relative;
   margin-right: 18px;
   font-size: 14px;
   line-height: 22px;
   color: #fff;
   font-weight: 700;
   text-transform: uppercase;
 }

 .page-title .bread-crumb li:before {
   position: absolute;
   content: '';
   background: #fff;
   width: 8px;
   height: 1px;
   right: -12px;
   bottom: 4px;
 }

 .page-title .bread-crumb li:last-child:before {
   display: none;
 }

 .page-title .bread-crumb li:last-child {
   margin: 0px !important;
 }

 .page-title .bread-crumb li a {
   display: inline-block;
   color: #fff;
 }

 .page-title .bread-crumb li a:hover {
   color: var(--theme-color);
 }

 .page-title h1 {
   position: relative;
   display: block;
   font-size: 60px;
   line-height: 68px;
   color: #fff;
 }

 .yacht-booking.alternat-2 .inner-container {
   margin-top: -125px;
 }

 .yacht-booking.alternat-2 .nav-style-one .owl-nav button.owl-prev:before {
   background-image: url(../images/icons/icon-6.png);
 }

 .yacht-booking.alternat-2 .nav-style-one .owl-nav button.owl-next:before {
   background-image: url(../images/icons/icon-4.png);
 }

 .yacht-booking.alternat-2 .lower-content form {
   background: #d0dfe7;
 }

 .yacht-booking.alternat-2 .lower-content .form-group {
   border-color: #aec2cd;
 }


 /** yacht-page-section **/

 .yacht-page-section {
   position: relative;
 }


 .wrapper.list .yacht-list-content {
   display: block;
 }

 .wrapper.list .yacht-grid-content {
   display: none
 }

 .wrapper.grid .yacht-list-content {
   display: none;
 }

 .wrapper.grid .yacht-grid-content {
   display: block
 }

 .yacht-page-section .item-shorting {
   position: relative;
   display: flex;
   align-items: center;
   justify-content: space-between;
   margin-bottom: 22px;
 }

 .yacht-page-section .item-shorting .text p {
   color: var(--title-color);
 }

 .yacht-page-section .item-shorting .select-box {
   min-height: 28px;
 }

 .yacht-page-section .item-shorting .select-box .nice-select {
   position: relative;
   font-size: 17px;
   color: #5d6c72;
   padding-right: 42px;
 }

 .yacht-page-section .item-shorting .select-box .nice-select:before {
   position: absolute;
   content: "\f11f";
   font-family: 'flaticon_marina';
   font-size: 12px;
   top: 2px;
   right: 0px;
   color: var(--text-color);
   opacity: 0.5;
 }

 .yacht-page-section .item-shorting .select-box .nice-select .list {
   min-width: 160px;
   left: inherit !important;
   right: 0px !important;
 }

 .nice-select .list {
   padding-top: 10px;
   padding-bottom: 10px;
 }

 .yacht-page-section .upper-box .menu-box {
   position: relative;
   display: block;
   border: solid;
   border-width: 1px;
   border-color: #c3d2d9;
   padding: 15px 0px;
 }

 .yacht-page-section .upper-box .menu-box:before {
   position: absolute;
   content: '';
   background: #c3d2d9;
   width: 1px;
   height: 30px;
   left: 50%;
   top: 14px;
 }

 .yacht-page-section .upper-box .menu-box li {
   position: relative;
   display: block;
   float: left;
   width: 50%;
   text-align: center;
 }

 .yacht-page-section .upper-box .menu-box li button {
   position: relative;
   padding-left: 26px;
   font-size: 14px;
   line-height: 22px;
   font-weight: 700;
   text-transform: uppercase;
   color: #5d6c72;
   cursor: pointer;
   transition: all 500ms ease;
 }

 .yacht-page-section .upper-box .menu-box li button.on {
   color: var(--title-color);
 }

 .yacht-page-section .upper-box .menu-box li button img {
   position: absolute;
   left: 0px;
   top: 5px;
 }

 .yachts-block-one .inner-box .image-inner {
   position: relative;
   display: block;
   margin-left: 20px;
   margin-right: -30px;
   padding: 20px 30px 377px 0px;
 }

 .yachts-block-one .inner-box .image-inner .bg-layer {
   position: absolute;
   left: 0px;
   top: 0px;
   width: 100%;
   height: 100%;
   background-size: cover;
   background-repeat: no-repeat;
   background-position: center;
 }

 .yacht-list-content .yachts-block-one .inner-box {
   background: transparent;
   box-shadow: none;
   margin-bottom: 15px;
 }

 .yacht-list-content .yachts-block-one .inner-box .overlay-content {
   position: relative;
   opacity: 1;
   transform: translateY(0px);
   visibility: visible;
   height: auto;
       height: 96%;
 }

 .yacht-list-content .yachts-block-one .inner-box .overlay-content .lower-box h4 {
   text-align: left;
   padding-left: 30px;
 }

 .yacht-list-content .yachts-block-one .inner-box .overlay-content .upper-box {
   padding-bottom: 32px;
 }

 .yacht-list-content .yachts-block-one .inner-box .overlay-content:before {
   height: calc(100% - 118px);
 }

 .yacht-list-content .yachts-block-one .inner-box .overlay-content .lower-box {
   padding-top: 20px;
 }

 .yachts-block-one .inner-box .image-inner .price-box {
   position: relative;
   display: block;
   max-width: 205px;
   background: #fff;
   padding: 16px 15px 11px 20px;
   left: -20px;
 }

 .yachts-block-one .inner-box .image-inner .price-box:before {
   position: absolute;
   content: '';
   background: var(--theme-color);
   width: 10px;
   height: 10px;
   left: 10px;
   top: -5px;
 }

 .yachts-block-one .inner-box .image-inner .price-box h4 {
   display: block;
   font-size: 20px;
   line-height: 28px;
   color: var(--theme-color);
   margin-bottom: 1px;
 }

 .yachts-block-one .inner-box .image-inner .price-box h4 span {
   font-size: 16px;
   color: var(--text-color);
 }

 .yachts-block-one .inner-box .image-inner .price-box p {
   font-size: 16px;
 }

 .yachts-block-one .inner-box .image-inner .price-box p span {
   color: var(--title-color);
 }


 .yacht-sidebr {
   position: relative;
   display: block;
 }

 .yacht-sidebr .widget-title {
   position: relative;
   display: block;
   margin-bottom: 32px;
 }

 .yacht-sidebr .widget-title h3 {
   font-size: 24px;
   line-height: 32px;
 }

 .yacht-sidebr .post-widget .post {
   position: relative;
   display: block;
   padding: 0px 0px 0px 90px;
   min-height: 75px;
   margin-bottom: 24px;
 }

 .yacht-sidebr .post-widget .post:last-child {
   margin-bottom: 0px;
 }

 .yacht-sidebr .post-widget .post .thumb-box {
   position: absolute;
   left: 0px;
   top: 0px;
   width: 70px;
   height: 70px;
 }

 .yacht-sidebr .post-widget .post .thumb-box img {
   width: 100%;
 }

 .yacht-sidebr .post-widget .post .off {
   position: relative;
   display: inline-block;
   font-size: 14px;
   line-height: 20px;
   font-weight: 700;
   text-transform: uppercase;
   color: #fff;
   background: var(--theme-color);
   padding: 5px 10px;
   margin-bottom: 10px;
 }

 .yacht-sidebr .post-widget .post h4 {
   display: block;
   font-size: 20px;
   line-height: 30px;
   margin-bottom: 4px;
 }

 .yacht-sidebr .post-widget .post h4 a {
   display: inline-block;
   color: var(--title-color);
 }

 .yacht-sidebr .post-widget .post h4 a:hover {
   color: var(--theme-color);
 }

 .yacht-sidebr .post-widget .post .price {
   position: relative;
   display: block;
   font-size: 17px;
   color: var(--title-color);
 }

 .yacht-sidebr .post-widget .post .price del {
   color: #869297;
   margin-right: 8px;
 }

 .yacht-sidebr .post-widget {
   margin-bottom: 47px;
 }

 .yacht-sidebr .booking-block-one {
   padding-left: 0px;
   padding-right: 20px;
 }

 .yacht-sidebr .booking-block-one .inner-box .price-box {
   left: inherit;
   right: -20px;
   float: right;
 }

 .yacht-sidebr .booking-block-one .inner-box:hover .text-box {
   bottom: 23px;
   opacity: 1;
 }

 .yacht-sidebr .booking-block-one .inner-box {
   min-height: 280px;
 }

 .yacht-sidebr .recommend-widget .owl-nav {
   position: absolute;
   top: -67px;
   right: 0px;
 }

 .yacht-sidebr .recommend-widget .owl-nav button {
   position: relative;
   display: inline-block;
   cursor: pointer;
   width: 20px;
   height: 14px;
   transition: all 500ms ease;
 }

 .yacht-sidebr .recommend-widget .owl-nav button.owl-prev {
   margin-right: 10px;
 }

 .yacht-sidebr .recommend-widget .owl-nav button.owl-prev:before,
 .yacht-sidebr .recommend-widget .owl-nav button.owl-next:before {
   position: absolute;
   content: '';
   width: 20px;
   height: 14px;
   left: 0px;
   top: 0px;
   filter: grayscale(100%);
   transition: all 500ms;
 }

 .yacht-sidebr .recommend-widget .owl-nav button.owl-prev:before {
   background-image: url(../images/icons/icon-51.png);
 }

 .yacht-sidebr .recommend-widget .owl-nav button.owl-next:before {
   background-image: url(../images/icons/icon-52.png);
 }

 .yacht-sidebr .recommend-widget .owl-nav button.owl-prev:hover:before,
 .yacht-sidebr .recommend-widget .owl-nav button.owl-next:hover:before {
   filter: grayscale(0%);
 }

 .yacht-sidebr .booking-block-one .inner-box .price-box:before {
   left: inherit;
   right: 10px;
 }

 .yacht-sidebr .recommend-widget {
   margin-bottom: 23px;
 }

 .yacht-sidebr .destination-widget {
   max-width: 370px;
 }

 .yacht-sidebr .sidebar-widget {
   position: relative;
   background: #fff;
   box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.06);
   padding: 30px;
   margin-bottom: 20px;
 }

 .yacht-sidebr .sidebar-widget:last-child {
   margin-bottom: 0px;
 }

 .yacht-sidebr .search-widget .form-group {
   position: relative;
   margin-bottom: 0px;
 }

 .yacht-sidebr .search-widget .form-group input[type='search'] {
   position: relative;
   display: block;
   width: 100%;
   height: 60px;
   border: solid;
   border-width: 1px;
   border-color: #dce8ed;
   font-size: 17px;
   color: #5d6c72;
   padding: 10px 60px 10px 20px;
   transition: all 500ms ease;
 }

 .yacht-sidebr .search-widget .form-group input[type='search']:focus {
   border-color: var(--theme-color);
 }

 .yacht-sidebr .search-widget .form-group button[type='submit'] {
   position: absolute;
   top: 19px;
   right: 20px;
   font-size: 20px;
   color: var(--title-color);
   cursor: pointer;
   font-weight: 700;
   transition: all 500ms ease;
 }

 .yacht-sidebr .search-widget .form-group input[type='search']:focus+button,
 .yacht-sidebr .search-widget .form-group button:hover {
   color: var(--theme-color);
 }

 .yacht-sidebr .check-box label:after {
   display: none;
 }

 .yacht-sidebr .check-box label:before {
   background: #fff;
 }

 .yacht-sidebr .check-box input:checked+label:before {
   background: var(--theme-color);
 }

 .yacht-sidebr .deals-widget .widget-content {
   position: relative;
   display: block;
   background: #e4eef3;
   padding: 0px 20px;
 }

 .yacht-sidebr .deals-widget .widget-content .list-item li {
   position: relative;
   display: block;
   padding: 12px 0px 13px 0px;
   border-bottom: solid;
   border-width: 1px;
   border-color: #c3d2d9;
 }

 .yacht-sidebr .deals-widget .widget-content .list-item li:last-child {
   border-bottom: none;
 }

 .yacht-sidebr .deals-widget .widget-content .list-item li .check-box label {
   font-size: 14px;
   font-weight: 700;
   text-transform: uppercase;
   padding-left: 30px;
 }

 .yacht-sidebr .deals-widget {
   padding-top: 23px;
 }

 .yacht-sidebr .deals-widget .widget-title {
   margin-bottom: 22px;
 }

 .yacht-sidebr .specification-widget .list-item .single-item {
   position: relative;
   display: block;
   padding-bottom: 13px;
   margin-bottom: 24px;
   border-bottom: solid;
   border-width: 1px;
   border-color: #dce8ed;
 }

 .yacht-sidebr .specification-widget .list-item .single-item:last-child {
   border-bottom: none;
   margin-bottom: 0px;
   padding-bottom: 0px;
 }

 .yacht-sidebr .specification-widget .list-item .single-item .select-box {
   position: relative;
   min-height: 28px;
 }

 .yacht-sidebr .specification-widget .widget-title {
   margin-bottom: 16px;
 }

 .yacht-sidebr .specification-widget .list-item .single-item .text {
   position: relative;
   display: block;
   font-size: 14px;
   line-height: 22px;
   font-weight: 700;
   text-transform: uppercase;
   color: var(--title-color);
   margin-bottom: 6px;
 }

 .yacht-sidebr .specification-widget .list-item .single-item .nice-select {
   font-size: 17px;
   color: var(--text-color);
 }

 .yacht-sidebr .specification-widget .list-item .single-item .nice-select:before {
   position: absolute;
   content: "\f11f";
   font-family: 'flaticon_marina';
   font-size: 12px;
   top: 2px;
   right: 0px;
   color: var(--text-color);
   opacity: 0.5;
 }

 .yacht-sidebr .specification-widget .list-item .single-item .inner-box .select-box {
   position: relative;
   float: left;
   width: 50%;
   padding-right: 10px;
 }

 .yacht-sidebr .specification-widget .list-item .single-item .inner-box .select-box {
   min-height: 50px;
 }

 .yacht-sidebr .specification-widget .list-item .single-item .inner-box .select-box .nice-select {
   border: solid;
   border-width: 1px;
   border-color: #dce8ed;
   padding: 0px 20px;
   height: 50px;
   line-height: 50px;
 }

 .yacht-sidebr .specification-widget .list-item .single-item .inner-box .select-box .nice-select:before {
   right: 20px;
 }

 .yacht-sidebr .specification-widget .list-item .single-item .inner-box .select-box:last-child {
   padding-right: 0px;
 }

 .yacht-sidebr .specification-widget {
   padding-top: 24px;
 }

 .yacht-sidebr .item-quantity {
   position: relative;
   display: block;
   width: 100%;
 }

 .yacht-sidebr .item-quantity input.quantity-spinner {
   padding: 0px !important;
   box-shadow: none !important;
   border: none;
   text-align: left;
   font-size: 17px;
   line-height: 28px;
   color: var(--text-color);
   background: transparent;
 }

 .bootstrap-touchspin .input-group-btn-vertical>.btn.bootstrap-touchspin-down {
   position: absolute;
   top: 8px;
   right: 13px;
   padding: 0px;
   border: none;
 }

 .bootstrap-touchspin .input-group-btn-vertical>.btn.bootstrap-touchspin-up {
   position: absolute;
   top: 8px;
   right: 50px;
   padding: 0px;
   border: none;
 }

 .bootstrap-touchspin .glyphicon-chevron-down:before {
   position: absolute;
   content: '-';
   width: 14px;
   height: 14px;
   line-height: 12px;
   text-align: center;
   border: solid;
   border-width: 1px;
   border-color: #869297;
   font-size: 16px;
   color: #9ea7ab;
   border-radius: 50%;
   font-style: normal;
   transition: all 500ms ease;
 }

 .bootstrap-touchspin .glyphicon-chevron-up:before {
   position: absolute;
   content: '+';
   width: 14px;
   height: 14px;
   line-height: 12px;
   text-align: center;
   border: solid;
   border-width: 1px;
   border-color: #869297;
   font-size: 16px;
   color: #9ea7ab;
   border-radius: 50%;
   font-style: normal;
   transition: all 500ms ease;
 }

 .bootstrap-touchspin .glyphicon-chevron-down:hover:before,
 .bootstrap-touchspin .glyphicon-chevron-up:hover:before {
   color: var(--theme-color);
   border-color: var(--theme-color);
 }

 .range-slider .input {
   color: #919191;
   max-width: 75px;
 }

 .range-slider .input input {
   background: none;
   font-size: 16px;
   line-height: 24px;
   color: #000;
   font-weight: 500;
   text-align: right;
   width: 63px;
 }

 .range-slider .ui-widget.ui-widget-content {
   height: 4px;
   border: none;
   margin-bottom: 23px;
   background: #dce8ed;
   border-radius: 0px;
 }

 .range-slider .ui-slider .ui-slider-range {
   top: 0px;
   height: 4px;
   background: var(--theme-color);
   border-radius: 0px;
 }

 .range-slider .ui-widget-content .ui-state-default {
   top: -3px;
   width: 10px;
   height: 10px;
   border: none;
   cursor: pointer;
   margin-left: 0px;
   background: var(--theme-color);
   border-radius: 0px;
 }

 .range-slider .price-box .min-price,
 .range-slider .price-box .max-price {
   position: relative;
   display: inline-block;
   float: left;
   width: 50%;
   padding-right: 10px;
 }

 .range-slider .price-box .max-price {
   padding-right: 0px;
   text-align: center;
   border: solid;
   border-width: 1px;
   border-color: #dce8ed;
   padding: 10px 10px;
 }

 .range-slider .price-box .min-price span {
   position: relative;
   display: block;
   font-size: 17px;
   line-height: 28px;
   color: var(--text-color);
   text-align: center;
   border: solid;
   border-width: 1px;
   border-color: #dce8ed;
   padding: 10px 10px;
 }

 .range-slider .price-box .max-price .input {
   position: relative;
   display: flex;
   align-items: center;
   right: 20px;
 }

 .range-slider .price-box .max-price input {
   position: relative;
   display: block;
   font-size: 17px;
   line-height: 28px;
   color: var(--text-color);
 }

 .range-slider .price-box .max-price .input:before {
   position: absolute;
   content: '';
   left: 14px;
   top: 0px;
   width: 30px;
   height: 30px;
   background: #fff;
   z-index: 1;
 }

 .range-slider .price-box .max-price span {
   margin-left: 6px;
 }

 .yacht-sidebr .filter-widget {
   padding-top: 24px;
 }

 .yacht-sidebr .filter-widget .widget-title {
   margin-bottom: 25px;
 }

 .page-title .category-list {
   position: relative;
 }

 .page-title .category-list li {
   position: relative;
   display: inline-block;
   margin-right: 5px;
 }

 .page-title .category-list li:last-child {
   margin: 0px;
 }

 .page-title .category-list li a {
   position: relative;
   display: inline-block;
   font-size: 14px;
   line-height: 22px;
   color: #fff;
   font-weight: 700;
   text-transform: uppercase;
   border: solid;
   border-width: 1px;
   border-color: #fff;
   border-radius: 40px;
   text-align: center;
   padding: 8px 19px;
 }

 .page-title .category-list li a:hover {
   background: var(--theme-color);
   border-color: var(--theme-color);
 }


 /** yacht-details **/

 .yacht-details {
   position: relative;
 }

 .yacht-details-content {
   position: relative;
   display: block;
 }

 .yacht-details-content .upper-box {
   position: relative;
   display: flex;
   align-items: center;
   justify-content: space-between;
   padding-bottom: 23px;
   margin-bottom: 42px;
   border-bottom: solid;
   border-width: 2px;
   border-color: #c3d2d9;
 }

 .yacht-details-content .upper-box h2 {
   display: block;
   font-size: 36px;
   line-height: 44px;
   margin-bottom: 10px;
 }

 .yacht-details-content .upper-box .location-box {
   position: relative;
   display: block;
   font-size: 16px;
   line-height: 24px;
   color: var(--text-color);
   padding-left: 20px;
 }

 .yacht-details-content .upper-box .location-box i {
   position: absolute;
   left: 0px;
   top: 2px;
   color: var(--theme-color);
 }

 .yacht-details-content .upper-box .share-box a {
   position: relative;
   display: inline-block;
   font-size: 14px;
   line-height: 24px;
   font-weight: 700;
   text-transform: uppercase;
   color: var(--title-color);
   background: #fff;
   border-radius: 40px;
   padding: 13px 27px;
 }

 .yacht-details-content .upper-box .share-box a i {
   position: relative;
   font-size: 16px;
   top: 3px;
   color: var(--theme-color);
   margin-right: 8px;
 }

 .yacht-details-content .upper-box .share-box a:hover {
   color: var(--theme-color);
 }

 .yacht-details-content h3 {
   display: block;
   font-size: 30px;
   line-height: 38px;
   margin-bottom: 23px;
 }

 .yacht-details-content .text-box p {
   margin-bottom: 24px;
 }

 .yacht-details-content .text-box p:last-child {
   margin-bottom: 0px;
 }

 .yacht-details-content .list-item li {
   position: relative;
   display: block;
   font-weight: 500;
   padding-left: 45px;
   margin-bottom: 17px;
 }

 .yacht-details-content .list-item li:last-child {
   margin-bottom: 0px;
 }

 .yacht-details-content .list-item li:before {
   position: absolute;
   content: "\f155";
   font-family: flaticon_marina;
   left: 0px;
   top: 0px;
   width: 30px;
   height: 30px;
   line-height: 30px;
   background: #d0dfe7;
   border-radius: 50%;
   text-align: center;
   font-size: 16px;
   color: #869297;
 }

 .accordion-inner .accordion {
   position: relative;
   border: solid;
   border-width: 1px;
   border-color: #c3d2d9;
   margin-bottom: 10px;
 }

 .accordion-inner .accordion:last-child {
   margin-bottom: 0px;
 }

 .accordion-inner .accordion .acc-btn {
   position: relative;
   padding: 18px 90px 16px 80px;
   cursor: pointer;
 }

 .accordion-inner .accordion .acc-btn:before {
   position: absolute;
   content: '';
   background: #d0dfe7;
   width: 50px;
   height: 50px;
   line-height: 50px;
   text-align: center;
   border-radius: 50%;
   top: 24px;
   right: 29px;
 }

 .accordion-inner .accordion .acc-btn.active:before {
   background: var(--theme-color);
 }

 .accordion-inner .accordion .acc-btn:after {
   position: absolute;
   content: '+';
   width: 50px;
   height: 50px;
   line-height: 50px;
   text-align: center;
   border-radius: 50%;
   top: 24px;
   right: 29px;
   font-size: 24px;
   color: var(--title-color);
   font-family: var(--title-font);
   font-weight: 700;
 }

 .accordion-inner .accordion .acc-btn.active:after {
   content: '-';
   color: #fff;
   font-size: 40px;
   line-height: 44px;
 }

 .accordion-inner .accordion .acc-btn .icon-box {
   position: absolute;
   left: 29px;
   top: 18px;
 }

 .accordion-inner .accordion .acc-btn p {
   position: relative;
   transition: all 500ms ease;
 }

 .accordion-inner .accordion .acc-btn.active p {
   opacity: 0;
 }

 .accordion-inner .accordion .acc-btn h3 {
   font-size: 24px;
   line-height: 32px;
   margin-bottom: 4px;
 }

 .accordion-inner .accordion .acc-content {
   position: relative;
   padding: 0px 100px 16px 80px;
   margin-top: -44px;
 }

 .yacht-details-content .content-three .image-box {
   position: relative;
   display: block;
   margin-bottom: 30px;
 }

 .yacht-details-content .content-three .image-box img {
   width: 100%;
 }

 .owl-carousel .booking-block-one .inner-box .link a img {
   display: inline-block;
 }

 .yacht-details-content .content-four .owl-nav {
   position: absolute;
   top: -67px;
   right: 0px;
 }

 .yacht-details-content .content-four .owl-nav button {
   position: relative;
   display: inline-block;
   cursor: pointer;
   width: 20px;
   height: 14px;
   transition: all 500ms ease;
 }

 .yacht-details-content .content-four .owl-nav button.owl-prev {
   margin-right: 10px;
 }

 .yacht-details-content .content-four .owl-nav button.owl-prev:before,
 .yacht-details-content .content-four .owl-nav button.owl-next:before {
   position: absolute;
   content: '';
   width: 20px;
   height: 14px;
   left: 0px;
   top: 0px;
   filter: grayscale(100%);
   transition: all 500ms;
 }

 .yacht-details-content .content-four .owl-nav button.owl-prev:before {
   background-image: url(../images/icons/icon-51.png);
 }

 .yacht-details-content .content-four .owl-nav button.owl-next:before {
   background-image: url(../images/icons/icon-52.png);
 }

 .yacht-details-content .content-four .owl-nav button.owl-prev:hover:before,
 .yacht-details-content .content-four .owl-nav button.owl-next:hover:before {
   filter: grayscale(0%);
 }

 .yacht-details .sidebar-content {
   position: relative;
   margin-top: -250px;
   background: #fff;
   box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.06);
   padding-bottom: 40px;
 }

 .yacht-details .sidebar-content .price-box {
   position: relative;
   display: block;
   background: #e4eef3;
   padding: 18px 30px 20px 30px;
 }

 .yacht-details .sidebar-content .price-box h2 {
   position: relative;
   display: block;
   font-size: 30px;
   color: var(--theme-color);
   margin-bottom: 10px;
 }

 .yacht-details .sidebar-content .price-box h2 span {
   font-size: 20px;
   color: var(--text-color);
 }

 .yacht-details .sidebar-content .price-box .rating-box {
   position: relative;
   display: block;
   font-size: 16px;
   line-height: 26px;
   font-weight: 500;
 }

 .yacht-details .sidebar-content .price-box .rating-box span {
   color: var(--title-color);
   margin-right: 8px;
 }

 .yacht-details .sidebar-content .price-box .rating-box i {
   position: relative;
   margin-right: 8px;
   font-size: 16px;
   color: #fc951c;
   top: 2px;
 }

 .yacht-details .sidebar-content h3 {
   position: relative;
   display: block;
   font-size: 24px;
   line-height: 32px;
   padding: 34px 20px 22px 30px;
 }

 .yacht-details .sidebar-content .feature-list li {
   position: relative;
   display: flex;
   align-items: center;
   justify-content: space-between;
   padding: 18px 20px 18px 85px;
   border-bottom: solid;
   border-width: 1px;
   border-color: #dbe2e5;
 }

 .yacht-details .sidebar-content .feature-list li:first-child {
   border-top: solid;
   border-width: 1px;
   border-color: #dbe2e5;
 }

 .yacht-details .sidebar-content .feature-list li .icon-box {
   position: absolute;
   left: 0px;
   top: 0px;
   width: 65px;
   height: 65px;
   line-height: 65px;
   text-align: center;
   font-size: 32px;
   color: var(--theme-color);
   border-right: solid;
   border-width: 1px;
   border-color: #dbe2e5;
 }

 .yacht-details .sidebar-content .feature-list li span {
   position: relative;
   display: block;
   font-size: 15px;
   color: var(--title-color);
 }

 .yacht-details .sidebar-content .feature-list li p {
   font-size: 15px;
 }

 .yacht-details .sidebar-content .list-item {
   position: relative;
   display: block;
   background: #e4eef3;
   padding: 0px 20px;
   margin: 0px 30px;
   margin-bottom: 4px;
 }

 .yacht-details .sidebar-content .list-item li {
   position: relative;
   display: block;
   padding: 16px 0px;
   border-bottom: solid;
   border-width: 1px;
   border-color: #c3d2d9;
 }

 .yacht-details .sidebar-content .list-item li:last-child {
   border: none;
 }

 .yacht-details .sidebar-content .list-item li .check-box label {
   display: block;
   font-size: 14px;
   line-height: 22px;
   font-weight: 700;
   text-transform: uppercase;
 }

 .yacht-details .sidebar-content .list-item li .check-box label span {
   float: right;
 }

 .yacht-details .sidebar-content .list-item li .check-box label:before {
   top: 4px;
   background: #fff;
   border-color: #c3d2d9;
 }

 .yacht-details .sidebar-content .list-item li .check-box label:after {
   display: none;
 }

 .yacht-details .sidebar-content .list-item li .check-box input:checked+label:before {
   border-color: var(--theme-color);
   background: var(--theme-color);
 }

 .yacht-details .sidebar-content .total-price {
   position: relative;
   display: inline-block;
   padding-top: 20px;
   margin: 0px 30px 29px 30px;
   font-weight: 500;
   border-bottom: dashed;
   border-width: 1px;
   border-color: #c3d2d9;
 }

 .yacht-details .sidebar-content .total-price span {
   color: var(--title-color);
 }

 .yacht-details .sidebar-content .total-price span.color-text {
   color: var(--theme-color);
 }

 .yacht-details .sidebar-content .theme-btn {
   width: 100%;
 }


 /** destination-style-four **/

 .destination-style-four {
   position: relative;
 }

 .destination-block-two .inner-box {
   position: relative;
   display: block;
   margin-bottom: 42px;
 }

 .destination-block-two .inner-box .image-box {
   position: relative;
   display: block;
   overflow: hidden;
   background: var(--secondary-color);
 }

 .destination-block-two .inner-box .image-box img {
   width: 100%;
   transition: all 500ms ease;
 }

 .destination-block-two .inner-box:hover .image-box img {
   opacity: 0.2;
   transform: scale(1.05);
 }

 .destination-block-two .inner-box .lower-content {
   position: relative;
   display: block;
   padding-top: 53px;
 }

 .destination-block-two .inner-box .lower-content .text {
   position: absolute;
   left: 0px;
   top: -20px;
   display: inline-block;
   font-size: 17px;
   color: #fff;
   background: #00b30f;
   padding: 6px 20px;
   z-index: 1;
 }

 .destination-block-two .inner-box .lower-content .text:before {
   position: absolute;
   content: '';

   background: #00b30f;
   width: 18px;
   height: 50%;
   top: 0px;
   right: -17px;
   clip-path: polygon(0% 0%, 100% 0%, 0% 100%, 0% 100%, 0% 0%);
 }

 .destination-block-two .inner-box .lower-content .text:after {
   position: absolute;
   content: '';
   background: #00b30f;
   width: 18px;
   height: 50%;
   bottom: 0px;
   right: -17px;
   clip-path: polygon(0% 0%, 0% 0%, 100% 100%, 0% 100%, 0% 0%);
 }

 .destination-block-two .inner-box .lower-content h3 {
   display: block;
   font-size: 24px;
   line-height: 32px;
   margin-bottom: 6px;
 }

 .destination-block-two .inner-box .lower-content h3 a {
   display: inline-block;
   color: var(--title-color);
 }

 .destination-block-two .inner-box .lower-content h3 a:hover {
   color: var(--theme-color);
 }

 .destination-block-two .inner-box .lower-content p {
   font-size: 14px;
   line-height: 22px;
   font-weight: 700;
   text-transform: uppercase;
   color: #869297;
   margin-bottom: 16px;
 }

 .destination-block-two .inner-box .lower-content .list-item li {
   position: relative;
   display: block;
   font-size: 17px;
   margin-bottom: 8px;
 }

 .destination-block-two .inner-box .lower-content .list-item li:last-child {
   margin-bottom: 0px;
 }

 .destination-block-two .inner-box .lower-content .list-item li a {
   display: inline-block;
   color: var(--text-color);
 }

 .destination-block-two .inner-box .lower-content .list-item li a:hover {
   color: var(--theme-color);
   padding-left: 18px;
 }

 .destination-block-two .inner-box .lower-content .list-item li a:before {
   position: absolute;
   content: '';
   background-image: url(../images/icons/icon-4.png);
   width: 8px;
   height: 14px;
   left: 0px;
   top: 7px;
   opacity: 0;
   transition: all 500ms ease;
 }

 .destination-block-two .inner-box .lower-content .list-item li a:hover:before {
   opacity: 1;
 }


 /** destination-details **/

 .destination-details {
   position: relative;
 }

 .destination-details .image-box img {
   width: 100%;
 }

 .destination-details .content-box {
   position: relative;
   display: block;
 }

 .destination-details .content-box .text-box {
   margin-bottom: 30px;
 }

 .destination-details .content-box .rating {
   position: relative;
   display: flex;
   align-items: center;
   margin-bottom: 9px;
 }

 .destination-details .content-box .rating li {
   font-size: 20px;
   color: #fc951c;
   margin-right: 5px;
 }

 .destination-details .content-box .rating-box {
   position: relative;
   padding: 0px 0px 0px 95px;
   margin-bottom: 28px;
 }

 .destination-details .content-box .rating-box h2 {
   position: absolute;
   left: 0px;
   top: -5px;
   display: block;
   font-size: 60px;
 }

 .destination-details .content-box .rating-box p span {
   color: var(--title-color);
 }

 .destination-details .content-box .text {
   position: relative;
   display: block;
   font-size: 17px;
   font-weight: 500;
   color: var(--title-color);
   margin-bottom: 13px;
 }

 .destination-details .content-box .author-box {
   position: relative;
   display: block;
   padding: 0px 0px 0px 100px;
 }

 .destination-details .content-box .author-box .thumb-box {
   position: absolute;
   left: 0px;
   top: 5px;
   width: 80px;
   height: 80px;
   border-radius: 50%;
 }

 .destination-details .content-box .author-box .thumb-box img {
   width: 100%;
   border-radius: 50%;
 }

 .destination-details .content-box .author-box h4 {
   display: block;
   font-size: 20px;
   line-height: 28px;
   margin-bottom: 6px;
 }

 .destination-details .content-box .author-box a {
   position: relative;
   display: inline-block;
   color: #5d6c72;
 }

 .destination-details .content-box .author-box a:hover {
   color: var(--theme-color);
 }

 .destination-details .content-box .sec-title {
   margin-bottom: 31px;
 }

 .booking-style-two.destination-details-page {
   background: transparent;
 }

 .service-section.service-page-1 .service-block-one .inner-box:hover .icon-box {
   opacity: 0;
 }

 .service-section.service-page-1 .sec-title {
   margin-bottom: 44px;
 }

 .service-section .tab-btns {
   position: relative;
   display: flex;
   align-items: center;
   justify-content: center;
   margin-bottom: 42px;
 }

 .service-section .tab-btns:before {
   position: absolute;
   content: '';
   background-image: url(../images/icons/icon-55.png);
   width: 30px;
   height: 30px;
   left: 50%;
   top: 50%;
   transform: translate(-50%, -50%);
 }

 .service-section .tab-btns li {
   position: relative;
   display: inline-block;
   margin-right: 110px;
   cursor: pointer;
   font-size: 24px;
   line-height: 30px;
   font-family: var(--title-font);
   color: #869297;
   padding-bottom: 5px;
   transition: all 500ms ease;
 }

 .service-section .tab-btns li:last-child {
   margin: 0px !important;
 }

 .service-section .tab-btns li.active-btn {
   color: var(--title-color);
 }

 .service-section .tab-btns li:before {
   position: absolute;
   content: '';
   background: var(--theme-color);
   width: 0%;
   height: 2px;
   left: 0px;
   bottom: 0px;
   transition: all 500ms ease;
 }

 .service-section .tab-btns li.active-btn:before {
   width: 100%;
 }


 /** service-details **/

 .service-details {
   position: relative;
 }

 .service-sidebar {
   position: relative;
   display: block;
 }

 .service-sidebar .category-widget .category-list {
   position: relative;
   display: block;
   background: var(--secondary-color);
 }

 .service-sidebar .category-widget .category-list li {
   position: relative;
   display: block;
   border-bottom: solid;
   border-width: 1px;
   border-color: #254b5a;
 }

 .service-sidebar .category-widget .category-list li:last-child {
   border-bottom: none;
 }

 .service-sidebar .category-widget .category-list li a {
   position: relative;
   display: block;
   font-size: 20px;
   line-height: 30px;
   font-family: var(--title-font);
   color: #fff;
   padding: 19px 0px 17px 25px;
 }

 .service-sidebar .category-widget .category-list li a.current,
 .service-sidebar .category-widget .category-list li a:hover {
   color: var(--theme-color);
 }

 .service-sidebar .category-widget .category-list li a i {
   position: absolute;
   top: 0px;
   right: 0px;
   display: inline-block;
   width: 66px;
   height: 67px;
   line-height: 78px;
   background: #fff;
   text-align: center;
   font-size: 36px;
   color: var(--theme-color);
   border-bottom: solid;
   border-width: 1px;
   border-color: #dbe2e5;
   box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.06);
   transition: all 500ms ease;
 }

 .service-sidebar .category-widget .category-list li a:hover i {
   color: #fff;
   background: var(--theme-color);
   border-color: var(--theme-color);
 }

 .service-sidebar .contact-widget .inner-box {
   position: relative;
   width: 100%;
   background-size: cover;
   background-repeat: no-repeat;
   background-position: center;
   padding: 60px 15px;
   overflow: hidden;
 }

 .service-sidebar .contact-widget .content-box {
   position: relative;
   display: flex;
   align-items: center;
   justify-content: center;
   width: 320px;
   height: 320px;
   border-radius: 50%;
   z-index: 1;
 }

 .service-sidebar .contact-widget .content-box .bg-layer {
   position: absolute;
   left: 0px;
   top: 0px;
   width: 100%;
   height: 100%;
   background-size: cover;
   background-repeat: no-repeat;
   background-position: center;
   border-radius: 50%;
 }

 .service-sidebar .contact-widget .content-box .bg-layer:before {
   position: absolute;
   content: '';
   background: var(--secondary-color);
   width: 100%;
   height: 100%;
   left: 0px;
   top: 0px;
   opacity: 0.94;
   border-radius: 50%;
 }

 .service-sidebar .contact-widget .content-box .shape {
   position: absolute;
   left: 0px;
   top: -9px;
   width: 310px;
   height: 330px;
   background-repeat: no-repeat;
   z-index: -1;
 }

 .service-sidebar .contact-widget .content-box h3 {
   display: block;
   font-size: 24px;
   line-height: 32px;
   color: #fff;
   margin-bottom: 15px;
 }

 .service-sidebar .contact-widget .content-box .email a {
   position: relative;
   display: inline-block;
   font-size: 14px;
   line-height: 26px;
   font-weight: 700;
   color: #fff;
   text-transform: uppercase;
   padding-left: 30px;
   border-bottom: solid;
   border-width: 1px;
   border-color: #395e6d;
   margin-bottom: 15px;
 }

 .service-sidebar .contact-widget .content-box .email a i {
   position: absolute;
   left: 0px;
   top: 3px;
   font-size: 18px;
   color: var(--theme-color);
   font-weight: 400;
 }

 .service-sidebar .contact-widget .content-box h4 {
   display: block;
   font-size: 24px;
   line-height: 32px;
   margin-bottom: 22px;
 }

 .service-sidebar .contact-widget .content-box h4 a {
   display: inline-block;
   color: #fff;
 }

 .service-sidebar .contact-widget .content-box h4 a:hover {
   color: var(--theme-color);
 }

 .service-sidebar .contact-widget .content-box .theme-btn {
   padding: 13px 30px;
   background: #fff;
   color: var(--title-color) !important;
 }

 .service-sidebar .contact-widget .content-box .theme-btn span:before {
   background-image: url(../images/icons/icon-30.png);
 }

 .service-sidebar .contact-widget .content-box .theme-btn:before {
   background: #fff;
 }

 .service-sidebar .download-widget h4 {
   position: relative;
   display: block;
   width: calc(100% - 30px);
   font-size: 20px;
   line-height: 28px;
   background: #fff;
   padding: 17px 30px 15px 20px;
 }

 .service-sidebar .download-widget h4 button {
   position: absolute;
   top: 10px;
   right: -30px;
   display: flex;
   align-items: center;
   justify-content: center;
   width: 92px;
   height: 40px;
   line-height: 40px;
   background: var(--theme-color);
   border-radius: 40px;
   cursor: pointer;
   text-align: center;
   font-size: 14px;
   color: #fff;
   font-weight: 700;
   text-transform: uppercase;
   transition: all 500ms ease;
 }

 .service-sidebar .download-widget h4 button:hover {
   background: var(--secondary-color);
 }

 .service-sidebar .download-widget h4 button i {
   position: relative;
   display: inline-block;
   font-size: 24px;
   font-weight: 400;
   top: 4px;
   margin-right: 2px;
 }

 .service-details-content {
   position: relative;
   display: block;
 }

 .service-details-content .upper-image {
   position: relative;
   display: block;
   margin-bottom: 42px;
 }

 .service-details-content .upper-image img {
   width: 100%;
 }

 .service-details-content h2 {
   display: block;
   font-size: 36px;
   line-height: 44px;
   margin-bottom: 22px;
 }

 .service-details-content .text-box p {
   margin-bottom: 24px;
 }

 .service-details-content .text-box p:last-child {
   margin-bottom: 0px;
 }

 .service-details-content .content-one .text-box {
   margin-bottom: 32px;
 }

 .service-details-content .content-one .single-item {
   position: relative;
   width: 100%;
   overflow: hidden;
   background-size: cover;
   background-repeat: no-repeat;
   background-position: center;
   padding: 67px 30px 60px 30px;
 }

 .service-details-content .content-one .single-item:before {
   position: absolute;
   content: '';
   background: var(--secondary-color);
   width: 50%;
   height: 100%;
   left: 0px;
   top: 0px;
   opacity: 0.9;
   transition: all 0.5s ease-in-out 0.1s;
 }

 .service-details-content .content-one .single-item:hover:before {
   width: 100%;
 }

 .service-details-content .content-one .single-item .content-box {
   position: relative;
   padding-top: 32px;
 }

 .service-details-content .content-one .single-item .content-box:before {
   position: absolute;
   content: '';
   background-image: url(../images/shape/shape-31.png);
   width: 50px;
   height: 9px;
   left: 0px;
   top: 0px;
   background-repeat: no-repeat;
 }

 .service-details-content .content-one .single-item h3 {
   position: relative;
   display: block;
   font-size: 24px;
   line-height: 32px;
   color: #fff;
   max-width: 130px;
   transition: all 500ms ease;
 }

 .service-details-content .content-one .single-item:hover h3 {
   opacity: 0;
 }

 .service-details-content .content-one .single-item p {
   position: absolute;
   left: 0px;
   bottom: -7px;
   color: #b5c7cf;
   opacity: 0;
   transition: all 0.5s ease-in-out 0.1s;
 }

 .service-details-content .content-one .single-item:hover p {
   opacity: 1;
   bottom: 8px;
 }

 .service-details-content .content-one {
   margin-bottom: 53px;
 }

 .service-details-content .content-two .title-text {
   margin-bottom: 32px;
 }

 .service-details-content .content-two .single-item {
   position: relative;
   display: block;
   margin-bottom: 32px;
 }

 .service-details-content .content-two .single-item .icon-box {
   position: relative;
   display: block;
   margin-bottom: 23px;
 }

 .service-details-content .content-two .single-item h3 {
   display: block;
   font-size: 24px;
   line-height: 32px;
   margin-bottom: 15px;
 }

 .service-details-content .content-two .single-item h3 a {
   display: inline-block;
   color: var(--title-color);
 }

 .service-details-content .content-two .single-item h3 a:hover {
   color: var(--theme-color);
 }

 .service-details-content .content-two h2 {
   font-size: 30px;
   line-height: 40px;
 }

 .service-details-content .content-two {
   padding-bottom: 20px;
 }

 .service-details-content .content-three .image-box {
   position: relative;
   display: block;
 }

 .service-details-content .content-three .image-box img {
   width: 100%;
 }

 .service-details-content .accordion-box .block {
   background: transparent;
   border-bottom: solid;
   border-width: 1px;
   border-color: #c3d2d9;
   margin-bottom: 0px;
 }

 .service-details-content .accordion-box .block .acc-btn {
   background: transparent;
   border: none;
   padding: 14px 20px 12px 33px;
 }

 .service-details-content .accordion-box .block .acc-btn h3 {
   font-size: 24px;
   line-height: 32px;
   color: #869297;
 }

 .service-details-content .accordion-box .block .acc-btn.active h3 {
   color: var(--theme-color);
 }

 .service-details-content .accordion-box .block .acc-btn .icon-box {
   position: absolute;
   left: 0px;
   top: 14px;
   font-size: 14px;
   color: #869297;
   transform: rotate(90deg);
 }

 .service-details-content .accordion-box .block .acc-btn.active .icon-box {
   transform: rotate(0deg);
   color: var(--theme-color);
   top: 16px;
 }

 .service-details-content .accordion-box .block .acc-content {
   padding: 0px 0px 22px 0px;
 }

 .service-details-content .content-three .content-box .text-box {
   position: relative;
   padding-bottom: 24px;
   border-bottom: solid;
   border-width: 1px;
   border-color: #c3d2d9;
 }

 .service-details-content .content-three .content-box .text-box p {
   color: var(--title-color);
 }


 /** blog-grid **/

 .blog-grid-one .news-block-one .inner-box {
   margin-bottom: 50px;
 }

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

 .blog-sidebar {
   position: relative;
   display: block;
   background: #fff;
   padding: 50px 30px;
   box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.06);
 }

 .blog-sidebar .search-widget .form-group {
   position: relative;
   margin-bottom: 0px;
 }

 .blog-sidebar .search-widget .form-group input[type='search'] {
   position: relative;
   display: block;
   width: 100%;
   height: 60px;
   border: solid;
   border-width: 1px;
   border-color: #e0e8ec;
   font-size: 17px;
   color: #5d6c72;
   padding: 10px 60px 10px 20px;
   transition: all 500ms ease;
 }

 .blog-sidebar .search-widget .form-group input:focus {
   border-color: var(--theme-color);
 }

 .blog-sidebar .search-widget .form-group button[type='submit'] {
   position: absolute;
   top: 19px;
   right: 29px;
   font-size: 20px;
   color: var(--title-color);
   cursor: pointer;
   transition: all 500ms ease;
 }

 .blog-sidebar .search-widget .form-group input:focus+button,
 .blog-sidebar .search-widget .form-group button:hover {
   color: var(--theme-color);
 }

 .blog-sidebar .search-widget {
   margin-bottom: 53px;
 }

 .blog-sidebar .widget-title {
   position: relative;
   display: block;
   padding-left: 30px;
   margin-bottom: 17px;
 }

 .blog-sidebar .widget-title .icon-box {
   position: absolute;
   left: 0px;
   top: 4px;
   font-size: 24px;
   color: var(--theme-color);
 }

 .blog-sidebar .widget-title h3 {
   font-size: 24px;
   line-height: 32px;
 }

 .blog-sidebar .category-widget .category-list li {
   position: relative;
   display: block;
   padding: 10px 0px 12px 0px;
   border-bottom: solid;
   border-width: 1px;
   border-color: #e0e8ec;
 }

 .blog-sidebar .category-widget .category-list li:last-child {
   border-bottom: none;
 }

 .blog-sidebar .category-widget .category-list li a {
   position: relative;
   display: inline-block;
   font-size: 14px;
   line-height: 22px;
   font-weight: 700;
   text-transform: uppercase;
   color: var(--title-color);
   padding-left: 22px;
 }

 .blog-sidebar .category-widget .category-list li a:hover {
   color: var(--theme-color);
 }

 .blog-sidebar .category-widget .category-list li a i {
   position: absolute;
   left: 0px;
   top: 2px;
   color: #869297;
   font-size: 12px;
   transition: all 500ms ease;
 }

 .blog-sidebar .category-widget .category-list li a:hover i {
   color: var(--theme-color);
 }

 .blog-sidebar .category-widget {
   margin-bottom: 33px;
 }

 .blog-sidebar .post-widget .post {
   position: relative;
   display: block;
   padding: 0px 0px 0px 90px;
   min-height: 114px;
   margin-bottom: 22px;
 }

 .blog-sidebar .post-widget .post:last-child {
   margin-bottom: 0px;
 }

 .blog-sidebar .post-widget .post .thumb-box {
   position: absolute;
   left: 0px;
   top: 6px;
   width: 70px;
   height: 70px;
   border: solid;
   border-width: 1px;
   border-color: #e0e8ec;
   display: flex;
   align-items: center;
   justify-content: center;
   text-align: center;
 }

 .blog-sidebar .post-widget .post .thumb-box span {
   font-size: 14px;
   line-height: 20px;
   font-weight: 700;
   text-transform: uppercase;
   color: #869297;
 }

 .blog-sidebar .post-widget .post .thumb-box .image-box {
   position: absolute;
   left: 0px;
   top: 0px;
   width: 100%;
   height: 100%;
   transform: scale(0, 0);
   transition: all 500ms ease;
 }

 .blog-sidebar .post-widget .post:hover .thumb-box .image-box {
   transform: scale(1, 1);
 }

 .blog-sidebar .post-widget .post .category {
   position: relative;
   display: block;
   font-size: 14px;
   line-height: 22px;
   font-weight: 700;
   text-transform: uppercase;
   color: var(--theme-color);
   margin-bottom: 8px;
 }

 .blog-sidebar .post-widget .post h4 {
   display: block;
   font-size: 20px;
   line-height: 28px;
 }

 .blog-sidebar .post-widget .post h4 a {
   display: inline-block;
   color: var(--title-color);
 }

 .blog-sidebar .post-widget .post h4 a:hover {
   color: var(--theme-color);
 }

 .blog-sidebar .post-widget {
   margin-bottom: 46px;
 }

 .blog-sidebar .post-widget .widget-title {
   margin-bottom: 29px;
 }

 .blog-sidebar .tags-widget .tags-list li {
   position: relative;
   display: inline-block;
   float: left;
   margin-right: 5px;
   margin-bottom: 5px;
 }

 .blog-sidebar .tags-widget .tags-list li a {
   position: relative;
   display: inline-block;
   font-size: 17px;
   color: #5d6c72;
   background: #e4eef3;
   padding: 1px 14px;
 }

 .blog-sidebar .tags-widget .tags-list li a:hover {
   color: #fff;
   background: var(--theme-color);
 }

 .blog-sidebar .tags-widget {
   margin-bottom: 55px;
 }

 .blog-sidebar .tags-widget .widget-title {
   margin-bottom: 35px;
 }

 .blog-sidebar .contact-widget .inner-box {
   position: relative;
   display: block;
   background: #e4eef3;
   padding: 200px 30px 40px 30px;
 }

 .blog-sidebar .contact-widget .inner-box .bg-layer {
   position: absolute;
   left: 0px;
   top: 0px;
   width: 100%;
   height: 100%;
   background-size: cover;
   background-repeat: no-repeat;
   background-position: bottom center;
 }

 .blog-sidebar .contact-widget .inner-box .logo {
   position: relative;
   display: inline-block;
   width: 80px;
   height: 80px;
   line-height: 80px;
   background: #fff;
   text-align: center;
   margin-bottom: 26px;
 }

 .blog-sidebar .contact-widget .inner-box .sub-title {
   position: relative;
   display: block;
   font-size: 30px;
   line-height: 40px;
   font-family: var(--secondary-font);
   color: var(--theme-color);
 }

 .blog-sidebar .contact-widget .inner-box h2 {
   display: block;
   font-size: 30px;
   line-height: 38px;
   margin-bottom: 8px;
 }

 .blog-sidebar .contact-widget .inner-box p {
   margin-bottom: 22px;
 }

 .blog-sidebar .contact-widget .inner-box .theme-btn {
   padding: 13px 30px;
 }

 .blog-grid-content .news-block-two .inner-box {
   margin-bottom: 50px;
 }

 .sidebar-page-container .news-block-two .inner-box .lower-content .lower-box .post-info {
   background: #e4eef3;
 }

 .blog-list-content .news-block-one .inner-box .lower-content h3 {
   font-size: 30px;
   line-height: 38px;
   margin-bottom: 13px;
 }

 .blog-list-content .news-block-one .inner-box .lower-content p {
   margin-bottom: 22px;
 }

 .blog-list-content .news-block-one .inner-box {
   margin-bottom: 60px;
 }

 .news-block-one .inner-box .lower-content .tags-box {
   position: absolute;
   top: 0px;
   right: 0px;
 }

 .news-block-one .inner-box .lower-content .tags-box a {
   position: relative;
   display: inline-block;
   width: 60px;
   height: 60px;
   line-height: 66px;
   text-align: center;
   border-radius: 50%;
   border: solid;
   border-width: 1px;
   border-color: #c3d2d9;
   font-size: 20px;
   color: #869297;
 }

 .news-block-one .inner-box .lower-content .tags-box a:hover {
   color: #fff;
   background: var(--theme-color);
   border-color: var(--theme-color);
 }

 .blog-details-content .news-block-one .inner-box .lower-content {
   padding-top: 0px;
   padding-bottom: 31px;
 }

 .blog-details-content .news-block-one .image-inner {
   position: relative;
   display: block;
   margin-bottom: 42px;
 }

 .blog-details-content .news-block-one .image-inner img {
   width: 100%;
 }

 .blog-details-content .news-block-one .text-box p {
   margin-bottom: 24px;
 }

 .blog-details-content .news-block-one .text-box p:last-child {
   margin-bottom: 0px;
 }

 .blog-details-content h2 {
   display: block;
   font-size: 30px;
   line-height: 38px;
   margin-bottom: 23px;
 }

 .blog-details-content .content-one p {
   margin-bottom: 26px;
 }

 .blog-details-content .content-one p:last-child {
   margin-bottom: 0px;
 }

 .blog-details-content .content-one .text-box h3 {
   position: relative;
   display: block;
   font-size: 24px;
   line-height: 32px;
   padding-left: 35px;
   margin-bottom: 16px;
 }

 .blog-details-content .content-one .text-box h3:before {
   position: absolute;
   content: "\f10f";
   font-family: flaticon_marina;
   left: 0px;
   top: 0px;
   font-size: 24px;
   color: var(--theme-color);
 }

 .blog-details-content .content-one .list-item {
   position: relative;
   display: block;
   padding-left: 35px;
   margin-bottom: 28px;
 }

 .blog-details-content .content-one .list-item li {
   position: relative;
   display: block;
   padding-left: 25px;
   margin-bottom: 8px;
 }

 .blog-details-content .content-one .list-item li:last-child {
   margin-bottom: 0px;
 }

 .blog-details-content .content-one .list-item li:before {
   position: absolute;
   content: '';
   background-image: url(../images/icons/icon-57.png);
   width: 10px;
   height: 16px;
   left: 0px;
   top: 5px;
   background-repeat: no-repeat;
 }

 .blog-details-content blockquote {
   position: relative;
   margin: 32px 0px 53px 0px;
   padding: 33px 40px 34px 40px;
   background: var(--secondary-color);
 }

 .blog-details-content blockquote .bg-layer {
   position: absolute;
   left: 0px;
   top: 0px;
   width: 100%;
   height: 100%;
   background-size: cover;
   background-repeat: no-repeat;
   background-position: center;
   opacity: 0.25;
 }

 .blog-details-content blockquote h3 {
   display: block;
   font-size: 24px;
   line-height: 32px;
   color: #fff;
   padding-bottom: 18px;
   margin-bottom: 18px;
   border-bottom: solid;
   border-width: 1px;
   border-color: rgba(255, 255, 255, 0.30);
 }

 .blog-details-content blockquote .lower-box {
   position: relative;
   display: flex;
   align-items: center;
   justify-content: space-between;
 }

 .blog-details-content blockquote span {
   position: relative;
   display: block;
   font-size: 14px;
   line-height: 22px;
   font-weight: 700;
   text-transform: uppercase;
   color: #fff;
 }

 .blog-details-content blockquote a {
   position: relative;
   display: inline-block;
   color: #b5c7cf;
 }

 .blog-details-content blockquote a:hover {
   color: var(--theme-color);
 }

 .blog-details-content .content-two .text-box {
   margin-bottom: 28px;
 }

 .blog-details-content .content-two .single-item {
   position: relative;
   display: block;
   padding-left: 33px;
   margin-bottom: 17px;
 }

 .blog-details-content .content-two .single-item:before {
   position: absolute;
   content: '';
   background-image: url(../images/icons/icon-58.png);
   width: 18px;
   height: 18px;
   left: 0px;
   top: 4px;
   background-repeat: no-repeat;
 }

 .blog-details-content .content-two .single-item h3 {
   position: relative;
   display: inline-block;
   font-size: 24px;
   line-height: 28px;
 }

 .blog-details-content .content-two .single-item span {
   font-size: 17px;
   color: var(--text-color);
   font-family: var(--text-font);
   font-weight: 400;
 }

 .blog-details-content .content-two {
   padding-bottom: 32px;
 }

 .blog-details-content .post-tags {
   margin-bottom: 60px;
 }

 .blog-details-content .post-tags span {
   position: relative;
   display: block;
   font-size: 14px;
   line-height: 22px;
   font-weight: 700;
   text-transform: uppercase;
   color: var(--title-color);
   padding-left: 22px;
   margin-bottom: 17px;
 }

 .blog-details-content .post-tags span img {
   position: absolute;
   left: 0px;
   top: 3px;
 }

 .blog-details-content .post-tags .tags-list {
   position: relative;
   display: flex;
   align-items: center;
 }

 .blog-details-content .post-tags .tags-list li {
   margin-right: 5px;
 }

 .blog-details-content .post-tags .tags-list li a {
   position: relative;
   display: inline-block;
   font-size: 17px;
   color: var(--text-color);
   border: solid;
   border-width: 1px;
   border-color: #c3d2d9;
   padding: 2px 15px 3px 15px;
 }

 .blog-details-content .post-tags .tags-list li a:hover {
   color: #fff;
   background: var(--theme-color);
   border-color: var(--theme-color);
 }

 .blog-details-content .author-box {
   position: relative;
   display: block;
   background: #fff;
   padding: 35px 40px 34px 170px;
   box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.06);
   margin-bottom: 55px;
 }

 .blog-details-content .author-box .thumb-box {
   position: absolute;
   left: 40px;
   top: 40px;
   width: 100px;
   height: 100px;
 }

 .blog-details-content .author-box .thumb-box img {
   width: 100%;
 }

 .blog-details-content .author-box .text {
   position: relative;
   display: block;
   font-size: 14px;
   line-height: 22px;
   font-weight: 700;
   text-transform: uppercase;
   color: var(--theme-color);
   margin-bottom: 3px;
 }

 .blog-details-content .author-box h3 {
   display: block;
   font-size: 24px;
   line-height: 32px;
   margin-bottom: 14px;
 }

 .blog-details-content .author-box p {
   margin-bottom: 14px;
 }

 .blog-details-content .author-box .social-links {
   position: absolute;
   top: 40px;
   right: 40px;
   display: flex;
   align-items: center;
 }

 .blog-details-content .author-box .social-links li {
   margin-right: 10px;
 }

 .blog-details-content .author-box .social-links li:last-child {
   margin: 0px;
 }

 .blog-details-content .author-box .social-links li a {
   position: relative;
   display: inline-block;
   width: 46px;
   height: 46px;
   line-height: 52px;
   font-size: 16px;
   border: solid;
   border-width: 1px;
   border-color: #dce8ed;
   text-align: center;
   color: #9ca6aa;
   border-radius: 50%;
 }

 .blog-details-content .author-box .social-links li a:hover {
   color: #fff;
   background: var(--theme-color);
   border-color: var(--theme-color);
 }

 .blog-details-content .post-nav-btn {
   position: relative;
   display: flex;
   align-items: center;
   justify-content: space-between;
 }

 .blog-details-content .post-nav-btn span {
   display: block;
   font-size: 14px;
   line-height: 24px;
   font-weight: 700;
   text-transform: uppercase;
   margin-bottom: 10px;
   color: var(--title-color);
 }

 .blog-details-content .post-nav-btn h4 {
   position: relative;
   display: block;
   font-size: 20px;
   line-height: 28px;
 }

 .blog-details-content .post-nav-btn h4 a {
   display: inline-block;
   color: var(--title-color);
 }

 .blog-details-content .post-nav-btn h4 a:hover {
   color: var(--theme-color);
 }

 .blog-details-content .post-nav .btn-box {
   position: relative;
   display: block;
   margin-top: 32px;
 }

 .blog-details-content .post-nav .btn-box a {
   position: relative;
   display: inline-block;
   font-size: 14px;
   line-height: 24px;
   font-weight: 700;
   text-transform: uppercase;
   color: var(--title-color);
   border: solid;
   border-width: 1px;
   border-color: #c3d2d9;
   padding: 17px 30px;
   text-align: center;
   width: 100%;
 }

 .blog-details-content .post-nav .btn-box a:hover {
   color: var(--theme-color);
   background: var(--secondary-color);
   border-color: var(--secondary-color);
 }

 .blog-details-content .post-nav .btn-box a span {
   position: relative;
   padding-left: 22px;
 }

 .blog-details-content .post-nav .btn-box a span:before {
   position: absolute;
   content: "\f147";
   font-family: flaticon_marina;
   width: 12px;
   height: 12px;
   left: 0px;
   top: -3px;
   font-size: 16px;
   color: var(--theme-color);
 }

 .blog-details-content .post-nav {
   margin-bottom: 52px;
 }

 .blog-details-content .comment-box {
   position: relative;
   margin-bottom: 46px;
 }

 .blog-details-content .comment-box .comment {
   position: relative;
   display: block;
   padding-left: 110px;
   margin-bottom: 17px;
 }

 .blog-details-content .comment-box .comment:last-child {
   margin-bottom: 0px;
 }

 .blog-details-content .comment-box .comment .thumb-box {
   position: absolute;
   left: 0px;
   top: 10px;
   width: 80px;
   height: 80px;
 }

 .blog-details-content .comment-box .comment .thumb-box img {
   width: 100%;
 }

 .blog-details-content .comment-box .comment h3 {
   display: block;
   font-size: 24px;
   line-height: 32px;
   margin-bottom: 6px;
 }

 .blog-details-content .comment-box .comment h3 span {
   font-size: 14px;
   font-weight: 700;
   font-family: var(--text-font);
   text-transform: uppercase;
   color: #869297;
 }

 .blog-details-content .comment-box .comment p {
   margin-bottom: 14px;
 }

 .blog-details-content .comment-box .comment .reply-btn {
   position: relative;
   padding-left: 24px;
   font-size: 14px;
   line-height: 22px;
   font-weight: 700;
   text-transform: uppercase;
   color: var(--title-color);
 }

 .blog-details-content .comment-box .comment .reply-btn img {
   position: absolute;
   left: 0px;
   top: 2px;
 }

 .blog-details-content .comment-box .comment .reply-btn:hover {
   color: var(--theme-color);
 }

 .blog-details-content .comment-form-area .form-inner .form-group {
   position: relative;
   margin-bottom: 30px;
 }

 .blog-details-content .comment-form-area .form-inner .form-group:last-child {
   margin-bottom: 0px;
 }

 .blog-details-content .comment-form-area .form-inner .form-group input[type='text'],
 .blog-details-content .comment-form-area .form-inner .form-group input[type='email'],
 .blog-details-content .comment-form-area .form-inner .form-group textarea {
   position: relative;
   display: block;
   width: 100%;
   height: 60px;
   border: solid;
   border-width: 1px;
   border-color: #c3d2d9;
   font-size: 17px;
   color: #837e7f;
   padding: 10px 20px;
   transition: all 500ms ease;
 }

 .blog-details-content .comment-form-area .form-inner .form-group textarea {
   height: 120px;
   resize: none;
   padding-top: 15px;
 }

 .blog-details-content .comment-form-area .form-inner .form-group input:focus,
 .blog-details-content .comment-form-area .form-inner .form-group textarea:focus {
   border-color: var(--theme-color);
 }

 .blog-details-content .comment-form-area .group-title {
   margin-bottom: 32px;
 }

 .blog-details-content .comment-form-area .group-title h2 {
   margin-bottom: 8px;
 }

 .blog-details-content .comment-form-area .check-box label {
   font-size: 17px;
   color: #837e7f;
 }

 .blog-details-content .comment-form-area .check-box label:before {
   border-color: #c3d2d9;
 }


 /** about-style-three **/

 .about-style-three {
   position: relative;
 }

 .about-style-three .image-box {
   position: relative;
   display: block;
   padding-bottom: 40px;
   padding-left: 155px;
 }

 .about-style-three .image-box img {
   width: 100%;
 }

 .about-style-three .image-box .image-2 {
   position: absolute;
   left: 0px;
   bottom: 0px;
   z-index: 1;
 }

 .about-style-three .image-box .text-box {
   position: relative;
   padding-left: 60px;
   margin-bottom: 35px;
 }

 .about-style-three .image-box .text-box .icon-box {
   position: absolute;
   left: 0px;
   top: 6px;
 }

 .about-style-three .image-box .text-box span {
   position: relative;
   display: block;
   font-size: 14px;
   line-height: 22px;
   font-weight: 700;
   color: #5d6c72;
   margin-bottom: 6px;
 }

 .about-style-three .image-box .text-box h6 {
   display: block;
   font-size: 14px;
   line-height: 22px;
   font-family: var(--text-font);
   color: var(--title-color);
   font-weight: 700;
   text-transform: uppercase;
 }

 .about-style-three .image-box .curve-text {
   position: absolute;
   left: 40px;
   top: 155px;
   width: 155px;
   height: 155px;
   z-index: 1;
 }

 .about-style-three .image-box .curve-text .logo {
   position: absolute;
   display: inline-block;
   width: 100px;
   height: 100px;
   background: #fff;
   text-align: center;
   border-radius: 50%;
   box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.06);
   padding: 18px;
   left: 28px;
   top: 28px;
 }

 .about-style-three .image-box .curve-text .curved-circle-2 {
   position: absolute;
   left: 78px;
   top: -1px;
   font-size: 14px;
   line-height: 22px;
   font-weight: 700;
   text-transform: uppercase;
   color: var(--title-color);
 }

 .about-style-three .content-box {
   position: relative;
   display: block;
 }

 .about-style-three .content-box .text-box {
   margin-bottom: 38px;
 }

 .about-style-three .content-box .text-box p {
   margin-bottom: 24px;
 }

 .about-style-three .content-box .list-item li {
   position: relative;
   display: block;
   padding-left: 29px;
   font-weight: 500;
   margin-bottom: 12px;
 }

 .about-style-three .content-box .list-item li:last-child {
   margin-bottom: 0px;
 }

 .about-style-three .content-box .list-item li:before {
   position: absolute;
   content: '';
   background-image: url(../images/icons/icon-62.png);
   width: 14px;
   height: 14px;
   left: 0px;
   top: 8px;
 }

 .about-style-three .content-box .author-box h3 {
   display: block;
   font-size: 24px;
   line-height: 32px;
   margin-bottom: 12px;
 }

 .about-style-three .content-box .author-box h3 span {
   position: relative;
   display: inline-block;
   font-size: 14px;
   line-height: 24px;
   font-family: var(--text-font);
   font-weight: 700;
   text-transform: uppercase;
   color: var(--theme-color);
 }

 .about-style-three .content-box .sec-title {
   margin-bottom: 42px;
 }


 /** statements-section **/

 .statements-section {
   position: relative;
   overflow: hidden;
   background: var(--secondary-color);
 }

 .statements-section .bg-layer {
   position: absolute;
   left: 0px;
   top: 0px;
   width: 100%;
   height: 100%;
   background-size: cover;
   background-repeat: no-repeat;
   background-position: center;
   background-attachment: fixed;
   opacity: 0.05;
 }

 .statements-block-one {
   position: relative;
   padding: 60px;
   border-right: solid;
   border-width: 1px;
   border-color: rgba(255, 255, 255, 0.20);
   float: left;
   width: 25%;
 }

 .statements-block-one:last-child {
   border: none;
 }

 .statements-block-one .inner-box {
   position: relative;
   display: block;
   border: dashed;
   border-width: 2px;
   border-color: transparent;
   transition: all 500ms ease;
 }

 .statements-block-one:hover .inner-box {
   border-color: #00788d;
   padding: 40px 20px 40px 35px;
 }

 .statements-block-one .inner-box .icon-box {
   position: relative;
   display: inline-block;
   font-size: 80px;
   color: var(--theme-color);
   margin-bottom: 92px;
   transition: all 500ms ease;
 }

 .statements-block-one:hover .inner-box .icon-box {
   margin-bottom: 31px;
 }

 .statements-block-one .inner-box h2 {
   display: block;
   font-size: 36px;
   line-height: 44px;
   color: #fff;
   margin-bottom: 12px;
 }

 .statements-block-one .inner-box span {
   position: relative;
   display: block;
   color: #b5c7cf;
   padding-bottom: 31px;
   margin-bottom: 100px;
   transition: all 500ms ease;
 }

 .statements-block-one:hover .inner-box span {
   margin-bottom: 81px;
 }

 .statements-block-one .inner-box span:before {
   position: absolute;
   content: '';
   background-image: url(../images/shape/shape-31.png);
   width: 50px;
   height: 9px;
   left: 0px;
   bottom: 0px;
   background-repeat: no-repeat;
 }

 .statements-block-one .inner-box .link a {
   position: relative;
   display: inline-block;
   width: 60px;
   height: 60px;
   line-height: 60px;
   background: #fff;
   text-align: center;
   border-radius: 50%;
 }

 .statements-block-one:hover .inner-box .link a {
   opacity: 0;
 }

 .statements-block-one .inner-box p {
   position: absolute;
   left: 35px;
   bottom: 0px;
   width: 100%;
   color: #b5c7cf;
   max-width: 285px;
   opacity: 0;
   transition: all 500ms ease;
 }

 .statements-block-one:hover .inner-box p {
   opacity: 1;
   bottom: 30px;
 }


 /** membership-section **/

 .membership-section {
   position: relative;
   background: #d0dfe7;
 }

 .membership-section .image-box {
   position: relative;
   display: block;
 }

 .membership-section .image-box img {
   width: 100%;
 }

 .membership-section .content-box {
   position: relative;
   display: block;
 }

 .membership-section .content-box .text-box {
   margin-bottom: 43px;
 }

 .membership-section .content-box .inner-box .single-item {
   position: relative;
   display: block;
   background: #fff;
   text-align: center;
   padding: 30px 20px 22px 20px;
   margin-bottom: 30px;
   transition: all 500ms ease;
 }

 .membership-section .content-box .inner-box .single-item:hover {
   transform: translateY(-10px);
 }

 .membership-section .content-box .inner-box .single-item .icon-box {
   position: relative;
   display: block;
   margin-bottom: 14px;
 }

 .membership-section .content-box .inner-box .single-item h4 {
   display: block;
   font-size: 20px;
   line-height: 28px;
 }

 .membership-section .content-box .sec-title {
   margin-bottom: 31px;
 }

 .gallery-page-section .gallery-block-two .inner-box .lower-content h3 {
   margin-bottom: 0px;
 }

 .gallery-page-section .gallery-block-two .inner-box .lower-content {
   padding-top: 15px;
   padding-bottom: 16px;
 }

 .gallery-page-section .gallery-block-two .inner-box:hover .lower-content {
   transform: translateY(0px);
 }

 .gallery-page-section .gallery-block-two .inner-box .image-box .view-btn {
   transform: translate(-50%, -50%) translateY(0px);
 }

 .gallery-page-section .filter-tabs li {
   position: relative;
   display: inline-block;
   font-size: 14px;
   line-height: 22px;
   color: #869297;
   font-weight: 700;
   text-transform: uppercase;
   cursor: pointer;
   padding: 6px 15px;
   border-radius: 40px;
   transition: all 500ms ease;
 }

 .gallery-page-section .filter-tabs li.active {
   color: #fff;
   background: var(--theme-color);
 }

 .faq-page-section .accordion-box .block {
   border: 1px solid #c3d2d9;
 }

 .faq-page-section .accordion-box .block .acc-btn h4 {
   color: white;
 }

 .faq-page-section .tab-btns li {
   position: relative;
   display: inline-block;
   padding-left: 35px;
   margin-right: 25px;
   font-size: 14px;
   line-height: 22px;
   font-weight: 700;
   text-transform: uppercase;
   color: #869297;
   cursor: pointer;
   transition: all 500ms ease;
 }

 .faq-page-section .tab-btns li:last-child {
   margin: 0px !important;
 }

 .faq-page-section .tab-btns li.active-btn {
   color: var(--theme-color);
 }

 .faq-page-section .tab-btns li:before {
   position: absolute;
   content: '';
   background: var(--theme-color);
   width: 0px;
   height: 1px;
   left: 0px;
   top: 10px;
   transition: all 500ms ease;
 }

 .faq-page-section .tab-btns li.active-btn:before {
   width: 25px;
 }


 /** error-section **/

 .error-section {
   position: fixed;
   width: 100%;
   height: 100%;
   left: 0px;
   top: 0px;
   overflow-x: hidden;
   overflow-y: auto;
   padding: 260px 0px 230px 0px;
   display: flex;
   align-items: center;
   justify-content: center;
 }

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

 .error-section .bg-layer:before {
   position: absolute;
   content: '';
   width: 100%;
   height: 100%;
   left: 0px;
   top: 0px;
   background: linear-gradient(180deg, rgba(0, 46, 65, 0.0) 0%, rgba(0, 46, 65, 1) 100%);
 }

 .error-section .content-box {
   position: relative;
   max-width: 1200px;
   width: 100%;
   margin: 0 auto;
   padding: 0px 15px;
 }

 .error-section .content-box h3 {
   font-size: 30px;
   line-height: 40px;
   color: #fff;
   margin-bottom: 7px;
 }

 .error-section .content-box .error-title h3 {
   position: absolute;
   top: -42px;
   right: 109px;
   margin-bottom: 0px;
 }

 .error-section .content-box h2 {
   position: relative;
   display: block;
   font-size: 300px;
   line-height: 214px;
   color: #fff;
 }

 .error-section .content-box .error-title h2 img {
   position: relative;
   display: inline-block;
   margin: 0px 15px;
   top: -32px;
 }

 .error-section .content-box p {
   color: #b5c7cf;
   margin-bottom: 23px;
 }

 .error-section .scroll-text {
   position: absolute;
   left: 0px;
   top: 0px;
   right: 0px;
   width: 100%;
   height: 100%;
 }

 .error-section .scroll-text .text-box-one .text-inner,
 .error-section .scroll-text .text-box-two .text-inner {
   background: #e4eef3;
 }

 .error-section .scroll-text .text-box-one .text-inner,
 .error-section .scroll-text .text-box-two .text-inner {
   position: absolute;
   width: max-content;
   padding: 21px 0px;
 }

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

   100% {
     -moz-transform: translateX(-100%);
   }
 }

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

   100% {
     -webkit-transform: translateX(-100%);
   }
 }

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

   100% {
     -moz-transform: translateX(100%);
   }
 }

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

   100% {
     -webkit-transform: translateX(100%);
   }
 }

 .error-section .scroll-text .text-box-one .text-inner {
   right: 0px;
   top: 0px;
   -moz-animation: scroll-right 90s linear infinite;
   -webkit-animation: scroll-right 90s linear infinite;
   animation: scroll-right 90s linear infinite;
 }

 .error-section .scroll-text .text-box-two .text-inner {
   left: 0px;
   bottom: 0px;
   -moz-animation: scroll-left 90s linear infinite;
   -webkit-animation: scroll-left 90s linear infinite;
   animation: scroll-left 90s linear infinite;
 }

 .error-section .scroll-text h4 {
   position: relative;
   display: inline-block;
   font-size: 20px;
   line-height: 28px;
   text-transform: capitalize;
   margin: 0px 22px;
 }


 /** contact-info-section **/

 .contact-info-section-1 {
   position: relative;
 }

 .info-block-one .inner-box {
   position: relative;
   display: block;
   background: #fff;
   padding: 33px 30px 34px 35px;
   box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.06);
   margin-bottom: 30px;
   transition: all 500ms ease;
 }

 .info-block-one .inner-box:hover {
   transform: translateY(-10px);
 }

 .info-block-one .inner-box .icon-box {
   position: absolute;
   top: 40px;
   right: -35px;
   display: inline-block;
   width: 75px;
   height: 75px;
   line-height: 85px;
   text-align: center;
   background: var(--theme-color);
   font-size: 40px;
   color: #fff;
   font-weight: 400;
 }

 .info-block-one .inner-box h3 {
   display: block;
   font-size: 24px;
   line-height: 32px;
   margin-bottom: 6px;
 }

 .info-block-one .inner-box .text {
   position: relative;
   display: block;
   font-size: 14px;
   line-height: 22px;
   font-weight: 700;
   text-transform: uppercase;
   padding-bottom: 22px;
   margin-bottom: 27px;
 }

 .info-block-one .inner-box .text:before {
   position: absolute;
   content: '';
   background-image: url(../images/shape/shape-31.png);
   width: 50px;
   height: 9px;
   left: 0px;
   bottom: 0px;
   background-repeat: no-repeat;
 }

 .info-block-one .inner-box p {
   font-size: 17px;
   margin-bottom: 15px;
 }

 .info-block-one .inner-box p a {
   display: inline-block;
   color: var(--text-color);
 }

 .info-block-one .inner-box p a:hover {
   color: var(--theme-color);
 }


 /** contact-section **/

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

 .contact-section .form-inner {
   position: relative;
   display: block;
   background: #fff;
   padding: 46px 60px 60px 60px;
 }

 .contact-section .form-inner .form-group {
   position: relative;
   margin-bottom: 25px;
 }

 .contact-section .form-inner .form-group:last-child {
   margin-bottom: 0px;
 }

 .contact-section .form-inner .form-group .icon-box {
   position: absolute;
   left: 0px;
   top: 10px;
   z-index: 1;
 }

 .contact-section .form-inner .form-group .select-box {
   min-height: 54px;
 }

 .contact-section .form-inner .form-group input[type='text'],
 .contact-section .form-inner .form-group input[type='email'],
 .contact-section .form-inner .form-group textarea,
 .contact-section .form-inner .form-group .nice-select {
   position: relative;
   display: block;
   width: 100%;
   height: 54px;
   border-bottom: solid;
   border-width: 1px;
   border-color: #dbe2e5;
   font-size: 17px;
   color: #5d6c72;
   padding: 10px 0px 10px 31px;
   transition: all 500ms;
 }

 .contact-section .form-inner .form-group .nice-select:before {
   position: absolute;
   content: "\f11f";
   font-family: 'flaticon_marina';
   top: 13px;
   right: 0px;
   font-size: 14px;
   color: #869297;
 }

 .contact-section .form-inner .form-group textarea {
   height: 100px;
   resize: none;
 }

 .contact-section .form-inner .form-group input:focus,
 .contact-section .form-inner .form-group textarea:focus {
   border-color: var(--theme-color);
 }

 .contact-section .form-inner .message-btn {
   position: relative;
   display: flex;
   align-items: center;
   justify-content: space-between;
 }


 /** location-section **/

 .location-section {
   position: relative;
 }

 .location-section .upper-box {
   position: relative;
   max-width: 895px;
   width: 100%;
   margin: 0 auto;
 }

 .location-section .upper-box .select-box {
   min-height: 60px;
   margin-bottom: 43px;
 }

 .location-section .upper-box .select-box .nice-select {
   position: relative;
   width: 100%;
   background: #fff;
   box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.06);
   height: 60px;
   line-height: 60px;
   padding: 0px 25px;
 }

 .location-section .upper-box .select-box .nice-select:before {
   position: absolute;
   content: "\f14b";
   font-family: 'flaticon_marina';
   width: 40px;
   height: 40px;
   line-height: 40px;
   background: #e4eef3;
   text-align: center;
   border-radius: 50%;
   font-size: 20px;
   color: var(--title-color);
   top: 11px;
   right: 20px;
   -webkit-box-shadow: 0 0 0 0 rgba(228, 238, 243, 0.5);
   box-shadow: 0 0 0 0 rgba(228, 238, 243, 0.5);
   -webkit-animation: ripple 3s infinite;
   animation: ripple 3s infinite;
   -webkit-transition: all .4s ease;
   transition: all .4s ease;
 }

 .location-section .upper-box .text {
   position: relative;
   display: block;
   text-align: center;
   font-size: 17px;
   color: var(--title-color);
   text-transform: capitalize;
 }

 .location-section .upper-box {
   margin-bottom: 22px;
 }

 .location-block-one .inner-box {
   position: relative;
   display: block;
   padding: 267px 30px 0px 0px;
 }

 .location-block-one .inner-box .bg-layer {
   position: absolute;
   left: 0px;
   top: 0px;
   width: 100%;
   height: 100%;
   background-size: cover;
   background-repeat: no-repeat;
   background-position: center;
 }

 .location-block-one .inner-box .bg-layer:before {
   position: absolute;
   content: '';
   width: 100%;
   height: 100%;
   left: 0px;
   top: 0px;
   background: linear-gradient(180deg, rgba(0, 46, 65, 0.0) 0%, rgba(0, 46, 65, 1) 100%);
 }

 .location-block-one .inner-box h3 {
   position: relative;
   display: block;
   margin-left: 30px;
   font-size: 24px;
   line-height: 32px;
   margin-bottom: 22px;
 }

 .location-block-one .inner-box h3 a {
   display: inline-block;
   color: #fff;
 }

 .location-block-one .inner-box h3 a:hover {
   color: var(--theme-color);
 }

 .location-block-one .inner-box .text-box {
   position: relative;
   display: block;
   background: #fff;
   padding: 12px 30px;
 }

 .location-block-one .inner-box .text-box a {
   position: relative;
   display: inline-block;
   color: #5d6c72;
 }

 .location-block-one .inner-box .text-box a:hover {
   color: var(--theme-color);
 }

 .location-section .owl-nav {
   position: relative;
   display: block;
   text-align: center;
   margin-top: 44px;
 }

 .location-section .owl-nav button {
   position: relative;
   display: inline-block;
   cursor: pointer;
   font-size: 24px;
   color: var(--title-color);
   transition: all 500ms ease;
 }

 .location-section .owl-nav button.owl-prev {
   margin-right: 7px;
   transform: rotate(180deg);
   top: -4px;
 }

 .location-section .owl-nav button span {
   font-family: 'flaticon_marina';
 }

 .location-section .owl-nav button:hover {
   color: var(--theme-color);
 }


 .gallery-page-section .gallery-block-one {
   float: left;
   padding: 0px 15px;
 }

 .gallery-page-section .gallery-block-one.big-block {
   width: 62.2%;
 }

 .gallery-page-section .gallery-block-one.small-block {
   width: 37.8%;
 }

 .gallery-page-section.masonry-gallery .masonry-item {
   padding: 0px;
 }

 .gallery-page-section .gallery-block-one.three-column {
   width: 50%;
 }

 .logo img {
   width: 214px;
 }

 .title-animation {
   color: white;
 }

 .main-header {
   background-color:#ffffff;

 }

 .bg-green {
   background-color: white;
 }

 .color-txt {
   color: #03251e;
 }

 .title-box p {
   color: #637177;
 }

 .wttxt {
   color: white !important;
 }

 .sec-title h2 {
    color: #00b30f;
 }

 .lower-box p {
   color: #000;
   padding: 10px 20px 10px 20px;
 }

 .color-black {
   color: #00b30f;
 }

 .footer-style-four .widget-title:before {
   position: absolute;
   content: '';
   background: #00b30f;
   width: 70px;
   height: 1px;
   left: 128px;
   bottom: 0px;
 }

 .footer-social-icons {
   margin-top: 15px;
   padding-left: -8px;
   list-style: none;
   display: flex;
   justify-content: center;
   gap: 6px;
   padding-right: 63px;
 }

 .footer-social-icons li a {
   color: #00b30f;
   font-size: 19px;
   transition: color 0.3s ease;
 }

 .footer-social-icons li a:hover {
   color: #ffc107;
 }

 .footer-social-icons li a.whatsapp {
   color: #00b30f;
   /* WhatsApp green */
 }















 .section-lgb {
   padding-bottom: 120px;
   padding-top: 80px;
 }

 .pbmit-bg-color-light {
   background-color: var(--pbmit-light-color);
 }

 .overflow-hidden {
   overflow: hidden;
 }

 .pbmit-hide {
   display: none;
 }

 /* Client Text Style */
 .pbmit-client-style-1 .pbmit-client-content {
   text-align: center;
   padding: 35px 20px;
   margin: 1px;
   border: 1px solid rgba(3, 37, 30, 0.20);
   background: var(--pbmit-white-color);
   height: 100%;
   display: flex;
   align-items: center;
   justify-content: center;
   min-height: 100px;
 }

 .pbmit-client-wrapper {
   overflow: hidden;
   position: relative;
   text-align: center;
   z-index: 1;
   height: max-content;
   display: inline-block;
   width: 100%;
   -webkit-transition: -webkit-transform .4s ease;
   transition: -webkit-transform .4s ease;
   -o-transition: transform .4s ease;
   transition: transform .4s ease;
   transition: transform .4s ease, -webkit-transform .4s ease;
 }

 .pbmit-client-text,
 .pbmit-client-hover-text {
   -webkit-transition: -webkit-transform .4s ease, color .4s ease;
   transition: -webkit-transform .4s ease, color .4s ease;
   -o-transition: transform .4s ease, color .4s ease;
   transition: transform .4s ease, color .4s ease;
   transition: transform .4s ease, color .4s ease, -webkit-transform .4s ease;
   font-family: var(--pbmit-heading-typography-font-family);
   font-weight: var(--pbmit-heading-font-variant);
   font-size: 22px;
   line-height: 1.2;
   font-weight: 700;
   font-family: "Marcellus", serif;
   margin: 0;
 }

 .pbmit-client-hover-text {
   position: absolute;
   z-index: 2;
   top: 50%;
   left: 50%;
   right: 0;
   width: 100%;
   color: #00b30f;
   transform: translate(-50%, -50%) translateY(-100%);
   opacity: 0;
 }

 .pbmit-client-text {
   transform: translateY(0%);
   color: var(--pbmit-heading-color);
   position: relative;
   z-index: 1;
 }

 .pbmit-client-wrapper:hover .pbmit-client-hover-text {
   visibility: visible;
   transform: translate(-50%, -50%) translateY(0%);
   opacity: 1;
 }

 .pbmit-client-wrapper:hover .pbmit-client-text {
   transform: translateY(100%);
   opacity: 0;
 }

 /* Responsive adjustments */
 @media (max-width: 768px) {
   .pbmit-client-style-1 .pbmit-client-content {
     padding: 60px 15px;
     min-height: 150px;
   }

   .pbmit-client-text,
   .pbmit-client-hover-text {
     font-size: 20px;
   }
 }

 @media (max-width: 576px) {
   .section-lgb {
     padding-bottom: 80px;
     padding-top: 60px;
   }

   .pbmit-client-style-1 .pbmit-client-content {
     padding: 40px 10px;
     min-height: 120px;
   }

   .pbmit-client-text,
   .pbmit-client-hover-text {
     font-size: 18px;
   }

   .banner-carousel .slide-item .bg-layer {
     /* position: absolute; */
     right: 0;
     top: 0;
     width: 100%;
     height: 100%;
     background-repeat: no-repeat;
     background-position: center;
     background-size: cover;
     -webkit-transform: scale(1);
     -ms-transform: scale(1);
     transform: scale(1);
     -webkit-transition: all 8000ms linear;
     -moz-transition: all 8000ms linear;
     -ms-transition: all 8000ms linear;
     -o-transition: all 8000ms linear;
     transition: all 8000ms linear;
     position: absolute;
     /* left: 0px; */
     top: 0px;
     height: 100%;
     width: 366px;
     /* width: 670px; */
     background-size: cover;
     background-repeat: no-repeat;
     background-position: center;
     z-index: 2;
   }

   .row {
     --bs-gutter-x: 1.5rem;
     --bs-gutter-y: 0;
     display: block;
     flex-wrap: wrap;
     margin-top: calc(-1 * var(--bs-gutter-y));
     margin-right: calc(-0.5 * var(--bs-gutter-x));
     margin-left: calc(-0.5 * var(--bs-gutter-x));
   }

   .pbmit-service-style-4 .pbminfotech-box-number {
     font-size: 38px;
     line-height: 80px;
     display: inline-block;
     position: relative;
     padding-right: 20px;
     z-index: 0;
     font-weight: 600;
     color: var(--pbmit-white-color);
     font-family: var(--pbmit-heading-typography-font-family);
     transition: all 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55);
   }

   .pbmit-service-style-4 .pbmit-serv-cat {
     font-weight: 500;
     font-family: var(--pbmit-heading-typography-font-family);
     font-size: 24px;
     color: #00b30f;
   }

   .pbmit-service-style-4 .pbmit-serv-cat {
     font-weight: 500;
     font-family: var(--pbmit-heading-typography-font-family);
     font-size: 19px;
     color: #00b30f;
   }

   .pbmit-service-style-4 .pbminfotech-box-content {
     display: block;
     padding-bottom: 15px;
   }

   .pbmit-service-style-4 .pbmit-content-inner {
     display: block;
   }

   .pbmit-service-style-4 .pbminfotech-box-number {
     font-size: 60px;
     line-height: 60px;
     padding: 0;
     padding-bottom: 15px;
   }

   .pbmit-service-style-4 .pbminfotech-box-content {
     position: static !important;
     top: auto;
     /* left: 0; */
     bottom: 0;
     /* padding: 40px; */
     /* text-align: left; */
     display: block !important;
     align-items: center;
     width: 100%;
     justify-content: space-between;
     transition: all 0.5s ease-in-out;
     transform: translateY(0);
     opacity: 1;
   }

   .pbmit-service-style-4 .pbmit-content-inner {
     display: flow !important;
     align-items: center;
     transform: translateX(0);
     opacity: 1;
     transition: all 0.6s ease-in-out;
   }

   .pbmit-service-style-4 .pbmit-service-title {

     margin-top: 22px !important;
     width: 273px !important;

   }

   .pbmit-service-style-4 .pbminfotech-box-content {

     padding: 117px 0px 15px 57px !important;
   }
 }

 .a:hover {
   color: green;
 }

 .text-bo span a {
   color: green !important;
 }

 .hover-green {
   color: #333;
   transition: color 0.3s ease;
   display: inline-block;
 }

 .hover-green:hover {
   color: #28a745;
   /* Green hover */
   text-decoration: none;
 }

 .link-box a {
   display: block;
   margin-bottom: 8px;
   font-weight: 500;
 }






















 .section-lgb {
   padding-bottom: 120px;
   padding-top: 3px;
 }

 .link-box a span {
   display: inline-block;
   transition: transform 0.3s ease, color 0.3s ease;
 }

 .link-box a:hover span {
   transform: translateX(5px);
   color: #5b54be;
 }

 .banner-section .title-box a {
   margin-top: 20px;
 }

 .banner-section .title-box p {
   margin-top: 10px;
 }

 .footer-style-four .widget-section {
   position: relative;
   padding: 50px 0px 40px 0px;
   border-bottom: solid;
   border-width: 1px;
   border-color: #1d3449;
 }

 .footer-style-four .newsletter-widget form .form-group input[type="email"] {
   border-color: #747575;
 }

 .pricing-section {
   position: relative;
   padding: 34px 0px 120px 0px;
 }

 .pt_140 {
   padding-top: 40px;
 }

 .pt_150 {
   padding-top: 50px;
 }

 .link-box a span:before {

   width: 8px;
   height: 14px;
   left: 0px;
   top: 2px;
   background-repeat: no-repeat;
   filter: invert(64%) sepia(24%) saturate(505%) hue-rotate(126deg) brightness(97%) contrast(88%);
 }



 .filter-btns {
   margin-bottom: 30px;
 }

 .filter-btns .filter-btn {
   display: inline-block;
   margin: 5px;
   padding: 10px 20px;
   border: 2px solid#00b30f;
   background-color: transparent;
   color: black;
   border-radius: 5px;
   cursor: pointer;
   transition: all 0.3s ease;
 }

 .filter-btns .filter-btn.active,
 .filter-btns .filter-btn:hover {
   background-color: #00b314;
   color: #fff;
 }


 .destination-block.show {
   display: block;
 }

 .destination-block-two .inner-box .lower-content h3 a {
   display: inline-block;
   color: #ffffff;
   font-size: 28px;
 }

 .bac-style {
   background-color: #e9ecef;
   padding: 10px 32px 6px;
   border-radius: 3px;
 }
















 /* footer  */
 .banner-section .title-box a {
   margin-top: 20px;
 }

 .banner-section .title-box p {
   margin-top: 10px;
 }

 .footer-style-four .widget-section {
   position: relative;
   padding: 50px 0px 40px 0px;
   border-bottom: solid;
   border-width: 1px;
   border-color: #1d3449;
 }

 .footer-style-four .newsletter-widget form .form-group input[type="email"] {
   border-color: #747575;
 }

 .pbmit-service-style-4:nth-child(1) .pbmit-service-img-wrapper {
   background-position: center center;
   background-repeat: no-repeat;
 }

 .pbmit-service-style-4:nth-child(2) .pbmit-service-img-wrapper {
   background-position: center center;
   background-repeat: no-repeat;
 }

 .pbmit-service-style-4:nth-child(3) .pbmit-service-img-wrapper {
   background-position: center center;
   background-repeat: no-repeat;
 }

 .pbmit-service-style-4:nth-child(4) .pbmit-service-img-wrapper {
   background-position: center center;
   background-repeat: no-repeat;
 }

 .pbmit-service-style-4:nth-child(5) .pbmit-service-img-wrapper {
   background-position: center center;
   background-repeat: no-repeat;
 }



















 .pbmit-client-style-1-small {
   display: block;
 }

 .pbmit-client-style-1-small .pbmit-client-content {
   padding: 15px;
   border: 1px solid #ddd;
   text-align: center;
   position: relative;
   overflow: hidden;
   background-color: #fff;
 }

 .pbmit-client-style-1-small .pbmit-client-wrapper {
   position: relative;
   display: block;
 }

 /* Default text */
 .pbmit-client-style-1-small .pbmit-client-text {
   font-size: 15px;
   color: #333;
   transition: transform 0.5s ease, opacity 0.5s ease;
   transform: translateY(0);
   opacity: 1;
   position: relative;
 }

 /* Hover text starts translated and hidden */
 .pbmit-client-style-1-small .pbmit-client-hover-text {
   font-size: 12px;
   color: green;
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   transform: translateY(100%);
   opacity: 0;
   transition: transform 0.5s ease, opacity 0.5s ease;
 }

 /* On hover: hide original text, slide in hover text */
 .pbmit-client-style-1-small:hover .pbmit-client-text {
   transform: translateY(-100%);
   opacity: 0;
 }

 .pbmit-client-style-1-small:hover .pbmit-client-hover-text {
   transform: translateY(0%);
   opacity: 1;
 }

























 :root {
   --primary-gradient: linear-gradient(135deg, #00b30f 0%, #03251e 100%);
   --secondary-gradient:linear-gradient(135deg, #01850c 0%, #03251e 100%);
   --glass-bg: rgba(255, 255, 255, 0.95);
   --glass-border: rgba(255, 255, 255, 0.2);
 }



 .contact-wrapper {
   min-height: 100vh;
   padding: 2rem 0;
 }

 .contact-card {
   background: var(--glass-bg);
   backdrop-filter: blur(20px);
   border: 1px solid var(--glass-border);
   box-shadow: 0 25px 50px rgba(0, 0, 0, 0.15);
   animation: slideUp 0.8s ease-out;
   overflow: hidden;
 }

 @keyframes slideUp {
   from {
     opacity: 0;
     transform: translateY(30px);
   }

   to {
     opacity: 1;
     transform: translateY(0);
   }
 }

 .contact-info-section-1 {
   background: var(--secondary-gradient);
   color: white;
   position: relative;
   overflow: hidden;
   min-height: 600px;
 }

 .contact-info-section-1::before {
   content: '';
   position: absolute;
   top: -50%;
   right: -50%;
   width: 200%;
   height: 200%;
   background: radial-gradient(circle, rgba(255, 255, 255, 0.1) 1px, transparent 1px);
   background-size: 20px 20px;
   animation: float 20s linear infinite;
 }

 @keyframes float {
   0% {
     transform: translateY(0) rotate(0deg);
   }

   100% {
     transform: translateY(-20px) rotate(360deg);
   }
 }

 .contact-info-content {
   position: relative;
   z-index: 2;
 }

 .contact-item {
   background: rgba(255, 255, 255, 0.1);
   backdrop-filter: blur(10px);
   transition: all 0.3s ease;
   border: 1px solid rgba(255, 255, 255, 0.1);
 }

 .contact-item:hover {
   background: rgba(255, 255, 255, 0.2);
   transform: translateX(5px);
 }

 .contact-icon {
   width: 50px;
   height: 50px;
   background: rgba(255, 255, 255, 0.2);
   border-radius: 12px;
   font-size: 1.5rem;
 }

 .form-section {
   background: white;
   min-height: 600px;
 }

 .form-control-custom {
   border: 2px solid #e2e8f0;
   border-radius: 16px;
   background: #f8fafc;
   padding: 18px 20px 18px 55px;
   font-size: 1rem;
   transition: all 0.3s ease;
 }

 .form-control-custom:focus {
   border-color: #667eea;
   background: white;
   box-shadow: 0 0 0 3px rgba(102, 126, 234, 0.1);
   transform: translateY(-2px);
 }

 .form-control-custom::placeholder {
   color: #a0aec0;
   transition: all 0.3s ease;
 }

 .form-control-custom:focus::placeholder {
   opacity: 0;
   transform: translateY(-10px);
 }

 .input-icon-wrapper {
   position: relative;
 }

 .input-icon {
   position: absolute;
   left: 20px;
   top: 50%;
   transform: translateY(-50%);
   color: #667eea;
   font-size: 1.2rem;
   z-index: 10;
   transition: all 0.3s ease;
 }

 .form-control-custom:focus+.input-icon {
   color: #667eea;
   transform: translateY(-50%) scale(1.1);
 }

 .btn-custom {
   background: var(--primary-gradient);
   border: none;
   border-radius: 16px;
   color: white;
   font-weight: 600;
   padding: 18px;
   font-size: 1.1rem;
   transition: all 0.3s ease;
   position: relative;
   overflow: hidden;
 }

 .btn-custom::before {
   content: '';
   position: absolute;
   top: 0;
   left: -100%;
   width: 100%;
   height: 100%;
   background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent);
   transition: left 0.5s ease;
 }

 .btn-custom:hover::before {
   left: 100%;
 }

 .btn-custom:hover {
   transform: translateY(-2px);
   box-shadow: 0 10px 25px rgba(102, 126, 234, 0.3);
 }

 .floating-shapes {
   position: absolute;
   width: 100%;
   height: 100%;
   overflow: hidden;
   z-index: 1;
 }

 .shape-1 {
   position: absolute;
   background: rgba(255, 255, 255, 0.1);
   border-radius: 50%;
   animation: floatShapes 15s infinite linear;
 }

 .shape-1:nth-child(1) {
   width: 80px;
   height: 80px;
   top: 20%;
   left: 10%;
   animation-delay: 0s;
 }

 .shape-1:nth-child(2) {
   width: 60px;
   height: 60px;
   top: 60%;
   left: 80%;
   animation-delay: 5s;
 }

 .shape-1:nth-child(3) {
   width: 40px;
   height: 40px;
   top: 80%;
   left: 20%;
   animation-delay: 10s;
 }

 @keyframes floatShapes {

   0%,
   100% {
     transform: translateY(0) rotate(0deg);
     opacity: 0.7;
   }

   50% {
     transform: translateY(-20px) rotate(180deg);
     opacity: 1;
   }
 }

 .section-subtitle {
   color: #667eea;
   font-weight: 600;
   font-size: 0.9rem;
   text-transform: uppercase;
   letter-spacing: 2px;
 }

 /* Custom responsive adjustments */
 @media (max-width: 767.98px) {
   .contact-info-section-1 {
     min-height: auto;
   }

   .form-section {
     min-height: auto;
   }

   .contact-wrapper {
     padding: 1rem 0;
   }
 }

 @media (max-width: 575.98px) {
   .form-control-custom {
     padding: 15px 20px 15px 50px;
     font-size: 0.9rem;
   }

   .input-icon {
     font-size: 1rem;
     left: 15px;
   }

   .btn-custom {
     padding: 15px;
     font-size: 1rem;
   }
 }

 .fw-bold {
   color: white;
 }


























 .page-container {
   font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
   line-height: 1.6;
   color: #333;
   background: #fff;
   min-height: 100vh;
 }

 .credentials-wrapper {
   background: #fff;
 }

 .header-section {
   padding: 30px 0;
   text-align: center;
   border-bottom: 2px solid #e9ecef;
 }

 .main-content {
   padding: 30px 0;
 }

 .profile-card {
   background: #fff;
   border-radius: 15px;
   padding: 30px;
   margin-bottom: 30px;
   box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
   border: 1px solid #e8e8e8;
   transition: transform 0.3s ease, box-shadow 0.3s ease;
 }

 .profile-card:hover {
   transform: translateY(-3px);
   box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15);
 }

 .profile-image img {
   width: 100px;
   height: 100px;
   border-radius: 50%;
   background: linear-gradient(135deg, #007bff, #6f42c1);
   color: white;
   font-size: 24px;
   font-weight: bold;
   margin-bottom: 15px;
 }

 .profile-name {
   font-size: 28px;
   font-weight: 600;
   color: #2c3e50;
   margin-bottom: 5px;
 }

 .profile-title {
   font-size: 16px;
   color: #02870d;
   font-weight: 500;
   margin-bottom: 8px;
 }

 .company-name {
   font-size: 14px;
   color: #6c757d;
   background: #f8f9fa;
   padding: 5px 12px;
   border-radius: 20px;
   display: inline-block;
 }

 .content-text {
   font-size: 15px;
   line-height: 1.7;
   color: #555;
   text-align: justify;
 }

 .content-preview {
   max-height: 120px;
   overflow: hidden;
   position: relative;
 }

 .content-full {
   max-height: none;
 }

 .fade-overlay {
   position: absolute;
   bottom: 0;
   left: 0;
   right: 0;
   height: 40px;
   background: linear-gradient(transparent, white);
   pointer-events: none;
 }

 .read-more-btn {
   background: linear-gradient(135deg, #00b30f, #212529);
   color: white;
   border: none;
   padding: 10px 20px;
   border-radius: 25px;
   cursor: pointer;
   font-size: 14px;
   font-weight: 500;
   margin-top: 15px;
   transition: all 0.3s ease;
 }

 .read-more-btn:hover {
   transform: translateY(-2px);
   background: linear-gradient(135deg, #00b30f, #212529);
 }



 @media (max-width: 576px) {
   .about-style-three .image-box .curve-text {
     position: absolute;
     left: 7px;
     top: 278px;
     width: 155px;
     height: 155px;
     z-index: 1;
   }

   .pricing-block-one .inner-box {
     padding: 32px 30px 50px 30px;
   }
   .service__list {
    padding-left: 0px !important;
    max-width: 331px !important;
 
}

 }











 /* service section  */

 .theme-bg-secondary {
   background-color: #03251e;
 }



 .service__list {
   padding-left:58px;
   margin: 0 auto;
   max-width: 280px;
   /* Controls width to prevent line breaks */
   text-align: left;
 }

 .service__list li {
    list-style: none;
    display: flex
;
    align-items: baseline;
    gap: 11px;
    margin-bottom: 3px;
    font-size: 16px;
    line-height: 2;
    color: black;
    font-weight: 100;
 }

 .dot-icon {
   width: 8px;
   height: 8px;
   background-color: green;
   border-radius: 50%;
   flex-shrink: 0;
   margin-top: 4px;
 }


.copyright P{
font-size: 16px;
}

.display-4{
display: block;
    font-size: 40px;
    line-height: 56px;
        color: #00b30f;
    text-transform: capitalize !important;
}
















































:root {
    --theme-color: #57B33E;
    --theme-color2: #57B33E;
    --title-color: #0E121D;
    --body-color: #4D5765;
    --smoke-color: #E0E0E0;
    --smoke-color2: #F8F8F8;
    --smoke-color3: #C5DACC;
    --smoke-color4: #E9F5ED;
    --black-color: #000000;
    --black-color2: #0A0A0A;
    --gray-color: #D8DDE1;
    --white-color: #ffffff;
    --light-color: #B7BEC8;
    --yellow-color: #FFB539;
    --success-color: #28a745;
    --error-color: #dc3545;
    --th-border-color: #E0E0E0;

    --main-container: 1530px;
    --container-gutters: 24px;
    --section-space: 20px;
    --section-space-mobile: 80px;
    --section-title-space: 60px;
    --ripple-ani-duration: 5s
}



img:not([draggable]) {
    max-width: 100%;
    height: auto
}









@media (max-width: 1199px) {

    h2 {
        font-size: 36px;
        line-height: 1.3
    }
}

@media (max-width: 767px) {

    h2 {
        font-size: 34px;
        line-height: 1.3
    }
}

@media (max-width: 575px) {

    h2 {
        font-size: 28px
    }
}

@media (max-width: 1399px) {
    :root {
        --main-container: 1250px
    }
}

@media only screen and (min-width: 1300px) {
    .container {
        max-width:calc(var(--main-container) + var(--container-gutters));
        padding-left: calc(var(--container-gutters) / 2);
        padding-right: calc(var(--container-gutters) / 2)
    }
}

:root {
    --input-height: 50px
}

.nice-select .list:hover .option:not(:hover) {
    background-color: transparent !important
}

.th-btn:is(.style1):hover::after {
    background-color: var(--white-color)
}

.th-btn:is(.style1):hover .btn-text:before,.th-btn:is(.style1):hover .btn-text:after {
    color: var(--title-color)
}

.th-btn:is(.style1):hover.th-icon i {
    color: var(--title-color)
}

.th-btn:is(.border-btn) {
    background-color: transparent;
    border: 1px solid var(--smoke-color);
    color: var(--title-color)
}

.th-btn:is(.border-btn) .btn-text {
    -webkit-transform: translateY(1px);
    -ms-transform: translateY(1px);
    transform: translateY(1px)
}

.th-btn:is(.border-btn) .btn-text:before,.th-btn:is(.border-btn) .btn-text:after {
    color: var(--title-color)
}

.th-btn:is(.border-btn).th-icon i {
    color: var(--title-color)
}

.th-btn:is(.border-btn):hover .btn-text:before,.th-btn:is(.border-btn):hover .btn-text:after {
    color: var(--white-color)
}

.th-btn:is(.border-btn):hover.th-icon i {
    color: var(--white-color)
}

.th-btn:is(.black-btn) {
    background-color: var(--title-color);
    color: var(--white-color)
}

.th-btn:is(.black-btn).style1:hover:after {
    background-color: var(--theme-color)
}

.th-btn:is(.black-btn) .btn-text {
    -webkit-transform: translateY(1px);
    -ms-transform: translateY(1px);
    transform: translateY(1px)
}

.th-btn:is(.black-btn) .btn-text:before,.th-btn:is(.black-btn) .btn-text:after {
    color: var(--white-color)
}

.th-btn:is(.black-btn).th-icon i {
    color: var(--white-color)
}

.th-btn:is(.black-btn):hover .btn-text:before,.th-btn:is(.black-btn):hover .btn-text:after {
    color: var(--white-color)
}

.th-btn:is(.black-btn):hover:after {
    background-color: var(--theme-color)
}

.th-btn:is(.black-btn):hover.th-icon i {
    color: var(--white-color)
}

.th-btn:is(.black-btn2) {
    background-color: var(--title-color);
    color: var(--white-color)
}

.th-btn:is(.black-btn2) .btn-text {
    -webkit-transform: translateY(1px);
    -ms-transform: translateY(1px);
    transform: translateY(1px)
}

.th-btn:is(.black-btn2) .btn-text:before,.th-btn:is(.black-btn2) .btn-text:after {
    color: var(--white-color)
}

.th-btn:is(.black-btn2).th-icon i {
    color: var(--white-color)
}

.th-btn:is(.black-btn2):hover .btn-text:before,.th-btn:is(.black-btn2):hover .btn-text:after {
    color: var(--title-color)
}

.th-btn:is(.black-btn2):hover:after {
    background-color: var(--white-color)
}

.th-btn:is(.black-btn2):hover.th-icon i {
    color: var(--title-color)
}

.th-btn:is(.style2) {
    font-weight: 600;
    border-radius: 10px
}

.th-btn:is(.style2) .btn-text:before,.th-btn:is(.style2) .btn-text:after {
    color: var(--title-color)
}

.th-btn:is(.style2).th-icon i {
    color: var(--title-color)
}

.th-btn:is(.style2):hover .btn-text:before,.th-btn:is(.style2):hover .btn-text:after {
    color: var(--white-color)
}

.th-btn:is(.style2):hover.th-icon i {
    color: var(--white-color)
}



.sub-title {
    position: relative;
    font-family: var(--title-font);
    font-weight: 600;
    font-size: 18px;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: var(--theme-color2);
    margin-bottom: 20px;
    display: inline-block;
    padding-left: 30px
}

@media (max-width: 575px) {
    .sub-title {
        font-size:14px
    }
}

.sub-title:before {
    content: "";
    background-image: url("../img/theme-img/title_shape.svg");
    background-color: transparent;
    background-repeat: no-repeat;
    position: absolute;
    top: 3px;
    left: 0px;
    width: 20px;
    height: 20px;
    opacity: 1
}

.sub-title:has(img) {
    margin-top: 0
}

.box-title {
    font-size: 24px;
    line-height: 1.417;
    font-weight: 600;
    margin-top: -0.32em
}

.title-area {
    margin-bottom: calc(var(--section-title-space) - 10px);
    position: relative;
    z-index: 2
}

.title-area .sec-title {
    margin-bottom: 15px
}

@media (max-width: 1199px) {
    .sub-title {
        margin-bottom:20px
    }

    .title-area,.sec-title {
        --section-title-space: 60px
    }
}

@media (max-width: 991px) {
    .title-area,.sec-title {
        --section-title-space: 50px
    }
}

.wp-block-archives a:not(:hover) {
    color: inherit
}

.widget_banner:has(.widget-map) {
    padding: 0;
    line-height: 0px
}

.main-menu ul li:has(.sub-menu)>a:after,.main-menu ul li:has(.mega-menu)>a:after {
    content: "\f078";
    position: relative;
    font-family: var(--icon-font);
    margin-left: 4px;
    font-weight: 600;
    top: 0;
    font-size: 14px
}

.header-layout2 .main-menu>ul>li>a:not(:hover) {
    color: var(--white-color)
}

.header-layout2 .main-menu ul.sub-menu a:not(:hover) {
    color: var(--white-color)
}

.header-layout2 .header-button .icon-btn:not(:hover) {
    color: var(--white-color)
}

.header-layout3 .header-button .icon-btn:not(:hover) {
    color: var(--white-color)
}

.header-layout3 .header-links li a:not(:hover) {
    color: var(--white-color)
}

.header-layout3 .main-menu>ul>li>a:not(:hover) {
    color: var(--white-color)
}

blockquote:not(:has(>cite)) p:last-child,.wp-block-quote:not(:has(>cite)) p:last-child {
    margin-bottom: -0.3em
}

blockquote p:has(cite),.wp-block-quote p:has(cite) {
    padding-bottom: 10px
}

@media (max-width: 1199px) {
    .btn-group:has(.call-btn) {
        gap:25px
    }
}

@media (max-width: 767px) {
    .btn-group:has(.call-btn) {
        gap:20px
    }
}

.global-img {
    position: relative;
    min-width: 50%;
    overflow: hidden;
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease
}

.global-img:after {
    content: "";
    position: absolute;
    width: 200%;
    height: 0%;
    left: 50%;
    top: 50%;
    background-color: rgba(255,255,255,0.3);
    -webkit-transform: translate(-50%, -50%) rotate(-45deg);
    -ms-transform: translate(-50%, -50%) rotate(-45deg);
    transform: translate(-50%, -50%) rotate(-45deg);
    z-index: 1
}

.global-img img {
    width: 100%;
    object-fit: cover;
    -webkit-transition: 1.3s all ease;
    transition: 1.3s all ease
}

@media (max-width: 991px) {
    .global-img {
        margin-bottom:30px
    }
}

.global-img:hover img {
    -webkit-transform: scale(1.3);
    -ms-transform: scale(1.3);
    transform: scale(1.3)
}

.global-img:hover:after {
    height: 250%;
    -webkit-transition: all 600ms linear;
    transition: all 600ms linear;
    background-color: transparent
}

.two-column:has(.checklist.style6) {
    gap: 30px
}

.service-grid.style2 .th-btn:is(.border-btn) i {
    color: var(--title-color)
}

.service-grid.style2 .th-btn:hover:is(.border-btn) i {
    color: var(--white-color)
}

.service-grid .th-btn:is(.border-btn) i {
    color: var(--white-color)
}

.service-grid .th-btn:hover:is(.border-btn) i {
    color: var(--title-color)
}

.process-card {
    text-align: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center
}

.process-card:nth-child(even) .process-image {
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1
}

@media (max-width: 1199px) {
    .process-card:nth-child(even) .process-image {
        margin-top:40px
    }
}

@media (max-width: 575px) {
    .process-card:nth-child(even) .process-image {
        -webkit-box-ordinal-group:1;
        -webkit-order: 0;
        -ms-flex-order: 0;
        order: 0
    }
}

.process-card:nth-child(even) .process-image .box-img {
    border-radius: 0px 0px 200px 200px;
    -webkit-box-ordinal-group: 1;
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0
}

.process-card:nth-child(even) .process-image .box-img img {
    border-radius: 0px 0px 200px 200px
}

.process-card:nth-child(even) .process-image .number {
    -webkit-box-ordinal-group: 0;
    -webkit-order: -1;
    -ms-flex-order: -1;
    order: -1;
    margin: auto auto -40px auto
}

@media (max-width: 575px) {
    .process-card:nth-child(even) .process-image .number {
        margin:-40px auto auto auto
    }
}

.process-card:nth-child(even) .box-content {
    -webkit-box-ordinal-group: 1;
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0
}

@media (max-width: 575px) {
    .process-card:nth-child(even) .box-content {
        -webkit-box-ordinal-group:2;
        -webkit-order: 1;
        -ms-flex-order: 1;
        order: 1
    }
}

.process-card_wrapp {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    gap: 30px
}

@media (max-width: 1199px) {
    .process-card_wrapp {
        display:grid;
        grid-template-columns: repeat(2, 1fr)
    }
}

@media (max-width: 575px) {
    .process-card_wrapp {
        display:grid;
        grid-template-columns: repeat(1, 1fr)
    }
}

.process-card .process-image {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center
}

@media (max-width: 1199px) {
    .process-card .process-image {
        display:block
    }
}

.process-card .box-img {
    border-radius: 200px 200px 0px 0px
}

.process-card .box-img img {
    width: 100%;
    border-radius: 200px 200px 0px 0px
}

.process-card .number {
    position: relative;
    width: 76px;
    height: 76px;
    line-height: 56px;
    border-radius: 50%;
    text-align: center;
    font-weight: 600;
    font-size: 24px;
    letter-spacing: 0.02em;
    text-transform: capitalize;
    color: var(--white-color);
    background-color: var(--theme-color);
    border: 10px solid var(--white-color);
    margin: -40px auto auto auto;
    display: block;
    z-index: 2
}

.process-card .box-title {
    font-weight: 600;
    font-size: 24px;
    line-height: 34px;
    letter-spacing: 0.02em;
    text-transform: capitalize;
    max-width: 265px;
    display: block;
    margin: 8px auto auto auto
}

.process-card .box-text {
    margin-bottom: 0
}

.space {
    padding-top: var(--section-space);
    background-color: white;
}

.space {
    padding-bottom: var(--section-space)
}

@media (max-width: 991px) {
    .space {
        padding-top:var(--section-space-mobile)
    }

    .space {
        padding-bottom: var(--section-space-mobile)
    }
}



.title-area h2{
display: block;
    font-size: 33px;
    line-height: 56px;
    color: #00b30f;
    text-transform: capitalize !important;
  
}