/* Base Styles */
    * { margin: 0; padding: 0; box-sizing: border-box; }
    body { font-family: Arial, sans-serif; width: 100%;}
    html, body { width: 100%; }
/* Global css start  */



@font-face {
  font-family: 'Cabinet Grotesk';
  src: url('./fonts/CabinetGrotesk-Variable.ttf') format('truetype');
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Vonca';
  src: url('./fonts/Vonca-ExtraLight.otf') format('opentype');
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Vonca';
  src: url('./fonts/Vonca-Light.otf') format('opentype');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Vonca';
  src: url('./fonts/Vonca-Regular.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Vonca';
  src: url('./fonts/Vonca-Bold.otf') format('opentype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

html {
  scroll-behavior: smooth;
}

.row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.col-md-1 {
-ms-flex: 0 0 8.333333%;
flex: 0 0 8.333333%;
max-width: 8.333333%;
}
.col-md-2 {
	-ms-flex: 0 0 16.666667%;
	flex: 0 0 16.666667%;
	max-width: 16.666667%;
}
.col-md-3 {
	-ms-flex: 0 0 25%;
	flex: 0 0 25%;
	max-width: 25%;
}
.col-md-4 {
	-ms-flex: 0 0 33.333333%;
	flex: 0 0 33.333333%;
	max-width: 33.333333%;
}
.col-md-5 {
	-ms-flex: 0 0 41.666667%;
	flex: 0 0 41.666667%;
	max-width: 41.666667%;
}
.col-md-6 {
	-ms-flex: 0 0 50%;
	flex: 0 0 50%;
	max-width: 50%;
}
.col-md-7 {
	-ms-flex: 0 0 58.333333%;
	flex: 0 0 58.333333%;
	max-width: 58.333333%;
}
.col-md-8 {
	-ms-flex: 0 0 66.666667%;
	flex: 0 0 66.666667%;
	max-width: 66.666667%;
}
.col-md-9 {
	-ms-flex: 0 0 75%;
	flex: 0 0 75%;
	max-width: 75%;
}
.col-md-10 {
	-ms-flex: 0 0 83.333333%;
	flex: 0 0 83.333333%;
	max-width: 83.333333%;
}
.col-md-11 {
	-ms-flex: 0 0 91.666667%;
	flex: 0 0 91.666667%;
	max-width: 91.666667%;
}
.col-md-12 {
	-ms-flex: 0 0 100%;
	flex: 0 0 100%;
	max-width: 100%;
}
.container-fluid {
   width: 100%;
   padding-left: 50px;
   padding-right: 50px;
}
.px-50{
	padding-left: 50px !important;
    padding-right: 50px !important;
}
.py-50{
	padding-top: 50px;
    padding-bottom: 50px;
}




/* Default Typography */
body {
    font-family: 'Cabinet Grotesk', sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5;
    color: #000; /* Default text color */
}

/* Font Classes */
.font-vonca {
    font-family: 'Vonca', sans-serif !important;
}

.font-grotesk {
    font-family: 'Cabinet Grotesk', sans-serif !important;
}

/* Font Weight */
.font-bold {
    font-weight: 700 !important; /* Bold */
}

.font-semibold {
    font-weight: 600 !important; /* Semi-Bold */
}

.font-medium {
    font-weight: 500 !important; /* Medium */
}

.font-light {
    font-weight: 300 !important; /* Light */
}


h1 {
	font-size: 3rem;
    margin-bottom: 20px;
}

/* Headings */
h1, h2, h3, h4, h5 {
    font-family: 'Vonca', sans-serif; /* Default to Vonca */
}

/* Alternative Heading with Grotesk */
h1.font-grotesk,
h2.font-grotesk,
h3.font-grotesk,
h4.font-grotesk,
h5.font-grotesk {
    font-family: 'Cabinet Grotesk', sans-serif !important;
}

/* Text Colors */
.text-black {
    color: #000000 !important;
}

.text-red {
    color: #C32026 !important;
}

.text-white {
    color: #ffffff !important;
}

.text-peach {
    color: #EE417A !important;
}
.text-gray {
    color: #161616 !important;
}

/* Background Colors */
.bg-black {
    background-color: #000000 !important;
    color: #ffffff;
}

.bg-red {
    background-color: #C32026 !important;
    color: #ffffff;
}

.bg-white {
    background-color: #ffffff !important;
    color: #000000;
}

.bg-peach {
    background-color: #EE417A !important;
    color: #000000;
}




/* Global css end  */

a.ar-lang-link {
    color: #fff;
	font-family: 'Vonca', sans-serif;
    font-size: 18px;
    font-weight: 500;
}

a.ar-lang-link {
 color: #fff;
 font-family: "Vonca", sans-serif;
 font-size: 0 !important;
    font-weight: 500;
}

.ar-lang-link span {
    background-image: url(https://malayachts.ae/wp-content/uploads/2025/07/uae-flag.webp);
    width: 30px;
    height: 30px;
    display: inline-block;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    position: relative;
    top: 0px;
    margin-right: 0px;
}
a.en-lang-link {
   color: #fff;
    font-size: 0 !important;
    font-weight: 500;
}

.en-lang-link span {
 background-image: url(https://malayachts.ae/wp-content/uploads/2025/07/en.svg);
 width: 25px;
 height: 18px;
 display: inline-block;
 background-repeat: no-repeat;
 background-size: cover;
 background-position: center;
 position: relative;
 top: 3px;
 margin-right: 8px;
}



.text-center {  text-align: center; }
.d-block {  display: block; }
.mt-60{	margin-top: 60px; }
a {	text-decoration: none; }
.whatsapp-btn {
    position: fixed;
    bottom: 0;
    left: 0;
}
.w-layout-grid {
  grid-row-gap: 16px;
  grid-column-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.w-layout-blockcontainer {
  max-width: 940px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

@media screen and (max-width: 991px) {
  .w-layout-blockcontainer {
    max-width: 728px;
  }
}

@media screen and (max-width: 767px) {
  .w-layout-blockcontainer {
    max-width: none;
  }
}


.section.footer-section {
  color: #fff;
  padding-bottom: 1vw;
  padding-left: 1vw;
  padding-right: 1vw;
}

.section.light-pink {
  background-color: #f4dfdfc9;
}

.section.overflow-hidden {
  overflow: hidden;
}

.section.img0show {
  perspective-origin: 50% 100%;
  justify-content: center;
  align-items: center;
  overflow: hidden;
}

.section._100bg {
  background-image: url('https://malayachts.ae/wp-content/uploads/2024/11/Mask-group-30_1.avif');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  justify-content: center;
  align-items: center;
  display: flex;
}

.section._100bg.send {
  background-image: url('https://malayachts.ae/wp-content/uploads/2024/11/Group-40512_1.avif');
  background-position: 50%;
}

.section.more {
  height: 200vh;
}

.styleguide-hero-section {
  background-color: #2b2f3a;
  border-radius: 30px;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-start;
  max-width: 88vw;
  height: 400px;
  margin: 60px auto;
  padding-bottom: 60px;
  padding-left: 60px;
  display: flex;
}

.h1 {
  color: #000;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 4.5vw;
  font-weight: 400;
  line-height: 120px;
}

.h1.white-text {
  color: #fff;
}

.container {
  width: 100%;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding: 11vh 5.5vw;
  transition: box-shadow .3s;
  position: relative;
}

.container.nav {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: 0.3fr 1fr 0.3fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  align-items: center;
  padding-top: 2.5vh;
  padding-bottom: 2.5vh;
  display: grid;
}

.container.footer-1 {
  padding-top: 6vh;
  padding-bottom: 6vh;
}

.container.full-side {
  padding-right: 0;
}

.container.ful {
  padding-left: 0;
  padding-right: 0;
}

.container.more {
  padding-top: 24vh;
}

.container.sticky {
  justify-content: center;
  align-items: center;
  height: 100vh;
  display: flex;
  position: sticky;
  top: 0;
}

.container.spae-more {
  padding-bottom: 20vh;
}

.container.top-sp {
  padding-top: 25vh;
}

.container.rela {
  padding-bottom: 29vh;
}

.container.drop-container {
  padding-top: 5vh;
  padding-bottom: 5vh;
}

.styleguide-grid {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  grid-template-rows: auto;
  grid-template-columns: .4fr 1fr;
  margin-bottom: 100px;
}

.styleguide-title {
  font-size: 32px;
  line-height: 1;
  position: sticky;
  top: 40px;
}

.styleguide-right-div {
  grid-column-gap: 60px;
  grid-row-gap: 30px;
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.styleguide-right-div.color {
  grid-column-gap: 30px;
  flex-flow: wrap;
}

.color-div {
  border: 1px solid #1e1c1c;
  border-top-left-radius: 50%;
  border-bottom-right-radius: 50%;
  width: 120px;
  height: 120px;
}

.color-div.color-1 {
  background-color: #fff;
}

.color-div.color-2 {
  background-color: #c62222;
}

.color-div.color-5 {
  background-color: #fff;
}

.color-div.color-5._6 {
  background-color: #000;
}

.h2 {
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 2.92vw;
  font-weight: 500;
  line-height: 1.1;
}

.h2.light {
  color: #c62222;
  line-height: 1.4;
}

.h2.light.reveal-type.p-typing {
  text-align: justify;
  text-transform: none;
  font-size: 3.6vw;
}

.h2.sfd {
  line-height: 1.2;
}

.h3 {
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 2.2vw;
  font-weight: 400;
  line-height: 1;
}

.h3.cap {
  text-transform: capitalize;
  font-weight: 500;
  line-height: 1.2;
}

.h3.wfif {
  font-weight: 500;
}

.h3.cap-remove {
  text-transform: none;
}

.h3.drop-titles {
  font-size: 1.5vw;
}

.h4 {
  color: #c62222;
  margin-top: 0;
  font-family: Vonca, sans-serif;
  font-size: 1.5vw;
  line-height: 1;
}

.h5 {
  color: #767a85;
  font-size: 1vw;
}

.paragraph-bigger {
  margin-bottom: 0;
  font-size: 1.5vw;
  line-height: 1.2;
}

.paragraph-bigger.testimonial {
  opacity: 1;
  color: #848484;
  font-weight: 500;
  line-height: 1.4;
}

.paragraph {
  margin-bottom: 0;
  font-size: 1.1vw;
  line-height: 1.1;
}

.paragraph.foot {
  color: #fff;
  line-height: 1.3;
  text-decoration: none;
}

.paragraph.link {
  color: #fff;
  text-transform: capitalize;
  text-decoration: none;
}

.paragraph._500 {
  font-weight: 500;
}

.paragraph._500.hig {
  line-height: 1.3;
}

.paragraph.height {
  color: #000;
  font-weight: 500;
  line-height: 1.6;
  
}
@media (max-width: 576px) {
  .paragraph.height {
   width: unset!important;
  }
  
  .popup-wrapper.ere {
    color: #000;
    background-color: #fff;
    width: 55vw!important;
  }
	.button.secondary-button.smaller{
		font-size: 3.0vw!important;
	}
	.icon-small{
		width: 5.2vw!important;
	}
	.flex-list-wrapper {
        font-size: 12px!important;
    }
	.popup-wrapper.cen{
		width:50vw!important;
	}
}

@media (max-width: 767px) {
	 html, body { overflow-x: hidden; }
  .h2 {
    font-size: 32px !important;
  }
  .h3 {
    font-size: 18px !important;
  }
  .h4 {
    font-size: 20px !important;
  }
  .h5 {
    font-size: 18px !important;
  }
  .p {
    font-size: 18px !important;
    line-height: 26px !important;
  }
  .mala-yacht-listing {
    padding: 0px !important;
  }
  .yacht-info {
  	gap: 10px !important;
  }
  .paragraph.height.more {
    font-size: 15px !important;
  }
  .grid-list {
  	grid-template-columns: 1fr !important;
  }
}
.paragraph.height.more {
  font-size: 1.3vw;
}

.button {
  text-align: center;
  letter-spacing: .1em;
  text-transform: uppercase;
  background-color: #c62222;
  color: white;
  border: 1px solid #c622227d;
  border-radius: .3vw;
  padding: 1.4vh 1.6vw 1.2vh;
  font-size: 1.1vw;
  font-weight: 400;
  line-height: 1.4;
  transition: all .3s;
}

.button:hover {
  color: #c6222299;
  background-color: #c6222200;
}

.button.secondary-button {
  color: #c62222d6;
  background-color: #c6222200;
}

.button.secondary-button.smaller {
  color: #c62222;
  padding: 1vh 1vw .8vh;
  font-size: .8vw;
}

.button.secondary-button.smaller.bar {
  border-style: none;
  padding: 0;
  font-weight: 700;
}

.button.transparent {
  color: #000;
  background-color: #c6222200;
  border-color: #000;
  font-weight: 500;
}

.button.transparent:hover {
  color: #fff;
  background-color: #c62222;
}

.button.white {
  letter-spacing: -.018em;
  background-color: #fff;
  border-style: none;
  padding: 1vh 1vw;
}

.button.abso {
  transition: opacity .3s;
  position: absolute;
  inset: 0%;
}

.navbar {
  background-color: #ddd0;
}

.logo-link {
  width: 8vw;
}

.image {
  width: 100%;
  max-width: none;
  height: 100%;
}

.image.cover {
  object-fit: cover;
}

.image.ratio-img {
  aspect-ratio: auto;
}

.navlink {
  margin-left: 0;
  margin-right: 0;
  padding: 0;
  font-size: 1vw;
  font-weight: 500;
  line-height: 1;
}

.navlink.dropdown-link {
  color: #000;
  text-decoration: none;
}

.nav-menu {
  grid-column-gap: 2.2vw;
  grid-row-gap: 2.2vw;
  justify-content: center;
  align-items: center;
  display: flex;
}

.dropdown-toggle {
  padding-left: 0;
  padding-right: 20px;
}

.icon {
  margin-right: 0;
}

.red-footer {
  background-color: #c62222;
  border-top-left-radius: .5vw;
  border-top-right-radius: .5vw;
}

.grid-foot-main {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.talk-wrap {
  color: #fff;
  text-transform: uppercase;
  font-family: Vonca, sans-serif;
  font-size: 5.5vw;
  font-weight: 700;
  line-height: 1;
  text-decoration: none;
}

.form {
  border-bottom: 1px solid #f4dfdf;
  justify-content: center;
  align-items: flex-end;
  padding-bottom: 1vh;
  display: flex;
}

.text-field {
  color: #fff;
  background-color: #fff0;
  border: 1px #000;
  width: 25vw;
  margin-bottom: 0;
  padding-left: 0;
  font-size: 1.2vw;
}

.text-field::placeholder {
  color: #f4dfdf;
}

.submit-button {
  aspect-ratio: 1;
  background-color: #3898ec00;
  background-image: url('https://malayachts.ae/wp-content/uploads/2024/11/Icon.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 60%;
  width: 2.8vw;
}

.footer-black-bg {
  background-color: #000;
  border-bottom-right-radius: .5vw;
  border-bottom-left-radius: .5vw;
}

.grid-footer {
  grid-column-gap: 5vw;
  grid-row-gap: 5vw;
  grid-template-columns: 1fr 1.25fr auto;
}

.logo-foot {
  width: 7.9vw;
}

.first-footer-grid {
  grid-column-gap: 4vh;
  grid-row-gap: 4vh;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 80%;
  display: flex;
}

.single-foot-wrap {
  grid-column-gap: 2.4vh;
  grid-row-gap: 2.4vh;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 84%;
  display: flex;
}

.footer-heading {
  color: #fff9;
  font-family: Vonca, sans-serif;
  font-size: 1.1vw;
}

.social-links-wrapper {
  grid-column-gap: 2vw;
  grid-row-gap: 2vw;
  justify-content: flex-start;
  align-items: center;
  margin-top: 3vh;
  display: flex;
}

.social-link {
  aspect-ratio: 1;
  border: 1px solid #ffffff29;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 3.3vw;
  display: flex;
}

.social-icon-inner {
  width: 50%;
}

.smaller {
  grid-column-gap: 1.8vh;
  grid-row-gap: 1.8vh;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.trust-wrapper {
  width: 100%;
  margin-top: 5vh;
}

.inner-main-hero {
  grid-column-gap: 5vh;
  grid-row-gap: 5vh;
  text-align: center;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 65%;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.inner-main-hero.sec {
  width: 70%;
}

.vonca {
  font-family: Vonca, sans-serif;
  font-weight: 400;
}

.vonca.red {
  color: #c62222;
}

.location-div {
  grid-column-gap: 1vw;
  grid-row-gap: 1vw;
  justify-content: center;
  align-items: center;
  display: flex;
}

.location-icon {
  width: 1.4vw;
}

.full-img {
  width: 100%;
  max-width: none;
  margin-left: auto;
  margin-right: auto;
}

.side-h2-wrapper {
  width: 76%;
  margin-left: auto;
}

.full-icon-wrapper {
  width: 100%;
}

.full-icon-wrapper-copy {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  margin-top: 10vh;
  display: flex;
}

.heading-wrapper {
  margin-bottom: 8vh;
}

.heading-wrapper.tiny {
  margin-bottom: 5vh;
}

.heading-wrapper.center {
  grid-column-gap: 3vh;
  grid-row-gap: 3vh;
  text-align: center;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.heading-wrapper.center.margin {
  margin-bottom: 1vh;
}

.c-faq {
  max-width: 64%;
  margin-left: auto;
  margin-right: 0;
}

.c-faq-item {
  cursor: pointer;
  border-bottom: 1px solid #000;
  margin-bottom: 10px;
  font-size: 1.2em;
  line-height: 1.6em;
}

.c-faq-q {
  align-items: center;
  display: flex;
}

.c-faq-q-text {
  flex: 1;
  padding-top: 2vh;
  padding-bottom: 2vh;
}

.faq-q-text {
  font-family: Vonca, sans-serif;
  font-size: 1.5vw;
  line-height: 1.2;
}

.c-faq-icon {
  justify-content: center;
  align-items: center;
  position: relative;
}

._w-faq-icon {
  background-color: #c62222;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 1.4vw;
  height: 1.4vw;
  display: flex;
  position: relative;
}

.faq-stripe-1 {
  background-color: #fff;
  width: 2px;
  height: 60%;
}

.faq-stripe-2 {
  background-color: #fff;
  width: 60%;
  height: 2px;
  position: absolute;
}

.c-faq-a {
  perspective-origin: 50% 0;
  transform-origin: 50% 0;
  overflow: hidden;
}

.c-faq-a-text {
  width: 83%;
  padding-top: 1vh;
  padding-bottom: 2vh;
}

.grid-getintouch {
  grid-column-gap: 4.2vw;
  grid-row-gap: 4.2vw;
  grid-template-rows: auto;
  grid-template-columns: .6fr 1fr;
}

.form-wrapper {
  margin-bottom: 0;
}

.field-grid {
  grid-column-gap: 1.5vw;
  grid-row-gap: 1.5vw;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-bottom: 1.5vw;
  display: grid;
}

.field-grid.second {
  grid-template-columns: 1fr .75fr;
}

.field {
  color: #767a85;
  background-image: url('https://malayachts.ae/wp-content/uploads/2024/11/Group.svg');
  background-position: 1.5vw;
  background-repeat: no-repeat;
  background-size: 1.5vw;
  border: 1px solid #767a852e;
  border-radius: .5vw;
  height: 6.5vh;
  margin-bottom: 0;
  padding-left: 4vw;
  font-size: 1.3vw;
  font-weight: 500;
  line-height: 1;
}

.field.sele {
  color: #c62222;
  -webkit-appearance: none;
  appearance: none;
  background-color: #fff;
  background-image: url('https://malayachts.ae/wp-content/uploads/2024/11/Vector-2.svg');
  background-position: 93%;
  background-size: 1.5vw;
  padding-left: 1.5vw;
}

.field.email {
  background-image: url('https://malayachts.ae/wp-content/uploads/2024/11/Group-1.svg');
}
.field.number {
    background-image: url(https://malayachts.ae/wp-content/uploads/2024/11/contact.png);
}

.slider {
  background-color: #ddd0;
  height: auto;
  padding-bottom: 7vh;
}

.mask {
  max-width: 55%;
  margin-left: auto;
  margin-right: auto;
  overflow: visible;
}

.slide {
  z-index: 2;
}

.wra-inner-testimonial {
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}

.stretch {
  flex-flow: column;
  flex: 1;
  justify-content: flex-end;
  align-items: flex-start;
  display: flex;
}

.wrap-testimonial-profile {
  grid-column-gap: 1.5vw;
  grid-row-gap: 1.5vw;
  justify-content: flex-start;
  align-items: center;
  margin-top: 4vh;
  font-family: Vonca, sans-serif;
  font-size: 1.5vw;
  line-height: 1;
  display: flex;
}

.tes-admin-img {
  width: 5.5vw;
}

.slide-wrap {
  border: 1px solid #afb3bb;
  border-radius: .5vw;
  padding: 3vw;
}

.slide-gallery {
  background-color: #fff0;
  height: auto;
}

.mask-wrapper {
  width: 58%;
  margin-left: auto;
  margin-right: auto;
  overflow: visible;
}

.arrow-slider {
  cursor: none;
  justify-content: center;
  align-items: center;
  width: 26vw;
  display: flex;
  inset: 0 auto 0% 0;
  overflow: visible;
}

.arrow-slider._2 {
  inset: 0 0 0% auto;
}

._100 {
  width: 4vw;
}

.grid--style {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: .5fr 1fr 1fr 1fr;
  grid-template-columns: 1fr 1fr 1fr 1fr;
}

.card-decoration {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  border: 1px solid #f4dfdf;
  border-radius: .5vw;
  flex-flow: column;
  justify-content: space-between;
  align-items: stretch;
  width: 100%;
  height: 100%;
  padding: 1vw;
  display: flex;
  position: relative;
}

.wrap-arrow-icon {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.img-decor {
  width: 18%;
}

.arrow-icon {
  width: 9%;
}

.full-grid {
  grid-column-gap: 4vw;
  grid-row-gap: 4vw;
  grid-template-rows: auto;
  grid-template-columns: .4fr 1fr;
  margin-bottom: 12vh;
}

.grid-card {
  grid-column-gap: 3vw;
  grid-row-gap: 3vw;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-bottom: 10vh;
  display: grid;
}

.single-card-fuel {
  cursor: pointer;
  position: relative;
}

.inner-content-wrapper {
  color: #fff;
  font-family: Vonca, sans-serif;
  position: absolute;
  inset: auto auto 10% 7%;
}

.content-inner-card {
  z-index: 2;
  opacity: 0;
  pointer-events: none;
  background-color: #fff;
  border: 3px solid #c62222;
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
  padding: 2vw;
  display: flex;
  position: absolute;
  inset: 0%;
}

.header-table {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  background-color: #f9f9f9;
  border: 1px solid #dadada;
  border-radius: .5vw;
  grid-template-rows: auto;
  grid-template-columns: 1fr .8fr 1fr 1fr .7fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.table-heading--wrapper {
  border-right: 1px solid #dadada;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  padding-top: 2vh;
  padding-bottom: 2vh;
  padding-left: 1.7vw;
  font-size: 1.5vw;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
}

.table-heading--wrapper.cent {
  text-align: center;
  justify-content: center;
  align-items: center;
  padding-left: 0;
}

.table-heading--wrapper.small {
  border-right-color: #fff8f8;
}

.table-heading--wrapper.small.cent {
  font-weight: 400;
}

.table-heading--wrapper.small.cent.last {
  border-right-style: none;
}

.single-card {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  border: 1px #fff8f8;
  border-style: none none solid solid;
  grid-template-rows: auto;
  grid-template-columns: 1fr .8fr 1fr 1fr .7fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.images-wrapper-grid {
  width: 100%;
}

.image-top {
  width: 35vw;
}

.wrapper-flex {
  z-index: 1;
  justify-content: flex-end;
  align-items: center;
  margin-bottom: -13vw;
  padding-left: 5vw;
  padding-right: 5vw;
  display: flex;
  position: relative;
}

.wrapper-flex.se {
  justify-content: flex-start;
  align-items: center;
  margin-top: -6vw;
  margin-bottom: 0;
}

.wrap-paragraph {
  text-align: center;
  max-width: 46%;
  margin-top: 6vh;
  margin-left: auto!important;
  margin-right: auto!important;
}

.car-animation {
  width: 95%;
  margin-left: auto;
  margin-right: auto;
}

.grid-yachts {
  grid-column-gap: 4vw;
  grid-row-gap: 10vh;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
}

.single-card-yachts {
  background-color: #f9f9f9;
  border-radius: .5vw;
  transition: all .4s;
  box-shadow: 0 0 5px #0003;
}

.single-card-yachts:hover {
  transform: scale(1.1)translate(0, -2%);
  box-shadow: 0 0 20px #00000047;
}

.image-rel {
  position: relative;
}

.cards-wrapper {
  grid-column-gap: .2vw;
  grid-row-gap: .2vw;
  background-color: #fff;
  border-radius: 10vw;
  justify-content: flex-start;
  align-items: center;
  padding: .6vh 1vw;
  font-size: .8vw;
  line-height: 1;
  display: flex;
  position: absolute;
  inset: auto auto 10% 5%;
}

.icon-admin {
  width: 1.2vw;
}

.card-detail {
  grid-column-gap: 3vh;
  grid-row-gap: 3vh;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  padding: 4vh;
  display: flex;
}

.titles-wrapper {
  grid-column-gap: 1vw;
  grid-row-gap: 1vw;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.icon-mark {
  width: 1.2vw;
}

.detail-card {
  grid-column-gap: 1.5vw;
  grid-row-gap: 1.5vw;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  display: grid;
}

.detail-card.centered {
  justify-content: center;
  align-items: center;
  display: flex;
}

.card-single {
  grid-column-gap: 1vh;
  grid-row-gap: 1vh;
  text-align: center;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.text-red {
  color: #c62222;
  font-size: .9vw;
  font-weight: 500;
  line-height: 1;
}

.div-button {
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  margin-bottom: 7vh;
  display: flex;
}

.div-button.top {
  margin-top: 9vh;
}

.grid-1b1 {
  grid-column-gap: 4vw;
  grid-row-gap: 4vw;
  grid-template-rows: auto;
  margin-bottom: 10vh;
}

.grid-1b1.se {
  grid-column-gap: 4vw;
  grid-row-gap: 4vw;
}

.grid-1b1.last {
  margin-bottom: 0;
}

.images-wrapper {
  position: relative;
}

.sticky-wrapper {
  width: 100%;
  position: static;
  top: 20vh;
}

.wrap-grid {
  grid-column-gap: 4vh;
  grid-row-gap: 4vh;
  flex-flow: column;
  justify-content: flex-start;
  align-items: stretch;
  display: flex;
}

.heading-card-wrapper {
  text-align: center;
  width: 70%;
  margin-left: auto;
  margin-right: auto;
}

.button-drag {
  grid-column-gap: 0vw;
  grid-row-gap: 0vw;
  color: #fff;
  text-transform: uppercase;
  background-color: #c62222;
  border-radius: .5vw;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  place-items: center;
  padding: 2vh 10px;
  font-size: 1vw;
  line-height: 1;
  display: grid;
}

.button-drag.sec {
  grid-column-gap: 1.3vw;
  grid-row-gap: 1.3vw;
  display: flex;
}

.text-card {
  font-size: 1.1vw;
}

.text-card.red-text {
  color: #c62222;
  font-weight: 500;
}

._500 {
  font-weight: 500;
}

.drag-icon {
  width: 1vw;
}

.lebal {
  letter-spacing: -.01em;
  font-size: 1vw;
  font-weight: 500;
  line-height: 1;
}

.grid-list {
  grid-column-gap: 4vw;
  grid-row-gap: 4vw;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-top: 2vh;
  display: grid;
}

.grid-list.smaller {
  grid-column-gap: 2vw;
  grid-row-gap: 2vw;
  margin-top: 0;
}

.single-list-wrapper {
  grid-column-gap: 1vw;
  grid-row-gap: 1vw;
  justify-content: flex-start;
  align-items: center;
  font-size: 1.2vw;
  font-weight: 500;
  line-height: 1.3;
  display: flex;
}

.single-list-wrapper.cent {
  justify-content: center;
  align-items: center;
  margin-top: 2vh;
}

.single-list-wrapper.top {
  justify-content: flex-start;
  align-items: flex-start;
}

.icon-card {
  flex: none;
  width: 4.2vw;
}

.div-wrap {
  grid-column-gap: .8vh;
  grid-row-gap: .8vh;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.image-grid-wrapper {
  display: none;
}

.imag-wrap {
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
  overflow: hidden;
}

.sticky-button {
  position: sticky;
  top: 48vh;
}

.sticky-button.show-mobel {
  display: none;
}

.wrap {
  height: 100%;
  position: relative;
}

.wrapper-paragraph {
  text-align: center;
  max-width: 58%;
  margin-left: auto;
  margin-right: auto;
}

.wrap-behind {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  transform-style: preserve-3d;
  background-color: #fff;
  border-radius: .5vw;
  position: absolute;
  inset: 0%;
  overflow: hidden;
  transform: rotateX(0)rotateY(180deg)rotateZ(0);
}

.img-full {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.counter-img {
  width: 80%;
}

.sold-img {
  position: absolute;
  inset: 0% 0% auto auto;
}

.flex-time-wrap {
  grid-column-gap: .4vw;
  grid-row-gap: .4vw;
  justify-content: center;
  align-items: center;
  font-weight: 500;
  display: flex;
}

.smal-txt {
  font-size: .8vw;
  line-height: 1;
}

.red-text {
  color: #c62222;
  font-size: 1.25vw;
}

.popup-wrapper {
  grid-column-gap: 1vh;
  grid-row-gap: 1vh;
  color: #c62222;
  background-color: #f2ebeb;
  border-radius: .5vw;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 16vw;
  padding: 1.6vw;
  display: flex;
  position: absolute;
  inset: auto auto 190%;
}

.popup-wrapper.cen {
  text-align: center;
  justify-content: flex-start;
  align-items: center;
  padding-top: .8vw;
  padding-bottom: .8vw;
  font-size: 16px;
}

.popup-wrapper.ere {
  color: #000;
  background-color: #fff;
  width: 17vw;
}

.div-point {
  justify-content: center;
  align-items: flex-end;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: absolute;
  inset: auto 0 0%;
}

.flex-list-wrapper {
  grid-column-gap: .7vw;
  grid-row-gap: .7vw;
  justify-content: flex-start;
  align-items: center;
  font-size: .9vw;
  font-weight: 500;
  display: flex;
}

.flex-list-wrapper.sxk {
  justify-content: flex-start;
  align-items: flex-start;
}

.icon-small {
  aspect-ratio: 1;
  flex: none;
  width: 1.2vw;
}

.icon-small.sec {
  width: 1.4vw;
}

.box-arrow {
  aspect-ratio: 1;
  background-color: #f2ebeb;
  border-radius: .5vw;
  width: 2vw;
  transform: translate(0, 50%)rotate(-45deg);
}

.box-arrow.fe {
  background-color: #fff;
}

.popup-show-wrapper {
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.wrapper-filter {
  grid-column-gap: 1vw;
  grid-row-gap: 1vw;
  justify-content: center;
  align-items: center;
  margin-bottom: 7vh;
  display: flex;
}

.filter-trigger {
  color: #c622229e;
  background-color: #3898ec00;
  border: 1px solid #c6222280;
  border-radius: 50vw;
  padding: 1vh 1.4vw .9vh;
  font-size: 1.1vw;
  font-weight: 500;
  line-height: 1;
  transition: all .3s;
}

.filter-trigger:hover, .filter-trigger.w--current {
  color: #fff;
  background-color: #c62222;
}

.flex-main {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.border-text {
  background-color: #000;
  width: 1px;
  height: 1vw;
  margin-left: .3vw;
  margin-right: .3vw;
}

.wrap-felx {
  grid-column-gap: 1vh;
  grid-row-gap: 1vh;
  flex-flow: column;
  display: flex;
}

.grid-eve {
  grid-column-gap: 2.5vw;
  grid-row-gap: 2.5vw;
  grid-template-rows: auto;
  grid-template-columns: 1fr .7fr .6fr;
  place-items: start stretch;
}

.single-eve-card {
  grid-column-gap: 2vh;
  grid-row-gap: 2vh;
  flex-flow: column;
  display: flex;
}

.single-eve-card.second {
  margin-top: 20vh;
}

.number-flex-wrapper {
  color: #c62222;
  justify-content: flex-end;
  align-items: center;
  font-family: Vonca, sans-serif;
  font-size: 1.5vw;
  line-height: 1;
  display: flex;
}

.border-div {
  border: 0 solid #c62222;
  transition: all .4s;
  position: absolute;
  inset: 0%;
}

.border-div:hover {
  border-width: 8px;
}

.popup-main {
  z-index: 6;
  background-color: #0000006b;
  justify-content: center;
  align-items: center;
  display: none;
  position: fixed;
  inset: 0%;
}

.wrapper-form {
  background-image: url('https://malayachts.ae/wp-content/uploads/2024/11/Mask-group-29_1.avif');
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  max-width: 60vw;
  padding: 15vh 8vw;
  position: relative;
}

.cross {
  aspect-ratio: 1;
  cursor: pointer;
  background-color: #c62222;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 3vw;
  display: flex;
  position: absolute;
  inset: 5% 5% auto auto;
}

.icon-cros {
  width: 30%;
}

.card-bg {
  grid-column-gap: 3vh;
  grid-row-gap: 3vh;
  background-color: #fff;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 55%;
  margin-left: auto;
  padding: 4vw;
  display: flex;
}

.card-bg.sec {
  margin-left: 0;
}

.flex-excul {
  justify-content: space-between;
  align-items: center;
  padding-top: 8vh;
  padding-bottom: 8vh;
  padding-right: 4vw;
  display: flex;
}

.flex-excul.cent {
  border-top: 1px solid #afb3bb;
  border-bottom: 1px solid #afb3bb;
  justify-content: center;
  align-items: center;
}

.flex-excul.minus-1 {
  margin-top: -11vh;
  padding-left: 4vw;
}

.flex-excul.minus-2 {
  margin-bottom: -11vh;
}

.content-wrap {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.excul {
  width: 5vw;
  margin-right: 1vw;
}

.exclu-content-wrapper {
  grid-column-gap: 2vh;
  grid-row-gap: 2vh;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 20vw;
  display: flex;
}

.wrap-img {
  justify-content: flex-start;
  align-items: center;
  width: 30vw;
  display: flex;
  position: relative;
}

.full-box {
  z-index: -1;
  aspect-ratio: 1;
  background-color: #f4dfdf;
  flex: none;
  width: 7vw;
  position: relative;
  transform: translate(-50%);
}

.full-box.red {
  background-color: #c62222;
  transform: translate(-30%);
}

.wrap-ful {
  width: 100%;
}

.tabs-content {
  overflow: visible;
}

.abso-arrow-wrapper {
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  inset: 0%;
}

.abso-img {
  width: 100%;
  position: absolute;
  inset: auto 0% 0%;
}

.font {
  font-family: Cabinet Grotesk, sans-serif;
  font-weight: 500;
}

.minus-s {
  margin-left: -.1vw;
}

.utility-page-wrap {
  justify-content: center;
  align-items: center;
  width: 100vw;
  max-width: 100%;
  height: 100vh;
  max-height: 100%;
  display: flex;
}

.utility-page-content {
  text-align: center;
  flex-direction: column;
  width: 260px;
  display: flex;
}

.utility-page-form {
  flex-direction: column;
  align-items: stretch;
  display: flex;
}

.dropdown-list {
  background-color: #fff;
  position: fixed;
  left: 0%;
  right: 0%;
}

.dropdown-list.w--open {
  left: 0%;
  right: 0%;
}

.dropdown-grid {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr .75fr 1.5fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.ultra-inner-links-wrap {
  grid-row-gap: 1vw;
  flex-flow: column;
  margin-top: 2vw;
  display: flex;
}

.nav-drop-wrapper.top-m, .top-m {
  margin-top: 2vw;
}

.dropdown-image {
  width: 100%;
  height: 100%;
}

.dropdown-list-2 {
  background-color: #b69b9b;
}

.dropdown-list-2.w--open {
  background-color: #fff;
  box-shadow: 0 2px 5px #0003;
}

.dropdown-list-3 {
  background-color: #835858;
}

.dropdown-list-3.w--open {
  background-color: #fff;
  box-shadow: 0 2px 5px #0003;
}

.dropdown-list-4 {
  background-color: #a77c7c;
}

.dropdown-list-4.w--open {
  background-color: #fff;
  box-shadow: 0 2px 5px #0003;
}

.dropdown-gap-link {
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}

.navlink-gap-flex {
  grid-row-gap: 1vw;
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  padding: 2vh 1vw;
  display: flex;
}

/* New Figma Header CSS Start Added By SAM */

.ti-reviews-container {
    margin-bottom: 70px !important;
}
.text-white {
    color: #ffffff !important;
}

.text-white a {
    color: #ffffff !important;
    text-decoration: none; /* optional: removes underline */
}

.payment-icons-footer {
    display: flex;
    justify-content: right;
    gap: 15px;
    margin-top: 10px;
}

.payment-icons-footer img {
    width: 60px;
    height: auto;
}

.custom-col-social {
    display: flex;
	min-width: 150px;
	justify-content: center;
    padding:0px 20px;
}
.custom-col-publisher { 
	width: 100%; 
    text-align: right; 
/*     min-width: 250px; */
}

.custom-col-payment {
    width: 100%; 
/*     min-width: 250px; */
}
.footer-custom-columns {
    display: flex; 
    width: 100%; 
/*     flex-wrap: wrap;  */
    padding-top: 0px;
	align-items: flex-end;
	padding-bottom: 200px;	
}
.footer-publications-section {
	display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    text-align: center;
    padding-top: 150px;
}

.footer-publications-images img {
    width: 150px;
    margin: 10px;
    display: inline-block;
}
.custom-footer-container {
    color: #fff;
    background-color: black;
    background-image: url("https://malayachts.ae/wp-content/uploads/2025/04/Mala-T-Logo.svg");
    background-size: contain;
    background-position: bottom;
    background-repeat: no-repeat;
    padding: 50px 50px 50px 50px;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    min-height: 300px; /* Ensure footer has height */
}

/* Footer Styles */
.footer-wrapper {
    display: flex;
    width: 100%;
    justify-content: space-between;
    flex-wrap: wrap;
}

.footer-left-section {
    width: 40%;
    padding: 20px;
    min-width: 250px;
}

.footer-middle-section, 
.footer-right-section, 
.footer-reviews-section {
    width: 20%;
    padding: 20px 20px 0px 20px;
    min-width: 200px;
}

.footer-heading {
    font-size: 28px;
    font-weight: bold;
    padding-bottom: 15px;
}

/* Email Form */
.footer-email-form {
    display: flex;
    align-items: center;
    border: 1px solid white;
    padding: 8px;
    width: 80%;
    border-radius: 25px;
    margin-bottom: 20px;
}

.footer-email-input {
    flex: 1;
    border: none;
    background: transparent;
    color: white;
    padding: 10px;
    font-size: 16px;
    font-family: 'Cabinet Grotesk', sans-serif;
    outline: none;
}

.footer-submit-button {
    background: transparent;
    border: none;
    color: white;
    font-size: 20px;
    cursor: pointer;
}

/* Footer Links */
.footer-list {
    list-style: none;
    padding: 0;
}

.footer-list-item a {
    text-decoration: none;
    color: white;
    display: block;
    padding: 7px 0;
    font-size: 14px;
}

.footer-list-item a:hover {
    color: #fff;
}

/* Social Icons */
.footer-social-icons a {
    color: white;
    font-size: 20px;
    margin-right: 10px;
    text-decoration: none;
}

.footer-social-icons a:hover {
    color: #A00000;
}
.footer-social-icons {
    margin-top: 30px;
}

/* Review Images */
.footer-review-images img {
    width: 150px;
    display: block;
    margin-top: 20px;
}
.footer-2-review-images img {
    width: 150px;
    display: block;
    margin-top: 20px;
}

/* New Figma Header CSS END Added By SAM */

/* New Figma Homepage CSS Start Added By SAM */

  /* Hero Section */
  .hero {
      position: fixed;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      overflow: hidden;
      z-index: -1;
  }
  .hero video {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      object-fit: cover;
  }
  .hero::before {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      backdrop-filter: blur(3px);
      background: rgba(0, 0, 0, 0.5);
      z-index: 1;
  }
  .hero-content {
    position: relative;
    z-index: 2;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-end;
    height: 100%;
    color: white;
    text-align: center;
    }
  .hero-content h1 {
      font-size: 3rem;
      margin-bottom: 20px;
  }
  .hero-content p {
      font-size: 1.2rem;
      margin-bottom: 30px;
  }
  .explore-button {
      display: flex;
      align-items: center;
      color: white;
      padding: 5px 20px 5px 5px;
      border-radius: 50px;
      border-width: 3px;
      border: solid;
      text-decoration: none;
      font-size: 1.2rem;
      font-weight: bold;
      gap: 100px;
  }
  .explore-button img {
      width: 40px;
      height: 40px;
      background: red;
      padding: 10px;
      margin-left: 20px;
      border-radius: 50px;
  }
  .payment-icons {
      display: flex;
      justify-content: center;
      gap: 15px;
      margin-top: 30px;
  }
  .payment-icons img {
      width: 50px;
      height: auto;
  }
  .header {
      position: fixed;
      width: 100%;
      top: 0;
      left: 0;
      z-index: 1001;
      transition: background 0.3s, color 0.3s;
      padding: 20px 50px;
  }
  .header.transparent {
      background: transparent;
      color: white;
  }
  .header.solid {
      background: white;
      color: black;
  }
  .hero-divider {
      width: 95%;
      height: 1px;
      background-color: white;
      margin-top: 10px;
  }
  .zidash-icon {
      margin-bottom: 30px;
      width: 70px;
  }
.hero-bar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 90%;
    margin: 20px 0px;
    padding: 20px 30px;
    color: white;
    font-size: 1.1rem;
    font-weight: 500;
    text-align: center;
    border-top: 2px solid white;
}
  .hero-bar-left,
  .hero-bar-right {
      flex: 0 0 auto;
  }
  .hero-bar-right img {
      width: 40px;
      height: 40px;
  }
  .hero-bar-left img {
      width: 30px;
      height: 30px;
  }
  .hero-bar-center {
      flex: 1;
      text-align: center;
  }

  /* Filter Section */
  .filter-container {
      display: flex;
      justify-content: center;
      align-items: center;
  }
  .filter-section {
      background-color: #f9f9f9;
      padding: 20px 30px;
      width: 60%;
      border-radius: 20px;
      display: flex;
      justify-content: space-between;
      align-items: center;
      flex-wrap: wrap;
      gap: 10px;
  }
  .filter-section select {
      padding: 10px 5px;
      background-color: #ffffff00;
      font-size: 14px;
      border: none;
      border-bottom: 2px solid #ccc;
      outline: none;
      width: 220px;
  }
  .search-btn {
      background-color: #c62828;
      color: white;
      border: none;
      border-radius: 30px;
      padding: 10px 30px;
      font-size: 14px;
  }
  .settings-btn {
      background-color: white;
      color: #c62828;
      border: 1px solid #c62828;
      border-radius: 50%;
      width: 45px;
      height: 45px;
      font-size: 16px;
  }
  .tab-container {
      text-align: center;
      padding: 20px 0px;
  }
  .tab {
      padding-bottom: 5px;
      cursor: pointer;
      border-bottom: 2px solid transparent;
      position: relative;
  }
  .tab.active {
      color: #c62828;
      border-bottom: 2px solid #c62828;
  }
  .filter-icon {
      padding-right: 20px;
  }

  /* Icon Hover Effects */
  .share-icon:hover, .wishlist-icon:hover {
      transform: scale(1.1);
  }

  /* Yacht Cards */
  .load-more-btn {
      display: inline-block;
      padding: 10px 40px;
      border: 1px solid #ddd;
      border-radius: 999px;
      background-color: white;
      color: #333;
      font-family: sans-serif;
      font-size: 14px;
      margin-top: 0px;
      width: 100%;
      cursor: pointer;
      text-align: center;
      transition: background-color 0.2s, border-color 0.2s;
  }
  .load-more-btn:hover {
      background-color: #f9f9f9;
      border-color: #ccc;
  }
  .button-container {
      display: flex;
      justify-content: center;
      margin: 20px 0;
  }
  .mala-yacht-listing {
      padding: 50px;
  }
  .yachts-style01 {
      background-color: white;
  }
  .yacht-grid {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      gap: 30px;
  }
  .yacht-card {
      position: relative;
      overflow: visible;
      /* border-radius: 20px; */
      overflow: hidden;
      /* box-shadow: 0 4px 20px rgba(0,0,0,0.1); */
      background: #fff;
      transition: all 0.3s ease;
      display: flex;
      flex-direction: column;
  }
  .yacht-card:hover {
      transform: translateY(-5px);
  }
  .yacht-img img {
      width: 100%;
      height: 250px;
      object-fit: cover;
      border-radius: 20px;
  }
  .yacht-info {
      padding: 20px 0px;
      display: flex;
      flex-direction: column;
      justify-content: space-between;
      flex-grow: 1;
      gap: 5px;
  }
  .yacht-header {
      display: flex;
      justify-content: space-between;
      align-items: center;
  }
  .rating {
      font-size: 16px;
      color: #ffc107;
  }
  .star {
      font-size: 18px;
      color: #ffc107;
  }
  .reviews {
      color: #999;
      font-size: 14px;
  }
  .yacht-buttons {
      margin-top: 20px;
      display: flex;
      justify-content: space-between;
      align-items: center;
  }
  .book-btn {
      background: #C32026;
      color: #fff;
      padding: 10px 20px;
      border-radius: 30px;
      text-decoration: none;
      font-weight: 500;
      transition: background 0.3s;
  }
  .book-btn:hover {
      background: #891f2c;
  }
  .details-btn {
      display: inline-flex;
      align-items: center;
      gap: 6px;
      position: relative;
      padding-bottom: 3px;
  }
  .details-btn::after {
      content: "";
      position: absolute;
      left: 0;
      bottom: 0;
      height: 1px;
      width: 100%;
      background-color: #C32026;
      transition: width 0.3s;
  }
  .details-btn:hover {
      text-decoration: underline;
  }

  /* Popup Form */
  .popup-form-container {
      display: flex;
      justify-content: center;
      align-items: center;
      position: fixed;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background: rgba(0,0,0,0.5);
      z-index: 9999;
      overflow-y: auto;
      padding: 30px 10px;
  }
  .popup-inner {
      background: #fff;
      border-radius: 15px;
      padding: 40px;
      width: 90%;
      max-width: 1200px;
      position: relative;
      max-height: 90vh;
      overflow-y: auto;
  }
  .popup-inner > div {
      display: flex;
      flex-wrap: wrap;
      width: 100%;
  }
  .popup-buttons {
      display: flex;
      gap: 15px;
      margin-top: 30px;
  }
  .popup-buttons a {
      background: #D72638;
      color: white;
      padding: 15px 30px;
      border-radius: 50px;
      font-weight: bold;
      text-decoration: none;
      font-size: 16px;
      flex: 1;
      text-align: center;
  }
  .popup-buttons a#popup-explore-btn {
      background: #f0f0f0;
      color: black;
  }
  .popup-left {
      flex: 0 0 50%;
      max-width: 50%;
      padding-right: 20px;
  }
  .popup-left .popup-swiper-container {
      width: 100%;
      height: 400px;
      background: #f5f5f5;
      border-radius: 20px;
      overflow: hidden;
  }
  .popup-left .popup-swiper-wrapper {
      height: 100%;
  }
  .popup-left .swiper-slide {
      display: flex;
      justify-content: center;
      align-items: center;
  }
  .popup-left .swiper-slide img {
      width: 100%;
      height: 400px;
      object-fit: cover;
      border-radius: 20px;
  }
  .popup-right {
      flex: 0 0 50%;
      max-width: 50%;
      display: flex;
      flex-direction: column;
      justify-content: center;
  }
  .popup-swiper-button-prev,
  .popup-swiper-button-next {
      background: white;
      width: 35px;
      height: 35px;
      border-radius: 50%;
      box-shadow: 0 2px 5px rgba(0,0,0,0.3);
      display: flex;
      justify-content: center;
      align-items: center;
  }
  .popup-swiper-button-prev::after,
  .popup-swiper-button-next::after {
      font-size: 16px;
      color: black;
  }

  /* Publisher Section */
  .publisher-content-sec {
      background-color: white;
  }
  .container-publisher {
      padding: 0px 100px 100px 100px;
      max-width: 100%;
      margin: auto;
  }
  .introduction.full-width {
      width: 100%;
  }
  .stats {
      display: flex;
      flex-wrap: wrap;
      gap: 50px;
      margin-top: 50px;
  }
  .stats .stats-con-sec {
      flex: 1 1 calc(25% - 50px);
      text-align: center;
      display: flex;
      flex-direction: column;
      align-items: center;
  }
  .underline {
      width: 90%;
      height: 2px;
      background: #f55b8a;
      margin: 8px auto;
  }

  /* Publication Section */
  .container-publication {
      display: flex;
      justify-content: space-between;
      max-width: 100%;
      margin: auto;
      padding: 0 100px;
  }
  .publicationsec.full-width {
      width: 100%;
      display: flex;
      justify-content: space-between;
  }
  .left-inner-div {
      width: 40%;
      padding-left: 150px;
      display: flex;
      align-items: flex-start;
      flex-direction: column;
      justify-content: center;
  }
  .right-inner-div {
      width: 60%;
  }
  .publicatiions-logo {
      display: flex;
      justify-content: space-around;
      align-items: center;
      gap: 16px;
  }
  .publicatiions-logo img {
	width: 100%;
}
  .Khaleejtimes-logo, .gulfnews-logo, .Travelpr-logo {
      max-width: 25%;
  }
  .publication-logo-sec {
      background: linear-gradient(135deg, #a62020, #a41818) !important;
      padding: 50px 0;
  }
  .ziconlogo {
      max-width: 15%;
  }
  .pub-divider {
      border: none;
      height: 1px;
      background-color: white;
      margin: 20px 0;
  }
  .divider-vertical {
      width: 1px;
      background-color: white;
      height: 100px;
  }

  /* Video Section */
  .custom-video-section {
      position: relative;
      background-color: white;
      width: 100%;
      max-width: 100%;
      padding: 100px;
      margin: auto;
      overflow: hidden;
  }
  .custom-video-container {
      position: relative;
      width: 100%;
  }
  .custom-full-img, .custom-video-wrapper {
      width: 100%;
      height: auto;
      object-fit: cover;
      display: block;
      border-radius: 15px;
  }
  #customThumbnail {
      display: block;
  }
  #customVideoPlayer {
      display: none;
  }
  .custom-play-button {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      background-color: rgba(255, 255, 255, 0.9);
      color: #C32026;
      border-radius: 50%;
      width: 150px;
      height: 150px;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      font-size: 14px;
      font-weight: bold;
      text-align: center;
      cursor: pointer;
      z-index: 2;
      box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.2);
  }
  .custom-play-icon {
      font-size: 24px;
      margin-bottom: 5px;
  }

  /* Cards Content Section */
  .bottom-overlay-img {
      position: absolute;
      bottom: 0;
      left: 50%;
      padding-bottom: 100px;
      transform: translateX(-50%);
      width: 100%;
      max-width: 1200px;
      pointer-events: none;
      z-index: 1;
  }
  .pcards-content-section {
      position: relative;
      overflow: hidden;
      background: #f4f4f4;
      padding: 50px 150px 150px 150px;
  }
  .yacht-catering-section {
      padding-bottom: 1000px !important;
      display: flex;
      flex-direction: column;
      gap: 40px;
  }
  .yacht-catering-wrapper {
      position: relative;
      background-size: cover;
      background-position: center;
      background-repeat: no-repeat;
      padding: 60px;
      border: solid;
      border-width: 2px;
      border-color: #EE417A;
      border-radius: 12px;
      display: flex;
      flex-direction: column;
      justify-content: space-between;
      align-items: flex-start;
      width: 100%;
      overflow: hidden;
      min-height: 80vh;
  }
  .yacht-catering-content {
      width: 100%;
      display: flex;
      flex-direction: column;
      align-items: flex-start;
      flex-grow: 1;
      position: relative;
      z-index: 2;
  }
  .yacht-catering-wrapper::before {
      content: "";
      position: absolute;
      inset: 0;
      background-color: rgba(255, 255, 255, 0.325);
      z-index: 1;
      border-radius: 12px;
  }
  .yc-top {
      display: flex;
      flex-direction: column;
      align-items: flex-start;
      width: 100%;
  }
  .yacht-catering-wrapper.active {
      opacity: 1;
      pointer-events: auto;
      transform: scale(1);
  }
  .yacht-catering-wrapper:nth-child(1).active { z-index: 6; top: 0px; }
  .yacht-catering-wrapper:nth-child(2).active { z-index: 7; top: 120px; }
  .yacht-catering-wrapper:nth-child(3).active { z-index: 8; top: 240px; }
  .yacht-catering-wrapper:nth-child(4).active { z-index: 9; top: 360px; }
  .yacht-catering-wrapper:nth-child(5).active { z-index: 10; top: 480px; }
  .yc-bottom a {
      pointer-events: auto !important;
  }
  .yc-middle {
      display: flex;
      flex-direction: column;
      text-align: left;
      width: 100%;
      align-items: flex-start;
      margin: auto 0;
      gap: 20px;
  }
  .yc-bottom {
      width: 100%;
      display: flex;
      justify-content: flex-start;
  }
  .yc-icon {
      width: 16px;
      height: auto;
  }
  .yc-category {
      font-size: 12px;
      text-transform: uppercase;
      letter-spacing: 1px;
      color: #333;
      margin-bottom: 10px;
      display: flex;
      align-items: center;
  }
  .yc-title {
      font-size: 32px;
      font-weight: bold;
      color: #000;
      margin-bottom: 10px;
      text-align: left;
  }
  .yc-title span {
      color: #e91e63;
  }
  .yc-description {
      font-size: 16px;
      color: #333;
      text-align: left;
  }
  .yc-view-details {
      font-size: 25px;
      text-decoration: none;
      color: #000;
      border-bottom: 1px solid #e91e63;
      padding-bottom: 2px;
      display: inline-block;
  }
  .yc-divider {
      width: 100%;
      height: 1px;
      background-color: black;
      margin-top: 10px;
  }
  .info-blocks {
      display: flex;
      gap: 20px;
      align-items: flex-start;
  }
  .info-item {
      display: flex;
      flex-direction: column;
      align-items: flex-start;
      text-align: left;
      padding: 0 10px;
  }
  .info-title {
      font-weight: bold;
      font-size: 16px;
      margin-bottom: 4px;
  }
  .info-subtitle {
      font-size: 14px;
      padding: 6px 0;
      position: relative;
  }
  .info-subtitle:not(:last-child)::after {
      content: '';
      display: block;
      width: 100%;
      height: 1px;
      background-color: white;
      margin-top: 6px;
  }
  .vertical-divider {
      width: 0.5px;
      height: 40px;
      background-color: #000;
  }
  .yacht-catering-section {
      position: relative;
  }
  .yacht-catering-wrapper {
      position: absolute;
      top: 0;
      left: 0;
      transition: all 0.3s ease;
      opacity: 0;
      pointer-events: none;
      z-index: 1;
  }
  .yacht-catering-wrapper.active {
      opacity: 1;
      pointer-events: auto;
      z-index: 10;
      transform: translateY(0);
  }

  /* Luxurious Section */
  .luxurious-cont-sec {
      background-color: white;
  }
  .custom-container-ITSEC {
      display: flex;
      align-items: center;
      justify-content: space-between;
  }
  .custom-left-ITSEC {
      width: 55%;
      padding: 0;
  }
  .custom-left-ITSEC img {
      width: 100%;
      height: auto;
      display: block;
  }
  .custom-right-ITSEC {
      width: 45%;
      padding: 70px;
  }

  /* Content Section */
  .cont-sec-three-c {
      display: grid;
      grid-template-columns: repeat(2, 1fr);
      gap: 30px;
      padding: 100px 50px;
  }
  .cdivnumber1 {
      padding-right: 100px;
  }
  .cdivnumber2 {
      padding-right: 100px;
  }
  .cdivnumber3 {
      padding-right: 100px;
  }
  .cdivnumber4 {
      padding-right: 100px;
  }

  /* Yacht Slider */
  .yacht-slide-wrapper {
      position: relative;
      width: 400px;
      max-width: 90%;
      z-index: 4;
  }
  .yacht-slide {
      display: none;
      background: #fff;
      padding: 20px;
      border-radius: 15px;
      box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.1);
      text-align: center;
      flex-direction: column;
      justify-content: flex-start;
      min-height: 400px;
      overflow-wrap: break-word;
      overflow-y: auto;
  }
  .yacht-slide.active {
      display: block;
  }
  .left-nav-card, .right-nav-card {
      width: 50px;
  }
  .yacht-theme-body {
      width: 100%;
      min-height: 100vh;
      background-size: cover;
      background-position: center;
      transition: background-image 0.5s ease-in-out;
  }
  .yacht-slider-container {
      position: relative;
      width: 100%;
      min-height: 100vh;
      padding: 30px 0;
      display: flex;
      justify-content: center;
      align-items: center;
	  flex-direction: column;
  }
  .yacht-overlay {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background: rgba(0, 0, 0, 0.5);
      z-index: 1;
  }
  .yacht-nav-area {
      position: absolute;
      width: 30%;
      height: 100%;
      top: 0;
      z-index: 5;
      cursor: pointer;
  }
  .yacht-left {
      left: 0;
  }
  .yacht-right {
      right: 0;
  }
/*   .yacht-nav-text {
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
      font-size: 16px;
      color: rgba(255, 255, 255, 0.8);
      cursor: pointer;
      z-index: 3;
  } */
/*   .yacht-left-text {
      left: 100px;
  }
  .yacht-right-text {
      right: 100px;
  } */
.yacht-left-text {
	display: none;
}
.yacht-right-text {
	display: none;
}
.taptext {
	padding-top: 30px;
	z-index: 3;
}
  .yacht-slide-title {
      font-size: 22px;
      font-weight: bold;
      text-transform: uppercase;
  }
  .yacht-slide-title span {
      color: #ff4081;
  }
  .yacht-slide-number {
      font-size: 14px;
      color: #888;
  }
  .yacht-slide-image {
      width: 100%;
      border-radius: 10px;
      margin: 15px 0;
  }
  .yacht-slide-text {
      font-size: 17px;
      color: #000;
  }

  /* Mala Yachts Section */
  .mala-yachts-cont-sec {
      background-color: white;
  }
  .cont-sec-rigimg {
      display: flex;
      align-items: center;
      justify-content: space-between;
      padding: 100px 70px 20px 70px;
  }
  .left-consec-n {
      width: 60%;
      padding: 0;
  }
  .right-consec-n {
      width: 40%;
      padding: 0px;
  }
  .right-consec-n img {
	width: 100%;
  }

  /* Scroller Section */
  .custom-scroller-section {
      background: #fff;
      padding: 40px 0;
      overflow: hidden;
  }
  .custom-video-wrapper {
      position: relative;
      width: 100%;
      height: 100%;
      border-radius: 10px;
      overflow: hidden;
  }
  .custom-review-video {
      width: 100%;
      height: 100%;
      object-fit: cover;
  }
  .custom-review-card.video-card {
      padding: 0;
      height: 100%;
      display: flex;
      flex-direction: column;
      justify-content: space-between;
  }
  .custom-video-play-button {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      font-size: 30px;
      background-color: rgba(255, 255, 255, 0.863);
      color: #A00000;
      border: none;
      border-radius: 50%;
      width: 50px;
      height: 50px;
      cursor: pointer;
      z-index: 2;
  }
  .custom-scroller-container {
      width: 100%;
      overflow: hidden;
      position: relative;
      display: flex;
      align-items: center;
  }
  .custom-scroller {
      display: flex;
      width: 100%;
      overflow: hidden;
  }
  .custom-scroller-track {
      display: flex;
      gap: 20px;
      width: max-content;
  }
  .custom-review-card {
      width: 250px;
      min-height: 300px;
      border: 1px solid #ddd;
      border-radius: 15px;
      padding-top: 20px;
      text-align: center;
      box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);
      background: #fff;
      flex-shrink: 0;
      display: flex;
      flex-direction: column;
      justify-content: center !important;
  }
  .custom-review-logo {
      display: block;
      margin: 20px auto 10px auto;
      width: 40%;
  }
  .custom-profile-pic {
      width: 70px;
      height: 70px;
      border-radius: 50%;
      margin: 10px auto;
  }
  .custom-review-text {
      font-size: 18px;
      color: #333;
      padding: 0px 10px;
      margin: 10px 0;
      line-height: 1.4;
      word-wrap: break-word;
      flex-grow: 1;
  }
  .custom-reviewer {
      display: block;
      font-weight: normal;
      font-size: 14px;
      color: #000000;
      background: #FBF2F2;
      padding: 10px;
      border-radius: 0px 0px 10px 10px;
      margin-top: auto;
  }
  .custom-stars {
      font-size: 25px;
      color: gold;
      margin: 5px 0;
      text-align: center;
  }

  /* Ticker */
  .ticker-container-ITSEC {
      width: 100%;
      overflow: hidden;
      background: #fff;
      padding: 10px 0;
      position: relative;
  }
  .ticker-wrapper-ITSEC {
      display: flex;
      white-space: nowrap;
      animation: tickerScroll 10s linear infinite;
  }
  .ticker-text-ITSEC {
      font-family: 'Vonca', cursive;
      font-size: 150px;
      font-weight: bold;
      -webkit-text-stroke: 1.5px #C32026;
      color: transparent;
      opacity: 0.5;
      padding-right: 50px;
  }
  @keyframes tickerScroll {
      from { transform: translateX(100%); }
      to { transform: translateX(-100%); }
  }

  /* FAQ Section */
  .faq-section {
      display: flex;
      background-color: white;
      align-items: center;
      justify-content: center;
      gap: 150px;
      max-width: 100%;
      margin: auto;
      padding: 50px  150px 100px 150px;
  }
  .faq-image img {
      width: 100%;
      max-width: 350px;
      border-radius: 10px;
  }
  .faq-content {
      flex: 1;
  }
  .faq-content h2 span {
      color: #ff4081;
  }
  .faq-list {
      margin-top: 20px;
  }
  .faq-item {
      border-bottom: 1px solid #ccc;
      padding: 10px 0;
  }
  .faq-question {
      font-size: 16px;
      cursor: pointer;
      display: flex;
      align-items: center;
      justify-content: space-between;
      padding: 10px 0;
  }
.faq-icon {
    color: black;
    transition: transform 0.3s ease;
    background-image: url(https://malayachts.ae/wp-content/uploads/2025/04/Vector.png);
    font-size: 0;
    width: 17px;
    height: 17px;
    display: inline-block;
    filter: brightness(0);
    background-size: 13px;
    background-repeat: no-repeat;
	transform: rotate(270deg);
}
.faq-question:hover .faq-icon{
	filter: none;
}
  .faq-answer {
      display: none;
      padding-top: 10px;
  }
  .faq-item.active .faq-answer {
      display: block;
  }
  .faq-item.active .faq-icon {
      transform: rotate(90deg);
  }
  .faq-question:hover {
      background-color: #a00000;
      color: white !important;
      padding: 20px;
	  transition: all 0.4s ease;
  }
  .faq-question:hover .faq-icon {
      color: white;
  }

  /* CTA Button */
  .CTA-button {
      background-color: #A00000;
      color: white;
      padding: 12px 24px;
      border: none;
      border-radius: 50px;
      font-size: 16px;
      cursor: pointer;
      transition: background-color 0.3s ease;
  }
  .CTA-button:hover {
      background-color: #800000;
  }

  /* Media Gallery */
  .media-gallery {
      text-align: center;
      background: #fff;
  }
  .container-gallery {
      text-align: center;
  }
  .section-title {
      font-size: 24px;
      font-weight: bold;
      text-transform: uppercase;
      margin-bottom: 0px;
  }
  .section-title .highlight {
      color: #E91E63;
  }
  .parent {
      display: grid;
      grid-template-columns: repeat(12, 1fr);
      grid-template-rows: repeat(8, 1fr);
      gap: 8px;
      padding-top: 50px;
  }
  .gallery-item img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      border-radius: 10px;
  }
  .div3 {
      grid-column: span 2 / span 2;
      grid-row: span 2 / span 2;
      grid-column-start: 3;
      grid-row-start: 3;
  }
  .div11 {
      grid-column: span 4 / span 4;
      grid-row: span 3 / span 3;
      grid-column-start: 5;
      grid-row-start: 1;
  }
  .div16 {
      grid-column: span 2 / span 2;
      grid-row: span 2 / span 2;
      grid-column-start: 9;
      grid-row-start: 3;
  }
  .div17 {
      grid-column: span 4 / span 4;
      grid-row: span 4 / span 4;
      grid-column-start: 1;
      grid-row-start: 5;
  }
  .div19 {
      grid-column: span 4 / span 4;
      grid-row: span 4 / span 4;
      grid-column-start: 9;
      grid-row-start: 5;
  }
  .div20 {
      grid-column: span 4 / span 4;
      grid-row: span 3 / span 3;
      grid-column-start: 5;
      grid-row-start: 6;
  }
  .div22 {
      grid-column: span 2 / span 2;
      grid-row: span 2 / span 2;
      grid-column-start: 5;
      grid-row-start: 4;
  }
  .div23 {
      grid-column: span 2 / span 2;
      grid-row: span 2 / span 2;
      grid-column-start: 7;
      grid-row-start: 4;
  }

  /* WhatsApp Button */
  .whatsapp-fixed-button {
      position: fixed;
      bottom: 20px;
      left: 20px;
      z-index: 9999;
      padding: 10px;
      transition: transform 0.3s ease;
  }
  .whatsapp-fixed-button:hover {
      transform: scale(1.1);
  }
  .whatsapp-fixed-button img {
      width: 40px;
      height: 40px;
      display: block;
  }

/* New Figma homepage CSS End Added By SAM */



#w-node-_0ea36950-63c6-c51e-905a-ce1f74fbcc4d-6a85e79a {
  grid-area: 1 / 1 / 2 / 2;
}

#w-node-b84dd768-f90d-377e-65ae-ef6e16f3cd60-6a85e79a {
  align-self: center;
}

#w-node-dee47371-6c99-9d16-4ce1-f333b7b485eb-6a85e79a {
  justify-self: end;
}

#w-node-a149a111-21d3-0e8f-f52e-716a86f67064-6a85e79a {
  justify-self: start;
}

#w-node-d1583184-449f-5b80-d79e-dd24e2a9bd95-6a85e79a {
  align-self: center;
}

#w-node-d1583184-449f-5b80-d79e-dd24e2a9bd9c-6a85e79a {
  justify-self: end;
}

#w-node-d1583184-449f-5b80-d79e-dd24e2a9bda1-6a85e79a {
  justify-self: start;
}

#w-node-a2e1a5a7-ad9f-5f37-6f4d-9635e9801fd4-6a85e79a {
  align-self: center;
}

#w-node-a2e1a5a7-ad9f-5f37-6f4d-9635e9801fdb-6a85e79a {
  justify-self: end;
}

#w-node-a2e1a5a7-ad9f-5f37-6f4d-9635e9801fe0-6a85e79a {
  justify-self: start;
}

#w-node-_1831835d-0aa4-abe9-12dc-6bea100556a6-6a85e79a {
  align-self: center;
}

#w-node-_1831835d-0aa4-abe9-12dc-6bea100556ad-6a85e79a {
  justify-self: end;
}

#w-node-_1831835d-0aa4-abe9-12dc-6bea100556b2-6a85e79a {
  justify-self: start;
}

#w-node-_18423a4c-56e9-9e6b-6f93-a8d8d06ac1de-6a85e79a {
  align-self: center;
}

#w-node-_18423a4c-56e9-9e6b-6f93-a8d8d06ac1e3-6a85e79a {
  justify-self: end;
}

#w-node-_18423a4c-56e9-9e6b-6f93-a8d8d06ac1e8-6a85e79a {
  justify-self: start;
}

#w-node-_333f8316-9429-a42f-c9d5-386d31065e6b-6a85e79a {
  align-self: center;
}

#w-node-_333f8316-9429-a42f-c9d5-386d31065e72-6a85e79a {
  justify-self: end;
}

#w-node-_333f8316-9429-a42f-c9d5-386d31065e77-6a85e79a {
  justify-self: start;
}

#w-node-ea8b8918-56d7-4f78-68d3-ae170d89a032-6a85e79a {
  align-self: center;
}

#w-node-ea8b8918-56d7-4f78-68d3-ae170d89a039-6a85e79a {
  justify-self: end;
}

#w-node-ea8b8918-56d7-4f78-68d3-ae170d89a03e-6a85e79a {
  justify-self: start;
}

#w-node-_6c572061-0199-df76-1aeb-5b45db17b9a9-6a85e79a, #w-node-_23d20546-f4c7-0a61-93c0-6b981486f45c-6a85e79a, #w-node-e3129265-3201-1d79-c3b1-88f8dad468d4-6a85e79a, #w-node-_5cb276fc-353d-8522-791a-6721b8a7316c-6a85e79a {
  grid-area: 1 / 1 / 6 / 2;
  place-self: start center;
}

#w-node-_3f036658-a49f-92f6-e84f-24583e8955d4-6a85e79a {
  grid-area: 1 / 1 / 3 / 3;
}

#w-node-f7262bd4-752c-4a1e-2bae-474a889eab3a-6a85e79a {
  grid-area: 2 / 4 / 3 / 5;
}

#w-node-f66e8236-b408-010f-175f-fb13e595b119-6a85e79a {
  grid-area: 3 / 3 / 4 / 4;
}

#w-node-f64c1355-e232-b322-d375-7666455bc0e5-6a85e79a {
  grid-area: 4 / 2 / 5 / 3;
}

#w-node-_5ffc9a43-20dd-5852-d88a-626dd0a3405a-6a85e79a {
  grid-area: 4 / 4 / 5 / 5;
}

#w-node-b92f3e03-7ca9-8adc-f3b8-8c090020d0a9-0020d08b {
  grid-area: 1 / 3 / 3 / 4;
}

#w-node-b92f3e03-7ca9-8adc-f3b8-8c090020d0ae-0020d08b {
  grid-area: 1 / 1 / 3 / 2;
}

#w-node-b4d2ebb7-2d89-1f3f-089b-45a0a33cf6ae-a33cf6aa {
  align-self: center;
}

#w-node-_445d8c46-8b00-8b9b-7dc9-7e0820def3ad-20def3ab {
  grid-area: 1 / 1 / 2 / 2;
  place-self: center start;
}

#w-node-_445d8c46-8b00-8b9b-7dc9-7e0820def3af-20def3ab {
  place-self: center;
}

#w-node-_445d8c46-8b00-8b9b-7dc9-7e0820def3e4-20def3ab {
  justify-self: end;
}

#w-node-_7d9b7bc6-7e01-6c0c-e9c1-1bca4d04e5a5-1af2a28c {
  grid-area: span 1 / span 1 / span 1 / span 1;
  place-self: start;
}

#w-node-_7d9b7bc6-7e01-6c0c-e9c1-1bca4d04e5a7-1af2a28c {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_7d9b7bc6-7e01-6c0c-e9c1-1bca4d04e5c1-1af2a28c {
  grid-area: span 1 / span 1 / span 1 / span 1;
  place-self: start;
}

#w-node-_7d9b7bc6-7e01-6c0c-e9c1-1bca4d04e5c3-1af2a28c {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_7d9b7bc6-7e01-6c0c-e9c1-1bca4d04e5cb-1af2a28c {
  grid-area: span 1 / span 1 / span 1 / span 1;
  place-self: start;
}

#w-node-_7d9b7bc6-7e01-6c0c-e9c1-1bca4d04e5cd-1af2a28c {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_7d9b7bc6-7e01-6c0c-e9c1-1bca4d04e5d7-1af2a28c {
  grid-area: span 1 / span 1 / span 1 / span 1;
  place-self: start;
}

#w-node-_7d9b7bc6-7e01-6c0c-e9c1-1bca4d04e5d9-1af2a28c {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_6a5fdf17-5355-32b2-2d3c-cc390673d439-1861613e {
  align-self: center;
}

#w-node-_6a5fdf17-5355-32b2-2d3c-cc390673d440-1861613e {
  justify-self: end;
}

#w-node-_6a5fdf17-5355-32b2-2d3c-cc390673d445-1861613e {
  justify-self: start;
}

#w-node-_53efc737-fec3-3e0e-7cb4-18a56bcaf69b-1861613e {
  align-self: center;
}

#w-node-_53efc737-fec3-3e0e-7cb4-18a56bcaf6a6-1861613e {
  justify-self: end;
}

#w-node-_53efc737-fec3-3e0e-7cb4-18a56bcaf6ab-1861613e {
  justify-self: start;
}

#w-node-_53efc737-fec3-3e0e-7cb4-18a56bcaf6b0-1861613e {
  justify-self: end;
}

#w-node-_53efc737-fec3-3e0e-7cb4-18a56bcaf6b5-1861613e {
  justify-self: start;
}

#w-node-bdd70a55-42d9-25ea-3373-543ef24bc321-1861613e {
  align-self: center;
}

#w-node-bdd70a55-42d9-25ea-3373-543ef24bc32b-1861613e {
  justify-self: end;
}

#w-node-bdd70a55-42d9-25ea-3373-543ef24bc330-1861613e {
  justify-self: start;
}

#w-node-f11a32a7-24b2-1c13-417b-d1d05f326aa0-1861613e {
  align-self: center;
}

#w-node-f11a32a7-24b2-1c13-417b-d1d05f326aaa-1861613e {
  justify-self: end;
}

#w-node-f11a32a7-24b2-1c13-417b-d1d05f326aaf-1861613e {
  justify-self: start;
}

#w-node-_7349ba4f-c867-a01f-d1e8-d75188150c09-1861613e {
  align-self: center;
}

#w-node-_7349ba4f-c867-a01f-d1e8-d75188150c13-1861613e {
  justify-self: end;
}

#w-node-_7349ba4f-c867-a01f-d1e8-d75188150c18-1861613e {
  justify-self: start;
}

#w-node-_6a5fdf17-5355-32b2-2d3c-cc390673d4dd-1861613e {
  grid-area: 1 / 1 / 2 / 2;
}

#w-node-_6a5fdf17-5355-32b2-2d3c-cc390673d4e1-1861613e {
  align-self: center;
}

#w-node-b862b2f3-e1c6-18ed-5058-1582ab334ae6-1861613e {
  justify-self: end;
}

#w-node-b862b2f3-e1c6-18ed-5058-1582ab334aeb-1861613e {
  justify-self: start;
}

#w-node-_96ade292-0004-771b-9762-c6eaff9c6295-1861613e {
  align-self: center;
}


.slotBtn{
    display:inline-block !important;
}
.inner-main-hero.sec .btnDanger, .btnDanger {
    background: #C62222;
    color: #fff;
    border-radius: 5px;
    padding: 15px 50px;
    font-size: 15px;
    text-decoration: none;
    font-weight: 600;
    text-transform: uppercase;
}
.w-layout-grid.grid-yachts .image-rel img.image {
    height: auto !important;
}

/* Footer Start Css By Sam */
.publications-icons {
	display: flex;
	align-items: center;

}
.footer-inner-menu1,
.footer-inner-menu2 {
  list-style: none;
  padding-top: 10px;
  margin: 0;
}
.ft-fs,
.footer-inner-menu1 li,
.footer-inner-menu2 li {
  margin-bottom: 10px; /* Optional spacing between items */
  font-size: 17px;
}

.footer-inner-menu1 a,
.footer-inner-menu2 a {
  text-decoration: none;
  color: inherit;
  transition: color 0.3s ease; /* Smooth hover effect */
}

.footer-inner-menu1 a:hover,
.footer-inner-menu2 a:hover {
  color: #a00000;
}
.footer-socials img {
 height: 30px;
}
/* Footer End Css By Sam */

/* yacht detail css start  */

.yacht-top-navbar {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}

.yacht-top-navbar .breadcrumb a:after {
    content: "/";
    font-family: 'Cabinet Grotesk';
    font-weight: 500;
    font-size: 18px;
    color: #000000;
	line-height: normal;
    text-decoration: none;
    margin-left: 15px;
    margin-right: 15px;
}

.yacht-top-navbar .breadcrumb a.breadcrum-link, .yacht-top-navbar .breadcrumb .no-active-link {
    font-family: 'Cabinet Grotesk';
    font-weight: 500;
    font-size: 18px;
	line-height: normal;
    color: #C32026;
    text-decoration: none;
}

.yacht-top-navbar .breadcrumb .no-active-link {
    color: #000;
}

.yacht-top-navbar .breadcrumb a.breadcrum-link:hover {
    color: #000;
}
.yacht-top-navbar .sec-nav-links {
    display: flex;
    justify-content: end;
    column-gap: 15px;
}

.yacht-top-navbar .sec-nav-links .item-link {
    font-family: 'Cabinet Grotesk';
    font-weight: 700;
    font-size: 16px;
    line-height: normal;
    color: #000000;
    text-decoration: none;
    text-transform: uppercase;
}
.yacht-top-navbar {
    border-bottom: 1px solid #CCCCCC;
    padding-bottom: 25px;
	margin-bottom: 90px;
}
.yacht-single-sec1 h4 {
    color: #000000;
    margin-top: 0;
    font-family: 'Cabinet Grotesk', sans-serif !important;
    font-size: 1.5vw;
    line-height: 1;
    text-transform: uppercase;
}

.yacht-single-sec1 p {
    font-family: 'Cabinet Grotesk', sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5;
    color: #000;
    margin-bottom: 30px;
}
.yacht-single-sec1 .yacht-spec-row {
    column-gap: 100px;
}
.book-btn-style1{
    background: #C32026;
    color: #fff;
    padding: 19px 25px;
    border-radius: 100px;
    text-decoration: none;
    font-weight: 500;
    transition: background 0.3s;
    font-size: 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: max-content;
}
.book-btn-style1:hover {
    background: #891f2c;
}
.book-btn-style1 svg {
    margin-left: 12px;
}
.yacht-single-sec1 .yacht-spec-row .length-col {
    flex: 1 1 calc(50% - 50px); 
    box-sizing: border-box;
	text-transform: uppercase;
	border-top: 1px solid #CCCCCC;
    padding-top: 18px;
}

.yacht-single-sec1 .yacht-spec-row .length-col span {
    margin-top: 10px;
	font-family: 'Vonca';
}

ul.facility-list li span {
    background-image: url(https://malayachts.ae/wp-content/uploads/2025/06/speaker-icon.webp);
    width: 88px;
    height: 88px;
    display: inline-block;
    border-radius: 100px;
    margin-left: 15px;
}

ul.facility-list {
    list-style: none;
    display: grid;
    grid-template-columns: max-content max-content;
    justify-content: start;
    column-gap: 50px;
    row-gap: 10px;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
	margin-top: 30px;
}
ul.facility-list li {
    display: flex;
    align-items: center;
    padding: 8px 8px 8px 24px;
    border-radius: 100px;
    font-family: Vonca, sans-serif;
    font-size: 1.35vw;
    line-height: 1;
    width: max-content;
}
.yacht-single-sec1 .col-right {
    padding-left: 100px;
    padding-right: 180px;
    -ms-flex: 0 0 54%;
    flex: 0 0 54%;
    max-width: 54%;
	box-sizing: border-box;
}

.yacht-single-sec1 .col-left {
    -ms-flex: 0 0 46%;
    flex: 0 0 46%;
    max-width: 46%;
    box-sizing: border-box;
}
.yt-gal-slider1 .swiper-wrapper {
  transition-timing-function: ease-in-out;
}
.yacht-single-gal-sec2 {
    margin-top: 80px;
	padding-bottom: 100px;
}
.yt-gal-slider1 .swiper-slide img {
    border-radius: 20px;
}

.yt-gal-slider1 {
    padding-top: 80px !important;
}
.yt-gal-slider1 .swiper-arrow:after {
    display: none;
}

.yt-gal-slider1 .swiper-arrow {
    width: 50px;
    height: 50px;
    border: 1px solid #000;
    border-radius: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.yt-gal-slider1 .swiper-arrow svg {
    width: auto !important;
    height: auto !important;
}
.yt-gal-slider1 .swiper-slide img {
  display: block;
  width: 100%;
  height: auto;
}
.yt-gal-slider1 .swiper-nav-box {
    position: absolute;
    top: 23px;
    right: 16%;
}
.yt-extra-ser {
    background-color: #FBF2F2;
    padding-top: 117px;
    padding-bottom: 117px;
}
.yt-extra-ser .row {
    column-gap: 30px;
    align-items: end;
    margin-top: 70px;
}

.yt-extra-ser .row img {
    display: block;
	transition: transform 0.3s ease;
}

.yt-extra-ser .row .col-md-4 {
    flex: 1 1 calc(33.333% - 30px);
    box-sizing: border-box;
    position: relative;
	overflow: hidden;
    display: inline-block;
	border-radius: 10px;

}
.yt-extra-ser .row .col-md-4:hover img {
    transform: scale(1.1);
}

.yt-extra-ser svg.icon-arr {
    position: absolute;
    right: 40px;
    bottom: 51px;
	transition: transform 0.3s ease;
}
.yt-extra-ser .row .col-md-4:hover svg.icon-arr {
	transform: rotate(45deg);
}

.yt-extra-ser .row .col-md-4 .h3 {
    position: absolute;
    bottom: 40px;
    left: 32px;
    z-index: 1;
    color: #fff;
}
.yt-long-desc-sec .yt-long-desc {
    max-width: 1515px;
    margin-left: auto;
    margin-right: auto;
}
.yt-long-desc-sec {
	padding-bottom: 100px;
}
.yt-long-desc-sec .yt-long-desc h2 {
    text-transform: uppercase;
    margin-top: 0;
    margin-bottom: 0;
    font-size: 2.92vw;
    font-family: 'Cabinet Grotesk', sans-serif;
    font-weight: 500;
    line-height: 1.1;
    color: #000;
    margin-bottom: 50px;
}
.yt-long-desc p {
    font-family: 'Cabinet Grotesk', sans-serif;
    font-size: 24px;
    font-weight: 400;
    line-height: 1.5;
    color: #000;
    margin-bottom: 30px;
}
.yt-long-desc a {
	color: #C32026;
    text-decoration: none;
}
.yt-long-desc a:hover {
	color: #000;
}

/* yacht detail end  */

.corpform p {
    margin-bottom: 13px;
}

#book-a-yacht-form .wpcf7-form-control {
    /* padding-left: 17px !important; */
    height: 43px;
}

#book-a-yacht-form .wpcf7-form-control i.fas {
    display: none;
}

#book-a-yacht-form br {
    display: none;
}

#book-a-yacht-form  .row {
    column-gap: 20px;
    box-sizing: border-box;
}

#book-a-yacht-form .row .col-md-6 {
    max-width: calc(50% - 10px);
}
.normal-cont-sec h3 {
    font-family: 'Cabinet Grotesk', sans-serif !important;
    font-size: 24px;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 2.2vw;
    line-height: 1;
    margin-bottom: 20px;
}
.normal-cont-sec h3 strong{
	color: #EE417A !important;
	font-weight: 700 !important;
}
.normal-cont-sec p {
    margin-bottom: 30px;
}
.ul-li-style ul {
    margin-left: 15px;
    margin-top: 20px;
    margin-bottom: 20px;
}
.paragraph.height.more p {
    font-size: 18px;
}


/* old css start */


#main-banner.main-banner-top .row {
    justify-content: center;
}

#main-banner.main-banner-top .row ol.breadcrumb {
    list-style: none;
    display: flex;
}

#main-banner.main-banner-top .row ol.breadcrumb li:after {
    content: "/";
    margin-left: 15px;
    margin-right: 15px;
}

#main-banner.main-banner-top .row ol.breadcrumb li:last-child:after {
    display: none;
}
.food-main-banner-head img {
    object-fit: cover;
}

.food-tabs {
    background-color: #faf7f2;
    padding: 40px 0;
}

.food-head-tabs-main > ul {
    justify-content: start;
    list-style-type: none;
    padding: 30px 0 10px 0;
    line-height: 26px;
    display: flex;
    flex-wrap: wrap;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
    max-width: 1200px;
    column-gap: 20px;
}

.food-head-tabs-main ul li.nav-item a {
    background: #fff;
    border: none;
    padding: 14px 25px;
    cursor: pointer;
    transition: .3s;
    margin-bottom: 20px;
    text-transform: uppercase;
    box-shadow: 0 12px 8px 0 rgba(213, 151, 96, .06);
    border-radius: 10px;
    font-size: 16px !important;
    color: #333;
    font-family: Montserrat, sans-serif;
    font-weight: 600;
}

.food-head-tabs-main .food-grid-menu {
    padding: 45px 15px 20px;
    background-color: #fff;
    border-radius: 10px 10px 0 0;
}

.food-head-tabs-main .tab-pane > .row .col-lg-4 {
    padding-left: 15px;
    padding-right: 15px;
}

.food-head-tabs-main .tab-pane > .row {
    margin-left: -15px;
    margin-right: -15px;
    margin-bottom: 30px;
}

.food-head-tabs-main .tab-pane {
    padding-left: 0;
    padding-right: 0;
}

.food-head-tabs-main h3 {
    font-size: 18px;
    font-family: 'Cabinet Grotesk', sans-serif !important;
    text-transform: uppercase;
}

.food-head-tabs-main .food-grid-menu-title {
    padding: 15px 10px 20px 20px;
    background-color: #fff;
}

.food-grid-menu-title ul.food-menu-rating {
    list-style: none;
    display: flex;
    justify-content: end;
    column-gap: 10px;
}

.food-grid-menu-title ul.food-menu-rating li img {
    width: 15px;
}
.nav-links i.fas.fa-caret-down{
    filter: brightness(0) invert(1);
}
.head-inner-page .nav-links i.fas.fa-caret-down{
	filter: none;
}
.custom-header.solid .nav-links i.fas.fa-caret-down{
	filter: none;
}
.nav-links i.fas.fa-caret-down {
    background-image: url(https://malayachts.ae/wp-content/uploads/2025/06/arrow-down.png);
    width: 16px;
    height: 16px;
    display: inline-block;
    position: relative;
    top: 2px;
    left: -2px;
}
 .ti-reviews-container {
    margin-bottom: 70px !important;
}
fieldset.hidden-fields-container {
    border: 0;
}

/* old css end */

.yacht-single-gal-sec2 .h2 {
    max-width: 980px;
    margin-left: auto;
    margin-right: auto;
}
.yacht-single-sec1 p a {
    color: #C32026;
}

.yacht-single-sec1 p a:hover {
    color: #000;
}
.paragraph.height.more ul {
    margin-left: 23px;
}
.popup-form-container .popup-swiper-button-prev, .popup-form-container .popup-swiper-button-next {
    background-color: transparent;
    box-shadow: none;
}
.footer-publications-images img, .footer-review-images img {
    height: auto;
}
.blog-left-wrap ul.blog-link-ul {
    list-style: none;
    margin-bottom: 30px;
}

.blog-left-wrap .blog-slides-title .blog-title-number {
    display: none;
}

.blog-left-wrap ul.blog-link-ul li.blog-link-li {
    margin-bottom: 15px;
}
.mejs-audio {
    margin-bottom: 40px;
}


/* arabic css start */
html {
    direction: rtl;
}
.slider-container {
    direction: ltr;
}
.footer-socials-found {
    column-gap: 15px;
    display: flex;
    margin-top: 20px;
}

header#site-header {
    direction: ltr;
}
.nav-links .dropdown-content {
    text-align: right;
}


.ar-dir .blog-header {
    text-align: right;
}


.ar-dir .blog-breadcrum {
    text-align: right;
}

.ar-dir .author-detail {
    text-align: right;
}

.ar-dir .author-avatar {
    direction: rtl;
    text-align: right;
}

.ar-dir .author-avatar img {
    width: 100px;
    max-width: 100px;
    margin-left: 20px;
}
/* arabic css end */

.service-content .box {
    margin-top: 70px;
}

.service-content .box h4 {
    margin-top: 15px;
    margin-bottom: 20px;
}

.service-content .row.thumbnail-style-2 {
    row-gap: 40px;
}

/* Responsive css start */


/* laptop */

@media only screen and (max-width: 1440px) {
 
}

/* tablet*/

@media only screen and (max-width: 1036px) {
	h1 { font-size: 44px; line-height: 119%; }
    h2 { font-size: 40px; line-height: 119%; }
    h3 { font-size: 34px; line-height: 119%; }
    h4 { font-size: 32px; line-height: 119%; }
    h5 { font-size: 24px; line-height: 119%; }
    p, .caption { font-size: 18px; line-height: 119%; }
	
	.yacht-single-gal-sec2 .h2 {
    max-width: 60%;
     }
	.px-50 {
    padding-left: 15px !important;
    padding-right: 15px !important;
    }
	.mt-60 {
    margin-top: 20px;
    }
	.custom-footer-container {
    padding-left: 20px;
    padding-right: 20px;
    }
	.yacht-single-gal-sec2 {
    margin-top: 60px;
    padding-bottom: 60px;
    }
	.yt-extra-ser {
    padding-top: 60px;
    padding-bottom: 60px;
    }
	.yacht-single-sec1 h4 {
    font-size: 20px;
    }
	.yacht-single-sec1 .yacht-spec-row {
    column-gap: 15px;
    }
	.yacht-single-sec1 .col-left {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    }
	.yacht-single-sec1 .col-right {
    padding-left: 0;
    padding-right: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    }
	ul.facility-list {
    column-gap: 15px;
    margin-top: 20px;
    }
	ul.facility-list li {
    font-size: 16px;
    }
    ul.facility-list li span {
    width: 50px;
    height: 50px;
    margin-right: 10px;
    background-position: center;
    background-size: cover;
    }
	.yacht-top-navbar .breadcrumb a.breadcrum-link, .yacht-top-navbar .breadcrumb .no-active-link {
		font-size: 14px;
	}
    .yacht-top-navbar {
    padding-bottom: 20px;
    margin-bottom: 25px;
    }
	.yacht-top-navbar .sec-nav-links .item-link {
		font-size: 14px;
		flex: 0 0 auto;
		scroll-snap-align: start;
		min-width: max-content;
		padding-bottom: 0px;
	}

	.yacht-top-navbar .sec-nav-links {
		overflow-x: auto;
		scrollbar-width: thin;
		scrollbar-color: #ee417a00 transparent;
		display: flex;
		list-style: none;
		padding: 0;
		margin: 0;
		justify-content: center;
		justify-content: space-evenly;
		margin-top: 10px;
	}
	
    .tabs-content.w-tab-content .w-layout-grid.grid-yachts .card-detail {
        grid-row-gap: 0vh;
    }
    
    .tabs-content.w-tab-content .w-layout-grid.grid-yachts .card-detail .flex-time-wrap {
        margin-bottom: 10px;
    }
	
	
	#w-node-_6c572061-0199-df76-1aeb-5b45db17b9a9-6a85e79a, #w-node-_23d20546-f4c7-0a61-93c0-6b981486f45c-6a85e79a, #w-node-e3129265-3201-1d79-c3b1-88f8dad468d4-6a85e79a, #w-node-_5cb276fc-353d-8522-791a-6721b8a7316c-6a85e79a {
    grid-area: span 1 / span 1 / span 1 / span 1;
    justify-self: start;
  }

  #w-node-b92f3e03-7ca9-8adc-f3b8-8c090020d0a9-0020d08b {
    grid-area: span 2 / span 1 / span 2 / span 1;
  }

  #w-node-_445d8c46-8b00-8b9b-7dc9-7e0820def3ad-20def3ab {
    grid-column: 2 / 3;
    justify-self: center;
  }

  #w-node-_445d8c46-8b00-8b9b-7dc9-7e0820def3e2-20def3ab {
    grid-area: 1 / 3 / 2 / 4;
    justify-self: end;
  }

  #w-node-_445d8c46-8b00-8b9b-7dc9-7e0820def3e4-20def3ab {
    grid-area: 1 / 1 / 2 / 2;
    justify-self: start;
  }
  .yt-gal-slider1 .swiper-nav-box{
    top: auto;
    right: 0;
    left: 0;
    bottom: 30px;
    max-width: 140px;
    margin: 0 auto;
   }	
   .yt-gal-slider1 {
    padding-top: 40px !important;
    padding-left: 15px;
    padding-bottom: 80px;
    }	
	.yt-gal-slider1 .swiper-arrow.swiper-button-prev1 { left: 77px; }
    .yt-gal-slider1 .swiper-button-next1 { left: 15px; right: auto;  }
	.yacht-grid { grid-template-columns: repeat(2, 1fr) !important; }
	 .faq-section { gap: 45px; padding: 40px 40px 80px 40px; }
	.yacht-single-sec1 .col-left { order: 2; margin-top: 60px; }
	.yt-extra-ser svg.icon-arr { right: 20px; bottom: 30px; width: 18px; }
	.yt-extra-ser .row .col-md-4 .h3 { bottom: 27px; left: 20px; }
	.yt-long-desc-sec { padding-bottom: 0px; }
	.review-sec .section-title { padding-left: 15px; padding-right: 15px; }
	
	 .section.more {
    height: auto;
  }

  .h1 {
    font-size: 50px;
    line-height: 75px;
  }

  .container {
    padding-left: 20px;
    padding-right: 20px;
  }

  .container.full-side {
    padding-right: 20px;
  }

  .container.spae-more {
    padding-bottom: 10vh;
  }

  .container.rela {
    padding-bottom: 18vh;
  }


  .h2.light.reveal-type.p-typing {
    font-size: 40px;
  }


  .paragraph-bigger {
    font-size: 18px;
  }

  .paragraph {
    font-size: 14px;
    line-height: 1.3;
  }

  .paragraph.foot, .paragraph.link {
    font-size: 16px;
  }

  .button {
    padding: 14px 20px;
    font-size: 12px;
  }

  .button.white {
    padding: 10px;
  }

  .button.abso._1, .button.abso._2, .button.abso._3 {
    display: none;
  }

  .logo-link {
    width: 130px;
  }

  .navlink {
    font-size: 16px;
  }

  .navlink.single {
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .nav-menu {
    background-color: #fff;
    flex-flow: column;
    width: 100%;
    padding-left: 20px;
    padding-right: 20px;
  }

  .dropdown-toggle {
    width: 100%;
  }

  .text-field {
    width: 40vw;
    font-size: 14px;
  }

  .grid-footer {
    grid-template-columns: 1fr;
  }

  .logo-foot {
    width: 190px;
  }

  .footer-heading {
    font-size: 40px;
  }

  .social-link {
    width: 40px;
  }

  .inner-main-hero {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    width: 100%;
  }

  .inner-main-hero.sec {
    width: 100%;
  }

  .side-h2-wrapper {
    width: 100%;
  }
	.container {
    padding: 40px 15px;
    }
	.container .container {
    padding-top: 10px;
    padding-bottom: 0;
   }
   .full-grid {
    grid-column-gap: 4vw;
    grid-row-gap: 4vw;
    grid-template-rows: auto;
    grid-template-columns: .4fr 1fr;
    margin-bottom: 2vh;
    }
	.ti-widget[data-layout-id='14'][data-set-id='light-background'] .ti-controls-line {
		width: 100% !important;
	}
	.section .full-grid .grid-card {
    margin-bottom: 0;
    }
	.ti-reviews-container {
    margin-bottom: 0px !important;
    }

.h2.light.reveal-type.p-typing {
    text-align: left;
}
  .heading-wrapper {
    margin-bottom: 60px;
  }

  .heading-wrapper.tiny {
    margin-bottom: 40px;
  }

  .heading-wrapper.center {
    margin-bottom: 60px;
  }

  .c-faq {
    max-width: 100%;
  }

  .faq-q-text {
    font-size: 20px;
  }

  ._w-faq-icon {
    width: 20px;
    height: 20px;
  }

  .grid-getintouch {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    grid-template-columns: 1fr;
  }

  .mask {
    max-width: 75%;
  }

  .mask-wrapper {
    width: 72%;
  }

  .arrow-slider {
    width: 7vw;
    left: 6vw;
  }

  .arrow-slider._2 {
    right: 6vw;
  }

  .img-decor {
    width: 21%;
  }

  .arrow-icon {
    width: 11%;
  }

  .full-grid {
    grid-template-columns: 1fr;
  }

  .wrap-paragraph {
    max-width: 60%;
  }

  .grid-yachts {
    grid-template-columns: 1fr 1fr;
  }

  .card-detail {
    padding: 20px 30px;
  }

  .titles-wrapper {
    grid-column-gap: 14px;
    grid-row-gap: 14px;
  }

  .icon-mark {
    width: 16px;
  }

  .text-red {
    font-size: 13px;
  }

  .grid-1b1 {
    grid-column-gap: 70px;
    grid-row-gap: 70px;
    grid-template-columns: 1fr;
  }

  .images-wrapper {
    display: none;
  }

  .wrap-grid {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
  }

  .button-drag {
    font-size: 16px;
  }

  .text-card {
    font-size: 14px;
  }

  .drag-icon {
    width: 16px;
  }

  .lebal {
    font-size: 14px;
  }

  .grid-list {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
  }

  .single-list-wrapper {
    font-size: 13px;
  }

  .icon-card {
    width: 37px;
  }

  .menu-button {
    padding-top: 10px;
    padding-bottom: 10px;
    padding-right: 0;
    font-size: 24px;
  }

  .menu-button.w--open {
    color: #000;
    background-color: #c8c8c800;
  }

  .dropdown {
    display: block;
  }

  .image-grid-wrapper {
    width: 100%;
    display: block;
  }

  .sticky-button {
    position: static;
  }

  .sticky-button.show-mobel {
    display: block;
    position: static;
  }

  .wrapper-paragraph {
    max-width: 100%;
  }

  .smal-txt {
    font-size: 12px;
  }

  .red-text {
    font-size: 18px;
  }

  .popup-wrapper {
    width: 20vw;
  }

  .flex-list-wrapper {
    font-size: 8px;
  }

  .filter-trigger {
    font-size: 14px;
  }

  .grid-eve {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
  }

  .number-flex-wrapper {
    font-size: 20px;
  }

  .card-bg {
    width: 80%;
  }

  .exclu-content-wrapper {
    width: 250px;
  }
	.food-head-tabs-main > ul {
    column-gap: 10px;
    row-gap: 34px;
    max-width: 100%;
}

.food-head-tabs-main ul li.nav-item a {
    padding: 12px 12px;
    font-size: 13px !important;
}

.food-head-tabs-main .food-grid-menu {
    width: 100%;
}

.food-head-tabs-main .food-grid-menu img {
    width: 100%;
}

.food-head-tabs-main .tab-pane > .row {
    row-gap: 30px;
}
.food-head-tabs-main .tab-pane > .row .col-lg-4 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
}	
/* UI fixes css start	 */

 .yacht-grid .yacht-tooltip-wrapper:nth-child(3) {
  display: none;
 }
 /* UI fixes css end */	
	
}

/* sm tablet and mobile*/
@media only screen and (max-width: 767px) {
	

    h1 { font-size: 40px; line-height: 119%; }
    h2 { font-size: 36px; line-height: 119%; }
    h3 { font-size: 26px; line-height: 119%; }
    h4 { font-size: 24px; line-height: 119%; }
    h5 { font-size: 22px; line-height: 119%; }
    p, .caption { font-size: 18px; line-height: 28px;}

	
	.yacht-single-gal-sec2 .h2 {
    max-width: 100%;
     }
	 .yacht-single-gal-sec2 {
        padding-left: 20px;
        padding-right: 20px;
     }
	.food-head-tabs-main > ul {
		column-gap: 10px;
		row-gap: 34px;
		max-width: 100%;
	}
	.food-head-tabs-main .tab-pane > .row .col-lg-4 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    }	

	.food-head-tabs-main ul li.nav-item a {
		padding: 12px 12px;
		font-size: 13px !important;
	}

	.food-head-tabs-main .food-grid-menu {
		width: 100%;
	}

	.food-head-tabs-main .food-grid-menu img {
		width: 100%;
	}

	.food-head-tabs-main .tab-pane > .row {
		row-gap: 30px;
	}
	
    #w-node-f7262bd4-752c-4a1e-2bae-474a889eab3a-6a85e79a, #w-node-f66e8236-b408-010f-175f-fb13e595b119-6a85e79a, #w-node-f64c1355-e232-b322-d375-7666455bc0e5-6a85e79a, #w-node-_5ffc9a43-20dd-5852-d88a-626dd0a3405a-6a85e79a {
    grid-area: span 1 / span 1 / span 1 / span 1;
    }
	ul.facility-list li {
    font-size: 16px;
    }
	ul.facility-list {
        grid-template-columns: auto;
        margin-bottom: 30px;
    }
	.yt-extra-ser .row {
    margin-top: 40px;
    row-gap: 30px;
    }
	.yt-extra-ser .row .col-md-4, .col-xs-12 {
    flex: 0 0 100%;
    max-width: 100%;
    }
	.yt-long-desc p {
    font-size: 16px;
    margin-bottom: 20px;
    }
	.ticker-container-ITSEC {
    padding: 10px 0;
    }	
	.styleguide-hero-section {
    height: 200px;
    padding-bottom: 20px;
    padding-left: 20px;
  }

 

  .container {
    padding-left: 15px;
    padding-right: 15px;
  }

  .container.full-side {
    padding-right: 10px;
  }

  .container.rela {
    padding-bottom: 13vh;
  }

 

  .h2.light.reveal-type.p-typing {
    font-size: 30px;
  }


  .button.white {
    padding-left: 20px;
    padding-right: 20px;
    font-size: 14px;
  }

  .talk-wrap {
    font-size: 40px;
  }

  .inner-main-hero {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
  }

  .field {
    background-size: 15px;
    height: 50px;
    padding-left: 32px;
    font-size: 14px;
  }

  .field.sele {
    background-size: 13px;
    padding-left: 10px;
  }

  .grid--style {
    grid-template-rows: .5fr 1fr;
    grid-template-columns: 1fr 1fr;
  }

  .card-decoration {
    aspect-ratio: 1;
    padding: 10px;
  }

  .grid-card {
    grid-template-columns: 1fr;
    margin-bottom: 60px;
  }

  .table-wrapper {
    flex: none;
    width: 140%;
  }

  .table-heading--wrapper {
    padding-top: 20px;
    padding-bottom: 20px;
    padding-left: 20px;
    font-size: 14px;
    line-height: 1.8;
  }

  .wrap-paragraph {
    max-width: 72%;
    margin-top: 30px;
  }

  .grid-yachts {
    grid-template-columns: 1fr;
  }

  .cards-wrapper {
    grid-column-gap: 7px;
    grid-row-gap: 7px;
    font-size: 14px;
  }

  .icon-admin {
    width: 20px;
  }

  .card-detail {
    grid-column-gap: 2.3vh;
    grid-row-gap: 2.3vh;
    padding: 40px 20px;
  }

  .icon-mark {
    display: inline-block;
  }

  .div-button.top {
    margin-top: 70px;
    margin-bottom: 40px;
  }

  .wrap-grid {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
  }

  .scroll-tab {
    display: flex;
    overflow: scroll;
  }

  .slide-nav {
    font-size: 9px;
  }

  .popup-wrapper {
    display: none;
  }

  .grid-eve {
    grid-column-gap: 51px;
    grid-row-gap: 51px;
    grid-template-columns: 1fr;
  }

  .single-eve-card.second {
    margin-top: 0;
  }

  .wrapper-form {
    max-width: 90vw;
    padding: 8vh 2vw;
  }

  .cross {
    width: 40px;
  }

  .flex-excul.minus-1 {
    margin-top: -50px;
    padding-top: 30px;
    padding-bottom: 20px;
  }

  .flex-excul.minus-2 {
    margin-bottom: -50px;
    padding-top: 30px;
    padding-bottom: 30px;
  }

  .exclu-content-wrapper {
    width: 190px;
  }

  .wrap-img {
    width: 50%;
  }

  /* New Figma Header Responsive CSS Start Added By SAM */
  .custom-footer-container {
      background-size: contain;
      background-position: center bottom;
      min-height: 50vh;
  }
  .footer-left-section {
      order: 1;
  }

  .footer-middle-section {
      order: 2;
  }

  .footer-right-section {
      order: 3;
  }

  .footer-reviews-section {
      order: 4;
  }

  .footer-custom-columns {
      order: 5;
	  flex-wrap: wrap !important;
  }
  .custom-col-payment {
      order: 3;
  }
  .custom-col-publisher {
      order: 2;
  }
  .custom-col-social {
      order: 1;
  }
  .footer-wrapper {
      flex-direction: column;
      align-items: flex-start; /* Optional: aligns flex children to the left */
  }

  .footer-left-section, 
  .footer-middle-section, 
  .footer-right-section {
      width: 100%;
      text-align: right; /* <-- Align text to the left */
      padding: 20px 0;
  }

  .footer-reviews-section {
      padding: 20px 0;
      text-align: right; /* Optional: ensures alignment for review section too */
	  width: 100%;
  }
 .reviews-icons {
  display: flex;
  gap: 20px;
  flex-direction: column;
    }

  .footer-custom-columns {
      text-align: right;
      align-items: flex-start;
      padding-bottom: 0px !important;
  }
  .footer-email-form {
      width: 100%;
  }
  .custom-col-social {
      padding: 0px;
      width: 100%;
      display: flex;
      justify-content: flex-start;
  }
  .footer-review-images {
      display: flex;
      flex-direction: column;
      justify-content: flex-start;
      flex-wrap: nowrap;
      gap: 15px;
	  padding-top: 10px;
  }
	

  .footer-review-images img {
      width: 150px;
      height: auto;
      margin: 0;
  }
  .footer-2-review-images {
      display: flex;
      flex-direction: column;
      justify-content: flex-start;
      flex-wrap: nowrap;
      gap: 15px;
  }

  .footer-2-review-images img {
      width: 150px;
      height: auto;
      margin: 0;
  }
  .footer-publications-images {
      display: flex;
      justify-content: flex-start;
      flex-wrap: nowrap;
      gap: 10px;
      overflow-x: auto; /* optional: makes it scrollable if it overflows */
      flex-direction: column;
  }

  .footer-publications-images img {
      width: 80%;
      height: auto;
      margin-bottom: 20px;
      flex-shrink: 0; /* keeps them from shrinking too much */
  }
  .custom-col-payment {
      padding-bottom: 40px;
  }
   .publications-icons {
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    padding-top: 20px;
 }
  /* New Figma Header Responsive CSS End Added By SAM */
  /* New Figma homepage CSS Responsive Start Added By SAM */
  .payment-icons img {
      width: 50px;
      height: auto;
  }
  .payment-icons {
      display: flex;
      justify-content: center;
      gap: 20px;
      margin-top: 10px;
  }
 .hero-content {
  padding: 0px 20px;
  justify-content: center;
 }
  .hero {
      height: 100vh !important;
  }
  .zidash-icon {
      margin-bottom: 0px;
      width: 40px;
  }
  .explore-button {
        display: flex;
        font-size: 20px;
        gap: 20px;
        width: 100%;
        justify-content: space-between;
        padding: 10px 20px;
  }
  .hero-divider {
      margin-top: 20px;
  }
  .hero-bar-left {
      display: none;
  }
  .hero-bar-center {
      text-align: center;
  }
   .hero-bar {
    display: flex;
    position: absolute;
    align-self: center;
    bottom: 50px;
    align-items: center;
    justify-content: space-between;
    width: 90% !important;
    margin: 20px 0px;
    padding: 20px 30px;
    color: white;
    font-size: 1.1rem;
    font-weight: 500;
    text-align: center;
    width: 100%;
    border-top: 2px solid white;
  }
  .hero-content h1 {
      margin-bottom: 5px;
      line-height: 50px;
  }
  .filter-section select {
      width: 100% !important;
  }
  .yachts-style01 {
      padding: 50px 15px !important;
      gap: 50px !important;
  }
  .filter-section {
      margin: 20px 5px !important;
      width: 100%;
  }
  .tab {
      font-size: 16px !important;
  }
  .filter-icon img {
      width: 25px !important;
      height: 25px !important;
  }
  .popup-inner > div {
      flex-direction: column;
      width: 95%;
  }
  .popup-left, .popup-right {
      flex: 0 0 100%;
      max-width: 100% !important;
      padding-right: 0;
  }
  .popup-left .popup-swiper-container {
      height: 250px;
  }
  .popup-buttons {
      flex-direction: column;
      gap: 15px;
  }
  .popup-left {
      padding-right: 0px !important;
  }
  .popup-inner {
      padding: 50px 20px !important;
      width: 95% !important;
  }
  .container-publisher {
      padding: 20px;
  }
  .stats {
      display: flex;
      flex-wrap: wrap;
      gap: 30px;
      flex-direction: column;
  }
  .stats .stats-con-sec {
      flex: 1 1 calc(50% - 15px);
  }
  .publicationsec.full-width {
      width: 100%;
      display: flex;
      flex-direction: column;
      justify-content: space-between;
  }
  .container-publication {
      padding: 20px;
      flex-direction: column;
  }
  .left-inner-div, .right-inner-div {
      width: 100%;
      align-items: center !important;
      padding: 0px;
  }
  .divider-vertical {
      display: none;
  }
  .publicatiions-logo {
      flex-direction: column;
      gap: 20px;
      align-items: center;
  }
  .Khaleejtimes-logo, .gulfnews-logo, .Travelpr-logo {
      max-width: 60%;
  }
  .pub-divider {
      width: 100%;
  }
  .custom-video-section {
      padding: 50px 10px;
  }
  .custom-play-button {
      width: 90px;
      height: 90px;
      font-size: 12px;
  }
  .custom-play-icon {
      font-size: 18px;
  }
  .pcards-content-section {
      padding: 30px 10px 10px 10px;
  }
  .bottom-overlay-img {
      padding-bottom: 100px !important;
      position: absolute;
      bottom: 70px !important;
  }
  .yacht-catering-section {
      padding-bottom: 100px !important;
      padding-top: 600px !important;
  }
  .yacht-catering-wrapper {
      padding: 20px;
      min-height: 50vh !important;
  }
  .custom-container-ITSEC {
      flex-direction: column;
      align-items: center;
  }
  .custom-right-ITSEC {
      width: 100%;
      padding: 20px;
  }
  .custom-left-ITSEC {
      width: 100%;
  }
  .cont-sec-three-c {
      grid-template-columns: repeat(1, 1fr);
      grid-template-rows: repeat(2, 1fr);
      gap: 20px;
      padding: 50px 30px;
  }
  .cdivnumber1, .cdivnumber2, .cdivnumber3, .cdivnumber4 {
      padding-right: 0px;
  }
  .yacht-nav-text {
      font-size: 12px;
      position: unset;
  }
  .yacht-slide-wrapper {
      width: 400px;
      max-width: 90%;
  }
  .left-nav-card {
      width: 50px;
      margin-top: 50px;
      margin-bottom: -25px;
  }
  .yacht-slider-container {
      flex-direction: column;
  }
  .yacht-right-text {
      margin-top: 100px;
  }
  .yacht-left-text {
      margin-bottom: 50px;
  }
  .cont-sec-rigimg {
      flex-direction: column;
      padding: 50px 20px;
  }
  .left-consec-n {
      width: 100%;
      padding: 0px;
  }
  .right-consec-n {
      width: 100%;
  }
  .faq-section {
      flex-direction: column;
      gap: 50px;
      padding: 50px 20px;
  }
  .parent {
      display: flex;
      overflow-x: auto;
      scroll-snap-type: x mandatory;
      -webkit-overflow-scrolling: touch;
      gap: 10px;
      padding-bottom: 16px;
      scroll-behavior: smooth;
  }
  .gallery-item {
      flex: 0 0 80%;
      scroll-snap-align: center;
      position: relative;
      height: 220px;
      border-radius: 12px;
      overflow: hidden;
  }
  .gallery-item img {
      border-radius: 12px;
  }
  .parent::-webkit-scrollbar {
      height: 6px;
  }
  .parent::-webkit-scrollbar-thumb {
      background-color: #EE417A;
      border-radius: 6px;
  }
  .footer-socials-found {
    flex-direction: column;
    row-gap: 10px;
  }
	/*   UI fixes start */
 section {
  text-align: center;
 }

 .yt-gal-slider1 .swiper-nav-box {
  bottom: 28px;
 }

 .yt-gal-slider1 {
  padding-bottom: 70px !important;
 }
    .yacht-top-navbar {
        justify-content: center;
    }

    .yacht-top-navbar .breadcrumb {
        margin-bottom: 10px;
    }

 .yacht-single-gal-sec2 {
  margin-top: 0;
 }

 .yt-extra-ser .row img {
  width: 100%;
  height: auto;
 }

 .yacht-grid p {
  text-align: left;
 }

 .yacht-grid .price-with-tooltip {
  text-align: left;
 }

 section ul {
  text-align: left;
 }
 .grid-list {
  text-align: left;
 }
 .book-btn-style1 {
  margin-left: auto;
  margin-right: auto;
 }
 .similar-yachts .yacht-tooltip-wrapper {
  margin-bottom: 0;
 }
 .ti-widget {
  display: none !important;
 }
    .yacht-single-sec1 .book-btn-style1 {
        padding: 12px 25px;
    }	
    .mejs-audio {
        margin-bottom: 30px;
    }
    .breadcrumb-blog-sec .container {
        padding: 26px 5.5vw 20px !important;
    }	
    .thumbnail-style-2 {
        display: flex;
        flex-wrap: wrap;
        margin-left: -15px;
        margin-right: -15px;
        flex-direction: column !important;
        align-content: center;
        }
    .full-w-c-s .container-fluid {
        padding: 0;
    }

    .full-w-c-s .container-fluid .container {
        padding: 0;
    }

    .full-w-c-s .container-fluid .container p {
        font-size: 16px;
    }	
    .thumbnail-style-2 .col-md-4 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }	
    .full-icon-wrapper-copy.style-tb {
    margin-top: 0;
    }

    .gal-sec-style-tb .col-md-6 {
    max-width: 100%;
    flex: 0 0 100%;
    }


    .ful.gal-sec-style-tb {
    padding-bottom: 0;
    padding-top: 0;
    }
    .ful.gal-sec-style-tb .Half img {
        object-fit: cover;
        height: -webkit-fill-available;
    }
    .col-md-4, .col-md-6, .col-md-8 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
    .loc-address a {
        width: 100%;
        display: block;
        white-space: normal;
        word-break: break-word;
        overflow-wrap: break-word;
    }
    html.vintagetextwed {
        text-align: center !important;
    }
    .share-it ul {
        justify-content: center;
    }
    .loaction-overview {
        text-align: left;
    }
    .activities-swiper {
        display: none !important;
    }
    .yacht-single-ban {
        height: 380px !important;
        background-attachment: unset !important;
    }

	
}

/*mobile */
@media only screen and (max-width: 570px) {
 
	
	


  .container {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .container.nav {
    padding-top: 20px;
    padding-bottom: 20px;
  }
  .side-h2-wrapper.style-tb {
    margin-bottom: 40px;
   }
  .container.footer-1 {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .container.sticky {
    height: auto;
  }

  .container.spae-more {
    padding-bottom: 60px;
  }

  .container.top-sp {
    padding-top: 60px;
  }

  .container.rela {
    padding-bottom: 11vh;
  }

  .container.drop-container {
    padding-top: 2.5vh;
    padding-bottom: 2.5vh;
  }

  .h2 {
    font-size: 32px;
  }

  .h2.light.reveal-type.p-typing {
    font-size: 20px;
  }

  .h3 {
    font-size: 18px;
  }

  .h3.cap {
    font-size: 22px;
  }

  .h3.cap-remove {
    font-size: 23px;
  }

  .h3.drop-titles {
    font-size: 22px;
  }

  .paragraph-bigger.testimonial {
    font-size: 16px;
  }

  .paragraph.foot {
    font-size: 14px;
  }

  .paragraph._500.hig {
    font-size: 16px;
  }

  .paragraph.height.more {
    font-size: 15px;
  }

  .button {
    padding: 10px 16px;
  }

  .button.transparent {
    padding: 11px 12px;
    font-size: 10px;
  }

  .button.white {
    font-size: 14px;
  }

  .logo-link {
    width: 110px;
  }

  .nav-menu {
    padding-left: 10px;
    padding-right: 10px;
  }

  .grid-foot-main {
    grid-column-gap: 28px;
    grid-row-gap: 28px;
    flex-flow: column;
    justify-content: space-between;
    align-items: flex-start;
  }

  .text-field {
    width: 100%;
  }

  .grid-footer {
    grid-column-gap: 18px;
    grid-row-gap: 18px;
  }

  .logo-foot {
    width: 130px;
  }

  .first-footer-grid {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
  }

  .single-foot-wrap {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

  .social-links-wrapper {
    margin-top: 23px;
  }

  .smaller {
    grid-column-gap: 18px;
    grid-row-gap: 18px;
  }

  .trust-wrapper {
    margin-top: 40px;
  }

  .location-div {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    flex-flow: column;
  }

  .location-icon {
    width: 20px;
  }

  .side-h2-wrapper {
    width: 100%;
  }

  .full-icon-wrapper-copy {
    margin-top: 50px;
  }

  .heading-wrapper {
    margin-bottom: 40px;
  }

  .heading-wrapper.center {
    grid-column-gap: 18px;
    grid-row-gap: 18px;
    margin-bottom: 40px;
  }

  .c-faq-q-text {
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .c-faq-icon {
    padding-left: 10px;
  }

  .field-grid, .field-grid.second {
    grid-template-columns: 1fr;
  }

  .mask {
    max-width: 88%;
  }

  .wrap-testimonial-profile {
    font-size: 16px;
  }

  .tes-admin-img {
    width: 50px;
  }

  .slide-wrap {
    padding: 15px;
  }

  .mask-wrapper {
    width: 80%;
  }

  .arrow-slider {
    width: 30px;
  }

  ._100 {
    width: 12vw;
  }

  .img-decor {
    width: 28%;
  }

  .arrow-icon {
    width: 15%;
  }

  .full-grid {
    margin-bottom: 60px;
  }

  .inner-content-wrapper {
    bottom: 6%;
    left: 5%;
  }

  .table-wrapper {
    width: 230%;
  }

  .table-heading--wrapper {
    padding-top: 14px;
    padding-bottom: 14px;
    padding-left: 15px;
  }

  .image-top {
    width: 60vw;
  }

  .wrapper-flex {
    margin-bottom: -20px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .wrapper-flex.se {
    margin-top: -20px;
  }

  .single-card-yachts:hover {
    transform: none;
  }

  .cards-wrapper {
    padding: 8px 10px;
  }

  .card-detail {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
    padding: 30px 10px;
  }

  .detail-card {
    grid-column-gap: 6px;
    grid-row-gap: 6px;
  }

  .div-button {
    margin-bottom: 4vh;
  }

  .wrap-grid {
    grid-column-gap: 23px;
    grid-row-gap: 23px;
  }

  .button-drag {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    grid-template-columns: 1fr auto 1fr;
    font-size: 12px;
  }

  .button-drag.sec {
    grid-column-gap: 6px;
    grid-row-gap: 6px;
    padding-left: 8px;
    padding-right: 8px;
    font-size: 10px;
  }

  .text-card {
    font-size: 16px;
    line-height: 24px;
  }

  .drag-icon {
    width: 10px;
  }

  .lebal {
    font-size: 18px;
  }

  .grid-list {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    grid-template-columns: 1fr;
  }

  .single-list-wrapper {
    grid-column-gap: 14px;
    grid-row-gap: 14px;
    font-size: 15px;
  }

  .icon-card {
    width: 41px;
  }

  .div-wrap {
    grid-column-gap: 4px;
    grid-row-gap: 4px;
  }

  .wrapper-filter {
    grid-column-gap: 4vw;
    grid-row-gap: 4vw;
    justify-content: flex-start;
    align-items: center;
    overflow: scroll;
  }

  .filter-trigger {
    flex: none;
    padding-left: 15px;
    padding-right: 15px;
  }

  .flex-main {
    flex-flow: column;
    justify-content: space-between;
    align-items: flex-start;
  }

  .border-text {
    display: none;
  }

  .border-div:hover {
    border-width: 5px;
  }

  .wrapper-form {
    padding-bottom: 1vh;
  }

  .card-bg {
    width: 90%;
    padding: 40px 14px;
  }

  .card-bg.sec {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
  }

  .flex-excul.cent {
    padding-top: 30px;
    padding-bottom: 30px;
  }

  .flex-excul.minus-1 {
    grid-column-gap: 22px;
    grid-row-gap: 22px;
    flex-flow: wrap-reverse;
    justify-content: space-between;
    align-items: flex-start;
    margin-top: 0;
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .flex-excul.minus-2 {
    grid-column-gap: 22px;
    grid-row-gap: 22px;
    flex-flow: column;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 0;
    padding-top: 0;
    padding-right: 0;
  }

  .excul {
    width: 40px;
  }

  .exclu-content-wrapper, .wrap-img {
    width: 100%;
  }

  .full-box {
    width: 100px;
    display: none;
  }

  .full-box.red {
    transform: translate(-50%);
  }

  .form-block {
    width: 100%;
  }

  .dropdown-list {
    display: none;
    position: relative;
  }

  .nav-dropdown-wrap {
    background-color: #fff;
  }

  .dropdown-grid {
    grid-template-columns: 1fr;
  }

  .ultra-inner-links-wrap {
    grid-row-gap: 3vw;
    margin-top: 6vw;
    margin-bottom: 6vw;
  }

  .dropdown-list-2.w--open, .dropdown-list-3, .dropdown-list-4.w--open {
    position: relative;
  }

  .navlink-gap-flex {
    grid-row-gap: 4vw;
  }
	
  .ticker-text-ITSEC {
    font-size: 50px;
  }	
  .ticker-container-ITSEC {
    padding: 10px 0;
   }	
	 .full-icon-wrapper-copy.style-tb {
   margin-top: 0;
 }

 .gal-sec-style-tb .col-md-6 {
   max-width: 100%;
   flex: 0 0 100%;
 }


 .ful.gal-sec-style-tb {
   padding-bottom: 0;
   padding-top: 0;
 }
.ful.gal-sec-style-tb .Half img {
    object-fit: cover;
    height: -webkit-fill-available;
}
.col-md-4, .col-md-6, .col-md-8 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
}
.loc-address a {
    width: 100%;
    display: block;
    white-space: normal;
    word-break: break-word;
    overflow-wrap: break-word;
}
html .vintagetextwed {
    text-align: center !important;
}
.share-it ul {
    justify-content: center;
}
.loaction-overview {
    text-align: left;
}
	.activities-swiper {
		display: none !important;
	}
.yacht-catering-wrapper:nth-child(1).active {
 z-index: 6;
 top: 0px;
}
.yacht-catering-wrapper:nth-child(2).active {
 z-index: 7;
 top: 60px;
}
.yacht-catering-wrapper:nth-child(3).active {
 z-index: 8;
 top: 120px;
}
.yacht-catering-wrapper:nth-child(4).active {
 z-index: 9;
 top: 180px;
}
.yacht-catering-wrapper:nth-child(5).active {
 z-index: 10;
 top: 240px;
}
/* Global css start	 */
	
	.yacht-single-ban .activities-swiper { display: none; }
	.yacht-single-ban {	height: 380px !important; }
	.yacht-grid { grid-template-columns: repeat(1, 1fr) !important; gap: 10px; margin-top: 25px; }
	
	
	
}