@font-face {
    font-family: 'bahnschriftregular';
    src: url('../fonts/bahnschrift-webfont.eot');
    src: url('../fonts/bahnschrift-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/bahnschrift-webfont.woff2') format('woff2'),
         url('../fonts/bahnschrift-webfont.woff') format('woff'),
         url('../fonts/bahnschrift-webfont.ttf') format('truetype'),
         url('../fonts/bahnschrift-webfont.svg#bahnschriftregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'modernlove-regularslantedRg';
    src: url('../fonts/mordenlove-webfont.eot');
    src: url('../fonts/mordenlove-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/mordenlove-webfont.woff2') format('woff2'),
         url('../fonts/mordenlove-webfont.woff') format('woff'),
         url('../fonts/mordenlove-webfont.ttf') format('truetype'),
         url('../fonts/mordenlove-webfont.svg#modernlove-regularslantedRg') format('svg');
    font-weight: normal;
    font-style: normal;
}

:root{
--bs-primary: #097394;
--bs-secondary: #074a5e;
--bs-teal : #5799b2;
--bs-teal-light :#e0f2f4;
--bs-primary-rgb: 9, 115, 148;
--bs-secondary-rgb: 7, 74, 94;
}

body{padding: 0; margin: 0; background-color: #fff; color: #6e8492; font: normal 16px/1.8 'bahnschriftregular';}
img{max-width: 100%; height: auto;}
a{text-decoration: none; color: var(--bs-teal);}

h1, .h1, h2, .h2{color:var(--bs-teal); font-size: 48px; font-family: 'modernlove-regularslantedRg'; margin-bottom: 1.5rem;}
h3, .h3{color: var(--bs-secondary); font-size: 30px; font-family: 'modernlove-regularslantedRg'; margin-bottom: 1rem;}
h4, .h4{font-size: 24px;}
h5, .h5{font-size: 20px;}
h6, .h6{font-size: 18px;}
.fs-20{font-size: 20px !important;}
.fs-13{font-size: 13px !important;}
.modernlove{font-family: 'modernlove-regularslantedRg';}

.py-6{padding-top: 70px; padding-bottom: 70px;}
.my-6{margin-top: 70px; margin-bottom: 70px;}
.pt-6{padding-top: 70px;}
.pb-6{padding-bottom: 70px;}
.mt-6{margin-top: 70px;}
.mb-6{margin-bottom: 70px;}

hr{color: #8cc6dd; border-color: #8cc6dd;}

.btn{border-radius: 0; border-width: 2px; text-transform: uppercase;}
.btn-minwidth{min-width: 145px;}
.btn-primary {
    --bs-btn-color:#fff;
    --bs-btn-bg:var(--bs-primary);
    --bs-btn-border-color:var(--bs-primary);
    --bs-btn-hover-color:#fff;
    --bs-btn-hover-bg: var(--bs-teal);
    --bs-btn-hover-border-color:var(--bs-teal);
    --bs-btn-focus-shadow-rgb:49,132,253;
    --bs-btn-active-color:#fff;
    --bs-btn-active-bg:var(--bs-teal);
    --bs-btn-active-border-color:var(--bs-teal);
    --bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color:#fff;
    --bs-btn-disabled-bg:var(--bs-teal);
    --bs-btn-disabled-border-color:var(--bs-teal);
   }
.btn-outline-primary {
    --bs-btn-color: var(--bs-primary);
    --bs-btn-border-color: var(--bs-primary);
    --bs-btn-hover-color:#fff;
    --bs-btn-hover-bg:var(--bs-primary);
    --bs-btn-hover-border-color: var(--bs-primary);
    --bs-btn-focus-shadow-rgb:13,110,253;
    --bs-btn-active-color:#fff;
    --bs-btn-active-bg:var(--bs-primary);
    --bs-btn-active-border-color:var(--bs-primary);
    --bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color:var(--bs-primary);
    --bs-btn-disabled-bg:transparent;
    --bs-btn-disabled-border-color:var(--bs-primary);
    --bs-gradient:none;
   }

.bg-teal{background-color: var(--bs-primary );}
.text-bg-teal{background-color: var(--bs-primary ); color: #fff;}
.text-teal{color: var(--bs-primary );}
.border-teal{border-color: var(--bs-primary );}

.bg-teal-light{background-color: var(--bs-teal-light );}
.text-bg-teal-light{background-color: var(--bs-teal-light ); color: #6e8492;}
.text-teal-light{color: var(--bs-teal-light );}
.border-teal-light{border-color: var(--bs-teal-light );}

.media{display: -ms-flexbox; display: flex; -ms-flex-align: start; align-items: flex-start;}
.media-body{-ms-flex: 1; flex: 1;}

.form-control{border-radius: 0; border:solid 2px #c4d2d6;}
.form-select{border-radius: 0; border:solid 2px #c4d2d6;}
.input-group-text{border-radius: 0;}
textarea.form-control{height: 80px; resize: none;}

.wrapper{overflow: hidden;}
.fullwidth{position:relative; left:50%; transform:translateX(-50%); -webkit-transform:translateX(-50%); width:100vw; max-width:100vw; clear:both;}

@media (min-width: 1200px){
.container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
  max-width: 1140px;
}
}

/* Header CSS
------------------------------------------------------------ */
.logo{width: 284px;}
.logo img{width: 100%;}
.header .container{max-width: 1370px;}

@media screen and (min-width: 992px) {
.top-menu ul{padding:0; margin:0; list-style:none; text-align:center;}
.top-menu ul li{display:inline-block; position:relative; z-index:991; margin:0 0 0 30px;}
.top-menu ul li a{color:#ffffff; font-size:14px; text-transform: uppercase; text-decoration: none; display:block; position:relative;}
.top-menu ul li a::before{content: ''; position: absolute; top: 0; left: 50%; transform: translateX(-50%); width:0; height: 100%; border-top:solid 1px #fff; border-bottom:solid 1px #fff; transition: all 200ms ease-in-out;}
/* .top-menu ul li.dropdown > a:after{content:'\f0d7'; margin-left:3px; font-family:'FontAwesome'; font-size:14px;} */
.top-menu ul li a:hover::before,
.top-menu ul li:hover > a::before,
.top-menu ul li.current-menu-item > a::before,
.top-menu ul li.current-menu-ancestor > a::before{width: 100%;}
.top-menu ul ul{padding:0; margin:0; list-style:none; position:absolute; left:0; width:290px; background:#06438b; padding:0; text-align:left;}
.top-menu ul ul li{float:none; padding:0; margin:0; display:block; border-bottom:solid 1px #023672;}
.top-menu ul ul li a{color:#fff; display:block; padding:10px 15px; text-transform:none; letter-spacing:0; border-left: solid 4px transparent;}
.top-menu ul ul li.dropdown > a:after{display:none;}
.top-menu ul ul li > a:before{display:none !important;}
.top-menu ul ul li a:hover,
.top-menu ul ul li:hover > a,
.top-menu ul ul li.current-menu-item > a,
.top-menu ul ul li.current-menu-ancestor > a{color:#0b79e8; border-left-color:#0b79e8; text-shadow:none; background:none;}
    
.top-menu ul li a.btn{color: #fff; padding:12px 25px 7px;}
.top-menu ul li a.btn:hover,
.top-menu ul li.current-menu-item > a.btn{color:#06438b !important; background-color: transparent;}

.top-menu ul ul ul{left:100%; top:0;}
.top-menu ul li:hover > ul{display:block;}
.top-menu ul li ul {	
    opacity: 0;
    z-index: 10;	
    top: -9999em;	   		
    -webkit-box-shadow: 0 2px 7px rgba( 0, 0, 0, .4 );
                box-shadow: 0 2px 7px rgba( 0, 0, 0, .4 );
                
    -webkit-transform: scale(.9);
                transform: scale(.9);
    
    -webkit-transform-origin: center top;
                transform-origin: center top;
    
    -webkit-transition-property: -webkit-transform, opacity, top;
                transition-property: transform, opacity, top;
                
    -webkit-transition-duration: .3s, .3s, 0s;
                transition-duration: .3s, .3s, 0s;
                
    -webkit-transition-delay: 0s, 0s, .3s;
                transition-delay: 0s, 0s, .3s;
}

.top-menu ul li:hover > ul {
    top:100%;
    opacity: 1;	
    -webkit-transform: scale(1);
                transform: scale(1);
                
    -webkit-transition-delay: 0s;
                transition-delay: 0s;
}

.top-menu ul ul li:hover > ul{top:0; left:100%;}
}
.top-menu ul li a.btn{border-radius: 0; padding: 5px 10px; border-width: 2px; background-color: rgba( 255, 255, 255, .2 );}
.top-menu ul li a.btn::before{display: none !important;}
.top-menu ul li a.btn:hover{background-color: #fff;}

.header{position: absolute; left: 0; top: 0; width: 100%; z-index: 1020;}

.home-banner{z-index: 9;}
.home-banner .carousel-indicators{bottom: 15%;}
.home-banner .carousel-indicators [data-bs-target]{width: 12px; height: 12px; border-radius: 100%; border: solid 2px #fff; background: none;}
.home-banner .carousel-indicators .active{background: #99cbe7; border-color: #99cbe7;}
.home-banner::after{content: ''; display: block; width: 100%; padding-top: 7%; position: absolute; left: 0; bottom: 0; z-index: 9; background: url(../images/banner-bg.png) center top no-repeat; background-size: cover;}
.home-banner .carousel-item{height: 770px;}
.home-banner .thumb{width: 100%; height: 100%; object-fit: cover; object-position: center center;}
.home-banner .con{position: absolute; top: 140px; left: 50%; max-width: 700px; transform: translateX(-50%); text-align:center; color: #fff;}
.home-banner h2{font-size: 70px; color: #fff;}
.home-banner h4{font-size: 30px;}

.banner-in{position: relative; z-index: 1; height: 475px;}
.banner-in img{width: 100%; height: 100%; object-fit: cover; object-position: center center;}
.banner-in::after{content: ''; display: block; width: 100%; padding-top: 7%; position: absolute; left: 0; bottom: 0; z-index: 9; background: url(../images/banner-bg.png) center top no-repeat; background-size: cover;}

/* Main CSS
------------------------------------------------------------ */
.site-container{padding:60px 0;}

ul.list-tick{padding: 0; margin: 0 0 1rem 25px; list-style-image: url(../images/tick.png);}

.sp-box{height: 100%; width: 100%; margin: 0 auto; border: solid 4px #ededed; text-align: center; background: #fff; position: relative; transition: all 200ms ease-in-out;}
.sp-box h4{font-size: 24px; text-transform: uppercase; color: #41555c; margin: 0;}
.sp-box .in{background: #fff; position: relative; z-index: 9; padding: 45px 20px; height: 100%;}
.sp-box::after, .sp-box::before{content: ''; display: block; background: #074a5e; width: 40px; height: 40px; position: absolute; z-index: 1;}
.sp-box::after{top: -4px; left: -4px;}
.sp-box::before{bottom: -4px; right: -4px;}
.sp-box:hover{border-color: #074a5e;}

.home-sec1{position: relative; background: url(../images/bg1.png) right center no-repeat;}
.home-sec1 .thumb{position: absolute; z-index: -1; left: 0; top: 50%; transform: translateY(-50%);}
.home-sec1 .mheight{min-height: 840px;}

.text-box-grid [class^="col-"]:nth-child(even) .text-box{background: #074a5e;}
.text-box{background: var(--bs-primary ); color: #fff; text-align: center; padding:62px 24px 24px; position: relative; transition: 0.4s;}
.text-box:hover {
    -webkit-box-shadow: 0 35px 30px -30px rgba(0, 0, 0, 0.9);
    box-shadow: 0 35px 30px -30px rgba(0, 0, 0, 0.9);
    -webkit-transform: translateY(-15px);
    transform: translateY(-15px);
}
.text-box .icon{width: 155px; height: 82px; background: #8dc1cf; text-align: center; position: absolute; left: 50%; top: 0; transform: translate(-50%, -50%);}
.text-box h4{text-transform: uppercase;}

.adventures-sec{/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,e0f2f4+30,e0f2f4+50,e0f2f4+70,ffffff+100 */
    background: rgb(255,255,255); /* Old browsers */
    background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(224,242,244,1) 30%, rgba(224,242,244,1) 50%, rgba(224,242,244,1) 70%, rgba(255,255,255,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(224,242,244,1) 30%,rgba(224,242,244,1) 50%,rgba(224,242,244,1) 70%,rgba(255,255,255,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(224,242,244,1) 30%,rgba(224,242,244,1) 50%,rgba(224,242,244,1) 70%,rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
    }
.gbox{  -webkit-mask-image: url(../images/mask-image.png);
    mask-image: url(../images/mask-image.png);
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    position: relative;
    height: 250px;
}
.gbox a{display: block; background-color: #000; position: relative;height: 100%;width: 100%;}
.gbox img{width: 100%; transition: all 200ms ease-in-out;object-fit: cover;   object-position: center center;  height: 100%;}
.gbox:hover img{opacity: 0.5;}
.gbox a::after{content: ''; display: block; width: 41px; height: 41px; background: url(../images/plus.png); position: absolute; left: 50%; top: 50%; margin-top: -20px; margin-left: -20px; scale: 0; transition: all 200ms ease-in-out;}
.gbox:hover a::after{scale: 1;}

.adventures-grid .item{margin-bottom: 20px;}
@media screen and (min-width: 768px) {
.adventures-grid{padding-top: 80px;}
.adventures-grid .item:nth-child(3n - 1), .adventures-grid .item:last-child{margin-top: -100px;}
}

.event-box{  -webkit-mask-image: url(../images/mask-image.png);
    mask-image: url(../images/mask-image.png);
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    position: relative;
    overflow: hidden;
}
.event-box .thumb{width: 100%; transition:all 200ms ease-in-out;}
.event-box .in{border: solid 4px #FFF; width:calc(100% - 80px); background: rgba( 0, 0, 0, .4 ); text-align: center; padding: 10px; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); transition:all 200ms ease-in-out;}
.event-box h4{margin: 0; font-size: 24px; color: #fff;}
.event-box .hove{display: block; position: absolute; z-index: 9; top: 0; left: 0; width: 100%; height: 100%;}
.event-box:hover .in{background: rgba( 0, 0, 0, .9 );}
.event-box:hover .thumb{ scale: 1.2;}


.testimonials-carousel{padding:60px 60px 0; background: url(../images/quote.png) 60px 0 no-repeat;}
.testimonials-carousel .owl-nav button.owl-next, .testimonials-carousel .owl-nav button.owl-prev{width: 38px; height: 72px; display: block; position: absolute; top: 40%;}
.testimonials-carousel .owl-nav button.owl-next{background: url(../images/next.png) center center no-repeat !important; right: 0;}
.testimonials-carousel .owl-nav button.owl-prev{background: url(../images/prev.png) center center no-repeat !important; left: 0;}
.testimonials-carousel h6{color: #8dc0de; position: relative; padding-left: 40px;}
.testimonials-carousel h6::before{content: ''; display: block; width: 30px; height: 1px; background: #8dc0de; position: absolute; left: 0; top: 10px;}

.career-box{padding: 30px; box-shadow: 0 0 21px rgba( 0, 0, 0, .2 ); background: #fff; transition: 0.2s;}
.career-box + .career-box{margin-top: 50px;}
.career-box h4{color: #097394;}
.career-box:hover{background: #e0f2f4;}
.card-course h3{font-size: 24px; }
.card-course{border-radius: 0; box-shadow: 0 0 21px rgba( 0, 0, 0, .2 ); height: 100%; border-radius: 0; border: none; text-align: center; transition: 0.4s;}
.card-course:hover{ -webkit-box-shadow: 0 35px 30px -30px rgba(0, 0, 0, 0.9);
    box-shadow: 0 35px 30px -30px rgba(0, 0, 0, 0.9);
    -webkit-transform: translateY(-15px);
    transform: translateY(-15px);}
.card-course .card-header{padding: 0; height: 245px; overflow: hidden;}
.card-course .card-header img{object-fit: cover; object-position: center center; width: 100%; height: 100%;}
.card-course h4{color: var(--bs-primary ); }
.card-course a{text-decoration: none; color: var(--bs-secondary ); transition: all 200ms ease-in-out;}


.trialboats-carousel{padding:0;}
.trialboats-carousel .owl-nav button.owl-next, .trialboats-carousel .owl-nav button.owl-prev{width: 38px; height: 72px; display: block; position: absolute; top: 50%; margin-top: -36px;}
.trialboats-carousel .owl-nav button.owl-next{background: url(../images/next.png) center center no-repeat !important; right: -60px;}
.trialboats-carousel .owl-nav button.owl-prev{background: url(../images/prev.png) center center no-repeat !important; left: -60px;}
.trialboats-carousel .owl-item{padding: 20px;}
.trialboats-carousel .owl-stage{display: flex;}


.table-type1{color: #6e8492; --bs-table-border-color:#c5dbe4;}
.table-type1 td, .table-type1 th{border-color: #c5dbe4; padding:.5rem 1rem;}
.table-type1 th{background-color: #8dc1cf; color: #fff; font-size: 20px; font-weight: normal;}

.cours-fees-box{-webkit-mask-image: url(../images/mask-image.png);
    mask-image: url(../images/mask-image.png);
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    position: relative;
height: 100%;}
.cours-fees-box .in{height: 100%; padding: 50px 10px; text-align: center; color: #fff;}
.cours-fees-box h3{color: #fff;}

.card-charters{border-radius: 0; box-shadow: 0 0 21px rgba( 0, 0, 0, .2 ); height: 100%; border-radius: 0; border: none; transition: 0.4s;}
.card-charters:hover{ -webkit-box-shadow: 0 35px 30px -30px rgba(0, 0, 0, 0.9);
    box-shadow: 0 35px 30px -30px rgba(0, 0, 0, 0.9);
    -webkit-transform: translateY(-15px);
    transform: translateY(-15px);}
.card-charters .card-header{padding: 0; height: 245px; overflow: hidden;}
.card-charters .card-header img{object-fit: cover; object-position: center center; width: 100%; height: 100%;}
.card-charters .card-body{padding: 20px;}
.card-charters h3{color: var( --bs-secondary ); font-size: 24px;}
.card-charters a{text-decoration: none; color: var(--bs-secondary ); transition: all 200ms ease-in-out;}

.team-grid{text-align: center;}
.team-grid .thumb{border-radius: 100%; border: solid 5px #c6d7dd; display: block; margin: 0 auto 10px;}
.team-grid h5{color: #5799b2; margin: 0;}

.sp-list{display: flex; gap: 15px;}
.sp-list .no{color: #8dc0de; font-size: 24px;}
.sp-list .sp-list-body{padding-top: 5px;}

@media screen and (min-width: 992px) {    
.used-boat-filter{background: url(../images/top-splash.png) center top repeat-x var(--bs-teal-light);}
.used-boat-filter .filter-inner{padding:40px 30px 60px; background: url(../images/bottom-splash.png) center bottom repeat-x; position: relative;}
.used-boat-filter .filter-inner::before{content: ''; display: block; width: 14px; height: 100%; position: absolute; left: 0; top: 0; background: url(../images/left-splash.png) left center repeat-y;}
.used-boat-filter .filter-inner::after{content: ''; display: block; width: 19px; height: 100%; position: absolute; right: 0; top: 0; background: url(../images/right-splash.png) right center repeat-y;}
}
.used-boat-filter .label{display: block; color: #097394;}
.used-boat-filter .form-select, .used-boat-filter .form-control{border-width: 0 0 2px 0; padding-left: 0; padding-right: 0; background-color: transparent;}

.mytoggle{position:relative;}
.mytoggle input{position:absolute; left:-9999px;}
.mytoggle .btn{border-color:var(--bs-primary); background-color:transparent; color:var(--bs-primary); border-radius:0; font-size:14px; padding:2px 5px;}
.mytoggle .btn:hover{border-color:var(--bs-primary); background-color:var(--bs-primary); color:#fff;}
.mytoggle input:checked + span.btn{background-color:var(--bs-primary); color:#fff;}

.card-boat{border-radius: 0; box-shadow: 0 0 21px rgba( 0, 0, 0, .2 ); height: 100%; border-radius: 0; border: none; transition: 0.4s;}
.card-boat:hover{ -webkit-box-shadow: 0 35px 30px -30px rgba(0, 0, 0, 0.9);
    box-shadow: 0 35px 30px -30px rgba(0, 0, 0, 0.9);
    -webkit-transform: translateY(-15px);
    transform: translateY(-15px);}
.card-boat .card-header{padding: 0;}
.card-boat h5{color: var( --bs-secondary ); font-size: 22px;}

.widget-sp{background: url(../images/top-splash.png) center top repeat-x var(--bs-teal-light);}
.widget-sp .inner{padding:40px 30px 60px; background: url(../images/bottom-splash.png) center bottom repeat-x; position: relative;}
.widget-sp .inner::before{content: ''; display: block; width: 14px; height: 100%; position: absolute; left: 0; top: 0; background: url(../images/left-splash.png) left center repeat-y;}
.widget-sp .inner::after{content: ''; display: block; width: 19px; height: 100%; position: absolute; right: 0; top: 0; background: url(../images/right-splash.png) right center repeat-y;}
.widget-sp .label{display: block; color: #097394;}
.widget-sp .form-select, .widget-sp .form-control{border-width: 0 0 2px 0; padding-left: 0; padding-right: 0; background-color: transparent;}
.widget-sp .form-select::placeholder,
.widget-sp .form-control::placeholder {
    color:#097394;
    opacity:1
   }

.boat-details-header .price{font-size: 40px; line-height: 1; color: var(--bs-primary);}
.boat-details-header h2{font-size: 30px; font-family: 'bahnschriftregular'; color: var(--bs-primary);}
.boat-details-header h4{color: var(--bs-primary);}

.slider-for{height: 470px; overflow: hidden;}
.slider-for .item{height: 470px; width: 100%; overflow: hidden;}
.slider-for .item img{width: 100%; height: 100%; object-fit: cover; object-position: center center;}
.slider-nav{position: relative;}
.slider-nav .slick-arrow{position: absolute; z-index: 9; top: 50%; transform: translateY(-50%); width: 30px; height: 30px; border-radius: 100%; background-color: rgba( 255, 255, 255, .6 ); border: none; font-size: 0;}
.slider-nav .slick-next{right: 15px;}
.slider-nav .slick-next::after{content: "\f061";  font-family: "Font Awesome 6 Free"; font-weight: 900; font-size: 14px;}
.slider-nav .slick-prev{left: 15px;}
.slider-nav .slick-prev::after{content: "\f060";  font-family: "Font Awesome 6 Free"; font-weight: 900; font-size: 14px;}
.slider-nav .item{height: 200px; padding: 2px;}
.slider-nav .item img{width: 100%; height: 100%; object-fit: cover; object-position: center center; border: solid 2px transparent;}
.slider-nav .item.slick-current img{border-color: #097394;}

.boat-featured{border: solid 1px #e6e6e6; text-align: center;}
.boat-featured p{margin: 0;}
.boat-featured [class^="col"]{padding: 15px; border: solid 1px #e6e6e6; margin: -1px 0 -1px -1px;}

/* Footer CSS
------------------------------------------------------------ */

.footer-top{padding: 140px 0 70px; background: url(../images/footer-bg.png) center top no-repeat; background-size: cover; color: #fff; font-size: 16px;}
.footer-top h3{text-transform:uppercase; font-size: 24px; color: #fff;}
.footer-top h4{text-transform:uppercase; font-size: 22px; color: #fff;}
.footer-top .widget1{font-size: 13px; width: 26%;}
.footer-top .widget2{text-transform: uppercase;}
.footer-top a{color: #fff; text-decoration: none;}
.footer-top .thumb{width: 20px;}

.footer-bottom{padding: 20px 0; font-size: 14px; color: #5799b2; font-size: 14px; color: #5799b2;}
.footer-bottom-link ul{padding: 0; margin: 0; list-style: none;}
.footer-bottom-link ul li{display: inline-block;}
.footer-bottom-link ul li a{color: #5799b2; text-transform: uppercase; text-decoration: none;}
.footer-bottom-link ul li + li:before{content: '|'; margin: 0 8px 0 5px;}
.footer-bottom-link ul li a:hover{color: #000;}

/* Responsive CSS
------------------------------------------------------------ */
@media (max-width: 1299.98px) {
.top-menu ul li{margin-left: 15px;}
.trialboats-carousel{padding:0 60px;}
.trialboats-carousel .owl-nav button.owl-next{right:0;}
.trialboats-carousel .owl-nav button.owl-prev{left:0;}
}
@media (max-width: 1199.98px) {
.logo{max-width: 200px;}
.top-menu ul li{margin-left: 10px;}

.home-banner .con{top: 100px;}
.home-banner h2{font-size: 36px;}
.home-banner h4{font-size: 20px;}

.banner-in{height: 300px;}

.home-sec1 .thumb{width: 50%;}

.slider-for{height: 350px;}
.slider-for .item{height: 350px;}
.slider-nav .item{height: 100px;}

.footer-top{font-size: 14px;}
.footer-top h3{font-size: 20px;}
.footer-top h4{font-size: 18px;}
}
@media (max-width: 991.98px) {
.banner-in{height: 200px;}
.top-menu ul{padding:0; margin:0; list-style:none;}
.top-menu ul li{border-top:solid 1px #2c2c2c; margin:0;}
.top-menu ul li a{padding:10px 0; display:block; font-size:14px; color:#fff; text-transform: uppercase; text-decoration: none;}
.top-menu ul li a:hover, .top-menu ul li.current-menu-item a{color:#5799b2;}
.top-menu ul ul{padding-bottom:10px; display:none;}
.top-menu ul ul li{border:none;}
.top-menu ul ul li a{padding:4px 20px 4px 20px;}
.top-menu ul li.dropdown .arrow{position:absolute; z-index:8; top:0; right:0; width:40px; height:44px; line-height:40px; text-align:center; color:#fff; font-size:18px; cursor:pointer;}
.top-menu ul ul li.dropdown .arrow{height:43px; line-height:38px;}
.top-menu ul li.dropdown .arrow:after{font-family:'FontAwesome'; content:"\f107";}
.top-menu ul li.dropdown.open > .arrow:after{content:"\f106";}
.top-menu ul li.dropdown > a{padding-right:40px;}
.top-menu ul li.dropdown.open > ul{display:block;}
.top-menu ul li .btn{margin-top: 15px;}

.home-banner .carousel-item{height: 500px;}

.home-sec1{background-size: 100%;}
.home-sec1 .mheight{min-height: 580px;}
.home-sec1 .thumb{opacity: 0.2;}

.testimonials-carousel{background-position: center top; text-align: center;}
.testimonials-carousel h6{padding: 0;}
.testimonials-carousel h6::before{position: static; margin: 0 auto 10px;}

.footer-top .widget1{width: 100%;}
}

@media (min-width: 768px) and (max-width: 991.98px) {    
.text-box-grid [class^="col-"]:nth-child(3) .text-box{background: #074a5e;}
.text-box-grid [class^="col-"]:nth-child(4) .text-box{background: var(--bs-primary );}
}

@media (max-width: 767.98px) {
.home-banner .con{width: 100%; padding: 0 30px;}
.sp-box .in{padding: 20px 10px;}
.sp-box h4{font-size: 16px;}
.sp-box img{max-width: 50px;}

.trialboats-carousel{padding:0;}

}

@media (max-width: 575.98px) {
h1, .h1, h2, .h2{font-size: 34px;}
.home-banner h2{font-size: 24px;}
.home-banner h4{font-size: 16px;}
.home-sec1 .mheight{min-height: inherit; padding:40px 0 70px 0;}
}

@media (max-width: 479.98px) {
.home-introboxes .sp-box h4{font-size: 14px;}
}

@media (max-width: 399.98px) {
.home-introboxes [class^="col-"]{width: 100%;}
}

table{  --bs-table-color: var(--bs-body-color);
    --bs-table-bg: transparent;
    --bs-table-border-color: #c5dbe4;
    --bs-table-accent-bg: transparent;
    --bs-table-striped-color: var(--bs-body-color);
    --bs-table-striped-bg: rgba(0, 0, 0, 0.05);
    --bs-table-active-color: var(--bs-body-color);
    --bs-table-active-bg: rgba(0, 0, 0, 0.1);
    --bs-table-hover-color: var(--bs-body-color);
    --bs-table-hover-bg: rgba(0, 0, 0, 0.075);
    width: 100%;
    margin-bottom: 1rem;
    color: #6e8492;
    vertical-align: top;
    border-color: var(--bs-table-border-color);}
  table > :not(caption) > * > * {
    border-width: 0 1px;
  }
  table th, table td {
    padding: .5rem 1rem;
  }
  table th {
    background-color: #8dc1cf;
    color: #fff;
    font-size: 20px;
    font-weight: normal;
  }