@import url("https://fonts.googleapis.com/css2?family=Allison&family=Playfair+Display:wght@400;500;600;700;800&family=Poppins:wght@300;400;500;600;700;800&display=swap");
@import url("animate.css");
@import url("owl.css");
@import url("swiper.min.css");
@import url("jquery.fancybox.min.css");
@import url("jquery-ui.css");
@import url("select2.min.css");
@import url("fontawesome.css");
@import url("flaticon-set-voyacht.css");
@import url("tm-bs-mp.css");
@import url("tm-utility-classes.css");
:root {
  --theme-color-light: #ffffff;
  --theme-color-dark: #000000;
  --theme-color1: #bfa888;
  --theme-color1-dark: #af997c;
  --theme-color2: #011425;
  --theme-color3: #f4efec;
  --review-color: #fdc009;
  --theme-color1-rgb: 191, 168, 136;
  --theme-color2-rgb: 1, 20, 37;
  --theme-color3-rgb: 244, 239, 236;
  --text-color: #54595f;
  --headings-color: #000000;
  --link-color: var(--theme-color-light);
  --link-hover-color: var(--theme-color-dark);
  --text-font: "Poppins", sans-serif;
  --title-font: "Playfair Display", serif;
  --style-font: "Allison", cursive;
  --body-font-size: 16px;
  --body-line-height: 30px;
  --body-font-weight: 400;
  --line-height-heading-h1: 1.2em;
  --line-height-heading: 1.2em;
  --line-height-heading-small: 1.4em;
  --h1-font-size: 75px;
  --h2-font-size: 48px;
  --h3-font-size: 32px;
  --h4-font-size: 24px;
  --h5-font-size: 20px;
  --h6-font-size: 18px;
  --h1-font-weight: 700;
  --h2-font-weight: 700;
  --h3-font-weight: 700;
  --h4-font-weight: 700;
  --h5-font-weight: 700;
  --h6-font-weight: 700;
  --sec-title-subtitle-color: var(--theme-color1);
  --sec-title-subtitle-font-size: 14px;
  --sec-title-subtitle-font-family: var(--text-font);
  --sec-title-subtitle-font-weight: 700;
  --sec-title-subtitle-line-height: 30px;
  --sec-title-color: var(--theme-color-dark);
  --sec-title-font-size: var(--h2-font-size);
  --sec-title-font-family: var(--title-font);
  --sec-title-font-weight: 400;
  --theme-light-background: #f8f6f1;
  --theme-light-background-text-color: var(--headings-color);
  --theme-black: #000000;
  --container-width: 1200px;
  --small-container-width: 1000px;
  --large-container-width: 1310px;
  --container-pt: 120px;
  --container-pb: 120px;
}

.marine-products{background-color: #383637;}
        .projects-section-five {
        position: relative;
        padding: 90px 0px;
      }
      .projects-section-five .anim-icons .image-1 {
        position: absolute;
       right: 50px; top: -145px;
      }
      .circleZoom {
        -webkit-animation: circlezoomrotate 15s infinite linear;
                animation: circlezoomrotate 15s infinite linear;
        -webkit-animation-direction: alternate;
                animation-direction: alternate;
      }
      @-webkit-keyframes circlezoomrotate {
        from {
          -webkit-transform: rotate(0deg) scale(0.8);
                  transform: rotate(0deg) scale(0.8);
        }
        to {
          -webkit-transform: rotate(360deg) scale(1);
                  transform: rotate(360deg) scale(1);
        }
      }
      @keyframes circlezoomrotate {
        from {
          -webkit-transform: rotate(0deg) scale(0.8);
                  transform: rotate(0deg) scale(0.8);
        }
        to {
          -webkit-transform: rotate(360deg) scale(1);
                  transform: rotate(360deg) scale(1);
        }
      }
      /* @media (max-width: 991.98px) {
        .projects-section-five .anim-icons .image-1 {
          display: none;
        }
      } */
      
      .project-block-five {
        margin-bottom: 50px;
        
      }
      @media (max-width: 1199.98px) {
        .project-block-five {
          margin-bottom: 25px;
        }
      }
      .project-block-five:nth-child(even) {
        margin-right: 110px;
      }
      .project-block-five:nth-child(even) .content-box {
        padding: 0px 60px 0px 30px;
      }
      @media (max-width: 1439.98px) {
        .project-block-five:nth-child(even) .content-box {
          padding: 0px;
        }
      }
      .project-block-five:nth-child(even) .image-box .image {
        margin: 0 auto;
        margin-left: 0px;
      }
      @media (max-width: 1439.98px) {
        .project-block-five:nth-child(even) {
          margin-right: 0;
        }
      }
      .project-block-five:nth-child(odd) {
        margin-left: 110px;
      }
      .project-block-five:nth-child(odd) .content-box {
        padding: 0px 30px 0px 60px;
      }
      @media (max-width: 1439.98px) {
        .project-block-five:nth-child(odd) .content-box {
          padding: 0px;
        }
      }
      .project-block-five:nth-child(odd) .image-box .image {
        margin: 0 auto;
        margin-right: 0px;
      }
      @media (max-width: 1439.98px) {
        .project-block-five:nth-child(odd) {
          margin-left: 0;
        }
      }
      .project-block-five .inner-box {
        position: relative;
        padding: 32px;
        overflow: hidden;
        border-radius: 80px;
        z-index: 1;
        /* background-image:url(../images/icons/bg-pattern-1.png);background-size: cover;
        background-blend-mode: overlay;
        background-color: #f4efec; */
        background-image: url("../images/icons/p-4.png");
background-size: cover;
background-repeat: no-repeat;
background-position: center;
background-blend-mode: overlay;
background-color: #e9e2dc;

      }
      @media (max-width: 767.98px) {
        .project-block-five .inner-box {
          padding: 30px 20px;
          border-radius: 30px;
        }
      }
      .project-block-five .inner-box:before {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: -1;
        content: "";
        -webkit-transform: translateY(110%);
                transform: translateY(110%);
        -webkit-transform-origin: bottom;
                transform-origin: bottom;
        background-color: var(--theme-color1);
        -webkit-transition: all 300ms ease;
        transition: all 300ms ease;
      }
      .project-block-five .inner-box:hover:before {
        -webkit-transform: translateY(0);
                transform: translateY(0);
      }
      .project-block-five .inner-box:hover .image-box .image img:first-child {
        -webkit-transform: translateX(0) scaleX(1);
                transform: translateX(0) scaleX(1);
        opacity: 1;
        -webkit-filter: blur(0);
                filter: blur(0);
      }
      .project-block-five .inner-box:hover .image-box .image img:nth-child(2) {
        -webkit-transform: translateX(-50%) scaleX(2);
                transform: translateX(-50%) scaleX(2);
        opacity: 0;
        -webkit-filter: blur(10px);
                filter: blur(10px);
      }
      .project-block-five .inner-box:hover .content-box .categories {
        color: #222222;
      }
      .project-block-five .inner-box:hover .content-box .title,.project-block-five .inner-box:hover .content-box .title a {
        color: #222222 !important;
      }
      .project-block-five .inner-box:hover .content-box .text {
        color: #222222;
      }
      .project-block-five .inner-box:hover .content-box .btn-style-four {
        color: #fff;
        background-color: #222222;
      }
      .project-block-five .inner-box:hover .content-box .btn-style-four .dot-box {
        background-color: var(--theme-color1);
      }
      .project-block-five .inner-box:hover .content-box .btn-style-four .dot-box .dot-item {
        background-color: #222222;
      }
      .project-block-five .inner-box:hover .content-box .btn-style-four .dot-box .dot-item:before, .project-block-five .inner-box:hover .content-box .btn-style-four .dot-box .dot-item:after {
        background-color: #222222;
      }
      .project-block-five .content-row {
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
      }
      .project-block-five .image-box {
        position: relative;
      }
      @media (max-width: 1199.98px) {
        .project-block-five .image-box {
          margin-bottom: 30px;
        }
      }
      .project-block-five .image-box .image {
        border-radius: 50px;
        position: relative;
        overflow: hidden;
        margin-bottom: 0;
      }
      @media (max-width: 767.98px) {
        .project-block-five .image-box .image {
          border-radius: 20px;
        }
      }
      .project-block-five .image-box .image img {
        border-right: 30px;
        position: relative;
        width: 100%;
        display: block;
        -webkit-transition: all 500ms ease;
        transition: all 500ms ease;
      }
      .project-block-five .image-box .image img:first-child {
        position: absolute;
        left: 0px;
        top: 0px;
        right: 0px;
        bottom: 0px;
        z-index: 1;
        -webkit-transform: translateX(50%) scaleX(2);
                transform: translateX(50%) scaleX(2);
        opacity: 0;
        -webkit-filter: blur(10px);
                filter: blur(10px);
      }
      .project-block-five .content-box {
        padding: 55px 65px 60px;
      }
      .project-block-five .content-box .categories {
        font-weight: 400;
        font-size: 16px;
        line-height: 29px;
        color:#222222;
        -webkit-transition: all 300ms ease;
        transition: all 300ms ease;
        font-family: var(--text-font);
      }
      .project-block-five .content-box .title {
        font-weight: 700;
        margin-bottom: 20px;
        color:#222222;
        font-size: 36px;
        text-decoration: none !important;
      }
      @media (max-width: 767.98px) {
        .project-block-five .content-box .title {
          font-size: 30px;
        }
      }
      .project-block-five .content-box .text {
        font-weight: 400;
        font-size: 16px;
        line-height: 29px;
        color: #222222;
        margin-bottom: 20px;
        -webkit-transition: all 300ms ease;
        transition: all 300ms ease;
        font-family: var(--text-font);
      }
      .title-stroke-text {
        color: var(--theme-color1);
        font-size: 200px;
        font-weight: 700;
        line-height: 200px;
        pointer-events: none;
        text-transform: uppercase;
        font-size: clamp(55px, 7vw, 200px);
        line-height: 1.2;
      }
      [data-tm-layout=lemon] .title-stroke-text {
        color: #222;
      }
      .title-stroke-text span {
        position: relative;
        font-size: 200px;
        font-weight: 700;
        line-height: 200px;
        pointer-events: none;
        text-transform: uppercase;
        -webkit-text-fill-color: transparent;
        -webkit-text-stroke: 1px;
        -webkit-text-stroke-color: #fff;
        opacity: 0.25;
        white-space: nowrap;
        -webkit-transform: translateX(100%);
                transform: translateX(100%);
        overflow: hidden;
        font-size: clamp(55px, 7vw, 200px);
        line-height: 1.2;
      }
      .btn-style-four {
        position: relative;
        font-size: 16px;
        text-decoration:none !important;
        font-weight: 600;
        line-height: 1.8125;
        border-radius: 60px;
        padding: 7px 7px 7px 31px;
        color: #000000;
        background-color: var(--theme-color1);
        border: 1px solid transparent;
        margin-top:20px;
        text-transform: capitalize;
        overflow: hidden;
        z-index: 0;
        -webkit-transition: all 300ms ease;
        transition: all 300ms ease;
      }
      
      .btn-style-four .icon {
        background-color: #222222;
        color: #fff;
        border-radius: 50%;
        font-size: 12px;
        height: 40px;
        line-height: 40px;
        margin-left: 12px;
        text-align: center;
        width: 40px;
        -webkit-transition: all 300ms ease;
        transition: all 300ms ease;
      }
      .btn-style-four .dot-box {
        background-color: #222222;
        color: #fff;
        border-radius: 50%;
        font-size: 12px;
        height: 40px;
        line-height: 40px;
        margin-left: 12px;
        text-align: center;
        position: relative;
        width: 40px;
        -webkit-transition: all 300ms ease;
        transition: all 300ms ease;
      }
      
      .btn-style-four .dot-box .dot-item {
        background-color: #fff;
        border-radius: 50%;
        height: 5px;
        width: 5px;
        display: inline-block;
        position: absolute;
        left: calc(50% + 3px);
        top: calc(50% - 2.5px);
        -webkit-transition: all 300ms ease;
        transition: all 300ms ease;
      }
      .btn-style-four .dot-box .dot-item:before {
        background-color: #fff;
        border-radius: 50%;
        content: "";
        position: absolute;
        left: -7px;
        top: -7px;
        height: 5px;
        width: 5px;
        -webkit-transition: all 300ms ease;
        transition: all 300ms ease;
      }
      .btn-style-four .dot-box .dot-item:after {
        background-color: #fff;
        border-radius: 50%;
        content: "";
        position: absolute;
        left: -7px;
        bottom: -7px;
        height: 5px;
        width: 5px;
        -webkit-transition: all 300ms ease;
        transition: all 300ms ease;
      }
      .btn-style-four:before {
        position: absolute;
        left: 0;
        top: 0;
        width: 101%;
        height: 100%;
        content: "";
        border-radius: 0;
        -webkit-transform: scale(0, 1);
                transform: scale(0, 1);
        -webkit-transform-origin: top right;
                transform-origin: top right;
        background-color: #121C27;
        transition: -webkit-transform 500ms cubic-bezier(0.86, 0, 0.07, 1);
        -webkit-transition: -webkit-transform 500ms cubic-bezier(0.86, 0, 0.07, 1);
        transition: transform 500ms cubic-bezier(0.86, 0, 0.07, 1);
        transition: transform 500ms cubic-bezier(0.86, 0, 0.07, 1), -webkit-transform 500ms cubic-bezier(0.86, 0, 0.07, 1);
        -webkit-transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
                transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
        z-index: -1;
      }
      .btn-style-four:hover {
        color: #fff;
        border-color: rgba(248, 248, 248, 0.2);
      }
      .btn-style-four:hover:before {
        -webkit-transform: scale(1, 1);
                transform: scale(1, 1);
        -webkit-transform-origin: bottom left;
                transform-origin: bottom left;
      }
      .btn-style-four:hover .icon {
        background-color: #222222;
        color: #fff;
      }
      .btn-style-four:hover .dot-box {
        background-color: var(--theme-color1);
        color: #fff;
      }
      .btn-style-four:hover .dot-box .dot-item {
        left: calc(50% - 7px);
        top: calc(50% - 2.5px);
        background-color: #222222;
      }
      .btn-style-four:hover .dot-box .dot-item:before {
        left: 7px;
        top: 7px;
        background-color: #222222;
      }
      .btn-style-four:hover .dot-box .dot-item:after {
        left: 7px;
        bottom: 7px;
        background-color: #222222;
      }
      .btn-style-four.dark-bg {
        color: #fff;
        background-color: #303030;
      }
      .btn-style-four.dark-bg:hover {
        color: #000000;
      }
      .btn-style-four.dark-bg::before {
        background-color: var(--theme-color1);
      }
      .btn-style-four.light-bg {
        background-color: #fff;
        border: 1px solid #fff;
        color: var(--theme-color1);
      }
      .btn-style-four.light-bg:hover {
        color: #fff;
      }
      .btn-style-four.light-bg::before {
        background-color: #121C27;
      }
      .btn-style-four.transparent-bg {
        background-color: transparent;
        border: 1px solid #fff;
        color: #fff;
      }
      .btn-style-four.transparent-bg:hover {
        color: #fff;
      }
      .btn-style-four.transparent-bg::before {
        background-color: var(--theme-color1);
      }
      .btn-style-four.hover-light:hover {
        color: #121310;
      }
      .btn-style-four.hover-light:before {
        background-color: #fff;
      }
      .btn-style-four.hover-dark:hover {
        color: #fff;
      }
      .btn-style-four.hover-dark:before {
        background-color: #121C27;
      }
      .btn-style-four.btn-sm {
        font-size: 14px;
        padding: 5px 5px 5px 25px;
      }
      .btn-style-four.btn-sm .icon {
        font-size: 12px;
        height: 30px;
        line-height: 30px;
        width: 30px;
        margin-left: 5px;
        -webkit-transition: all 300ms ease;
        transition: all 300ms ease;
      }
      .btn-style-four.btn-sm .dot-box {
        height: 30px;
        line-height: 30px;
        width: 30px;
      }
      .btn-style-four.btn-sm .dot-box .dot-item {
        height: 4px;
        width: 4px;
      }
      .btn-style-four.btn-sm .dot-box .dot-item:before {
        height: 4px;
        width: 4px;
      }
      .btn-style-four.btn-sm .dot-box .dot-item:after {
        height: 4px;
        width: 4px;
      }
      .btn-style-four.btn-sm:hover .dot-box .dot-item {
        left: calc(50% - 7px);
      }
      .btn-style-four.btn-sm:hover .dot-box .dot-item:before {
        left: 7px;
        top: 7px;
      }
      .btn-style-four.btn-sm:hover .dot-box .dot-item:after {
        left: 7px;
        bottom: 7px;
      }
      .btn-style-four.btn-lg {
        font-size: 16px;
        padding: 7px 7px 7px 31px;
      }
      .btn-style-four.btn-lg .dot-box {
        margin-left: 16px;
      }
      .page-wrapper {
        position: relative;
        margin: 0 auto;
        width: 100%;
        min-width: 300px;
        overflow-x: hidden;
        z-index: 99;
        background-color: #0A0A0A;
      }
      .theme-btn {
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        gap: 8px;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        text-align: center;
        white-space: nowrap;
        -webkit-transition: all 300ms ease;
        transition: all 300ms ease;
      }
      .theme-btn .btn-title {
        position: relative;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
      }
      .container-fluid{padding-right:0;padding-left:0}
      .title a:hover{text-decoration:none}
      .title a{color:#84735d}