@import url("../css/bootstrap.css");
/*@import url('../css/animate.css');*/
@import url("../css/slick.css");
@import url("https://netdna.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css");
@import url("https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");
@import url("https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.8.1/slick-theme.min.css");
@import url("https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.8.1/slick.css");


/* NEW__FONT___ */

@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');

/* NEW__FONTS__ */

p{
  font-family: "Inter", sans-serif;
}

@font-face {
  font-family: 'Authentic';
  src: url('../fonts/Authentic-Signature.woff2') format('woff2'),
      url('../fonts/Authentic-Signature.woff') format('woff');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}



:root{
  --theme-color-1:#ffff;
  --theme-color-2: #000;
  --theme-color-3: #0C3F60;
}


h1,
h2,
h3,
h4{
  font-family: "Bebas Neue", sans-serif;
}



@font-face {
  font-family: 'Nexa Extra';
  src: url('../fonts/Nexa-ExtraLight.woff2') format('woff2'),
      url('../fonts/Nexa-ExtraLight.woff2') format('woff');
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}

a{
  text-decoration: none;
}

ul {
  padding: 0;
  margin: 0;
}

li{
  list-style: none;
}

.nav a {
  text-transform: uppercase;
  font-family: "Poppins", sans-serif;
}

.top-flex-nav {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 25px 0 0;
}

.nav li {
  display: inline-block;
  padding: 0 15px 0;
}

.category-li {
    padding: 0 !important;
}

.banner-txt {
  text-align: center;
  margin: 0px 0 60px;
}

.banner {
  padding: 70px 0 70px;
  background-image: url(../images/banner-bg.png) !important;
  height: 125vh;
  background-size: cover;
  background-repeat: no-repeat;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 90px 0 90px;
}

.top-header {
  position: absolute;
  width: 100%;
}

.logo {
  width: 230px;
}

.logo img {
  width: 100%;
}

.nav a {
  color: var(--theme-color-1) !important;
}

.nav a:hover {
  border-bottom: 1px solid var(--theme-color-1);
  transition: .2s all;
}

/* .shop-cart a:hover {
  background: var(--theme-color-2);
  padding: 4px 6px 4px;
  border-radius: 14px;
} */

.shop-cart a {
  color: var(--theme-color-1);
}

.title-txt p {
  margin: 0;
  color: var(--theme-color-1);
  font-weight: 100;
  font-size: 20px;
}

.banner-txt h1 {
  font-size: 105px;
  color: var(--theme-color-1);
  margin: 0;
  line-height: 105px;
  font-weight: 600;
}

.banner-txt p {
  color: var(--theme-color-1);
}

h1 span {
  color: transparent !important;
  -webkit-text-stroke: 0.2px white;
  font-weight: bold !important;
}

.shop-btn a {
  background: var(--theme-color-2);
  color: var(--theme-color-1);
  padding: 13px 25px 13px;
  border-radius: 2px;
}

.shop-btn {
  padding: 20px 0 0;
}

.shop-btn a:hover {
  background: transparent;
  transition: .2s all;
}

.waves {
  position: absolute;
  bottom: -60%;
}

.waves img {
  width: 202%;
  height: 350px;
}

.transport img {
  width: 100%;
}

.history {
  padding: 170px 0 230px;
}

.history-txt a {
  color: var(--theme-color-3);
  font-weight: 600;
}

.history-txt h2 {
  font-size: 60px;
}

.read-more a {
  background: var(--theme-color-3);
  color: var(--theme-color-1);
  padding: 12px 30px 12px;
}

.read-more a:hover {
  background: none;
  color: var(--theme-color-2);
  transition: .2s all;
}

.read-more {
  padding: 20px 0 0;
}

.down-wave-img img {
  width: 48%;
  position: absolute;
  bottom: -128%;
  height: 80px;
}

.history-txt img {
  width: 20%;
}

.history-txt {
    padding: 60px 30px 0;
}

.crafting-img {
  padding: 80px 0 0;
  position: relative;
}

.looking-head h2 {
	font-size: 60px;
	font-weight: 500;
	background-clip: text;
	-webkit-background-clip: text;
	color: transparent;
	background-image: url('../images/boat-img.png');
}

.looking-head p {
    font-style: italic;
    font-weight: 200;
}

.group-img img {
  width: 100%;
}

.group-img {
  width: 250px;
  background: #EFEFEF;
  padding: 10px 20px 10px;
  position: relative;
  left: 50%;
}

.ship-handle {
  position: absolute;
  top: 11%;
  left: 80%;
}

.ship-handle img {
  width: 122%;
}

.looking-head {
  position: relative;
  left: 15%;
}

.our-category {
  padding: 140px 0 0px;
  background-image: url(../images/bermuda-triangle.png);
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
}

/*button#home-tab {*/
/*  border: 1px solid white;*/
/*  border-radius: 0;*/
/*  color: white;*/
/*  padding: 12px 20px 12px;*/
/*}*/

ul#myTab {
  border: none;
}

/*button#profile-tab {*/
/*  border: 1px solid white;*/
/*  border-radius: 0;*/
/*  color: white;*/
/*  padding: 10px 15px 10px;*/
/*}*/

/*button#contact-tab {*/
/*  border: none;*/
/*}*/

/*button#contact-tab {*/
/*  border: 1px solid white;*/
/*  border-radius: 0;*/
/*  color: white;*/
/*  padding: 10px 20px 10px;*/
/*}*/

/*button#Bait-tab {*/
/*  border: 1px solid white;*/
/*  border-radius: 0;*/
/*  color: white;*/
/*  padding: 10px 25px 10px;*/
/*}*/

/*button#Chandlery {*/
/*  border: 1px solid white;*/
/*  border-radius: 0;*/
/*  color: white;*/
/*  padding: 10px 25px 10px;*/
/*}*/

.category-head {
  padding: 90px 100px 40px;
}

.category-head h2 {
  color: var(--theme-color-1);
  font-size: 70px;
  font-weight: 500;
}

.category-head p {
  color: var(--theme-color-1);
}

.marine-waves img {
  width: 100%;
  height: 300px;
  object-fit: fill;
}

.marine-waves {
  position: absolute;
  width: 100%;
  top: -7%;
}

.inner-boat-slides{
  display: flex !important;
  align-items: center; 
  justify-content: center;       
}

.inner-boat-slides img{
  width: 100%;
}

.boating-slider .inner-boat-slides.slick-slide {
  opacity: 0.2;
}

.boating-slider .inner-boat-slides.slick-slide.slick-current.slick-active.slick-center {
  opacity: 1;
}

.slick-next:before {
  content: "\f178" !important;
  font-family: "Font Awesome 6 Free" !important;
  font-weight: 900 !important;
}

.slick-prev:before {
  content: "\f060" !important;
  font-family: "Font Awesome 6 Free" !important;
  font-weight: 900 !important;
}

.slick-next{
  top: 65%;
  left: 68%;
}

.slick-prev {
  top: 65%;
  left: 33%;
}

.boating-slider {
  padding: 40px 0 40px;
}

.choose-us{
  width: 100%;
}

.buy-it {
  width: 100%;
}

.buy-it img{
  width: 100%;
}

.choose-us .col-md-6 {
  padding: 0 0 0;
}

.choose-us-txt h1 {
  color: var(--theme-color-1);
  font-size: 55px;
}

.choose-us-txt p {
  color: var(--theme-color-1);
  width: 30%;
}

.choose-box-one h3 {
  color: var(--theme-color-1);
  font-size: 20px;
}

.choose-box-two h3 {
  color: var(--theme-color-1);
  font-size: 20px;
}

.choose-box-three h3 {
  color: var(--theme-color-1);
}

.choose-box-one p {
  width: 100%;
}

.choose-us {
  padding: 80px 0 215px;
}

.choose-align-box p a {
    color: var(--theme-color-3);
    font-weight: bold;
    filter: drop-shadow(2px 0px 3px #fff);
}

.choose-box-one {
  text-align: center;
  background: #ffffff36;
  padding: 25px 5px 20px;
  border-radius: 3px;
  border-radius: 5px;
  position: relative;
  height: auto;
}

.choose-box-one p {
  color: white;
  font-size: 13px;
  width: 100%;
}

.choose-icn {
  position: absolute;
  top: -11%;
  left: 39%;
  background: black;
  padding: 3px 10px 3px;
}

.choose-box-two {
  background: #ffffff36;
  text-align: center;
  padding: 20px 5px 10px;
  border-radius: 5px;
  margin: 20px 0px 0;
  position: relative;
  left: -53%;
  top: 18%;
  height: auto;
}

.choose-box-two p {
  color: white;
  font-size: 14px;
}

.choose-box-three {
  background: #ffffff36;
  text-align: center;
  padding: 25px 0 19px;
  border-radius: 5px;
  position: relative;
  left: -49%;
  top: 27%;
  height: auto;
}

.choose-box-three h3 {
  font-size: 20px;
}

.choose-box-three p {
  color: white;
  font-size: 14px;
}

.choose-icn-2 {
  position: absolute;
  top: -12%;
  left: 40%;
  background: black;
  padding: 3px 5px 3px;
}

.choose-icn-3 {
  position: absolute;
  top: -8%;
  left: 38%;
  background: black;
  padding: 3px 4px 3px;
}

.choose-align-box {
  margin: -94px 13px 18px;
}

.footer-sec {
  padding: 80px 0 80px;
  background-image: url(../images/footer-bg.png);
  background-color: black;
  background-repeat: no-repeat;
  background-size: cover;
}

.nav-one h4 {
  margin: 0;
  color: var(--theme-color-1);
}

.nav-one p {
  color: var(--theme-color-1);
  /* width: 45%; */
  margin: 0;
}

.nav-one p a {
    color: var(--theme-color-3);
    font-weight: bold;
}

.nav-two h4 {
  margin: 0;
  color: var(--theme-color-1);
}

.nav-two p {
  color: var(--theme-color-1);
  margin: 0;
}

.footer-flex {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 10px 0px 10px;
}

.book-btn a {
  background: var(--theme-color-3);
  color: var(--theme-color-1);
  font-size: 14px;
  font-weight: 500;
  padding: 10px 20px 10px;
  border-radius: 2px;
  border: 1px solid transparent;
}

.book-btn {
  padding: 15px 0 0;
}

.book-btn a:hover {
  background: transparent;
  transition: .2s all;
}

.nav-three h4 {
  color: var(--theme-color-1);
  margin: 0;
}

.nav-three a {
  color: var(--theme-color-1);
}

.news-later {
  background: var(--theme-color-3);
  padding: 10px 10px 10px;
}

.news-later a {
  color: var(--theme-color-1);
}

.nav-four h4 {
  margin: 0;
  color: var(--theme-color-1);
}

.nav-four p {color: var(--theme-color-1);padding: 10px 0px 10px;}

.nav-four p a {
    color: var(--theme-color-3);
    font-weight: bold;
}

.footer-social {
  display: flex;
  justify-content: flex-end;
  padding: 25px 20px 25px;
  background: var(--theme-color-3);
  margin: 30px 0 0;
}

.social-one p {
  margin: 0;
  color: white;
}

.social-two i {
  color: white;
  font-size: 20px;
  padding: 0 5px 0;
}

.book-btn a:hover {
  background: transparent;
  transition: .2s all;
  border: 1px solid var(--theme-color-3);
}

.news-later:hover {
  background: transparent;
  transition: .2s all;
}



.padding__120{
  padding: 120px 0;
}

.center__heading h2 {
    font-size: 90px;
}


.products__img {
    background: #f7f7f7;
    text-align: center;
    height: 430px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 10px;
}

.products__Detail h3 {
    font-size: 23px;
    font-family: "Inter", sans-serif;
    color: #0D0D0D;
    font-weight: bold;
}

.products__Detail p {
    font-size: 14px;
    line-height: 23px;
}

.products__Detail h5 img {
    margin-right: 30px;
}

.products__Detail h5 {
    color: #0C3F60;
    font-size: 30px;
    font-family: 'Authentic';
    font-weight: 600;
}
.star__rating span {
    padding-bottom: 13px;
    display: inline-block;
    color: #FF9900;
    font-size: 17px;
}

.star__rating span i {
    padding: 0 3px 0 0;
}

.products___Sec_mian .row .col-sm-3:nth-child(odd) .product__box {
    margin-top: 150px;
}

.marine-waves-two img {
  width: 100%;
  height: 240px;
  object-fit: fill;
}

.marine-waves-two {
  position: absolute;
  top: 93%;
  width: 100%;
}

.boating-journey img {
  width: 100%;
}

.boating-journey img {
  width: 100%;
}

.sub-contact img {
  width: 100%;
  max-width: 55px;
}

.sub-contact p {
  margin: 0;
}

.sub-contact h4 {
  margin: 0;
}

.customer-contact {
  background: var(--theme-color-3);
  padding: 17px 17px 17px;
  width: 45%;
  position: absolute;
  top: 31%;
  left: 40%;
}

.sub-contact {
  border: 1px solid #6495ed75;
  padding: 15px 10px 15px;
  position: relative;
}

.sub-contact p {
  color: var(--theme-color-1);
}

.sub-contact h4 {
  color: var(--theme-color-1);
  font-size: 40px;
}

.sub-user {
  position: absolute;
  top: 9%;
  left: 76%;
}

.sub-user img {
  width: 100%;
}

.sub-contact img {
  width: 100% !important;
}

.boating-journey {
  position: relative;
}

.contact-us {
  padding: 70px 0 0px;
  overflow: hidden;
}

.message-type textarea#exampleFormControlTextarea1 {
  padding: 0px 0 0px;
  background: #F2F2F2;
  border: none;
  height: 160px;
}

.sub-btn {
  text-align: center;
  background: var(--theme-color-3);
  padding: 10px 0 10px;
  border-radius: 3px;
}

.sub-btn a {
  color: var(--theme-color-1);
}

.contact-box h2 {
  font-size: 75px;
}

.contact-box {
  background: white;
  padding: 50px 30px 70px;
  position: relative;
  left: -19%;
}

.inner-align-new {
  position: relative;
}

.handle-bar {
  position: absolute;
  top: -24%;
  left: 76%;
}

.handle-bar img {
  width: 106%;
}

.nav-three li {
  padding: 6px 0 6px;
}

.choose-box-one:hover {
  box-shadow: rgba(0, 0, 0, 0.25) 0px 54px 55px, rgba(0, 0, 0, 0.12) 0px -12px 30px, rgba(0, 0, 0, 0.12) 0px 4px 6px, rgba(0, 0, 0, 0.17) 0px 12px 13px, rgba(0, 0, 0, 0.09) 0px -3px 5px;
  transition: .2s all;  
}

.choose-box-two:hover {
  box-shadow: rgba(0, 0, 0, 0.25) 0px 54px 55px, rgba(0, 0, 0, 0.12) 0px -12px 30px, rgba(0, 0, 0, 0.12) 0px 4px 6px, rgba(0, 0, 0, 0.17) 0px 12px 13px, rgba(0, 0, 0, 0.09) 0px -3px 5px;
  transition: .2s all;
}

.choose-box-three:hover {
  box-shadow: rgba(0, 0, 0, 0.25) 0px 54px 55px, rgba(0, 0, 0, 0.12) 0px -12px 30px, rgba(0, 0, 0, 0.12) 0px 4px 6px, rgba(0, 0, 0, 0.17) 0px 12px 13px, rgba(0, 0, 0, 0.09) 0px -3px 5px;
  transition: .2s all;
}

.products__img:hover{
  box-shadow: rgba(0, 0, 0, 0.25) 0px 54px 55px, rgba(0, 0, 0, 0.12) 0px -12px 30px, rgba(0, 0, 0, 0.12) 0px 4px 6px, rgba(0, 0, 0, 0.17) 0px 12px 13px, rgba(0, 0, 0, 0.09) 0px -3px 5px;
  transition: .2s all;
}

.banner-txt::after {
    content: '';
    width: 55%;
    height: 100%;
    position: absolute;
    background-image:url(../images/white-waves.png);
    background-size: cover;
    background-repeat: no-repeat;
    top: -17%;
    left: 21%;
    opacity: 0.1;
}

.banner-txt {
    position: relative;
}

.title-txt {
    padding: 0 0 10px;
}


.history-txt p {
    font-style: italic;
    font-weight: 200;
}


ul#myTab {
    padding: 0px;
}

.box-txt p {
    width: 54%;
    margin: 0;
    font-weight: 200;
}

.box-view-btn a {
    background: var(--theme-color-3);
    color: var(--theme-color-1);
    padding: 8px 15px 8px;
    border-radius: 2px;
}

.box-view-btn {
    padding: 15px 0 0;
}

.box-txt {
    margin: -195px 0 30px;
    position: relative;
    left: 16%;
}

.field-one input#exampleFormControlInput1 {
    background: #F2F2F2;
    border: none;
}

.shop-cart a:hover {
    /*background: black;*/
    /*padding: 3px 5px 3px;*/
    /*border-radius: 15px;*/
    transition:.2s all;
}

.banner.about-us {
    height: 90vh;
}

.banner.about-us .banner-txt {
    margin: 0;
}

.waves.about-us {
    top: 76%;
}

.history.abt {
    padding: 80px 0 0;
}

.contact-box.second {
    left: 0;
}

.customer-contact.second {
    top: 51%;
    left: 55%;
}

.our-category.second {
    padding: 140px 0 140px;
     background: none; 
}

.our-category-head {
    text-align: center;
    padding: 0 0 60px;
}

.our-category-head h2 {
    font-size: 60px;
    color: white;
    font-weight: 600;
}

.cat-box img {
    width: 100%;
}

button#home-tab\ second {
    /*background: var(--theme-color-3);*/
    border-radius: 0;
    color:black;
}

.marine-waves link, .nav-tabs .nav-link.active {
    background-color: black;
    color: white;
    border-radius: 0;
    border: none;
}

.our-category .second link, .nav-tabs .nav-link.active {
    background-color: black;
    color: white;
    border-radius: 0;
    border: none;
}

.sea-tabs .nav-link {
    color: white;
    border-radius: 0;
    border: none;
}

.our-category.second .sea-tabs .nav-link {
    color: black;
    border-radius: 0;
    border: none;
    width: 107%;
    border: 1px solid lightgrey;
    font-size: 13px;
    font-weight: 500;
    margin: 0 0 0;
}

.our-category.second .sea-tabs .nav-link.active {
    color: white;
}


/**/


.tabs {
    display: flex;
    justify-content: center;
    margin-bottom: 10px;
}

.tab-link {
    padding: 10px 20px;
    border: 2px solid black;
    background-color: white;
    color: black;
    cursor: pointer;
    margin: 5px;
    font-weight: bold;
}

.tab-link:hover {
    background-color: #f0f0f0;
}

.tab-link.active {
    background-color: #007bff;
    color: white;
    border-color: #007bff;
}


button#profile-tab\ second {
    color: black;
}

button#contact-tab\ second {
    color: black;
}

button#Bait-tab\ second {
    color: black;
}

button#Chandlery\ second {
    color: black;
}

.testimonials-sec {
    padding: 80px 0 80px;
}

section.testimonials-sec h2 {
    margin: 0;
    font-size: 60px;
    font-weight: 500;
    background-clip: text;
    -webkit-background-clip: text;
    color: transparent;
    background-image: url(../images/boat-img.png);
    position: relative;
    text-align: center;
}

.testimonial-box img {
    width: 23%;
    height: 85px;
    object-fit: cover;
    border-radius: 44px;
}

.box {
    text-align: center;
    padding: 55px 0 0;
}

.testimonial-box {
    border: 1px solid lightgrey;
    padding: 20px 15px 20px;
    border-radius: 10px;
}

.box {
    transition: transform 0.3s ease-in-out;
}

.box:hover {
    transform: translateY(-10px);
}

.testimonial-box {
    transition: transform 0.3s ease-in-out;
}

.testimonial-box:hover {
    transform: translateY(-10px);
}

.testimonial-box p {
    color: grey;
    font-size: 14px;
    margin: 0;
    padding: 15px 0 0;
}

.cat-box {
    padding: 40px 0 0px;
}

.term-condition {
    padding: 25px 0 80px;
    position: relative;
}

.waves.terms {
    top: 60%;
}

.refund a {
    color: var(--theme-color-1);
}


.waves.cat-waves {
    top: -28%;
}

.our-category-head p {
    color: white;
}

.refund a {
    margin: 0 11px 0;
    display: inline-block;
    padding: 0 0 3px;
    border-bottom: 1px solid transparent;
    transition: .2s all;
}


.refund {
    float: right;
}

.social-one {
    float: left;
    width: 50%;
}

.refund a:hover {
    border-bottom: 1px solid white;
    transition: .2s all;
}

.social-two i:hover {
    color: #bbd9ef;
    transition: .2s all;
}

.sea-tabs.category .nav li {
    display: inline-block;
    padding: 0 10px 0 !important;
}

.slick-next:before {
    content: "\f178" !important;
    font-family: "Font Awesome 6 Free" !important;
    font-weight: 900 !important;
    color: black !important;
    background: darkgrey;
    padding: 7px 7px 7px;
    border-radius: 19px;
}

.slick-prev:before {
    content: "\f060" !important;
    font-family: "Font Awesome 6 Free" !important;
    font-weight: 900 !important;
    color: black !important;
    background: darkgrey;
    padding: 7px 9px 7px;
    border-radius: 17px;
}

.tabs-slider .slick-next {
    top: 50%;
    left: 102%;
}

.tabs-slider .slick-prev {
    top: 65%;
    left: -3%;
}

.nav button#dropdownMenuButton1 {
    background: transparent;
    border: none;
    font-family: "Poppins", sans-serif;
    color: white;
}

.nav a.dropdown-item {
    color: black !important;
}

/**/

.navbar {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
}

.navbar li {
  position: relative;
  padding: 0;
}

.navbar a {
  padding: 10px 15px;
  text-decoration: none;
  color: #000;
  background-color: transparent;
  display: flex;
  align-items: center;
  gap: 8px;
}

.navbar a i {
    height: 20px;
}

.navbar .dropdown-content {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    background-color: lightslategrey;
    box-shadow: 0px 8px 16px rgba(0, 0, 0, 0.2);
    z-index: 1;
    min-width: 230px;
    font-size: 13px;
    height: 400px;
    overflow-y: scroll;
    font-weight:500;
    border-radius:8px;
}

.navbar .dropdown-content a {
  padding: 10px;
  color: #000;
  text-decoration: none;
  display: block;
}

.navbar li:hover .dropdown-content {
  display: block;
}

/* width */
::-webkit-scrollbar {
  width: 5px;
}

/* Track */
::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px grey; 
  border-radius: 10px;
}
 
/* Handle */
::-webkit-scrollbar-thumb {
  background: dimgrey; 
  border-radius: 10px;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: var(--theme-color-3); 
}

ul.dropdown-content li a {
    width: 200px;
}

.terms-txt h4 {
    color: var(--theme-color-3);
    font-family: 'Poppins';
    font-size: 23px;
    margin-bottom: 5px;
}

.terms-txt p {
    font-size: 15px;
    margin-bottom: 11px;
}

.terms-txt h2 {
    font-size: 40px;
    font-family: 'Bebas Neue';
    color: var(--theme-color-3);
}