:root {
  --text-8: 8px;
  --text-10: 10px;
  --text-13: 13px;
  --text-14: 14px;
  --text-15: 15px;
  --text-16: 16px;
  --text-18: 18px;
  --text-20: 20px;
  --text-24: 24px;
  --text-26: 26px;
  --text-30: 30px;
  --text-40: 40px;
  --text-50: 50px;
  --text-60: 60px;
  --text-70: 70px;
}

.text-8 {
  font-size: var(--text-8) !important;
}

.text-10 {
  font-size: var(--text-10) !important;
}

.text-13 {
  font-size: var(--text-13) !important;
}

.text-14 {
  font-size: var(--text-14) !important;
}

.text-15 {
  font-size: var(--text-15) !important;
}

.text-16 {
  font-size: var(--text-16) !important;
}

.text-18 {
  font-size: var(--text-18) !important;
}

.text-20 {
  font-size: var(--text-20) !important;
}

.text-24 {
  font-size: var(--text-24) !important;
}

.text-26 {
  font-size: var(--text-26) !important;
}

.text-30 {
  font-size: var(--text-30) !important;
}

.text-40 {
  font-size: var(--text-40) !important;
}

.text-50 {
  font-size: var(--text-50) !important;
}
.text-60 {
  font-size: var(--text-60) !important;
}
.text-70 {
  font-size: var(--text-70) !important;
}

@media (max-width: 1199px) {
  .xl\:text-8 {
    font-size: var(--text-8) !important;
  }
  .xl\:text-10 {
    font-size: var(--text-10) !important;
  }
  .xl\:text-13 {
    font-size: var(--text-13) !important;
  }
  .xl\:text-14 {
    font-size: var(--text-14) !important;
  }
  .xl\:text-15 {
    font-size: var(--text-15) !important;
  }
  .xl\:text-16 {
    font-size: var(--text-16) !important;
  }
  .xl\:text-18 {
    font-size: var(--text-18) !important;
  }
  .xl\:text-20 {
    font-size: var(--text-20) !important;
  }
  .xl\:text-24 {
    font-size: var(--text-24) !important;
  }
  .xl\:text-26 {
    font-size: var(--text-26) !important;
  }
  .xl\:text-30 {
    font-size: var(--text-30) !important;
  }
  .xl\:text-40 {
    font-size: var(--text-40) !important;
  }
  .xl\:text-50 {
    font-size: var(--text-50) !important;
  }
  .xl\:text-70 {
    font-size: var(--text-70) !important;
  }
}

@media (max-width: 991px) {
  .lg\:text-8 {
    font-size: var(--text-8) !important;
  }
  .lg\:text-10 {
    font-size: var(--text-10) !important;
  }
  .lg\:text-13 {
    font-size: var(--text-13) !important;
  }
  .lg\:text-14 {
    font-size: var(--text-14) !important;
  }
  .lg\:text-15 {
    font-size: var(--text-15) !important;
  }
  .lg\:text-16 {
    font-size: var(--text-16) !important;
  }
  .lg\:text-18 {
    font-size: var(--text-18) !important;
  }
  .lg\:text-20 {
    font-size: var(--text-20) !important;
  }
  .lg\:text-24 {
    font-size: var(--text-24) !important;
  }
  .lg\:text-26 {
    font-size: var(--text-26) !important;
  }
  .lg\:text-30 {
    font-size: var(--text-30) !important;
  }
  .lg\:text-40 {
    font-size: var(--text-40) !important;
  }
  .lg\:text-50 {
    font-size: var(--text-50) !important;
  }
  .lg\:text-70 {
    font-size: var(--text-70) !important;
  }
}

@media (max-width: 767px) {
  .md\:text-8 {
    font-size: var(--text-8) !important;
  }
  .md\:text-10 {
    font-size: var(--text-10) !important;
  }
  .md\:text-13 {
    font-size: var(--text-13) !important;
  }
  .md\:text-14 {
    font-size: var(--text-14) !important;
  }
  .md\:text-15 {
    font-size: var(--text-15) !important;
  }
  .md\:text-16 {
    font-size: var(--text-16) !important;
  }
  .md\:text-18 {
    font-size: var(--text-18) !important;
  }
  .md\:text-20 {
    font-size: var(--text-20) !important;
  }
  .md\:text-24 {
    font-size: var(--text-24) !important;
  }
  .md\:text-26 {
    font-size: var(--text-26) !important;
  }
  .md\:text-30 {
    font-size: var(--text-30) !important;
  }
  .md\:text-40 {
    font-size: var(--text-40) !important;
  }
  .md\:text-50 {
    font-size: var(--text-50) !important;
  }
  .md\:text-70 {
    font-size: var(--text-70) !important;
  }
}

@media (max-width: 575px) {
  .sm\:text-8 {
    font-size: var(--text-8) !important;
  }
  .sm\:text-10 {
    font-size: var(--text-10) !important;
  }
  .sm\:text-13 {
    font-size: var(--text-13) !important;
  }
  .sm\:text-14 {
    font-size: var(--text-14) !important;
  }
  .sm\:text-15 {
    font-size: var(--text-15) !important;
  }
  .sm\:text-16 {
    font-size: var(--text-16) !important;
  }
  .sm\:text-18 {
    font-size: var(--text-18) !important;
  }
  .sm\:text-20 {
    font-size: var(--text-20) !important;
  }
  .sm\:text-24 {
    font-size: var(--text-24) !important;
  }
  .sm\:text-26 {
    font-size: var(--text-26) !important;
  }
  .sm\:text-30 {
    font-size: var(--text-30) !important;
  }
  .sm\:text-40 {
    font-size: var(--text-40) !important;
  }
  .sm\:text-50 {
    font-size: var(--text-50) !important;
  }
  .sm\:text-70 {
    font-size: var(--text-70) !important;
  }
}

@media (max-width: 479px) {
  .xs\:text-8 {
    font-size: var(--text-8) !important;
  }
  .xs\:text-10 {
    font-size: var(--text-10) !important;
  }
  .xs\:text-13 {
    font-size: var(--text-13) !important;
  }
  .xs\:text-14 {
    font-size: var(--text-14) !important;
  }
  .xs\:text-15 {
    font-size: var(--text-15) !important;
  }
  .xs\:text-16 {
    font-size: var(--text-16) !important;
  }
  .xs\:text-18 {
    font-size: var(--text-18) !important;
  }
  .xs\:text-20 {
    font-size: var(--text-20) !important;
  }
  .xs\:text-24 {
    font-size: var(--text-24) !important;
  }
  .xs\:text-26 {
    font-size: var(--text-26) !important;
  }
  .xs\:text-30 {
    font-size: var(--text-30) !important;
  }
  .xs\:text-40 {
    font-size: var(--text-40) !important;
  }
  .xs\:text-50 {
    font-size: var(--text-50) !important;
  }
  .xs\:text-70 {
    font-size: var(--text-70) !important;
  }
}

.lh-1 {
  line-height: 1 !important;
}

.lh-11 {
  line-height: 1.1 !important;
}

.lh-12 {
  line-height: 1.2 !important;
}

.lh-13 {
  line-height: 1.3 !important;
}

.lh-14 {
  line-height: 1.4 !important;
}

.lh-15 {
  line-height: 1.5 !important;
}

.lh-16 {
  line-height: 1.6 !important;
}

.lh-17 {
  line-height: 1.7 !important;
}

.lh-18 {
  line-height: 1.8 !important;
}

.lh-19 {
  line-height: 1.9 !important;
}

.lh-2 {
  line-height: 2 !important;
}
.fw-300 {
  font-weight: 300;
}

.fw-400 {
  font-weight: 400;
}

.fw-500 {
  font-weight: 500;
}
.fw-600 {
  font-weight: 600;
}
.fw-700 {
  font-weight: 700;
}
.fw-800 {
  font-weight: 800;
}
.fw-900 {
  font-weight: 900;
}

/* ================================================== */
/* IMAGE SCALE HELPERS */
/* ================================================== */

.imgscale {
  position: relative;
  display: block;
  overflow: hidden;
  border-radius: 0px;
  box-shadow: 0 8px 25px rgba(0,0,0,0.1);
  transition: transform 0.3s ease;
}
.imgscale.left-clip {
    clip-path: polygon(20% 0, 100% 0, 100% 100%, 0 100%, 0 20%);
}
.imgscale.top-right-clip {
    clip-path: polygon(0 0, 80% 0, 100% 20%, 100% 100%, 0 100%);
}
.imgscale.right-clip {
    clip-path: polygon(0 0, 100% 0, 100% 80%, 80% 100%, 0 100%);
}
.imgscale.bottom-right-clip {
    clip-path: polygon(0 0, 100% 0, 100% 80%, 80% 100%, 0 100%);
}
.imgscale:hover {
  transform: translateY(-5px);
}

.imgscale::before {
  display: block;
  width: 100%;
  content: "";
}

.imgscale-1\:1::before {
  padding-bottom: 100%;
}

.imgscale-2\:1::before {
  padding-bottom: 50%;
}

.imgscale-3\:2::before {
  padding-bottom: 66.66667%;
}

.imgscale-3\:4::before {
  padding-bottom: 133.33333%;
}

.imgscale-4\:3::before {
  padding-bottom: 75%;
}

.imgscale-4\:1::before {
  padding-bottom: 25%;
}
.imgscale-4\:1\:1::before {
  padding-bottom: 35%;
}
.imgscale-5\:4::before {
  padding-bottom: 80%;
}
.imgscale-5\:5\:4::before {
  padding-bottom: 92%;
}
.imgscale-8\:5::before {
  padding-bottom: 62.5%;
}

.imgscale-15\:9::before {
  padding-bottom: 60%;
}

.imgscale-16\:9::before {
  padding-bottom: 56.25%;
}

.imgscale-19\:21::before {
  padding-bottom: 110.52632%;
}

.imgscale-28\:20::before {
  padding-bottom: 71.42857%;
}

.imgscale-23\:26::before {
  padding-bottom: 113.04348%;
}

.imgscale-19\:22::before {
  padding-bottom: 115.78947%;
}

.imgscale-23\:30::before {
  padding-bottom: 130.43478%;
}

.imgscale-41\:30::before {
  padding-bottom: 73.17073%;
}

.imgscale-41\:45::before {
  padding-bottom: 109.7561%;
}

/* ================================================== */
/* IMAGE COVER HELPERS */
/* ================================================== */

.bg-image {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  width: 100%;
  height: 100%;
}

.img-object-cover {
  -o-object-fit: cover;
     object-fit: cover;
}

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

.pic-scale {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

/* ================================================== */
/* YACHT CONTENT IMAGE HELPERS */
/* ================================================== */

/* Image Caption */
.image-caption {
    font-size: 0.9rem;
    color: var(--body-color);
    text-align: center;
    margin-top: 0.5rem;
    font-style: italic;
    font-family: var(--body-font, "Poppins", sans-serif);
}

/* Image Wrapper with margin */
.content-image {
    margin: 2.5rem 0;
}

/* Float Images */
.image-float-left {
    float: left;
    margin: 0 2rem 1.5rem 0;
    width: 300px;
}

.image-float-right {
    float: right;
    margin: 0 0 1.5rem 2rem;
    width: 300px;
}

/* Clear floats */
.clearfix::after {
    content: "";
    display: table;
    clear: both;
}




@media (max-width: 768px) {

    .image-float-left,
    .image-float-right {
        float: none;
        width: 100%;
        margin: 1.5rem 0;
    }

    .content-image {
        margin: 2rem 0;
    }

    
}
.divide-x > * + * {
    border-left: 1px solid #dee2e6;
    padding-left: 0.75rem;
}

.divide-x > *:first-child {
    padding-left: 0;
}

/* PX varyants */
.divide-x-2 > * + * {
    border-left: 2px solid #dee2e6;
    padding-left: 0.75rem;
}

.divide-x-3 > * + * {
    border-left: 3px solid #dee2e6;
    padding-left: 1rem;
}

/* Color Varyants */
.divide-x-dark > * + * {
    border-left-color: #6c757d;
}

.divide-x-primary > * + * {
    border-left-color: var(--bs-primary);
}

.divide-x-light > * + * {
    border-left-color: #f8f9fa;
}

/* Vertical divider */
.divide-y > * + * {
    border-top: 1px solid #dee2e6;
    padding-top: 0.75rem;
}

.divide-y > *:first-child {
    padding-top: 0;
}
.text-clamp-1 {
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.text-clamp-2 {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.grid-cols-1 {
    grid-template-columns: repeat(1,minmax(0,1fr))
}

.grid-cols-2 {
    grid-template-columns: repeat(2,minmax(0,1fr))
}
.grid-cols-3 {
    grid-template-columns: repeat(3,minmax(0,1fr))
}
.grid-cols-4 {
    grid-template-columns: repeat(4,minmax(0,1fr))
}
.grid-cols-5 {
    grid-template-columns: repeat(5,minmax(0,1fr))
}

.grid-cols-7 {
    grid-template-columns: repeat(7,minmax(0,1fr))
}
.grid {display: grid;}
@media (min-width: 500px) {
  .xs\:grid-cols-2 {
        grid-template-columns: repeat(2,minmax(0,1fr))
    }
}
@media (min-width: 640px) {
  .sm\:grid-cols-2 {
      grid-template-columns: repeat(2,minmax(0,1fr));
  }
  .sm\:grid-cols-3 {
        grid-template-columns: repeat(3,minmax(0,1fr))
    }
  .sm\:gap-1 {
      gap: 0.25rem;
  }
  .sm\:text-end {
    text-align: end;
  }
}
@media (min-width: 768px) {
  .md\:invisible {
        visibility:hidden
    }
  .md\:grid-cols-2 {
      grid-template-columns: repeat(2,minmax(0,1fr))
  }

  .md\:grid-cols-3 {
      grid-template-columns: repeat(3,minmax(0,1fr))
  }
  .md\:grid-cols-4 {
      grid-template-columns: repeat(4,minmax(0,1fr))
  }
}
@media (min-width: 1024px) {
  .lg\:grid-cols-1 {
    grid-template-columns: repeat(1,minmax(0,1fr));
  }
  .lg\:grid-cols-2 {
    grid-template-columns: repeat(2,minmax(0,1fr));
  }
  .lg\:gap-2 {
    gap: 0.5rem;
  }
  .lg\:text-left {
    text-align: left;
  }
}
@media (min-width: 1280px) {
    .xl\:grid-cols-2 {
        grid-template-columns: repeat(2,minmax(0,1fr))
    }
    .xl\:grid-cols-4 {
        grid-template-columns: repeat(4,minmax(0,1fr))
    }
    .xl\:text-end {
    text-align: end;
    }
}
.offCanvasHeight{
        height: auto !important;
        max-height: 100% !important;
    }
.custom-modal .modal-header {
  text-align: center;
  padding: 20px;
  border-radius: 0;
}
.custom-modal .modal.show .modal-dialog {
    border-radius: 0;
}
.custom-modal .modal-header h5, .custom-modal .modal-header button {
  color: #fff;
}

.custom-modal .modal-header button {
  background: transparent;
  outline: none;
  border: none;
}

.custom-modal .modal-header span {
  font-size: 20px;
}

.custom-modal .modal-header.danger {
  background: #f27474;
  color: #fff;
}

.custom-modal .modal-header.success {
  background: #0ac083;
  color: #fff;
}

.custom-modal .modal-header.terms {
  background: #07f;
  color: #fff;
}

.custom-modal .modal-body {
  padding: 20px;
}

.custom-modal .modal-content {
  border-radius: 0;
}
.custom-modal .modal-body .form-popup-inner {
  text-align: center;
}

.custom-modal .modal-body .form-popup-inner .form-icon {
  margin-bottom: 30px;
}

.custom-modal .modal-body .form-popup-inner .form-icon svg {
  width: 100px;
  height: 100px;
  border-radius: 50%;
}

.custom-modal .modal-body .form-popup-inner .form-icon.danger svg {
  fill: #f27474;
  stroke: #f27474;
  background: rgba(242, 116, 116, 0.1);
}

.custom-modal .modal-body .form-popup-inner .form-icon.success svg {
  fill: #0ac083;
  stroke: #0ac083;
  background: rgba(10, 192, 131, 0.1);
}

.custom-modal .modal-footer {
  padding: 20px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.custom-modal .modal-footer .btn{
      border-radius: 0;
}
.path {
  stroke-dasharray: 1000;
  stroke-dashoffset: 0;
}

.path.circle {
  -webkit-animation: dash 0.9s ease-in-out;
          animation: dash 0.9s ease-in-out;
}

.path.line {
  stroke-dashoffset: 1000;
  -webkit-animation: dash 0.9s 0.35s ease-in-out forwards;
          animation: dash 0.9s 0.35s ease-in-out forwards;
}

.path.check {
  stroke-dashoffset: -100;
  -webkit-animation: dashCheck 0.9s 0.35s ease-in-out forwards;
          animation: dashCheck 0.9s 0.35s ease-in-out forwards;
}

@-webkit-keyframes dash {
  0% {
    stroke-dashoffset: 1000;
  }
  100% {
    stroke-dashoffset: 0;
  }
}

@keyframes dash {
  0% {
    stroke-dashoffset: 1000;
  }
  100% {
    stroke-dashoffset: 0;
  }
}

@-webkit-keyframes dashCheck {
  0% {
    stroke-dashoffset: -100;
  }
  100% {
    stroke-dashoffset: 900;
  }
}

@keyframes dashCheck {
  0% {
    stroke-dashoffset: -100;
  }
  100% {
    stroke-dashoffset: 900;
  }
}