/* Preset CSS Styling Start's Here */


/*
 v1.0
Author: Irfan Ali - http://engr.irfanali970@gmail.com */

html,
body,
div,
span,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
abbr,
address,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
samp,
small,
strong,
sub,
sup,
var,
b,
i,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
summary,
time,
mark,
audio,
video {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    background: transparent;
}
.redTxt{
    color: var(--red);
}
a {
    margin: 0;
    padding: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
    text-decoration: none;
}

input,
select {
    vertical-align: middle;
    outline: none;
}

input:focus,
select:focus,
button:focus {
    outline: none;
}
select.form-control:not([size]):not([multiple]), select.custom-form-input{
  -webkit-appearance: none !important;
    -moz-appearance: none !important;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAUCAMAAACtdX32AAAAdVBMVEUAAAD///8AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAhMdQaAAAAJ3RSTlMAAAECAwQGBwsOFBwkJTg5RUZ4eYCHkJefpaytrsXGy8zW3+Do8vNn0bsyAAAAYElEQVR42tXROwJDQAAA0Ymw1p9kiT+L5P5HVEi3qJn2lcPjtIuzUIJ/rhIGy762N3XaThqMN1ZPALsZPEzG1x8LrFL77DHBnEMxBewz0fJ6LyFHTPL7xhwzWYrJ9z22AqmQBV757MHfAAAAAElFTkSuQmCC);
    background-position: 100%;
    background-repeat: no-repeat;
    padding-right: 30px !important;
}
html {
    scroll-behavior: smooth;
}

.noHover {
    pointer-events: none;
}


/* Preset CSS Styling End's Here */
/* Font Intialization Starts Here */
@font-face {
  font-family: 'DroidSans-Bold';
  src: url('/assets/fonts/droid-sans-2/DroidSans-Bold.ttf');
}
@font-face {
    font-family: colfax-regular;
    src: url('/assets/fonts/colfax-regular.otf');
  }
@font-face {
    font-family: colfaxbold;
    src: url('/assets/fonts/colfaxbold.otf');
  }
@font-face {
    font-family: tungsten_book;
    src: url('/assets/fonts/tungsten_book.otf');
  }
@font-face {
    font-family: Tungsten-Medium;
    src: url('/assets/fonts/Tungsten-Medium.otf');
  }
@font-face {
    font-family: tungsten_semibold;
    src: url('/assets/fonts/tungsten_semibold.otf');
  }
@font-face {
    font-family: tungsten_bold;
    src: url('/assets/fonts/tungsten_bold.otf');
  }
@font-face {
    font-family: tungstencondensed_bold;
    src: url('/assets/fonts/tungstencondensed_bold.otf');
  }
@font-face {
    font-family: FjallaOne;
    src: url('../fonts/Fjalla_One/FjallaOne-Regular.ttf');
  }

  /* Tungsten fonts start here */

  @font-face {
    font-family: 'Tungsten-Medium';
    src: url('../fonts/tungsten/Tungsten-Book_Web.woff');
  }
  @font-face {
    font-family: 'Tungsten-Medium';
    src: url('../fonts/tungsten/Tungsten-Medium_Web.woff');
  }

  @font-face {
    font-family: 'Tungsten-Semibold';
    src: url('../fonts/tungsten/Tungsten-Semibold_Web.woff');
  }

  @font-face {
    font-family: 'Tungsten-Thin';
    src: url('../fonts/tungsten/Tungsten-Thin_Web.woff');
  }

  @font-face {
    font-family: 'Tungsten-XLight';
    src: url('../fonts/tungsten/Tungsten-XLight_Web.woff');
  }
  @font-face {
    font-family: 'Tungsten-Bold';
    src: url('../fonts/tungsten/Tungsten-Bold_Web.woff');
  }
  @font-face {
    font-family: 'Tungsten-Black';
    src: url('../fonts/tungsten/Tungsten-Black_Web.woff');
  }

/* Tungsten end here */

@font-face {
  font-family: 'Colfax-Black';
  src: url('../fonts/ColfaxWeb/webfonts/ColfaxWebBlack/ColfaxWebBlack.woff');
}
@font-face {
  font-family: 'Colfax-Bold';
  src: url('../fonts/ColfaxWeb/webfonts/ColfaxWebBold/ColfaxWebBold.woff');
}
@font-face {
  font-family: 'Colfax-Light';
  src: url('../fonts/ColfaxWeb/webfonts/ColfaxWebLight/ColfaxWebLight.woff');
}
@font-face {
  font-family: 'Colfax-Medium';
  src: url('../fonts/ColfaxWeb/webfonts/ColfaxWebMedium/ColfaxWebMedium.woff');
}
@font-face {
  font-family: 'Colfax-Regular';
  src: url('../fonts/ColfaxWeb/webfonts/ColfaxWebRegular/ColfaxWebRegular.woff');
}
@font-face {
  font-family: 'Colfax-Thin';
  src: url('../fonts/ColfaxWeb/webfonts/ColfaxWebThin/ColfaxWebThin.woff');
}

  /* Font Initialization End's Here */

  /* Fonts Classes Start's Here */
  .colfax_R{
    font-family: colfax-regular !important;
  }
  .colfax_B{
    font-family: colfaxbold !important;
  }
  .tungsten_Book{
    font-family: tungsten_book !important;
  }
  .tungsten_M{
    font-family: Tungsten-Medium !important;
  }
  .tungsten_SB{
    font-family: tungsten_semibold !important;
  }
  .tungsten_B{
    font-family: tungsten_bold !important;
  }
  .tungsten_CB{
    font-family: tungstencondensed_bold !important;
  }
  /* Fonts Classes End's Here */

  .tabBox:first-child{
    display: block;
  }
  .snglTab:first-child .stBody{
    display: block;
  }

/* common spaces start here*/

.mt-90{
  margin-top: 90px;
}
.pt-75{
  margin-top: 75px;
}

/* common spaces end here*/

  /* Common Styling Star's Here */
  .headngXXl{
    font-family: 'Tungsten-Semibold';
    font-size: 140px;
    font-weight: 375;
    line-height: 168px;
    text-align: left;

  }

.headngLg{
  font-family: colfax-regular;
  text-align: center;
  font-size: 40px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  }

  .cntntLg{
    font-family: colfax-regular;
    font-size: 18px;
    font-weight: 400;
    line-height: 30px;

  }
  .cntnt{
    font-family: colfax-regular;
    font-size: 16px;
    font-weight: 400;
    line-height: 28px;
    text-align: center;

  }
  .brdrBtm{
    border-bottom: 1px solid #000;
  }
  .prmryTxt{
    color: #636363;
  }
  .prmryBtn{
    display: inline-block;
    font-family: colfax-Medium;
    font-size: 16px;
    font-weight: 500;
    line-height: 19.2px;
    text-align: center;
    color: #fff;
    background-color: #0D3A54;
    padding: 12px 20px;
    min-width: 180px;
    cursor: pointer;
    transition: ease-in-out .2s;
    display: inline-block;
    text-decoration: none;
  }
  .prmryBtn:hover{
    background-color: #0D2634;
    color: #fff;
    text-decoration: none;
  }
  .yelowBtn{
    display: inline-block;
    font-family: 'Colfax-Medium';
    font-size: 16px;
    font-weight: 500;
    line-height: 19.2px;
    text-align: center;
    color: #000;
    background-color: #FFAE00;
    padding: 12px 20px;
    min-width: 180px;
    cursor: pointer;
    transition: ease-in-out .2s;
    display: inline-block;
    text-decoration: none;
  }
  .yelowBtn:hover{
    background-color: #0D3A54;
    color: #fff;
    text-decoration: none;
  }
  .blkBtn{
    display: inline-block;
    font-family: colfax-Medium;
    font-size: 14px;
    font-weight: 500;
    line-height: 19.2px;
    text-align: center;
    color: #fff;
    background-color: #000000;
    padding: 12px 20px;
    min-width: 180px;
    cursor: pointer;
    transition: ease-in-out .2s;
    text-decoration: none;
    text-transform: uppercase;
  }
  .blkBtn:hover{
    background-color: #0D2634;
    color: #fff;
    text-decoration: none;
  }
  .trnsprntBtn{
    display: inline-block;
    font-family: colfax-regular;
    font-size: 16px;
    font-weight: 400;
    line-height: 19.2px;
    text-align: center;
    color: #A0A0A0;
    background-color: transparent;
    letter-spacing: 0.05em;
    padding: 8px 12px;
    min-width: 200px;
    cursor: pointer;
    transition: ease-in-out .2s;
    border: 1px solid #A0A0A0;
    display: inline-block;
    text-decoration: none;
  }

  .trnsprntBtn:hover{
    color: #A0A0A0;
    text-decoration: none;
  }
  .yeloRoundBtn{
    background-color: #FFC600;
    border-radius: 50%;
    width: 50px;
    height: 50px;
    color: #0D3A54;
    border: none;
    outline: none;
    display: inline-block;
    text-decoration: none;
  }
  /* Common Styling End's Here */


  /* Header Styling Starts Here */

  .mobNavIcon{
    display: none;
  }
  .navBarWrapper{
    display: flex;
    justify-content: space-between;
    /* align-items: center; */
    padding: 0 50px;
  }
  .lftNavList{
    display: flex;
    align-items: center;
    list-style: none;
    height: 100%;
  }
  .lftNavItm{
    font-family: colfax-bold;
    font-size: 14px;
    font-weight: 500;
    line-height: 16.8px;
    margin: 10px;
  }
 
  .lftNavLnk{
    color: #000;
    text-decoration: none;
  }
  .lftNavLnk:hover{
    color: #000;
    text-decoration: none;
  }
  .navLogo {
    background-color: #000;
    max-width: 380px;
    width: 100%;
    padding: 10px;
    min-width: 200px;
    height: 85px;
}
.navLogo img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}
  .rghtNavSrch{
    display: flex;
    align-items: center;
    margin: 0 6px ;
  }
  .rghtNavSrch form{
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
  }
  .custom-header-form{
    font-family: 'Muli-Light';
    display: block;
    width: 100%;
    height: 35px;
    font-size: 15px;
    color: #2c3e50;
    background-color: #F3F3F3;
    background-image: none;
    border-radius: 3px;
    border: none;
    text-align: center;
  }
  .select-wrapper {
    -webkit-appearance: none;
    -moz-appearance: none; 
    appearance: none;
}

.select-wrapper select {
    padding-right: 10px;
    -webkit-appearance: none;
    -moz-appearance: none; 
    appearance: none;
}

  .navSrcFeild input {
    border: none;
    outline: none;
    background: #F3F3F3;
    text-align: center;
    font-family: 'colfax-regular';
    font-size: 15px;
    font-weight: 400;
    line-height: 16.8px;
    padding: 6px;
    width: 100%;
    /* margin: 4px; */
}
.navSrcFeild {
    flex: 1 0 auto;
    margin: 4px;
}
  .rghtNavLst{
    display: flex;
    align-items: center;
    list-style: none;
  }
  .rghtNavItm{
    font-family: colfax-regular;
    font-size: 14px;
    font-weight: 400;
    line-height: 16.8px;
    letter-spacing: 0.05em;
    margin: 10px;
    position: relative;
    text-align: center;
    flex: 1 0 auto;
    text-transform: uppercase;
  }
  .rghtNavLnk{
    color: #000;
    text-decoration: none;
  }
  .rghtNavLnk:hover{
    color: #000;
    text-decoration: none;
  }
  .navSrchBtn {
    background: #000;
    color: #fff;
    max-width: 35px;
    width: 100%;
    text-align: center;
    padding: 2px;
    margin: 4px;
    flex: 0 0 35px;
}
.navSrchBtn button{
  background: black;
  color: white;
  border: 2px solid black;
}
  .rghtNavItm + .rghtNavItm::before{
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: -10px;
    height: 10px;
    width: 1px;
    background-color: #000;
  }
  .rghtNavInr{
    max-width: 550px;
    width: 100%;
    margin-left: auto;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
  .navFlx{
    flex: 1 0 auto;
  }
  .stickyNav{
    position: sticky;
    top: 0;
    z-index: 999;
    background-color: #fff;
  }
  .info-dropdown-box{
    position: relative;
  }
  .info-dropdown{
    position: absolute;
    top: 29px;
    left: -6px;
    background-color: white;
    color: black;
    width: 245px;
    text-align: left;
    padding: 15px;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
    display: none;
  }
  .info-dropdown ul li{
    list-style: none;
    border-left: 1px solid black;
    margin: 0 0 15px 0;
  }
  .info-dropdown ul li a{
    font-family: 'Colfax-Regular';
    font-size: 16px;
    text-decoration: none;
    color: black;
    line-height: 16px;
    padding-left: 10px;
  }
  .info-dropdown ul li a:hover{
    text-decoration: none;
    color: black;
  }
  /* mobile header start here */
.menu-show{
  display: block !important;
}
.mobile-header{
  display: none;
}
.mobile-header-list{
  display: none;
  position: fixed;
  top: 80px;
  left: 0;
  z-index: 200;
  width: 100%;
  background: white;
  height: calc(100vh - 80px);
  overflow-y: auto;
}
.mobile-header-list::-webkit-scrollbar{
  display: none;
}
.mobile-header-parent{
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0px 25px;
  height: 80px;
  position: sticky;
  top: 0;
  width: 100%;
  background: black;
  z-index: 2000;
}
.custom-toggle-icon span.fa{
  color: white;
}
.mobile-header-img{
  width: 200px;
  height: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.mobile-header-img img{
  width: 100%;
  object-fit: 
  contain;
}
.custom-toggle-icon span.fa{
 font-size: 30px;
}

.custom-nav-link{
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 20px 25px;
  color: black;
  text-decoration: none;
  letter-spacing: 1px;
  font-family: 'Colfax-Medium';
}
.custom-nav-link:hover{
text-decoration: none;
color: black;
}
.mobile-header-list ul li{
  list-style: none;
  border-bottom: 2px solid lightgray;
}
.submenu-nav-link{
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 20px 45px;
  color: black;
  text-decoration: none;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-family: 'Colfax-Medium';
}
.sub-menu{
  display: none;
}

.nav-search{
  border: none !important;
}
.nav-search:focus{
  box-shadow: none;
  outline: none;
}
.menu-boat-box{
  max-width: 250px;
  margin: 0 auto;
}
.menu-img{
  width: 100%;
}
.menu-img img{
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.boat-name{
  margin-top: 15px;
  margin-bottom: 20px;
}
.boat-name h2{
  text-align: center;
  color: black;
  text-decoration: none;
  font-family: colfax-medium;
  font-size: 16px;
}
.boat-name h2:hover{
  text-decoration: none;
  color: black;
}
/* mobile header end here */

  /* Header Styling Ends Here */

  /* Mega Menu Styling Starts Here */

    .megaMenuWrper{
        position: fixed;
        top: 85px;
        max-height: calc(100vh - 100px);
        /* height: 800px; */
        overflow-y: auto;
        padding-bottom: 70px;
        width: 100%;
        left: 0;
        right: 0;
        background:#fff;
        z-index: 99;
        display: none;
        overflow: auto;
        box-shadow: 2px 2px 6px 0px rgba(0,0,0,0.46);
        -webkit-box-shadow: 2px 2px 6px 0px rgba(0,0,0,0.46);
        -moz-box-shadow: 2px 2px 6px 0px rgba(0,0,0,0.46);
    }
    .header-logo-box{
      position: relative;
    }
    .header-logo-box .logo{
      position: absolute;
      top: 9%;
      left: 3%;
      max-width: 150px;
    }
    .mega-menu-large-img{
      width: 100%;
      height: 550px;
    }
    .mega-menu-large-img img{
      width: 100%;
      height: 100%;
      object-fit: cover;
    }
    .megaMenuWrper::-webkit-scrollbar{
      display: none;
    }
    .megaMenuCntnt{
        display: flex;
    }
    .tabsBar {
        max-width: 369px;
        width: 100%;
    }
    .tabBody{
        display: flex;
    }
    
    .mgmBoatSpec {
      position: relative;
      border-left: 1px solid lightgray;
      max-width: 400px;
      width: 100%;
      padding: 20px;
    }
    .mgmBoatSpec::after{
      position: absolute;
      content: "";
      bottom: 0;
      left: 0;
      width: 100px;
      height: 1px;
      background-color: lightgray;
    }
    .mgmBoatImg{
        flex: 0 0 calc(100% - 400px);
    }
    .cntntArea {
        width: calc(100% - 300px);
        flex: 0 0 calc(100% - 300px);
        /* background: aqua; */
    }
    .stBody{
        display: none;
    }
    .stHead{
        cursor: pointer;
    }
    .sthTitl{
        font-family: colfaxbold;
        font-size: 14px;
        font-weight: 700;
        line-height: 16px;
        letter-spacing: 0.05em;
        text-align: left;
        background-color: #7CA7AD;
        padding: 10px;
        color: #fff;
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
    .arrowright {
      transform: rotate(90deg);
      transition: all 0.2s;
  }
  .stbList{
    /* max-height: 430px; */
    overflow-y: auto;
  }
  .stbList::-webkit-scrollbar{
    display: none;
  }
    .snglTab{
        margin-bottom: 5px;
    }
    .stbList .stbItm{
        display: flex;
        justify-content: space-between;
        padding: 10px;
        cursor: pointer;
        background-color: #fff;
    }
    .stbList .stbItm:hover, .stbList .stbItm.active{
        background-color: #EAE9E9;
    }
    .stblDetail {
        display: flex;
        flex-direction: column;
        justify-content: center;
    }
    
    .stbList .stbItm + li {
        border-top: 1px solid #B1B1B1;
    }
    
    .stblImg {
        margin-right: 10px;
        width: 130px;
    }
    .stblName{
      color: #000;
      font-family: 'Colfax-Regular';
      font-size: 14px;
      font-style: normal;
      font-weight: 400;
      line-height: 18px;
    }
    .stblPrice{
      color: #636363;
      font-family: 'Colfax-Regular';
      font-size: 12px;
      font-style: normal;
      font-weight: 400;
      line-height: 18px;
    }
    .stblImg img {
        width: 100%;
        height: 100%;
        object-fit: contain;
    }
    .menu-setting-bar-btn{
      display: inline-block;
      font-family: colfax-Medium;
      font-size: 14px;
      font-weight: 500;
      line-height: 19.2px;
      text-align: center;
      color: #fff;
      background-color: #000000;
      padding: 12px 20px;
      min-width: 180px;
      cursor: pointer;
      transition: ease-in-out .2s;
      text-decoration: none;
      text-transform: uppercase;
    }
    .menu-setting-bar-btn:hover{
      text-decoration: none;
      color: #fff;
    }
    .setting-btn-bar a{
      display: flex;
      text-decoration: none;
    }
    .setting-btn-bar a:hover{
      text-decoration: none;
    }
    .settingBtn{
      background: #f7c506;
      width: 45px;
      padding: 12px 0px;
      display: flex;
      justify-content: center;
      align-items: center;
    }
    .settingBtn img{
      width: 18px;
      height: 18px;
      object-fit: contain;
    }
    .UniTitl{
      font-family: 'Tungsten-Medium';
        font-size: 30px;
        font-weight: 350;
        line-height: 36px;
        text-align: left;
        margin-bottom: 8px;
        margin-top: 10px;
    }
    .unitSubTitl{
        font-family: colfax-regular;
        font-size: 14px;
        font-weight: 400;
        line-height: 16.8px;
        text-align: left;
        color: #636363;

    }
    .unitPrice{
        font-family: Tungsten-Medium;
        font-size: 50px;
        font-weight: 350;
        line-height: 48px;
        text-align: left;

    }
    .unitPrice>span{
        font-family: colfax-regular;
        font-size: 12px;
        font-weight: 400;
        line-height: 14.4px;
        text-align: left;
        color: #636363;

    }
    .unitDescList{
        list-style: none;
    }
    .udlLink{
        font-family: 'colfax-medium';
        font-size: 12px !important;
        font-weight: 500;
        line-height: 16px;
        text-align: left;
        color: #000;
        padding-left: 5px;
    }
    .udlLink:hover{
      text-decoration: none;
      color: #000;
    }
    .udlItm {
        color: #7CA7AD;
    }
    .tabBox{
        display: none;
    }
    .mega-menu-circle{
      display: flex;
      justify-content: space-around;
      align-items: center;
    }
    .mg-circle{
      margin: 10px;
      padding: 15px;
      width: 130px;
      height: 130px;
      border: 2px solid #7CA7AD;
      border-radius: 50%;
      display: flex;
      justify-content: center;
      align-items: center;
      flex-direction: column;
      text-align: center;
    }
    .mg-circle h4{
      color: #0D2634;
      text-align: center;
      font-family: 'Tungsten-semibold';
      font-size: 23px;
      font-style: normal;
      font-weight: 375;
      line-height: 24px;
      margin-bottom: 5px;
    }
    .mg-circle p {
      color: #636363;
      font-family: 'Colfax-Regular';
      font-size: 13px;
      font-style: normal;
      font-weight: 400;
      line-height: 12px;
  }
    .mg-circle .bigger-size{
      font-size: 28px !important;
    }
  /* Mega Menu Styling Ends Here */

/* Home Page Styling Starts Here */
.home-h1{
  font-family: Colfax-regular;
  font-size: 40px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.home-h2{
  font-family: Tungsten-Medium;
  font-size: 30px;
  font-style: normal;
  font-weight: 350;
  line-height: normal;
}
.home-h3{
  font-family: Tungsten-Medium;
  font-size: 35px;
  font-style: normal;
  font-weight: 350;
  line-height: normal;
}
.home-h4{
  color: #636363;
  font-family: Colfax-regular;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
}
.home-h5{
  color: #000;
  font-family: Tungsten-Medium;
  font-size: 48px;
  font-style: normal;
  font-weight: 350;
  line-height: normal;
}
.home-p-1{
  color: #636363;
  font-family: Colfax-regular;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 28px;
}
.home-p-2{
  color: #636363;
  font-family: Colfax-regular;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 28px;
}
.home-p-3{
  color: #636363;
  font-family: Colfax-regular;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 28px;
}
  .cvrImg{
    width: 100%;
    height: 100%;
  }
  .cvrImg>img{
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  .home-banner-img-1{
    position: relative;
    padding: 32%;
  }
  .home-banner-img-1 img{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  .home-banner-img-2{
    position: relative;
    padding: 48%;
  }
  .home-banner-img-2 img{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  .home-banner-img-3{
    /* position: relative;
    padding: 56.2%; */
  }
  .home-banner-img-3 img{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  .prmryCrdWrap {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
.home-card-content{
  height: 175px;
}
.home-card-content {
  height: 175px;
  overflow-y: auto;
}
.home-card-content::-webkit-scrollbar{
  display: none;
}
.prmryCrd {
    flex: 0 0 calc((100% / 3) - 23px);
    margin: 10px;
    background: #F3F3F3;
    text-align: center;
    padding: 20px 36px;
    min-width: 300px;
}
.pcImg img{
    width: 100%;
    height: 100%;
    object-fit: contain;
    position: absolute;
    top: 0;
    left: 0;
}
.pcTitl{
    font-family: Tungsten-Medium;
font-size: 30px;
font-weight: 350;
line-height: 36px;
text-align: center;

}
.pcImg {
    position: relative;
    padding-top: 35%;
}
.pcTxt{
    font-family: colfax-regular;
    font-size: 14px;
    font-weight: 400;
    line-height: 22px;
    text-align: center;
    color: #636363;
    padding: 20px 10px;
}
/* expanded cards start here */

.expanding-cards {
  display: flex;
}
.panell.active {
  flex: 5;
  opacity: 1;
}
.panell{
  color: #fff;
  cursor: pointer;
  flex: 0.5;
  margin: 4px;
  position: relative;
  transition: all 700ms ease-in;
  min-width: 11% !important;
  min-height: 50%;
  overflow: hidden;
}
.slider-box{
  display: flex;
  height: 100%;
}
.slider-img-box{
  width: 230px;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.slider-content-box{
  width: 850px;
  padding-right: 4.2%;
  padding-left: 25px;
}
.panell.active .slider-bg{
  width: 100%;
  height: 361px;
}
.panell .slider-bg{
  width: 100%;
  height: 361px;
  transition: all 0.5s;
}
.slider-bg .bg-slider-img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.btn-logo{
  display: flex;
    justify-content: space-between;
    width: 100%;
    margin-top: 20px;
}

.logo-sec{
  width: 200px;
}
.logo-sec .logo-img{
width: 100%;
}
.content-sec{
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.slider-left-img{
  width: 100%;
  height: 100%;
}
.slider-left-img .left-img{
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.slider-left-img .large-img-slide{
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.content-box{
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: flex-start;
  height: 100%;
}
.content-box h6{
  color: #85acb5;
  font-size: 28px;
  font-family: 'Tungsten-Medium';
  line-height: normal;
  text-transform: uppercase;
}
.content-box h1{
  color: #ffffff;
  font-size: 60px;
  font-family: 'Tungsten-Medium';
  text-transform: uppercase;
}
.content-box p{
  color: #ffffff;
  font-family: 'Colfax-Regular';
  font-size: 23px;
  line-height: 35px;
}
.home-slider-btn a{
  font-family: 'Colfax-Medium';
  font-size: 16px;
  font-weight: 500;
  line-height: 25.18px;
  letter-spacing: 0.1em;
  text-align: center;
  text-transform: uppercase;
  color: black;
  border: 1px solid #f5c626;
  padding: 4px 32px 4px 32px;
  text-decoration: none;
  background-color: #f5c626;
  opacity: 0.9;
  min-width: 200px;
  display: inline-block;
  cursor: pointer;
}
.home-slider-btn a span{
  margin-right: 15px;
}
.panell h3 {
  font-size: 60px;
  position: absolute;
  bottom: 50px;
  left: 80px;
  margin: 0;
  opacity: 1;
  font-family: 'SairaSemi-Regular';
}
.home-vide-sec{
  background-color: #F2F2F2;
}
.home-video-box{
  max-width: 900px;
  margin: 0 auto;
}
.home-video{
  position: relative;
  padding-top: 55%;
}
.home-video iframe{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.home-sm-banner{
  position: relative;
  padding-top: 12%;
  overflow-x: hidden;
}
.home-sm-banner img{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.home-banner-content{
  position: absolute;
  top: 25%;
  left: 50%;
  transform: translateX(-46%);
  width: 100%;
  text-align: right;
}
.home-banner-content h4{
  overflow: hidden;
  color: #000;
  text-align: center;
  font-family: 'Colfax-Bold';
  font-size: 26px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}
.banner-box{
  max-width: 513px;
  margin: 0 auto;
}
/* expanded cards end here */

/* Home Page Styling Ends Here */

/* footer css start here */
.footer-mail-parent{
  display: flex;
  justify-content: flex-end;
  align-items: center;
  height: 100%;
}
.footer-bottom-text{
  display: flex;
  justify-content: flex-start;
  align-items: center;
  height: 100%;
}
.desktop-icons{
  display: block;
}
.mobile-icons{
  display: none;
}

.footer_sec {
  padding: 50px 0 0 0;
  background: #F3F3F3;
}
.footer_logo {
  max-width: 250px;
  width: 100%;
  margin: 0 auto;
}
.footer_logo img {
  width: 100%;
  object-fit: contain;
}
.footer_social_inline {
  display: inline-block;
  width: auto;
  height: auto;
  padding-left: 20px;
  vertical-align: middle;
  margin-top: 0px;
  margin-bottom: 0px;
  float: left;
}
.footer_social_inline li {
  float: left;
  padding-right: 25px;
  display: block;
  list-style-type: none;
  margin-top: 30px;
  margin-bottom: 20px;
}
.footer_social_inline li a {
  color: #fff;
}
.footer_social_inline li a i {
  color: black;
  opacity: 0.3;
  font-size: 20px;
}
.footer_nav_head h3 {
  color: #000;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: 20px;
  font-family: colfax-bold;
  margin-bottom: 8px;
}
.footer_nav_list ul {
  color: #fff;
  list-style: none;
  padding: 0;
}
.footer_nav_list ul li a {
  color: #000;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 30px;
  font-family: 'Colfax-regular';
}

/* new bottom footer start here */

.footer-end-container{
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 30px 0;
}
.footer-end-box{
  display: flex;
  justify-content: center;
  align-items: center;
  max-width: 990px;
}
.footer-end-heading{
  width: 160px;
}
.footer-end-heading h1{
  color: #000;
  font-family: Tungsten-medium;
  font-size: 45px;
  font-style: normal;
  font-weight: 350;
  line-height: normal;
  text-align: left;
}
.footer-end-centeral-text{
  width: 350px;
  margin: 0 15px 0 30px;
}
.footer-end-centeral-text p{
  color: #000;
  font-family: Colfax-regular;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
}
.footer-end-mail-box{
  width: 370px;
}
/* new bottom footer end here */
.footer-mail{
  display: flex;
}
.footer-mail .mail-box{
  width: 248px;
  border-radius: 0px;
  border: 1px solid #DEDEDE;
  padding: 0 12px;
}
.footer-end h1{
  color: #000;
  font-family: Tungsten-medium;
  font-size: 45px;
  font-style: normal;
  font-weight: 350;
  line-height: normal;
  text-align: right;
}
.footer-end p{
  color: #000;
  font-family: Colfax-regular;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
}
.footer-mail button{
  background-color: #0D3A54;
  padding: 8px 14px;
  color: #FFF;
  text-align: center;
  font-family: Colfax-medium;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  border: 1px solid #0D3A54;
  border-radius: 0;
  min-width: 116px;
  max-width: 116px;
  cursor: pointer;
}
.footer-mail .mail-box:placeholder-shown{
  color: #000;
  font-family: Colfax-regular;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.hr-line{
  width: 90%;
}
.end-bar{
  padding: 7px 95px;
  height: 40px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
}
.end-bar p a{
  color: #0D2634;
  font-family: Colfax-light;
  font-size: 14px;
  font-style: normal;
  font-weight: 300;
  line-height: normal;
  text-decoration: none;
}
.end-bar p a:hover{
  text-decoration: none;
  color: #0D2634;
}
/* footer css end here */

/* blog post page css start here */
.news-article-card{
  padding-right: 17%;
}
.blog-details-heading h1{
  color: #000;
  font-family: 'Colfax-medium';
  font-size: 30px;
  font-style: normal;
  font-weight: 500;
  line-height: 30px;
}

.black-navbar{
  background-color: black;
  padding: 15px 0;
}
.black-nav-list{
  display: flex;
  justify-content: center;
  align-items: center;
}
.black-nav-list li{
  list-style: none;
  padding: 0 20px;
  line-height: 14px;
}
.black-nav-list li a{
  text-decoration: none;
  color: white;
}
.black-nav-list li a:hover{
  text-decoration: none;
  color: white;
}
.border-right{
  border-right: 2px solid white;
}
.blog-post-img{
 position: relative;
 padding-top: 46.4%;
}
.blog-post-img img{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover ;
}
.life-style-list ul li{
  list-style: none;
}
.life-style-list ul li a{
  text-decoration: none;
  color: #636363;
  position: relative;
}
.life-style-list ul li a::after{
  position: absolute;
  content: "";
  top: -6px;
  left: 0;
  width: 100%;
  height: 3px;
  background-color: #7CA7AD;
}
.blog-auther{
  display: flex;
}
.blog-auther p{
  color: #636363;
  font-family: 'Colfax-Regular';
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 22px;
}

.blog-description h2 strong{
  color: #000;
  text-align: center;
  font-family: 'Colfax-Medium';
  font-size: 22px;
  font-style: normal;
  font-weight: 500;
  line-height: 32px;
}
.blog-description p{
  color: #000;
  font-family: 'Colfax-Regular' !important;
  font-size: 16px !important;
  font-style: normal;
  font-weight: 400;
  line-height: 28px;
  margin: 20px 0 !important;
}
.blog-description p span{
  color: #000;
  font-family: 'Colfax-Regular' !important;
  font-size: 16px !important;
  font-style: normal;
  font-weight: 400;
  line-height: 28px;
  margin: 20px 0 !important;
}
span.slash-border{
  border-right: 2px solid black;
   margin: 0 15px;
   transform: skew(155deg);
}
.blog-centeral-heading{
  max-width: 600px;
  text-align: center;
  margin: 0 auto;
}
.blog-centeral-heading h1{
  font-size: 22px;
}
.similar-blog{
  position: relative;
  padding-top: 71%;
}
.similar-blog img{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.similar-blog-title{
  height: 48px;
  padding: 0 15px;
  text-align: center;
  margin: 12px 0;
}
.similar-blog-title h3{
  color: #000;
  text-align: center;
  font-family: Colfax-Medium;
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: 24px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.promotional-banner{
  position: relative;
  padding-top: 30%;
}
.promotional-banner img{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* blog post sidebar start here */

.custom-form-control{
  display: block;
  width: 100%;
  height: calc(1.5em + .75rem + 2px);
  padding: .375rem .75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #495057;
  background-color: #fff;
}
.blog-border-bottom{
  border-top: none;
  border-right: none;
  border-left: none;
  padding-left: 0px !important;
  border-bottom: 1px solid #ced4da;
}
.custom-all-border{
  border: 1px solid #ced4da;
}
.latest-blog-item{
  display: flex;
}
.latest-blog-img{
  width: 30%;
}
.latest-blog-content{
  width: 70%;
  padding: 0 15px;
}
.latest-blog-content p{
  color: #636363;
  font-family: 'Colfax-Medium';
  font-size: 14px;
  font-style: normal;
  line-height: 22px; 
  letter-spacing: 2.1px;
  text-transform: uppercase;
  margin-bottom: 10px;
}
.latest-blog-content h3 a{
  color: #000;
  font-family: 'Colfax-Medium';
  font-size: 20px;
  font-style: normal;
  line-height: 28px;
  display: -webkit-box;
  -webkit-line-clamp: 2; 
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.latest-blog-content h3 a:hover{
  text-decoration: none;
}
.latest-blog-img-parent{
  position: relative;
  padding-top: 81%;
}
.latest-blog-img-parent img{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.faq-question{
  display: flex;
  margin-bottom: 10px;
}
.faq-answer{
  display: flex;
}

.faq-question h5, .faq-answer h5{
  padding-right: 5px;
  color: #000;
  font-family: 'Colfax-Medium';
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 25px;
}
/* blog post page css end here */

/* DNA page css start here */
.dna-bg-img{
  background-image: url('https://mean-websites-uploaded-data.s3.amazonaws.com/sailfish-boat-new/mean_sailfishboats/DNA-bgimage.webp');
  background-size: cover;
  background-repeat: no-repeat;
  background-position: 70% 16%;
}
.dna-mobile-header{
  display: none;
}
.dna-h1{
  color: #0D3A54;
  font-family: 'Tungsten-Semibold';
  font-size: 60px;
  font-style: normal;
  font-weight: 350;
  line-height: normal;
}
.dna-h2{
  color: #000;
  font-family: 'Tungsten-Semibold';
  font-size: 40px;
  font-style: normal;
  font-weight: 350;
  line-height: 40px; 
}
.dna-h3{
  color: #636363;
  font-family: 'Colfax-Regular';
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
}
.dna-h4{
  color: #000;
  font-family: 'Tungsten-Semibold';
  font-size: 50px;
  font-style: normal;
  font-weight: 350;
  line-height: 50px;
}
.dna-p-1{
  color: #636363;
  font-family: 'Colfax-Regular';
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 35px;
}
.dna-p-2{
  color: #636363;
  font-family: 'Colfax-Regular';
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 30px; 
}
.dna-header-img{
  position: relative;
  padding-top: 29%;
}
.dna-header-img img{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  
}
.dna-top-content{
  padding: 25px 25px 0 25px;
  text-align: center;
}
.dna-top-content h1{
  color: #0D3A54;
  font-family: 'Tungsten-Semibold';
  font-size: 45px;
  font-style: normal;
  font-weight: 350;
  line-height: 46px;
}
.dna-top-content p{
  color: #636363;
    font-family: 'Colfax-Regular';
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 25px;
    margin-top: 20px;
} 
.dna-header-content{
  position: absolute;
  top: 35%;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
}
.dna-header-content .main-content{
  max-width: 632px;
  color: white;
  margin-left: 137px;
}
.dna-header-content .main-content h1{
  font-size: 60px;
  font-family: 'Tungsten-Medium', sans-serif;
  font-weight: 350;
}
.dna-header-content p{
  font-size: 20px;
  font-weight: 400;
  font-family: 'Colfax-Regular';

}
.mobile-content{
  display: none;
}
.featured-sec{
  display: flex;
}
.knife-second-sec{
  display: flex;
}
.knife-sec{
  display: flex;
}
.featured-img-sec{
  width: 50%;
}
.featured-content-sec{
  width: 50%;
}
.strength-box{
  display: flex;
}
.strength-content-box{
  width: 50%;
}
.strength-img-box{
  width: 50%;
}
.featured-content{
  display: flex;
  justify-content: center;
  align-items: flex-start;
  flex-direction: column;
  height: 100%;
  padding: 60px;
}
.featured-middle-content{
  display: flex;
  justify-content: center;
  align-items: flex-start;
  flex-direction: column;
  height: 100%;
  padding: 60px;
}
.featured-img{
  width: 100%;
  padding: 0 91px 0 0;
}
.featured-img img{
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.dna-title-heading{
  font-family: 'Tungsten-Medium';
  font-size: 40px;
  font-style: normal;
  font-weight: 350;
  line-height: 40px;
  margin-bottom: 40px;

}
.featured-content p{
  font-size: 16px;
  line-height: 30px;
}
.sm-featured-img{
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
}
.sm-featured-img img{
  height: auto;
}
.pl-60{
  padding-left: 60px;
}
.dna-logo-parent{
  width: 100%;
}
.dna-logo-parent img{
  width: auto;
  object-fit: contain;
}
.layers-sec{
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  padding: 80px 0;
  
}
.layer-img-box{
 min-height: 420px;
 max-width: 210px;
}
.layer-img{
  height: 215px;
  width: 100%;
  border-radius: 50%;
  transition: all 0.2s;
  
}
.layer-img img{
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.layer-name{
  /* max-width: 150px; */
  height: 60px;
  margin: 0 auto;
  padding: 0 10px;
}
.layer-name h3{
  color: #636363;
  text-align: center;
  font-family: 'Colfax-Regular';
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  padding-top: 40px;
  transition: all 0.2s;
  
}
.bottom-featured-img-sec {
  width: 60%;
}
.featured-img {
  width: 100%;
  padding: 0 91px 0 0;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.bottom-featured-content-sec{
  width: 40%;
}
.hidden-box{
  text-align: center;
  border-top: 1px dashed gray;
  border-bottom: 1px dashed gray;
  padding: 15px 0;
  margin: 15px 0;
  visibility: hidden;
  transition: all 0.2s;
}
.layer-img-box:hover .hidden-box{
  visibility: visible;
}
.layer-img-box:hover .layer-img{
  border: 1px dashed grey;
  transform: scale(1.3);
}
.layer-img-box:hover .layer-name{
  height: auto;
}
.layer-img-box:hover .layer-name h3{
    font-size: 19px;
    line-height: 29px;
    font-weight: 600;
}
.sm-knife-content{
  padding: 15px;
  min-height: 130px;
  text-align: center;
}
.knife-box-parent{
  width: 60%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.knife-box{
  width: 100%;
  padding: 15px;
  min-height: 307px;
  max-height: 370px;
}
.sm-knife-content p{
  color: #636363;
  text-align: center;
  font-family: 'Colfax-Regular';
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 22px;
}
.sm-knife-img{
 position: relative;
 padding-top: 45%;
}
.sm-knife-img img{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.logo-sec-content{
  
  width: 40%;
}
.vds-logo-box{
  max-width: 350px;
  height: 100%;
  margin: 0 auto;
  padding: 0 30px;
}
.vds-logo-box img{
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.tank-box{
  max-width: 974px;
  margin: 0 auto;
}
.tank-boat-box{
  text-align: center;
}
.tank-boat-box{
  position: relative;
  padding-top: 45%;
}
.tank-boat-box img{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.end-text{
  text-align: center;
}
.end-text h4{
  text-align: center;
  font-family: 'Tungsten-Medium';
  font-size: 50px;
  font-style: normal;
  font-weight: 350;
  line-height: 50px;
}
.gray-text{
  color: #B1B1B1;
}
.desktop-img{
  display: block;
}
.mobile-central-img{
  display: none;
}
/* DNA page css end here */

/* blog page page css start here */
.desktop-more-faq{
  display: inline-block;
  font-family: colfax-Medium;
  font-size: 16px;
  font-weight: 500;
  line-height: 19.2px;
  text-align: center;
  color: #fff;
  background-color: #0D3A54;
  padding: 12px 20px;
  min-width: 180px;
  cursor: pointer;
  transition: ease-in-out .2s;
  display: inline-block;
  text-decoration: none;
}
.mobile-more-faq{
  display: none;
}
.gallery-sec{
  background-color: #F3F3F3;
}
.gallery-sign{
  max-width: 350%;
  text-align: center;
}
.gallery-sign img{
  width: 100%;
  object-fit: contain;
}
.gallery-content{
  text-align: center;
  padding: 0;
}
.blog-lg-heading{
  text-align: center;
  font-family: 'Tungsten-Medium';
  font-size: 50px;
  font-style: normal;
  font-weight: 350;
  line-height: normal;
}
.gallery-sec{
  padding: 54px 0;
}
.gallery-content p{
  font-family: 'Colfax-Regular';
  text-align: center;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
}
.gallery-content-sec{
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  height: 100%;
  padding: 0 13%;
}
.galley-box{
  display: flex;
  justify-content: center;
  align-items: center;
}
.galley-sm-box{
  flex-basis: 33%;
  padding: 4px;
  background: white;
}
.galley-sm-box img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.blog-banner-carousel .item{
  position: relative;
  padding-top: 86%;
}
.blog-banner-carousel .item img{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.blog-banner-carousel .owl-nav{
  display: block !important;
}
.blog-banner-carousel .owl-nav button.owl-prev{
  position: absolute;
  top: 45%;
  left: 3%;
  background-color: #7EA8AE;
  width: 35px;
  height: 35px;
  border-radius: 50%;
}
.blog-banner-carousel .owl-nav button.owl-next{
  position: absolute;
  top: 45%;
  right: 3%;
  background-color: #7EA8AE;
  width: 35px;
  height: 35px;
  border-radius: 50%;
}
.blog-banner-carousel .owl-nav button span{
  font-size: 40px;
  color: white;
  line-height: 25px;
}
.blog-featured{
  display: flex;
}
.blog-img-sec{
  width: 60%;
}
.blog-content-sec{
  width: 40%;
}
.blog-img{
  width: 100%;
  height: 100%;
  border-radius: 4px;
    overflow: hidden;
}
.blog-img img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.blog-category{
  position: relative;
  color: #636363;
  font-family: 'Colfax-Medium';
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 22px;
  letter-spacing: 2.1px;
  padding-top: 15px;
  margin: 18px 0;
}
.blog-category::after{
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  background-color: #7CA7AD;
  width: 100px;
  height: 3px;
}
.mobile-only{
  display: none;
}
.sidebar{
  padding-left: 33px;
}
.sidebar-sm-heading{
  color: #000;
  font-family: 'Colfax-Bold';
  font-size: 18px;
  font-style: normal;
  line-height: 30px;
}
.faq-heading{
  color: #000;
  font-family: 'Colfax-Bold';
  font-size: 18px;
  font-style: normal;
  line-height: 30px;
  padding-left: 33px;
}
.blog-author ul{
  display: flex;
}
.author-list{
  position: relative;
  color: #636363;
  font-family: 'Colfax-Regular';
  font-size: 11px;
  font-style: normal;
  font-weight: 400;
  line-height: 22px; 
  list-style: none;
  padding: 8px 20px 8px 0;
}
.author-list + .author-list::after {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: -11px;
  width: 2px;
  height: 10px;
  background-color: #636363;
}
.blog-title-heading a{
  font-family: 'Tungsten-Medium';
  font-size: 30px;
  font-style: normal;
  font-weight: 350;
  line-height: 30px; 
  margin: 15px 0;
}
.blog-title-heading a{
  text-decoration: none;
}
.subscribe-catch h3{
  color: #000;
  font-family: 'Colfax-Bold';
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: 30px;
}
.blog-content-sec p{
  color: #636363;
  font-family: 'Colfax-Regular';
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 22px;
  margin-top: 15px;
}
.faq-parent{
  border-top: 1px solid lightgray;
  padding-left: 33px;
  padding-top: 20px;
}
.py-30{
  padding: 30px 0;
}
.pl-40{
  padding-left: 40px;
}
.pr-40{
  padding-right: 40px;
}

.promo-box{
  position: relative;
  padding-top: 39%;
}
.promo-box .main-banner-img{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.promo-banner-box{
  position: absolute;
  top: 30%;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
  display: flex;
  justify-content: flex-end;
}
.promo-banner-content{
  max-width: 620px;
  margin-right: 92px;
  line-height: 5;
}
.promo-banner-content h2{
  color: #FFF;
  font-family: 'Colfax-Medium';
  font-size: 38px;
  font-style: normal;
  font-weight: 500;
  line-height: 45px;
}
.promo-banner-content p{
  color: #FFF;
  font-family: 'Colfax-Medium';
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 25px; 
}
.promo-banner-logo{
  position: absolute;
  bottom: -75%;
  left: 56%;
  transform: translateX(-50%);
  width: 100%;
  display: flex;
  justify-content: flex-end;
  
}
.promo-banner-logo .img-box{
  margin-right: 48px;
}
.promo-banner-box {
  top: 26%;
  left: 38%;
}
/* blog listing page css end here */


/* Center Console Landing Page styling Starts Here */

.smpleBoatWraper {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

.smpleBoatCrd {
  flex: 0 0 calc((100% / 4) - 20px);
  margin: 10px;
  text-align: center;
  padding: 20px;
  min-width: 300px;
}
.sbcTitl{
  font-family: Tungsten-Medium;
  font-size: 28px;
  font-weight: 350;
  line-height: 33.6px;
  text-align: center;

}
.infoCrcleWrap{
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.snglCrcle{
  flex: 0 0 175px;
  margin: 10px;
  text-align: center;
  padding: 20px;
  width: 175px;
  height: 175px;
  border: 3px solid #7CA7AD;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: colfax-regular;
  font-size: 20px;
  font-weight: 400;
  line-height: 24px;
  text-align: center;
  color: #636363;

}
.snglCrcle h4{
  color: #636363;
  text-align: center;
  font-family: 'Colfax-regular';
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
}
.bluCrdWrper{
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.bluCrd{
 
    flex: 0 0 calc((100% / 4) - 20px);
    padding: 40px 20px;
    margin: 10px;
    max-width: 360px;
    min-width: 300px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    position: relative;
    cursor: pointer;
}
.bluCrd::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #0D3A54;
  z-index: -1;
  transition: ease-in-out 0.5s;
}
.bluCrd:hover::after{
  background-color:transparent;
}
.blucrdImg{
  position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    object-fit: cover;
}
.blucrdImg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  filter: brightness(0.7);
}

.bcTitl{
  line-height: 42px;
  text-align: center;
  color: #fff;
}
.bcTxt{
  color: #D9D9D9;
  margin: 20px 0;
  text-align: center;

}
.theme-bg {
  background-color: #7CA7AD;
  padding: 50px 0;
}
.locate_flex {
  display: flex;
  justify-content: center;
  align-items: center;
}
.locate_flex .heading {
  min-width: 250px;
}
.theme-bg h5 {
  color: #000;
  text-align: center;
  font-family: 'Tungsten-Medium';
  font-size: 48px;
  font-style: normal;
  font-weight: 350;
  line-height: normal;
}
.loacate_from {
  width: 100%;
  /* text-align: left; */
}
.loacate_from .central-form{
  display: flex;
}
.theme-bg{
  background-color: #7CA7AD !important;
  padding: 50px 0;
}
.input-box{
  width: 100%;
  margin-right: 7px;
}
.btn-box{
  display: flex;
}
.btn-box .custom-form{
  margin-right: 7px;
}
.input-box .custom-form{
  display: block;
  width: 100%;
  height: 45px !important;
  color: #888;
  font-family: 'Colfax-regular' !important;
  font-size: 18px !important;
  font-style: normal;
  font-weight: 400;
  line-height: 24px !important;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ced4da;
  border-radius: 0;
  transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
  padding-left: 30px !important;
}

.input-box .custom-form::placeholder {
  color: #888;
  font-family: 'Colfax-regular' !important;
  font-size: 18px !important;
  font-style: normal;
  font-weight: 400;
  line-height: 24px !important;
  
}

.loacate_from .new-search_btn {
  font-size: 20px;
  padding: 3px 20px;
  height: 45px;
  background: black;
  color: #fff;
  display: inline-block;
  border: 1px solid black;
  vertical-align: middle;
  min-width: 65px;
}

/* Center Console Landing Page styling Ends Here */


/* Detail Page Styling Starts Here */
.slider-btn-box{
  position: absolute;
  top: 70%;
  left: 50%;
  transform: translateX(-50%);
  z-index: 50;
}
.slider-btn{
  background-color: #7CA7AD;
  color: #FFF;
  text-align: center;
  font-family: "Colfax-Medium";
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  text-transform: uppercase;
  padding: 12px 23px;
  text-decoration: none;
  display: inline-block;
}
.slider-btn:hover{
  text-decoration: none;
  color: #FFF;
}
.bt_dtl_gal .wrapper .slick-nav {
  width: 100%;
  position: relative;
  list-style-type: none;
  top: -54%;
}
.details-circle-box{
  min-height: 150px;
  max-height: 170px;
  margin-top: -190px;
}
.bnrVideoSec{
  position: relative;
  padding-top: 30%;
}
.bnrVideoSec video, .bnrVideoSec iframe{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.scndryBar{
  background-color: #000;
}
.sbLst{
  list-style: none;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 10px;
  flex-wrap: wrap;
}
.sbItm{
  /* font-family: FjallaOne; */
  font-family: 'Tungsten-medium';
  font-size: 32px;
  font-weight: 400;
  letter-spacing: 2px;
  line-height: 25.14px;
  text-align: center;
  padding: 8px 12px;
  margin: 0 20px;
  position: relative;
}
.sbItm + .sbItm::after {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: -20px;
  width: 2px;
  height: 20px;
  background: #fff;
}
.sbLnk{
  color: #fff;
  text-decoration: none;
}
.sbLnk:hover{
  color: #fff;
  text-decoration: none;
}


.scndryBarWrap{
  position: sticky;
  top: 85px;
  z-index: 2;
}
.spec_box {
  display: flex;
}
.spec_img {
  width: 200px;
  flex: 0 0 200px;
  margin: auto;
}
.spec_img img {
  height: auto;
  object-fit: contain;
  width: 100%;
}
.spec_list_box {
  flex: 0 0 calc(100% - 200px);
}
.spec_list {
  list-style: none;
  padding: 45px 10px 10px 10px;
  display: flex;
  flex-wrap: wrap;
}
.spec_list_item {
  flex: 0 0 calc(100% / 4);
  display: inline-block;
  margin-bottom: 40px;
  vertical-align: text-top;
}

.spec_list_item .size {
  color: #7CA7AD;
  font-family: 'Tungsten-Medium';
  font-size: 32px;
  font-weight: 350;
  line-height: 38.4px;
  text-align: left;

}
.mainSpecs {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  padding: 20px 0;
  /* margin-top: -90px; */
}
.msSpcBx {
  max-width: 135px;
  width: 100%;
  text-align: center;
  height: 135px;
  border-radius: 50%;
  border: 1px solid #B1B1B1;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 10px;
  margin: 0 30px;
}
.msNme {
  font-family: colfax-regular;
  font-size: 16px;
  font-weight: 400;
  line-height: 18px;
  text-align: center;
  color: #636363;
  margin-bottom: 5px;
}

.msCount {
  font-family: Tungsten-Medium;
  font-size: 30px;
  font-weight: 350;
  line-height: 29px;
  text-align: center;
  color: #7CA7AD;
}


.main_tab_header {
}
.main_tab_body {
  padding: 20px;
  margin-top: 30px;
}
.main_tab_header.heading h4 {
  flex: 0 0 45%;
  margin: 0;
}
.outtertab_header {
  font-size: 32px;
  /* flex: 0 0 40%; */
  display: flex;
  justify-content: center;
}
.outer_tab_item {
  position: relative;
  margin: 0 20px;
  color: #636363;
  text-align: center;
  font-family: 'Tungsten-Medium';
  font-size: 30px;
  font-style: normal;
  font-weight: 350;
  line-height: normal;
}
.outer_tab_item::before {
  content: "";
  position: absolute;
  bottom: -6px;
  left: 0;
  width: 0;
  height: 4px;
  background: #ffc701;
  z-index: 1;
  transition: ease 0.5s;
}
.outer_tab_item::after {
  content: "";
  position: absolute;
  bottom: -6px;
  left: 0;
  right: 0;
  height: 4px;
  background: #fff;
}
.outer_tab_item.active::before {
  content: "";
  position: absolute;
  bottom: -6px;
  left: 0;
  width: 100%;
  height: 4px;
  background: #ffc701;
  z-index: 1;
}
.innertab_wrap {
  display: flex;
  padding: 20px 0;
  line-height: 3;
  font-family: 'colfax-regular';
}
.innertab_header {
  flex: 0 0 12%;
  min-width: 160px;
}
.innertab_content>div {
  margin-bottom: 20px;
}
.innertab_items {
  list-style: none;
  padding: 0;
  font-family: 'Colfax-Regular';
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 40px;
}
.innertab_item {
  color: #9a9a9a;
  /* margin-top: 16px; */
}
.innertab_item.active {
  color: #000;
  font-family: 'Colfax-Medium';
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
}
.innertab_item + .innertab_item {
  padding: 10px 0;
}
.tabcontent_area {
  display: flex;
  flex-wrap: wrap;
}
.innertab_content {
  min-width: 300px;
  flex: 1 1 calc(50% - 60px);
  margin: 0 30px 16px;
}
.innertab_content p{
  color: #000;
  font-family: 'Colfax-regular';
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
}
.outtertab_body:not(.outtertab_body:first-child),.innercontent_wrapper:not(.innercontent_wrapper:first-child),.colortab_content:not(.colortab_content:first-child){
  display: none;
}
.cutImg{
  max-width: 460px;
  height: 130px; 
  overflow: hidden;
  position: relative;
  padding-top: 158px;
  margin: 0 auto;
  margin-top: -60px;

}
.details-logo-box{
  position: relative;
}
.details-logo-box .logo-img{
  position: absolute;
  top: 0%;
  left: 0%;
  max-width: 200px;
}

.details-logo-box .logo-img img{
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.cutImg img{
  position: absolute;
  top: 20%;
  width: 100%;
  height: auto;
  object-fit: cover;
}
.bxShdwWrp {
  display: flex;
  align-items: center;
  position: relative;
  max-width: 1300px;
  margin: auto;
}
.shdowBx{
  width: 330px;
  flex: 0 0 330px;
  height: 300px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.shdowCntnt{
  flex: 0 0 calc(100% - 380px);
  margin-left: 50px;
}
.shdwImg{
  position: absolute;
  top: 0;
  left: 118px;
}
.shdwImg img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.boat-detials-carousel .owl-stage {
  display: flex !important;
  align-items: flex-end !important;
}
.h-400{
  height: 492px !important;
}
.rflctImg {
  /* height: 300px; */
  display: flex;
  align-items: flex-end;
}
.rflctImg img {
  width: 100%;
  /* height: 100%; */
  /* object-fit: cover; */
}
.reflectionSlider{
  padding: 40px 0 200px 0;
  overflow: hidden;
  background: #0D3A54;
}
.rflctShdow{
  -webkit-box-reflect: below -80px -webkit-gradient(linear, left bottom, left top, from(#ffffff47), to(#ffffff00));
}
.rflctShdow .boat-detials-carousel .owl-nav{
  display: block !important;
}
.rflctShdow .boat-detials-carousel .owl-nav button.owl-prev{
  position: absolute;
  top: 66%;
  left: -9%;
}
.rflctShdow .boat-detials-carousel .owl-nav button.owl-next{
  position: absolute;
  top: 66%;
  right: -9%;
}
.details-similar-btn{
  display: inline-block;
  font-family: colfax-Medium;
  font-size: 16px;
  font-weight: 500;
  line-height: 19.2px;
  text-align: center;
  color: #fff;
  background-color: #0D3A54;
  padding: 12px 20px;
  min-width: 180px;
  cursor: pointer;
  transition: ease-in-out .2s;
  display: inline-block;
  text-decoration: none;
}
.details-similar-btn:hover{
  text-decoration: none;
  color: white;
}
.sbcTitl h4{
  font-family: Tungsten-Medium;
  font-size: 30px;
  font-weight: 350;
  line-height: 36px;
  text-align: center;

}
.sbcTxt p{
  font-family: colfax-regular;
font-size: 14px;
font-weight: 400;
line-height: 22px;
text-align: center;
color: #636363;

}
.sbcImg img {
  width: 100%;
}

.sbcImg {
  margin-bottom: 20px;
}

.sbcTxt {
  margin: 20px 20px;
  height: 110px;
  overflow-y: auto;
}
.sbcTxt::-webkit-scrollbar{
display: none;
}
.details-box .spec_img{
  display: flex;
  justify-content: center;
  align-items: center;
}
.bt_dtl_gal .wrapper .slick-nav button {
  padding: 1em;
  background: #000000 !important;
  color: white;
  text-transform: uppercase;
  font-weight: 700;
  border: 3px solid #000000 !important;
  width: 37px;
  height: 54px;
}
.details-carousel-nav button i{
  color: white;
  background: black;
  font-size: 25px;
}
.slick-prev:before{
  display: none !important;
}
.slick-next:before{
  display: none !important;
}
.details-bottom-img{
  position: relative;
  padding: 26%;
}
.details-bottom-img img{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.details-video-heading h2{
  color: #0D3A54;
  text-align: center;
  font-family: 'Tungsten-Medium';
  font-size: 40px;
  font-style: normal;
  font-weight: 350;
  line-height: normal;
  text-transform: uppercase;
  margin-bottom: 10px;
}
.details-h1{
  color: #000;
  font-family: 'Tungsten-semibold';
  font-size: 140px;
  font-style: normal;
  font-weight: 375;
  line-height: normal;
}
.details-h2{
  color: #0D3A54;
  font-family: 'Tungsten-Medium';
  font-size: 40px;
  font-style: normal;
  font-weight: 350;
  line-height: normal;
  text-transform: uppercase;
}
.doc-details-h2{
  color: #fff;
  font-family: 'Tungsten-Medium';
  font-size: 40px;
  font-style: normal;
  font-weight: 350;
  line-height: normal;
  text-transform: uppercase;
  text-align: center;
  margin-bottom: 30px;
}
.details-h3{
  color: #000;
  font-family: 'Tungsten-Medium';
  font-size: 30px;
  font-style: normal;
  font-weight: 350;
  line-height: normal;
}
.details-h4{
  color: #636363;
  font-family: 'Colfax-Regular';
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.details-h5{
  color: #7CA7AD;
  font-family: 'Tungsten-Medium';
  font-size: 32px;
  font-style: normal;
  font-weight: 350;
  line-height: normal;
}
.details-h6{
  color: #000;
  font-family: 'Colfax-Medium';
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: 24px;
}

.doc-details-h6{
  color: #fff;
  font-family: 'Colfax-Medium';
  font-size: 19px;
  font-style: normal;
  font-weight: 500;
  line-height: 24px;
  text-align: center;
  letter-spacing: 1px;
  background: #0d3a54;
  height: 80px;
  padding-top: 20px;
  padding-bottom: 10px;
}

.details-p-1{
  color: #636363;
  font-family: 'Colfax-Regular';
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 30px;
}
.details-p-2{
  color: #000;
  font-family: 'Colfax-Regular';
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;

}
.details-p-3{
  color: #636363;
  font-family: 'Colfax-Regular';
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 22px;
}
.black-heading{
  background-color: black;
  color: white !important;
  max-width: 400px;
  margin: 0 auto;
  padding: 10px 0;
}
.carouesl-img{
  position: relative !important;
  padding-top: 83% !important;
}
.carouesl-img img{
  position: absolute;
  top: 0;
  left: 0;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover;
}
.custom-pr-5{
  padding-right: 5px !important;
}
.custom-pl-5{
  padding-left: 5px !important;
}
.custom-px-5{
  padding-left: 5px !important;
  padding-right: 5px !important;
}

.bt_dtl_gal .wrapper .slider2 .slick-slide{
  margin: 0 4px !important;
}
/* Detail Page Styling end Here */

/* Info Center page cs start here */
.knowledge-base-header{
  position: relative;
  padding-top: 21%;
  min-height: 250px;
}

.knowledge-base-header img{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.blue-search-box {
  background-color: #122B3C !important;
  padding: 50px 0;
}
.knowledge-flex{
  display: flex;
  justify-content: center;
  align-items: center;
}
.knowledge-flex .heading{
  min-width: 250px;
}
.knowledge-base-form .central-form{
  display: flex;
}

.locate_flex {
  display: flex;
  justify-content: center;
  align-items: center;
}

.locate_flex .heading {
  min-width: 250px;
}

.blue-search-box h5 {
  color: #000;
  text-align: center;
  font-family: 'Tungsten-Medium';
  font-size: 48px;
  font-style: normal;
  font-weight: 350;
  line-height: normal;
  color: white;
  text-transform: uppercase;
}
.blue-search-box h5 span{
  text-align: center;
  font-family: 'Tungsten-Medium';
  font-size: 48px;
  font-style: normal;
  font-weight: 350;
  line-height: normal;
  color: #467D86;
}
.loacate_from {
  width: 100%;
  text-align: left;
}
.loacate_from .central-form {
  display: flex;
}

.input-box {
  width: 100%;
  margin-right: 7px;
}
.input-box .custom-form {
  display: block;
  width: 100%;
  height: 45px !important;
  color: #888;
  font-family: 'Colfax-regular' !important;
  font-size: 18px !important;
  font-style: normal;
  font-weight: 400;
  line-height: 24px !important;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ced4da;
  border-radius: 0;
  transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
  padding-left: 30px !important;
}

.btn-box {
  display: flex;
}

.loacate_from .theme-search_btn {
  padding: 3px 20px;
  height: 45px;
  background: #467D86;
  color: #fff;
  display: inline-block;
  border: 1px solid #467D86;
  min-width: 150px;
  text-align: center;
  font-family: 'Colfax-Medium';
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}
.knowledge-top-box{
  display: flex;
}
.knowledge-heading{
  width: 35%;
}
.knowledge-content{
  width: 65%;
}
.knowledge-heading h1{
  color: #000;
  font-family: 'Tungsten-Medium';
  font-size: 60px;
  font-style: normal;
  font-weight: 400;
  line-height: 50px;
}
.knowledge-content p{
  color: #636363;
  font-family: 'Colfax-Regular';
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 28px;
}
.knowledge-content p a:hover{
  text-decoration: none;
}
.knowledge-fetured-box{
  display: flex;
}
.desktop-box{
  display: block;
}
.mobile-box{
  display: none;
}
.box-1{
  width: 50%;
  position: relative;
  padding: 8px;
}
.box-img{
  position: relative;
  padding-top: 55%;
}
.box-img img{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.box-2{
  width: 50%;
}
.box-content{
  position: absolute;
  top: 20%;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
}
.box-content h3{
  color: #000;
  font-family: "Tungsten-Medium";
  font-size: 48px;
  font-style: normal;
  font-weight: 400;
  line-height: 45px;
  text-transform: uppercase;
  max-width: 220px;
  padding-left: 50px;
}


/* by boat page css */

.knowledge-base-list ul{
  list-style: none;
  margin-left: 0;
  padding-left: 0;
}
.knowledge-base-list ul li {
  padding-left: 1em;
  text-indent: -1em;
}
.knowledge-base-list ul li a{
  color: #467D86;
  font-family: 'Colfax-Medium';
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 50px; 
  letter-spacing: 0.8px;
  text-transform: uppercase;
  text-decoration: none;
}
.knowledge-base-list ul li a:hover{
  text-decoration: none;
  color: #467D86;
}
.knowledge-base-list ul li:before {
  content: "<";
  padding-right: 5px;
  font-size: 18px;
  color: #467D86;
  font-weight: bold;
}
.small-boxes-sec{
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
}
.line-heading{
  position: relative;
}
.line-heading p{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
  background-color: #D9D9D9;
  height: 2px;
  z-index: -1;
}
.heading-box{

  width: 500px;
  background-color: white;
}
.heading-box h1{
  color: #000;
  font-family: "Tungsten-medium";
    font-size: 54px;
  font-style: normal;
  font-weight: 400;
  line-height: 45px;
  text-transform: uppercase;
}
.small-box{
  background-color: #D9D9D9;
  border-radius: 10px;
  margin-bottom: 15px;
  display: flex;
}
.small-box a:hover{
  text-decoration: none;
}
.small-box-img{
  width: 20%;
}
.small-box-img img{
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.small-box-content{
  width: 67%;
  display: flex;
  justify-self: flex-start;
  align-items: center;
  padding: 15px;
}
.small-box-content h6{
  color: #000;
  font-family: 'Colfax-Medium';
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: 25px;
}

.hide-on-mobile{
  display: none;
}

/* faq page style */
.rotate180{
  transform: rotate(180deg);
  transition: all 0.3s;
 }
 .rotate0{
  transform: rotate(0deg);
  transition: all 0.3s;
 }
.central-heading h1{
  color: #000;
  text-align: center;
  font-family: "colfax-Regular";
  font-size: 40px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
 .custom-accordion-header{
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 20px 0;
  cursor: pointer;
}
.accordion-card{
  border-bottom: 1px solid lightgray;
  padding: 0 24px;
}
.custom-accordion-body h4{
  text-transform: uppercase;
  font-size: 18px;
  font-family: 'Cabin-Bold';
  letter-spacing: 0.5px;
}

.custom-accordion-body p{
  color: #636363;
  font-family: "colfax-Regular";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 30px;
}
.accordion-theme-heading{
  color: #7CA7AD;
  font-family: 'Tungsten-Medium';
    font-size: 35px;
  font-style: normal;
  font-weight: 400;
  line-height: 40px;
  margin-top: 60px;
}
.custom-accordion-body{
  display: none;
}
.custom-accordion-header h1{
  color: #000;
  font-family: "colfax-Regular";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 30px;
  padding-right: 15px;
}
.custom-accordion-header span{
  font-size: 23px;
}
.content-show{
    display: block !important;
}

/* contact us banner */

.contact-banner{
  position: relative;
  padding-top: 29%;
  min-height: 250px;
}
.contact-banner img{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.form-sec{
  height: 580px;
}
.form-parent{
  margin: 0 auto;
  position: relative;
}
.form-box{
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50%, -18%);
  display: flex;
  justify-content: center;
  align-items: flex-start;
  width: 800px;
}
.form-sec-1{
  width: 50%;
  background-color: white;
  padding: 40px 50px 50px 53px;
}
.form-sec-2{
  width: 50%;
}
.icon-box{
  display: flex;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 10px;
}
.icon-box span{
  color:#467D86;
  font-size: 18px;
}
.icon-box h6{
  color: #000;
  font-family: 'Colfax-Medium';
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: 24px;
  padding-left: 10px;
  padding-top: 2px;
}
.call-box{
  margin-bottom: 50px;
}
.call-box p{
  color: #636363;
  font-family: "Colfax-Regular";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 28px;
}
.call-box p a{
  text-decoration: none;
  color: black;
}
.call-box p a:hover{
  text-decoration: none;
  color: black;
}
.form-sec-2{
  background-color: #EBEBEB;
  padding: 40px 50px 50px 53px;
}
.custom-form-input{
  display: block;
  width: 100%;
  height: 39px;
  padding: .375rem .75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #495057;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ced4da;
}
.custom-form-input:focus{
  outline: none;
  box-shadow: none;
}
.custom-form-textarea{
  display: block;
  width: 100%;
  padding: .375rem .75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #495057;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ced4da;
}
.custom-form-textarea:focus{
  outline: none;
  box-shadow: none;
}
.form-sec-2 button{
  display: block;
  background-color: #0D3A54;
  color: #FFF;
  text-align: center;
  font-family: "Colfax-Medium";
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  width: 100%;
  padding: 7px 0;
  border: 1px solid #0D3A54;
  cursor: pointer;
}
.form-sec-2 h1{
  color: #000;
  text-align: center;
  font-family: 'Tungsten-Medium';
  font-size: 30px;
  font-style: normal;
  font-weight: 350;
  line-height: normal;
  margin-bottom: 28px;
  }

  /* news page css start here */
  .news-main-heading{
    margin: 50px 0 0 0;
  }
.news-main-heading h1{
  text-align: left;
  font-family: tungsten_semibold;
  font-size: 140px;
  font-style: normal;
  line-height: normal;
  text-transform: uppercase;
  letter-spacing: 3px;
}
  
  .news-top-heading{
    margin: 80px 0;
}

.news-row{
    display: flex;
    gap: 60px;
}
.news-cols-1{
  width: 70%;
}

.news-cols-2{
    width: 30%;
}

.new-header-img{
    width: 100%;
    height: 500px;
}
.new-header-img img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.main-content img, .sidebar img {
    width: 100%;
    height: auto;
    background-color: #d3d3d3;
}
.main-content h2, .sidebar h2 {
    font-size: 24px;
    font-weight: bold;
    margin: 10px 0;
}
.main-content p, .sidebar p {
    font-size: 14px;
    line-height: 1.6;
}
.main-content .date, .sidebar .date {
    font-size: 12px;
    color: #999;
}
.main-content .read-more, .sidebar .read-more {
    color: #007bff;
    text-decoration: none;
}
.categories {
    background-color: #0a3d5e;
    padding: 40px;
    color: #fff;
    margin-bottom: 20px;
}
.categories ul{
  padding-left: 0;
}
.categories ul li{
  list-style: none;

}
.categories ul li a {
    display: block;
    color: #fff;
    text-decoration: none;
    margin: 5px 0;
    line-height: 30px;
}
.sidebar-card{

}
.sidebar-img{
  position: relative;
  padding-top: 65%;
}
.sidebar-img img{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.sidebar-card-date{
  margin: 30px 0;
  color: #7CA7AD;
}
.news-card-row{
    display: flex;
    justify-content: center;
    gap: 40px;
    flex-wrap: wrap;
}
.news-card-1{
    flex-basis: 31%;
}
.news-card-img{
    position: relative;
    padding-top: 65%;
}
.news-card-img img{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* new details page */

.news-details-top-space{
  margin-top: 80px;
  margin-bottom: 80px;
}
.news-details-desc *>img {
  width: 100% !important;
}
.smilar-news-heading h1{
  font-family: 'Tungsten-medium';
    font-size: 55px;
    font-style: normal;
    font-weight: 350;
    line-height: 35px;
    letter-spacing: 0.5px;
}
.news-details-icons{
  display: flex;
  justify-content: flex-end;
  margin: 15px 0;
}
.details-icons{
  max-width: 200px;
  display: flex;
  gap: 6px;
}
.details-icons span{
  display: flex;
    width: 25px;
    height: 25px;
    border-radius: 5px;
    background: #0a3d5e;
    color: white;
    justify-content: center;
    align-items: center;
    font-size: 13px;
}
.news-details-title h3{
  font-family: 'Tungsten-medium';
  font-size: 50px;
  font-style: normal;
  font-weight: 350;
  line-height: normal;
  text-transform: capitalize;
}
.news-details-date p{
  margin: 30px 0;
  color: #7CA7AD;
  font-size: 16px;
} 
.article-title{
  font-family: 'Tungsten-medium';
    font-size: 40px;
    font-style: normal;
    font-weight: 350;
    line-height: normal;
    margin: 15px 0;
    text-transform: capitalize;
    overflow: hidden;
    line-height: 1.2em;
    max-height: 1.2em;
}
.article-content{
  font-family: 'Colfax-Regular';
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  font-family: 'Colfax-Regular';
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.news-article-description h2 strong{
  color: #000;
  text-align: center;
  font-family: 'Colfax-Medium';
  font-size: 22px;
  font-style: normal;
  font-weight: 500;
  line-height: 32px;
}
.news-article-description p{
  color: #000;
  font-family: 'Colfax-Regular' !important;
  font-size: 16px !important;
  font-style: normal;
  font-weight: 400;
  line-height: 28px;
  margin: 20px 0 !important;
}
.news-article-description p span{
  color: #000;
  font-family: 'Colfax-Regular' !important;
  font-size: 16px !important;
  font-style: normal;
  font-weight: 400;
  line-height: 28px;
  margin: 20px 0 !important;
}
.news-card-date{
  margin: 20px 0;
  color: #7CA7AD;
  font-size: 16px;
}
.news-title h3{
  font-family: 'Tungsten-medium';
  font-size: 40px;
  font-style: normal;
  font-weight: 350;
  line-height: normal;
  margin: 15px 0;
  text-transform: capitalize;
  overflow: hidden;
  line-height: 1.2em;
  max-height: 1.2em;
}
.news-description{
  color: #000;
  font-family: 'Colfax-Regular' !important;
  font-size: 16px !important;
  font-style: normal;
  font-weight: 400;
  line-height: 28px;
  margin: 20px 0 !important;
  display: -webkit-box;
  -webkit-line-clamp: 10;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.news-details-desc p{
  font-family: 'Colfax-Regular';
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
}

.news-details-desc h1, .news-details-desc h2, .news-details-desc h3, .news-details-desc h4, .news-details-desc h5, .news-details-desc h3{
  font-family: 'Colfax-Medium';
  font-size: 20px;
  font-style: normal;
  margin: 20px 0;
}
.logo-box{
  position: relative;
}
.logo-outer-box{
  position: absolute;
  top: 0;
  left: 0;
  max-width: 100px;
}
.logo-outer-box img{
  width: 100%;
  height: 100%;
  object-fit: contain;
}
@media screen and ( min-width:1441px ) {
  /* blog details page css start here */
  .blog-details-heading h1 {
    color: #000;
    font-family: 'Colfax-medium';
    font-size: 32px;
    font-style: normal;
    font-weight: 500;
    line-height: 30px;
  }
  .blog-auther p {
    color: #636363;
    font-family: 'Colfax-Regular';
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px;
  }
  /* blog page css */
  
  .subscribe-catch h3 {
    color: #000;
    font-family: 'Colfax-Bold';
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 30px;
}
.faq-heading {
  color: #000;
  font-family: 'Colfax-Bold';
  font-size: 20px;
  font-style: normal;
  line-height: 30px;
  padding-left: 33px;
}
.faq-question h5, .faq-answer h5 {
  padding-right: 5px;
  color: #000;
  font-family: 'Colfax-Medium';
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: 25px;
}
.sidebar-sm-heading {
  color: #000;
  font-family: 'Colfax-Bold';
  font-size: 20px;
  font-style: normal;
  line-height: 30px;
}
  .blog-lg-heading {
    text-align: center;
    font-family: 'Tungsten-Medium';
    font-size: 55px;
    font-style: normal;
    font-weight: 350;
    line-height: normal;
}
.blog-title-heading a {
  font-family: 'Tungsten-medium';
  font-size: 32px;
  font-style: normal;
  font-weight: 350;
  line-height: 30px;
  margin: 15px 0;
}
.blog-content-sec p {
  color: #636363;
  font-family: 'Colfax-Regular';
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 22px;
  margin-top: 15px;
}
.author-list {
  position: relative;
  color: #636363;
  font-family: 'Colfax-Regular';
  font-size: 13px;
  font-style: normal;
  font-weight: 400;
  line-height: 22px;
  list-style: none;
  padding: 8px 20px 8px 0;
}
  /* boat details page css start here */
  .bxShdwWrp {
    display: flex;
    align-items: center;
    position: relative;
    max-width: 1500px;
    margin: auto;
}
  /* home page css  start here*/
  
  .home-h1 {
    font-family: Colfax-regular;
    font-size: 45px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

/* home page css end here*/

/* dna page css start here*/
.dna-h2 {
  color: #000;
  font-family: 'Tungsten-Semibold';
  font-size: 45px;
  font-style: normal;
  font-weight: 350;
  line-height: 40px;
}
.featured-img {
  width: 100%;
  padding: 60px 91px 0px 60px;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.featured-content {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  flex-direction: column;
  height: 100%;
  padding: 60px 150px 60px 80px;
}
.featured-middle-content{
  display: flex;
  justify-content: center;
  align-items: flex-start;
  flex-direction: column;
  height: 100%;
  padding: 60px 30px 60px 80px;
}
.sm-knife-content p {
  color: #636363;
  text-align: center;
  font-family: 'Colfax-Regular';
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 22px;
}
/* dna page css end here*/
  .udlLink {
    font-size: 16px;
    line-height: 16px;
}
.unitPrice {
  font-size: 56px;
  line-height: 54px;
}
.unitPrice>span {
  font-size: 18px;
}
.UniTitl {
  font-size: 44px;
  line-height: 50px;
}
.unitSubTitl {
  font-size: 18px;
  line-height: 16.8px;
}
}
@media screen and (max-width: 1700px) {
  .content-box h1 {
    color: #ffffff;
    font-size: 45px;
    font-family: 'Tungsten-Medium';
    text-transform: uppercase;
}
.slider-content-box {
  width: 700px;
  padding-right: 4.2%;
}
.content-box p {
  color: #ffffff;
  font-family: 'Colfax-Regular';
  font-size: 20px;
  line-height: 28px;
}
}
/* Media Quieries Starts Here */
@media screen and (max-width: 1600px) {
  .layer-img-box:hover .layer-img{
    border: 1px dashed grey;
    transform: scale(1.1);
  }
  .layers-sec{
    display: flex;
    justify-content: center;
    align-items: flex-start;
    padding: 40px 0;
    flex-wrap: wrap;
    margin-bottom: 30px;
  }
  .layer-img-box {
    min-height: unset;
    height: auto;
    max-width: 210px;
    margin-bottom: 35px;
    margin-left: 15px;
    margin-right: 15px;
}
.hidden-box {
  text-align: center;
  border-top: 1px dashed gray;
  border-bottom: 1px dashed gray;
  padding: 15px 0;
  margin: 15px 0;
  display: none;
  transition: all 0.2s;
  display: none;
}
.layer-img-box:hover .hidden-box {
  display: block;
}
  .box-content h3 {
    font-size: 40px;
    line-height: 35px;
    max-width: 220px;
  }
  .knowledge-heading h1 {
    font-size: 50px;
    line-height: 50px;
}
}

@media screen and (max-width: 1440px){
  .shdwImg img {
    width: 85%;
  }
  /* news page  */
  .news-main-heading h1 {
    font-size: 80px;
}
  .slider-content-box {
    width: 630px;
    padding-right: 4.2%;
}
.content-box h1 {
  font-size: 40px;
}
.content-box p {
  color: #ffffff;
  font-size: 16px;
}

  /*  menu css start here */
  .mega-menu-large-img{
    width: 100%;
    height: 466px;
  }
  .mg-circle{
    margin: 10px;
    padding: 15px;
    width: 91px;
    height: 91px;
    border: 2px solid #7CA7AD;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    text-align: center;
  }
  .mg-circle h4 {
    color: #0D2634;
    text-align: center;
    font-family: 'Tungsten-semibold';
    font-size: 16px;
    font-style: normal;
    font-weight: 375;
    line-height: 16px;
    margin-bottom: 5px;
}
.mg-circle p {
  color: #636363;
  font-family: 'Colfax-Regular';
  font-size: 10px;
  font-style: normal;
  font-weight: 400;
  line-height: 12px;
}
  /*  menu css end here */

  .gallery-content-sec {
    padding: 0 5%;
}
  .galley-sm-box{
   flex-basis: 33%;
    height: 110px;
    padding: 4px;
    background: white;
  }
  .hide-br{
    display: none;
  }
  .spec_list_item {
    flex: 0 0 calc(100% / 4);
    display: inline-block;
    margin-bottom: 30px;
    vertical-align: text-top;
  }
}
@media screen and (max-width:1300px) {
  
  .slider-img-box {
    width: 179px;
}
.slider-content-box {
  width: 630px;
  padding-right: 6.4%;
}


  /* knowledge-base */

  .box-content h3 {
    font-size: 34px;
    line-height: 35px;
    max-width: 220px;
    padding-left: 28px;
}
  /* Dna page css start here*/

  .layer-img-box:hover .layer-img{
    border: 1px dashed grey;
  }
  .layer-img-box:hover .layer-name{
    height: auto;
  }
  .layer-img-box:hover .layer-name h3{
      font-size: 16px;
      line-height: 25px;
      font-weight: 600;
  }


  /* dna page css end here */

    .navBarWrapper{
        padding: 0 20px;
    }
    .navFlx {
        flex: unset;
    }
    .rghtNav {
        flex: 1 0 auto;
    }
    .navLogo{
        max-width: 200px;
    }
    /* .navSrcFeild {
        flex: 0 0 auto;
    } */
    .lftNavList{
        flex-wrap: wrap;
    }
    .rghtNavItm{
        font-size: 12px;
        margin: 5px;
    }
    .rghtNavItm + .rghtNavItm::before {
        left: -5px;
    }
    .lftNavItm {
        margin: 6px 6px;
    }
    .spec_list_item .size {
      font-size: 26px;
  }
  .spec_list_item h4{
    font-size: 14px;
  }
  .msSpcBx{
    margin: 0 10px;
  }
}

@media screen and (max-width: 1200px) {
  .details-logo-box .logo-img{
    top: 27%;
    left: 0%;
    max-width: 120px;
  }
  .panell.active .slider-bg {
    width: 100%;
    height: 290px;
}
.panell .slider-bg {
  width: 100%;
  height: 290px;
}
.slider-content-box {
  width: 575px;
  padding-right: 6.4%;
}
.logo-sec {
  width: 150px;
}

.slider-img-box {
  width: 150px;
}
.content-box h1 {
  font-size: 30px;
}
.content-box p {
  font-size: 15px;
  line-height: 23px;
}
  .h-400{
    height: 300px !important;
}
/* contact us page css start here */
.form-box {
  transform: translate(-50%, -10%);
}
/* blog post page css */
.news-article-card{
  padding-right: 0%;
}
.knife-box{
  padding: 0;
}
  /* blog page css */
.pl-40 {
    padding-left: 20px;
}
.sidebar {
  padding-left: 15px;
}
.faq-parent {
  padding-left: 15px;
}
.faq-heading {
  padding-left: 15px;
}
.pr-40 {
  padding-right: 20px;
}
  /* Dna page  */
  .featured-content {
    padding: 30px;
}
.featured-middle-content{
  padding: 30px;
}
  .pt-75 {
    margin-top: 23px;
}
  .home-banner-content h4 {
    font-size: 22px;
    text-align: right;
}
.home-sm-banner {
  position: relative;
  padding-top: 12%;
  overflow-x: hidden;
  min-height: 200px;
}
}
@media screen and (max-width: 1100px) {

  .slider-content-box {
    width: 521px;
    padding-right: 6.4%;
  }
  .home-slider-btn a{
    padding: 4px 17px 4px 17px;
  }
  .home-slider-btn a span {
    margin-right: 5px;
}

  .promo-banner-box {
    top: 19%;
    left: 44%;
}
.promo-banner-logo {
  position: absolute;
  bottom: -75%;
  left: 53%;
  transform: translateX(-50%);
  width: 100%;
}
}
@media screen and (max-width:991px) {

  /* new page css start here */
.news-cols-1 {
    width: 100%;
}

.news-cols-2 {
  width: 100%;
}
  .news-row {
    display: flex;
    gap: 40px;
    flex-direction: column;
}
/* .news-main-heading h1 {
  font-size: 60px;
} */
.news-main-heading {
  margin: 40px 0 0 0;
}
.scndryBarWrap{
  top: 80px;
}
  .expanding-cards {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}
.slider-content-box {
  width: 100%;
  padding-right: 6.4%;
}
.panell.active .slider-bg {
  width: 100%;
  height: 290px;
}
.panell {
  transition: all 700ms ease-in;
  min-width: 100% !important;
}
.panell .slider-bg {
width: 100%;
height: 120px;
}
/* contact us css start here */
.form-box{
  width: 700px;
}
/* footer css start here */
.footer-end-container {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.footer-end-box {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  flex-direction: column;
  max-width: unset;
  width: 100%;
}
.footer-end-heading {
  width: 100%;
}
.footer-end-centeral-text {
  width: 100%;
  margin: 15px 15px 15px 0;
}
.footer-end-mail-box {
  width: 100%;
}
.footer-mail-parent {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  height: 100%;
}
   /* by boats page css start here*/

   .heading-box h1 {
    color: #000;
    font-family: "Tungsten-medium";
    font-size: 46px;
    font-style: normal;
    font-weight: 400;
    line-height: 45px;
    text-transform: uppercase;
}
.heading-box {
  width: 400px;
}

.banner_img {
  height: auto !important;
}

.banner_img img{
  height: 207px !important;
}

/* by boats page css end here*/

.knowledge-heading h1 {
  font-size: 45px;
  line-height: 50px;
}
.desktop-box{
  display: none;
}
.mobile-box{
  display: block;
}
.knowledge-base-form .central-form{
  display: flex;
  flex-direction: column;
}
.knowledge-flex {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
.knowledge-flex .input-box{
margin-bottom: 10px;
}

  /* blog post page css */
  .mobile-search-boxes{
    padding-left: 13px;
    padding-right: 13px;
    border-top: 1px solid lightgray;
    border-bottom: 1px solid lightgray;
  }
  .mobile-search-boxes h3{
    color: #000;
    font-family: 'Colfax-Bold';
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 30px;
  }
  .mobile-search-boxes button{
    display: inline-block;
    font-family: 'colfax-Regular';
    color: #fff;
    background-color: #000000;
    padding: 12px 20px;
    min-width: 180px;
    cursor: pointer;
    transition: ease-in-out .2s;
    text-decoration: none;
    text-transform: uppercase;
    color: #FFF;
    text-align: center;
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
  }
  .dna-header-content .main-content {
    max-width: 632px;
    color: white;
    margin-left: 80px;
}
  .blog-px-0{
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  .border-responsive{
    border-bottom: 1px solid #9b9b9b69;
    border-right: none !important;
  }
  .dna-header-content p {
    font-size: 18px;
}
.dna-header-content .main-content h1 {
  font-size: 47px;
  font-family: 'Tungsten-Medium', sans-serif;
  font-weight: 350;
}
.dna-header-content {
  position: absolute;
  top: 22%;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
}
  /* blog page css */
  .mobile-more-faq{
    display: inline-block;
    font-family: 'Colfax-Medium';
    font-size: 16px;
    font-weight: 500;
    line-height: 19.2px;
    text-align: center;
    color: #000;
    background-color: #FFAE00;
    padding: 12px 20px;
    cursor: pointer;
    transition: ease-in-out .2s;
    text-decoration: none;
  }
  .mobile-more-faq:hover{
    text-decoration: none;
    color: #000;
  }
  .desktop-more-faq{
    display: none;
  }
  .promo-box-parent{
    display: none;
  }
  .mob-view-show{
    display: block !important;
      font-family: 'Colfax-Bold';
      color: #000;
      font-size: 18px;
      font-style: normal;
      line-height: 30px;
  }
  .blog-border-bottom {
    display: none;
}
.mobile-only{
  display: block;
  border: 1px solid #ced4da;
}
.sidebar {
  padding-left: 29px;
  padding-right: 29px;
}
.faq-parent {
  border-top: 1px solid lightgray;
  padding-left: 29px;
  padding-top: 20px;
  padding-right: 29px;
}
  /* header css start here */
  .stickyNav{
    display: none;
  }
  .mobile-header {
    display: block;
}
.mobile-menu-show{
  display: block !important;
}
/* console page ccss */

.locate_flex .heading {
  min-width: 177px;
}
/* DNA page ecss */

.featured-content {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  flex-direction: column;
  height: 100%;
  padding: 25px;
}
.featured-middle-content{
  display: flex;
  justify-content: center;
  align-items: flex-start;
  flex-direction: column;
  height: 100%;
  padding: 25px;
}
.featured-img {
  width: 100%;
  padding: 0 25px 0 0;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

/* cc landing page css start here */

.theme-bg h5{
  font-size: 35px;
}

  /* home page css start here */
  .headngLg {
    font-family: colfax-regular;
    font-size: 35px;
    font-weight: 400;
    line-height: 48px;
    text-align: center;
}
/* footer start here */
.footer-end h1 {
  text-align: center;
}
.footer-end p {
  color: #000;
  font-family: Colfax-regular;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  text-align: center;
  max-width: 600px;
  margin: 20px auto;
}
  /* footer end here */
    .lftNav,.rghtNav {
        display: none;
    }
    .mobNavIcon{
        display: block;
        font-size: 32px;
    }
    .navBarWrapper{
        align-items:center;
    }
    .msNme{
      font-size: 14px;
    }
    .msCount{
      font-size: 27px;
      line-height: 24px;
    }
    .msSpcBx{
      height: 120px;
      max-width: 120px;
    }

}
@media screen and (max-width:767px) {
  /* common css start here */
  .details-circle-box{
    margin-top: 0;
  }
  .smilar-news-heading h1 {
    font-size: 40px;
}
  .gallery-content p{
    margin-bottom: 40px ;
  }
  .home-h1 {
    font-size: 30px;
    line-height: 35px;
}
.home-p-1 {
  font-size: 14px;
  line-height: 24px;
}
  /* common css end here */


  /* news page css start here */
  .article-title {
    font-size: 35px;
    overflow: unset;
    white-space: unset;
    max-height: unset;
}
.news-title h3 {
  font-size: 35px;
}
  /* .news-main-heading h1 {
    font-size: 40px;
    letter-spacing: 2px;
} */
  .news-details-title h3 {
    font-size: 40px;
}
  .new-header-img {
    width: 100%;
    height: 350px;
}

/* paq page css start here */
.central-heading h1{
  font-size: 30px;
}
.custom-accordion-header h1{
  font-size: 18px;
}
.custom-accordion-header span {
  font-size: 20px;
  }
  .accordion-theme-heading {
    margin-top: 40px;
}
.accordion-card {
  padding: 0 10px;
}
  /* contact page css */
  .form-box{
    position: static;
    width: 100%;
    flex-direction: column;
    transform: unset
  }
  .form-sec-1 {
    width: 100%;
    background-color: white;
    padding: 50px 25px 0px 25px;
}
.form-sec-2 {
  width: 100%;
  padding: 50px 25px 50px 25px;
}
.form-sec {
  height: unset;
}
 /* by boats page css start here */
  
 .line-heading p {
  display: none;
}
.heading-box h1 {
  font-size: 35px;
  line-height: 30px;
}
.heading-box {
  width: 250px;
}

  .box-1 {
    width: 100%;
}
.knowledge-fetured-box {
  display: flex;
  flex-direction: column;
}
.knowledge-top-box {
  display: flex;
  flex-direction: column;
}
.knowledge-heading {
  width: 100%;
  text-align: center;
}
.knowledge-content {
  width: 100%;
  text-align: center;
}
  /* by boats page css end here */
  .promo-box{
    display: none;
  }
  /* boat details page css */
  .slider-btn-box {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%);
    z-index: 50;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    gap: 8px;
}
  .h-400 {
    height: 200px !important;
}
  .spec_list_item {
    margin-bottom: 30px;
  }
  .spec_list_item h4{
    color: #636363;
    /* font-family: 'Colfax-Bold' !important; */
    font-size: 12px !important;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
  }
  .spec_list_item .size{
    color: #7CA7AD;
    /* font-family: 'DroidSans-Bold' !important; */
    font-size: 16px !important;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
  }
  .spec_list_box{
    padding-top: 0;
  }
  .details-h1 {
    color: #000;
    font-family: 'Tungsten-semibold';
    font-size: 100px;
    font-style: normal;
    font-weight: 375;
    line-height: normal;
}
.reflectionSlider{
  margin-top: 20px;
}
  .details-similar-btn{
    display: inline-block;
    font-family: colfax-Medium;
    font-size: 16px;
    font-weight: 500;
    line-height: 19.2px;
    text-align: center;
    color: black;
    background-color: #FFAE00;
    padding: 12px 20px;
    min-width: 180px;
    cursor: pointer;
    transition: ease-in-out .2s;
    display: inline-block;
    text-decoration: none;
    margin-bottom: 20px;
  }
  .details-similar-btn:hover{
    text-decoration: none;
    color: black;
  }
/* blog post page css */
.blog-description h2 {
  line-height: 20px;
}
.blog-description h2 strong{
  color: #000;
  text-align: center;
  font-family: 'Colfax-Bold';
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
}
.blog-post-img {
  position: relative;
  padding-top: 46.4%;
  min-height: 267px;
}
  /* DNA page css */
  .mobile-content{
    display: block;
  }
  
  .strength-box {
    display: flex;
    flex-flow: column-reverse;
}
.dna-logo-parent {
  max-width: 400px;
  text-align: center;
  padding-left: 0;
  margin: 60px auto;
}
.dna-logo-parent img{
  width: 100%;
}
.strength-content-box {
  width: 100%;
}
.strength-img-box {
  width: 100%;
}
  .dna-mobile-header{
    display: block;
  }
  .dna-header-content {
    display: none;
}
.dna-header-img{
  display: none;
}
.dna-mobile-header .mobile-img{
  position: relative;
  padding-top: 45%;
}
.dna-mobile-header .mobile-img img{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
  .featured-sec {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}
.knife-sec{
  display: flex;
  justify-content: center;
  align-items: center;
  flex-flow: column-reverse;
}
.knife-second-sec{
  display: flex;
  justify-content: center;
  align-items: center;
  flex-flow: column-reverse;
}
.bottom-featured-img-sec {
  /* width: 100%; */
}
.bottom-featured-content-sec {
  width: 100%;
}
.knife-box-parent {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.featured-content-sec {
  width: 100%;
}
.featured-img-sec {
  width: 100%;
}
.logo-sec-content {
  width: 100%;
  margin: 50px 0;
}

  /* boat details page css start here */
.shdowCntnt {
    margin-left: 0px;
}
.headngXXl {
  font-size: 110px;
  text-align: center;
}
  .spec_list {
    list-style: none;
    padding: 33px 10px 10px 10px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
.custom-px-5{
  padding-left: 0px !important;
  padding-right: 0px !important;
}
.mobile-carousel{
  display: none !important;
}
/* cc landing page */
.locate_flex {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
.loacate_from .central-form {
  display: flex;
  flex-direction: column;
}
.btn-box .custom-form{
  margin-right: 0px;
}
.input-box {
  width: 100%;
  margin-right: 0px;
  margin-bottom: 10px;
}
.theme-bg h5 {
  font-size: 48px;
  margin-bottom: 14px;
}
  /* home page css start here */


  .home-banner-content {
    position: absolute;
    top: 20%;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
    text-align: center;
}
.home-banner-content h4 {
  font-size: 22px;
  text-align: center;
  padding: 0 20px;
}
.expanding-cards{
  overflow-x: hidden;
}


  /* footer css start here */
  .end-bar p{
    text-align: center;
  }
  .footer_sec {
    padding: 50px 0 20px 0;
    background: #F3F3F3;
}
  .footer_social_inline li {
    float: left;
    padding: 20px 15px;
    display: block;
    list-style-type: none;
    margin-bottom: 0px;
    margin-top: 0;
}

  .desktop-icons{
    display: none;
  }
  .mobile-icons{
    display: flex;
    justify-content: center;
    align-items: center
  }
  .footer-mail .mail-box {
    width: 100%;
    border-radius: 0px;
    border: 1px solid #DEDEDE;
    padding: 0 12px;
    height: 40px;
    margin-bottom: 10px;
}
  .footer-mail {
    display: flex;
    flex-direction: column;
    width: 100%;
    margin: 0 0;
}
  .footer-end p {
    text-align: left;
    margin: 20px 0;
}

  .footer-end h1 {
    text-align: left;
}
  .footer_nav_head h3 {
    text-align: left;
}
  .footer_nav_list ul{
    text-align: left;
  }
.footer_nav_box{
  text-align: center;
}
.footer_nav_list{
  margin-bottom: 20px;
}
.footer_logo {
  max-width: 100%;
  margin: 0 auto;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
.hr-line{
  width: 100%;
}
.footer-img img{
  width: 200px;
  width: 100%;
  object-fit: contain;
}

  /* footer css end here */

   .prmryCrd{
    flex: 1 0 calc((100% / 3) - 23px);
   }
   .snglCrcle {
    flex: 0 0 130px;
    margin: 6px;
    text-align: center;
    padding: 12px;
    width: 130px;
    height: 130px;
    font-size: 14px;
}
.spec_box {
  display: flex;
  flex-direction: column;
}
.mainSpecs{
  margin-top: 0;
}
.spec_list_item {
  min-width: 200px;
}
.rflctShdow .boat-detials-carousel .owl-nav button.owl-prev {
  position: absolute;
  top: 66%;
  left: -15%;
}
.rflctShdow .boat-detials-carousel .owl-nav button.owl-next {
  position: absolute;
  top: 66%;
  right: -15%;
}
.bxShdwWrp{
  flex-direction: column;
}
.innertab_items{
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: center;
  margin-bottom: 25px;
}
.innertab_wrap{
  flex-direction: column;
}
.innertab_item{
  margin: 5px 4px;
  padding: 0px 0px;
}
.innertab_item h6{
  font-size: 9px;
}
.main_tab_body {
  padding: 20px 0;
  margin-top: 0px;
}
.innertab_content {
  min-width: 280px;
  flex: 1 1 calc(50% - 7px);
  margin: 0 3px 16px;
}
.scndryBarWrap{
  position: static;
}

}


.mob-view-show{
  display: none;
}
.mob-view{
  display: unset;
}
.main-container{
  padding: 20px;
}
.border-responsive{
  border-right: 1px solid #9b9b9b69;
}
.cutImg{
  max-width: 460px;
  height: 130px; 
  overflow: hidden;
  position: relative;
  padding-top: 175px;
  margin: 0 auto;
  margin-top: -60px;

}
/* ------------------haroon stylings-------------  */
@media screen and (min-width: 1441px){
  .promo-box {
    position: relative;
    padding-top: 39%;
}
.promo-banner-box {
  left: 41%;
}
.promo-banner-content p {
  max-width: 100%;
}

}
@media screen and (max-width: 1440px){
  .rflctShdow {
    -webkit-box-reflect: below -90px -webkit-gradient(linear, left bottom, left top, from(#ffffff47), to(#ffffff00));
}
.doc-details-h6 {
  font-size: 16px;
  height: 90px;
}
}
@media screen and (min-width: 991px) and (max-width: 1440px){

  .blog-content-sec {
    width: 50%;
}
.blog-img-sec {
  width: 50%;
}

.promo-banner-content {
  max-width: 500px;
  margin-right: 0px;
  line-height: 5;
}
.promo-banner-logo .img-box {
  margin-right: 0px;
}
.promo-banner-content h2 {
  font-size: 33px;
}
.promo-banner-content p {
  font-size: 14px;
}
}
@media screen and (min-width: 768px) and (max-width: 991px){
  .blog-content-sec {
    width: 50%;
}
.blog-img-sec {
  width: 50%;
} 
.promo-banner-box {
  position: absolute;
  top: 15%;
  left: 50% !important;
  transform: translateX(-50%);
  width: 100% !important;
  display: flex !important;
  justify-content: flex-end;
  align-items: flex-end;
}
.promo-banner-content {
  max-width: 470px;
  margin: 0;
  line-height: 5;
}
.promo-box {
  position: relative;
  padding-top: 39%;
}
.promo-banner-logo .img-box {
  margin-right: 1px;
  display: inline-block;
  background: #040707;
  border-radius: 3px;
  padding: 5px;
}
}

@media screen and (min-width: 768px) and (max-width: 991px){
  .promo-banner-box {
    position: absolute;
    top: 15%;
    left: 80%;
  }
  .promo-banner-content p {
    max-width: 65%;
}

}

@media screen and (max-width: 768px){
  .cutImg{
    margin-top: -20px;
  
  }
  .hide-on-mobile{
    display: block;
  }

  .blog-lg-heading a{
    text-align: center;
    font-family: 'Tungsten-Medium';
    font-size: 35px;
    font-style: normal;
    font-weight: 700;
    line-height: 25px;
    letter-spacing: 2px;
}
.blog-category::after {
  left: 50%;
  transform: translateX(-50px);
  height: 6px;
}
.blog-title-heading a {
  font-family: 'Colfax-Bold';
  font-size: 32px;
  font-style: normal;
  font-weight: 350;
  line-height: 32px;
  margin: 15px 0;
}
.blog-category {
  position: relative;
  color: #636363;
  font-family: 'Colfax-Medium';
  font-size: 15px;
  font-style: normal;
  font-weight: 500;
  line-height: 22px;
  letter-spacing: 2.1px;
  padding-top: 15px;
  margin: 18px 0;
}
  .blog-content-sec {
    width: 100%;
}
.blog-img-sec {
  margin-top: 20px;
  width: 100%;
} 
.blog-featured {
 flex-direction: column;
}
.blog-featured:nth-child(even) .blogimg-sec {
  order: 1;
}

.blog-featured:nth-child(even) .blog-content-sec {
  order: 2;
}
.mob-view{
  display: none;
}
.py-30 {
  padding: 15px 0;
}
.blog-content-sec {
  text-align: center !important;
  padding: 20px 0 !important;
}
.blog-content-sec p {
  display: none;
}
.blog-author.my-3{
  display: none;
}
.custom-border-bottom {
  border-bottom: unset;
  border: 1px solid #ced4da;
  padding-left: 10px !important;
}
.latest-blog-content h3 {
  font-weight: 700;
  font-family: 'Colfax-Medium';
}
.latest-blog-content p {
  text-transform: uppercase;
  font-size: 15px;
  margin-bottom: unset;
  font-family: 'Colfax-Regular';
  font-weight: 700;
  line-height: 22px;
  letter-spacing: 3px;
  color: #636363;
}
.latest-blog-content {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.scndryBarWrap{
  display: none;
}
.show-both-screens{
  display: block !important;
}
.show-both-screens .sbLst{
  list-style: none;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0px !important;
  flex-direction: column !important;
}
.show-both-screens .sbLst li{
  border-bottom: 2px solid white !important;
  padding: 8px 0px;
  margin: 0 0px;
  width: 100%;
  font-size: 16px;
}
.show-both-screens .sbItm + .sbItm::after{
  display: none;
}
.shdwImg{
  display: none;
}

.blog-banner-sec{
  display: none;
}
.faq-question h5{
  font-size: 18px;
  line-height: 30px;
  font-family: 'Colfax-Regular';
  font-weight: 700;
}
.faq-answer p{
  font-size: 18px;
  line-height: 30px;
  font-family: 'Colfax-Regular';
  font-weight: 400;
}


/* ----------------blogdetail-page--------------- */
.blog-details-heading {
  font-family: 'Colfax-Bold';
  font-weight: 700;
  text-align: center;
  padding: 20px 0;
}
.blog-details-heading h1{
  color: #000;
  text-align: center;
  font-family: 'Colfax-Bold';
  font-size: 32px;
  font-style: normal;
  font-weight: 700;
  line-height: 32px;
  padding: 0 25px;
}

.blog-description{
  padding-bottom: 20px;
  padding-left: 27px;
  padding-right: 27px;
}
.blog-description p{
  font-family: 'Colfax-Regular';
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
}

.blog-description iframe.news_iframe{
    width: 100%;
}

.main-container{
padding: unset;
}
.similar-blog-sec{
  padding-left: 40px;
  padding-right: 40px;
}
.similar-blog {
  text-align: center;
}
.similar-blog-title {
  height: unset;
  padding: unset;
  text-align: center;
  margin: unset;
}
.similar-blog-title h3 {
  font-size: 20px;
  margin: 12px 0;
  font-family: 'Colfax-Bold';
}
.blog-centeral-heading h1 {
  font-size: 20px;
  font-family: 'Colfax-Bold';
  line-height: 28px;
}

}

@media screen and (max-width:640px) {
  /* home page css start here */
  .headngLg {
    font-size: 30px;
    font-weight: 400;
    line-height: 40px;
    text-align: center;
}
.home-card-content{
  height: unset;
  overflow-y: unset;
}
}
@media screen and (max-width: 600px) {
  .h-400 {
    height: 492px !important;
}
}
@media screen and (max-width: 576px) {
  .details-logo-box .logo-img {
    position: absolute;
    top: 42%;
    left: 2%;
    max-width: 79px;
}
  .slider-box {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    height: 100%;
    text-align: center;
}
.slider-img-box{
  width: 150px;
  height: 150px;
}
.panell.active .slider-bg {
  width: 100%;
  height: 500px;
  
}
.slider-content-box {
  width: 100%;
  padding-right: 20px;
  padding-left: 20px;
}
.btn-logo {
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
  width: 100%;
  margin-top: 20px;
  margin-bottom: 20px;
}
.logo-sec {
  width: 150px;
  margin-top: 20px;
}
.content-box h6 {
  text-align: center;
  width: 100%;
}
.content-box h1 {
  text-align: center;
  width: 100%;
}
/* news page css start here */

.article-title {
  font-size: 25px;
}
.news-title h3 {
  font-size: 25px;
}
.news-main-heading {
  margin: 40px 0 0 0;
}
.categories {
  padding: 15px;
}
  /* faq page css start here */
  .accordion-card {
    padding: 0 0;
}
.central-heading h1 {
  font-size: 25px;
  padding: 0 15px;
}
  /* contact us page css start here */
.call-box {
  margin-bottom: 25px;
}
.icon-box h6 {
  font-size: 16px;
}
.icon-box span {
  font-size: 16px;
}
 /* contact us page css end here */
 
  .msSpcBx {
    height: 104px;
    max-width: 104px;
}
.msCount {
  font-size: 23px;
  line-height: 20px;
}
.msNme {
  font-size: 12px;
}
  /* boat details page css */
  .spec_list_item {
    margin-bottom: 30px;
  }
  .details-h1 {
    color: #000;
    text-align: center;
    font-family: "Tungsten-semibold";
    font-size: 60px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
  }
  /* Dna page css */
.desktop-img{
  display: none;
}
.mobile-central-img{
  display: flex;
  margin-top: 30px;
}
  .layer-img {
    height: 200px;
    width: 100%;
    border-radius: 50%;
    transition: all 0.2s;
}
  .end-text h4 {
    text-align: center;
    font-family: 'Tungsten-Medium';
    font-size: 36px;
    font-style: normal;
    font-weight: 350;
    line-height: 40px;
}
.dna-title-heading {
  font-family: 'Tungsten-Medium';
  font-size: 28px;
  font-style: normal;
  font-weight: 350;
  line-height: 25px;
  margin-bottom: 40px;
  margin-top: 15px;
}
.end-text {
  text-align: center;
  padding: 0 25px;
}
.knife-box-parent {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
  }
  .knife-box {
    width: 100%;
    padding: 15px;
    min-height: unset;
    max-height: unset;
    margin-bottom: 20px;
  }

/* boat details page css start here */

.spec_list_item {
  min-width: 170px;
}
.spec_list {
  justify-content: flex-start;
}
.spec_list_item .size {
  font-size: 16px;
}
}

@media screen and (max-width:480px) {
  /* boat details page css start here */
  .cutImg {
    height: 165px;
    padding-top: 138px;
}
  .spec_list_item{
    width: 50% !important;
  }
  .spec_list {
    justify-content: space-between;
}
.rflctShdow .boat-detials-carousel .owl-nav button.owl-prev {
  position: absolute;
  top: 66%;
  left: -22%;
}
.rflctShdow .boat-detials-carousel .owl-nav button.owl-next {
  position: absolute;
  top: 66%;
  right: -22%;
}
  /* dna page css start here */
  .dna-logo-parent {
    padding: 0 25px;
}
.layers-sec {
  padding: 0 0;
}
.layer-img {
  height: 138px;
  width: 100%;
  border-radius: 50%;
  transition: all 0.2s;
}
  .layer-img-box {
    min-height: unset;
    height: auto;
    max-width: 135px;
    margin-top: 20px;
    margin-bottom: 20px;
}
.dna-logo-parent {
  max-width: 400px;
  text-align: center;
  padding-left: 0;
  margin: 60px auto;
  padding: 0 25px;
}
.layers-sec {
  display: flex;
  justify-content: space-evenly;
}
 /* dna page css end here */

  .prmryCrd{
    margin: 10px 0;
    width: 100%;
  }
  .custom-px-0{
    padding-left: 0;
    padding-right: 0;
  }
  .shdowBx {
    width: 100%;
    flex: 0 0 100px;
  }
  .shdwImg {
    position: absolute;
    top: 0px;
    left: 0px;
}

/* home page css start here */
.headngLg {
  font-size: 30px;
  font-weight: 400;
  line-height: 35px;
  text-align: center;
}

}

@media screen and (max-width:430px) {
  .logo-outer-box {
    max-width: 70px;
}
  /* contact us page css start here */
  .form-sec-1 {
    padding: 30px 15px 0px 15px;
}
  .form-sec-2 {
    padding: 30px 10px 30px 10px;
}

  /* boat details page css */
  .cutImg {
    height: 140px;
    padding-top: 115px;
}
  /* dna page css start here */
  .sm-featured-img{
    width: 100%;
    height: 100%;
  }
  .sm-featured-img img{
    width: 100%;
    height: 100%;
    object-fit: contain;
  }

/* dna page css end here */
  .spec_list_item {
    min-width: 150px;
}
.spec_list_item h4 {
  padding: 0 0;
}
}

@media screen and (max-width:430px) {
  .cutImg {
    height: 123px;
    padding-top: 115px;
}
.signimg{
  width: 200px !important;
  margin: 0 auto;

}
.sign_wrap {
  max-width: 500px;
  margin-left: unset !important;
}
}
/* Media Quieries Ends Here */