/*
Theme Name:        Yachtman
Author:            Yachtsman
Author URI:        https://yoursite.com
Description:       Yachtsman Experience the Finest Yachts
Version:           1.0.0
License:           GNU General Public License v2 or later
License URI:       https://www.gnu.org/licenses/gpl-2.0.html
Text Domain:       yachtsman
*/

*,
*::before,
*::after {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

html {
    scroll-behavior: smooth;
    font-size: 10px;
    margin-top: 0 !important;
}

html::-webkit-scrollbar {
    display: none;
}

body {
    -webkit-font-smoothing: antialiased;
    overflow-x: hidden;
    background: #FCF4EF;
}

img,
picture,
video,
canvas,
svg {
    display: flex;
    width: 100%;
}

a {
    color: inherit;
    text-decoration: none;
}

ul,
ol {
    list-style: none;
}

:root {
    --color-black: black;
    --color-white: white;
    --color-offwhite: #fcf4ef;
    --color-grey: #acacac;
    --color-orange: #ff7c44;
    --color-yellow: #f9b248;
    --color-lightyellow: #ebc691;
    --color-seagreen: #8adabf;
    --color-lightgreen: #4bb99a33;
    --color-lightcyan: #b0efff;
    --color-fadedgreen: #d9e8de;
    --fs-xs: 18px;
    --fs-20: 20px;
    --fs-sm: 22px;
    --fs-md: 26px;
    --fs-lg: 32px;
    --fs-xl: 40px;
    --fw-300: 300;
    --fw-400: 400;
    --fw-500: 500;
    --font-primary: "Portrait";
    --font-secondary: "Founders Grotesk Medium";
    --lh-118: 118%;
    --lh-100: 100%;
    --lh-auto: auto;
    --ls-0: 0%;
    --ls-10: 10%;
    --ls-20: 20%;
    --gap-10: 10px;
    --gap-20: 20px;
    --gap-66: 66px;
    --gap-40: 40px;
    --gap-80: 80px;
    --gap-100: 100px;
    --gap-150: 150px;
    --gap-220: 220px;
    --grid-margin: 20px;
    --grid-gutter: 20px;
    --grid-columns: 12;
}
.color-grey{
	color:var(--color-grey);
}
@font-face {
    font-family: "Founders Grotesk Light";
    src: url("./assets/fonts/founders-grotesk-light.woff2") format("woff2");
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Founders Grotesk Medium";
    src: url("./assets/fonts/founders-grotesk-medium.woff2") format("woff2");
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Portrait italic";
    src: url("./assets/fonts/Portrait-Regular Italic-Web.woff2") format("woff2");
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Portrait";
    src: url("./assets/fonts/Portrait-Regular-Web.woff2") format("woff2");
    font-style: normal;
    font-display: swap;
}

.foun-body {
    font-family: "Founders Grotesk Medium";
    font-size: var(--fs-sm);
    line-height: var(--lh-118);
    font-weight: var(--fw-500);
    text-transform: uppercase;
    letter-spacing: var(--ls-20);
}

@media (max-width: 1600px) {
    .foun-body {
        font-size: 18px;
    }
}

@media (max-width: 1024px) {
    .foun-body {
        font-size: 20px;
    }
}

.foun-20 {
    font-family: "Founders Grotesk Medium";
    font-size: var(--fs-20);
    line-height: var(--lh-118);
    font-weight: var(--fw-500);
    text-transform: uppercase;
    letter-spacing: var(--ls-20);
}

@media (max-width: 1024px) {
    .foun-20 {
        font-size: 18px;
    }
}

@media (max-width: 768px) {
    .foun-20 {
        font-size: 16px;
    }
}

.foun-big {
    font-family: "Founders Grotesk Medium";
    font-size: var(--fs-lg);
    line-height: var(--lh-118);
    font-weight: var(--fw-500);
    letter-spacing: var(--ls-10);
}

@media (max-width: 1024px) {
    .foun-big {
        font-size: 26px;
    }
}

@media (max-width: 768px) {
    .foun-big {
        font-size: 22px;
    }
}

.foun-small {
    font-family: "Founders Grotesk Medium";
    font-size: var(--fs-xs);
    line-height: var(--lh-118);
    font-weight: var(--fw-500);
    letter-spacing: var(--ls-20);
    text-transform: uppercase;
}

@media (max-width: 1024px) {
    .foun-small {
        font-size: 16px;
    }
}

@media (max-width: 768px) {
    .foun-small {
        font-size: 14px;
    }
}

.port-body {
    font-family: var(--font-primary);
    font-size: var(--fs-sm);
    line-height: var(--lh-118);
    font-weight: var(--fw-400);
    font-style: normal;
    letter-spacing: var(--ls-0);
}

@media (max-width: 1600px) {
    .port-body {
        font-size: 18px;
    }
	
}

@media (max-width: 1024px) {
    .port-body {
        font-size: 20px;
    }
}

.port-italic {
    font-family: "Portrait italic";
    font-size: var(--fs-sm);
    line-height: var(--lh-118);
    font-weight: var(--fw-400);
}

@media (max-width:1600px){
	.port-italic{
		font-size: 18px;
	}
}

@media (max-width: 1024px) {
    .port-italic {
        font-size: 20px;
    }
}

@media (max-width: 768px) {
    .port-italic {
        font-size: 16px;
    }
}

.port-big-italic {
    font-family: "Portrait italic";
    font-size: var(--fs-lg);
    line-height: var(--lh-118);
    font-weight: var(--fw-400);
}

@media (max-width: 1024px) {
    .port-big-italic {
        font-size: 24px;
    }
}

.portrait-big {
    font-family: var(--font-primary);
    font-size: var(--fs-xl);
    line-height: var(--lh-118);
    font-weight: var(--fw-400);
}

@media (max-width: 1024px) {
    .portrait-big {
        font-size: 32px;
    }
}

@media (max-width: 768px) {
    .portrait-big {
        font-size: 24px;
    }
}

.por-forms {
    font-family: var(--font-primary);
    font-size: var(--fs-md);
    line-height: var(--lh-auto);
    font-weight: var(--fw-400);
}

@media (max-width: 1024px) {
    .por-forms {
        font-size: 22px;
    }
}

@media (max-width: 768px) {
    .por-forms {
        font-size: 20px;
    }
}

.por-form-det {
    font-family: "Founders Grotesk Light";
    font-size: var(--fs-xs);
    line-height: var(--lh-100);
    font-weight: var(--fw-300);
    letter-spacing: var(--ls-0);
}

.keep-exoloring-text {
    font-family: "Portrait";
    font-size: var(--fs-xs);
    line-height: var(--lh-100);
    font-weight: var(--fw-300);
    letter-spacing: var(--ls-0);
}

.por-form-header {
    font-family: "Portrait italic";
    font-size: var(--fs-xs);
    line-height: var(--lh-100);
    font-weight: var(--fw-300);
    letter-spacing: var(--ls-0);
}

@media (max-width: 1024px) {
    .por-form-det {
        font-size: 16px;
    }
}

@media (max-width: 768px) {
    .por-form-det {
        font-size: 14px;
    }
}

.port-big {
    font-family: var(--font-primary);
    font-size: var(--fs-lg);
    line-height: var(--lh-118);
    font-weight: var(--fw-400);
}

@media (max-width: 1600px) {
    .port-big {
        font-size: 26px;
    }
}

@media (max-width: 1024px) {
    .port-big {
        font-size: 26px;
    }
}

@media (max-width: 768px) {
    .port-big {
        font-size: 22px;
    }
}

.port-md-italic {
    font-family: "Portrait italic";
    font-weight: var(--fw-400);
    font-size: var(--fs-md);
    line-height: var(--lh-100);
    letter-spacing: var(--ls-0);
}

@media (max-width: 1600px) {
    .port-md-italic {
        font-size: 20px;
    }
}

@media (max-width: 1024px) {
    .port-md-italic {
        font-size: 22px;
    }
}

@media (max-width: 768px) {
    .port-md-italic {
        font-size: 20px;
    }
}

main {
    background: var(--color-offwhite);
    padding-top: calc(var(--gap-40) + var(--gap-20) + 4px);
}

.container-padding {
    padding-left: var(--grid-margin);
    padding-right: var(--grid-margin);
}

.grid-col-12 {
    display: grid;
    grid-template-columns: repeat(var(--grid-columns), 1fr);
    gap: var(--grid-gutter);
}

.text-black {
    color: var(--color-black);
}

.text-white {
    color: var(--color-white);
}

.text-grey {
    color: var(--color-grey);
}

.text-center {
    text-align: center;
}

.text-uppercase {
    text-transform: uppercase;
}

.text-offwhite {
    color: var(--color-offwhite);
}

.gap-sm-y {
    padding-top: var(--gap-20);
    padding-bottom: var(--gap-20);
}



@media (max-width: 1024px) {
    .gap-sm-y {
        padding-top: 16px;
        padding-bottom: 16px;
    }
}

@media (max-width: 768px) {
    .gap-sm-y {
        padding-top: 12px;
        padding-bottom: 12px;
    }
}

.gap-sm-t {
    padding-top: var(--gap-20);
}

@media (max-width: 1024px) {
    .gap-sm-t {
        padding-top: 16px;
    }
}

@media (max-width: 768px) {
    .gap-sm-t {
        padding-top: 12px;
    }
}

.gap-sm-b {
    padding-bottom: var(--gap-20);
}

@media (max-width: 1024px) {
    .gap-sm-b {
        padding-bottom: 16px;
    }
}

@media (max-width: 768px) {
    .gap-sm-b {
        padding-bottom: 12px;
    }
}

.gap-md-t {
    padding-top: var(--gap-40);
}

@media (max-width: 1024px) {
    .gap-md-t {
        padding-top: 32px;
    }
}

@media (max-width: 768px) {
    .gap-md-t {
        padding-top: 24px;
    }
}

.gap-md-b {
    padding-bottom: var(--gap-40);
}

@media (max-width: 1024px) {
    .gap-md-b {
        padding-bottom: 32px;
    }
}

@media (max-width: 768px) {
    .gap-md-b {
        padding-bottom: 24px;
    }
}

.gap-lg-t {
    padding-top: var(--gap-80);
}

@media (max-width: 1024px) {
    .gap-lg-t {
        padding-top: 60px;
    }
}

@media (max-width: 768px) {
    .gap-lg-t {
        padding-top: 40px;
    }
}

.gap-lg-b {
    padding-bottom: var(--gap-80);
}

@media (max-width: 1024px) {
    .gap-lg-b {
        padding-bottom: 60px;
    }
}

@media (max-width: 768px) {
    .gap-lg-b {
        padding-bottom: 40px;
    }
}

.gap-xl-t {
    padding-top: var(--gap-10) 0;
}

@media (max-width: 1024px) {
    .gap-xl-t {
        padding-top: 80px;
    }
}

@media (max-width: 768px) {
    .gap-xl-t {
        padding-top: 60px;
    }
}

.gap-xl-b {
    padding-bottom: var(--gap-10) 0;
}

@media (max-width: 1024px) {
    .gap-xl-b {
        padding-bottom: 80px;
    }
}

@media (max-width: 768px) {
    .gap-xl-b {
        padding-bottom: 60px;
    }
}

.gap-2xl-t {
    padding-top: var(--gap-150);
}

@media (max-width: 1024px) {
    .gap-2xl-t {
        padding-top: 110px;
    }
}

@media (max-width: 768px) {
    .gap-2xl-t {
        padding-top: 80px;
    }
}

.gap-2xl-b {
    padding-bottom: var(--gap-150);
}

@media (max-width: 1024px) {
    .gap-2xl-b {
        padding-bottom: 110px;
    }
}

@media (max-width: 768px) {
    .gap-2xl-b {
        padding-bottom: 80px;
    }
}

.gap-3xl-t {
    padding-top: var(--gap-220);
}

@media (max-width: 1024px) {
    .gap-3xl-t {
        padding-top: 160px;
    }
}

@media (max-width: 768px) {
    .gap-3xl-t {
        padding-top: 160px;
    }
}

.gap-3xl-b {
    padding-bottom: var(--gap-220);
}

@media (max-width: 1024px) {
    .gap-3xl-b {
        padding-bottom: 160px;
    }
}

@media (max-width: 768px) {
    .gap-3xl-b {
        padding-bottom: 160px;
    }
}

@media (max-width: 1024px) {
    .gap-3xl-t-md {
        padding-top: 160px;
    }
}

@media (max-width: 768px) {
    .gap-3xl-t-md {
        padding-top: 100px;
    }
}

@media (max-width: 1024px) {
    .gap-3xl-b-md {
        padding-bottom: 160px;
    }
}

@media (max-width: 768px) {
    .gap-3xl-b-md {
        padding-bottom: 100px;
    }
}

:root {
    --color-black: black;
    --color-white: white;
    --color-offwhite: #fcf4ef;
    --color-grey: #acacac;
    --color-orange: #ff7c44;
    --color-yellow: #f9b248;
    --color-lightyellow: #ebc691;
    --color-seagreen: #8adabf;
    --color-lightgreen: #4bb99a33;
    --color-lightcyan: #b0efff;
    --color-fadedgreen: #d9e8de;
    --fs-xs: 18px;
    --fs-20: 20px;
    --fs-sm: 22px;
    --fs-md: 26px;
    --fs-lg: 32px;
    --fs-xl: 40px;
    --fw-300: 300;
    --fw-400: 400;
    --fw-500: 500;
    --font-primary: "Portrait";
    --font-secondary: "Founders Grotesk Medium";
    --lh-118: 118%;
    --lh-100: 100%;
    --lh-auto: auto;
    --ls-0: 0%;
    --ls-10: 10%;
    --ls-20: 20%;
    --gap-10: 10px;
    --gap-20: 20px;
    --gap-66: 66px;
    --gap-40: 40px;
    --gap-80: 80px;
    --gap-100: 100px;
    --gap-150: 150px;
    --gap-220: 220px;
    --grid-margin: 20px;
    --grid-gutter: 20px;
    --grid-columns: 12;
}

header {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 100;
    pointer-events: none;
    width: 100%;
}

header .container-padding {
    background-color: var(--color-offwhite);
/* 	    padding-bottom: 10px; */
}

header .top {
    pointer-events: auto;
}

header .header__body__sections__wrapper {
    background-color: var(--color-offwhite);
    opacity: 0;
    pointer-events: none;
    transition: all 800ms cubic-bezier(0.8, 0, 0.2, 1);
}

@media (max-width: 768px) {
    header .header__body__sections__wrapper {
        display: none;
    }
}

header .header__body__sections__wrapper .single__header__section__wrapper {
    grid-column: 7/11;
    display: flex;
    flex-direction: column;
    gap: 0px;
    padding-bottom: var(--gap-20);
	    margin-top: -0.5rem;
}

@media (max-width: 1024px) {
    header .header__body__sections__wrapper .single__header__section__wrapper {
        grid-column: 5/11;
    }
}

header .header__body__sections__wrapper .single__header__section__wrapper .single__header__section__btn {
    display: flex;
    align-items: center;
    gap: var(--gap-20);
    cursor: pointer;
}

header .header__body__sections__wrapper .single__header__section__wrapper .single__header__section__btn p {
    color: var(--color-grey);
    transition: all 300ms ease-out;
}

header .header__body__sections__wrapper .single__header__section__wrapper .single__header__section__btn:hover p {
    color: var(--color-black);
}

header .header__body__sections__wrapper .single__header__section__wrapper .single__header__section__btn .hidden {
    opacity: 0;
    pointer-events: none;
}

header .logo__section__left__header {
    grid-column: 1/7;
    display: flex;
    gap: var(--gap-20);
    align-items: flex-end;
}

@media (max-width: 1024px) {
    header .logo__section__left__header {
        grid-column: 1/5;
    }
}

@media (max-width: 768px) {
    header .logo__section__left__header {
        grid-column: 1/8;
    }
}

header .logo__section__left__header .logo__section__left__header img {
    max-width: 217px;
}

@media (max-width: 1024px) {
    header .logo__section__left__header .logo__tag__line {
        display: none;
    }
}

header .center__title__and__dropdown__menu__header {
    grid-column: 7/11;
    display: flex;
    align-items: center;
    gap: var(--gap-20);
    display: none;
}

@media (max-width: 1024px) {
    header .center__title__and__dropdown__menu__header {
        grid-column: 5/11;
    }
}

@media (max-width: 768px) {
    header .center__title__and__dropdown__menu__header {
        display: none !important;
    }
}

header .center__title__and__dropdown__menu__header .dropdown__menu__header__btn {
    display: flex;
    align-items: center;
    gap: 5px;
    cursor: pointer;
}

header .center__title__and__dropdown__menu__header .dropdown__menu__header__btn .text {
    color: var(--color-grey);
	transition: all 300ms ease-out;
/*     transition: all 800ms cubic-bezier(0.8, 0, 0.2, 1); */
}

header .center__title__and__dropdown__menu__header .dropdown__menu__header__btn .arrow__jump__to__icon {
    width: 17px;
	margin-top:1px;
	transition: all 300ms ease-out;
/*     transition: all 800ms cubic-bezier(0.8, 0, 0.2, 1); */
}

header .center__title__and__dropdown__menu__header .dropdown__menu__header__btn .arrow__jump__to__icon svg path,
header .center__title__and__dropdown__menu__header .dropdown__menu__header__btn .arrow__jump__to__icon svg rect {
/*     transition: all 800ms cubic-bezier(0.8, 0, 0.2, 1); */
	transition: all 300ms ease-out;
}

header .center__title__and__dropdown__menu__header .dropdown__menu__header__btn.active .arrow__jump__to__icon svg path,
header .center__title__and__dropdown__menu__header .dropdown__menu__header__btn.active .arrow__jump__to__icon svg rect {
    fill: var(--color-black);
}

header .center__title__and__dropdown__menu__header .dropdown__menu__header__btn:hover p {
    color: var(--color-black);

}

header .center__title__and__dropdown__menu__header .dropdown__menu__header__btn:hover svg path {
    fill: var(--color-black);
}

header .hamberger__menu__search__right__header {
    grid-column: 11/-1;
    justify-self: end;
    display: grid;
    align-items: flex-end;
    -moz-column-gap: var(--gap-20);
    column-gap: var(--gap-20);
	grid-template-columns:1fr 1fr;
	height:max-content;
}

@media (max-width: 768px) {
    header .hamberger__menu__search__right__header {
        grid-column: 9/-1;
    }
}

header .hamberger__menu__search__right__header .hamburger__button__header {
    cursor: pointer;
}

header .hamberger__menu__search__right__header .hamburger__button__header .menu__close__btn {
    display: none;
}

header .hamberger__menu__search__right__header .hamburger__button__header .menu__open__btn {
    display: flex;
}

header .hamberger__menu__search__right__header .hamburger__button__header.menu-open .menu__close__btn {
    display: flex;
}

header .hamberger__menu__search__right__header .hamburger__button__header.menu-open .menu__open__btn {
    display: none;
}

nav {
    opacity: 0;
    pointer-events: none;
    visibility: hidden;
    position: fixed;
    top: calc(var(--gap-40) + var(--gap-20) - 6px);
    padding-top: var(--gap-10);
    left: 0;
    z-index: 999;
    width: 100%;
    background: var(--color-offwhite);
}

nav .container-padding{
	    padding-left: calc(var(--grid-margin) + 1px);
    padding-right: calc(var(--grid-margin) + 1px);
}

@media (max-width: 1024px) {
    nav {
        top: 56px;
    }
}

nav .menu__grid__wrapper {
    grid-column: 1/-1;
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    gap: var(--gap-20);
    height: 100dvh;
    padding-bottom: 80px;
}

nav .menu__grid__wrapper .single__navlink__box__wrapper {
    border: 1px solid var(--color-black);
    height: 100%;
    grid-column: span 3;
    padding: var(--gap-10);
    position: relative;
}

@media (max-width: 1024px) {
    nav .menu__grid__wrapper .single__navlink__box__wrapper {
        grid-column: span 6;
    }
}

@media (max-width: 768px) {
    nav .menu__grid__wrapper .single__navlink__box__wrapper {
        grid-column: span 6;
    }
}

@media (max-width: 320px) {
    nav .menu__grid__wrapper .single__navlink__box__wrapper {
        grid-column: 1/-1;
    }
}

nav .menu__grid__wrapper .single__navlink__box__wrapper .hover__background__image__single__navlink {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    transition: opacity 300ms ease-out;
}

nav .menu__grid__wrapper .single__navlink__box__wrapper .hover__background__image__single__navlink img {
    z-index: -1;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

nav .menu__grid__wrapper .single__navlink__box__wrapper .single__navlink__box__inner {
    display: flex;
    position: relative;
    z-index: 2;
    height: 100%;
    align-items: center;
    justify-content: center;
}

nav .menu__grid__wrapper .single__navlink__box__wrapper .single__navlink__box__inner::after {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: none;
    content: "";
}

nav .menu__grid__wrapper .single__navlink__box__wrapper:hover .hover__background__image__single__navlink {
    opacity: 1;
}

nav .menu__grid__wrapper .single__navlink__box__wrapper:hover .single__navlink__box__inner::after {
    border: 1px solid var(--color-black);
}

:root {
    --color-black: black;
    --color-white: white;
    --color-offwhite: #fcf4ef;
    --color-grey: #acacac;
    --color-orange: #ff7c44;
    --color-yellow: #f9b248;
    --color-lightyellow: #ebc691;
    --color-seagreen: #8adabf;
    --color-lightgreen: #4bb99a33;
    --color-lightcyan: #b0efff;
    --color-fadedgreen: #d9e8de;
    --fs-xs: 18px;
    --fs-20: 20px;
    --fs-sm: 22px;
    --fs-md: 26px;
    --fs-lg: 32px;
    --fs-xl: 40px;
    --fw-300: 300;
    --fw-400: 400;
    --fw-500: 500;
    --font-primary: "Portrait";
    --font-secondary: "Founders Grotesk Medium";
    --lh-118: 118%;
    --lh-100: 100%;
    --lh-auto: auto;
    --ls-0: 0%;
    --ls-10: 10%;
    --ls-20: 20%;
    --gap-10: 10px;
    --gap-20: 20px;
    --gap-66: 66px;
    --gap-40: 40px;
    --gap-80: 80px;
    --gap-100: 100px;
    --gap-150: 150px;
    --gap-220: 220px;
    --grid-margin: 20px;
    --grid-gutter: 20px;
    --grid-columns: 12;
}

footer {
    height: 100dvh;
    z-index: 100;
    margin-top: 60px;
    position: relative;
    background: var(--color-offwhite);
}

footer .container-padding {
    height: 100%;
    padding-bottom: var(--gap-20);
}

footer .container-padding .gap-sm-t {
    height: 100%;
}

footer .container-padding .gap-sm-t .footer__wrapper {
    position: relative;
    height: 100%;
    border: 1px solid var(--color-black);
    padding: var(--gap-10);
}

footer .container-padding .gap-sm-t .footer__wrapper .footer__background__imagebox {
    position: absolute;
    top: 0;
    z-index: -1;
    left: 0;
    width: 100%;
    height: 100%;
}

footer .container-padding .gap-sm-t .footer__wrapper .footer__background__imagebox img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

footer .container-padding .gap-sm-t .footer__wrapper .footer__inner {
    height: 100%;
    border: 1px solid var(--color-black);
}

footer .container-padding .gap-sm-t .footer__wrapper .footer__inner .grid-col-12 {
    align-content: center;
    height: 100%;
    grid-template-rows: 50% 50%;
}

footer .container-padding .gap-sm-t .footer__wrapper .footer__inner .grid-col-12 .logo__footer {
    grid-column: 5/9;
    align-self: end;
}

@media (max-width: 1600px) {
    footer .container-padding .gap-sm-t .footer__wrapper .footer__inner .grid-col-12 .logo__footer {
        grid-column: 4/10;
    }
}

@media (max-width: 1024px) {
    footer .container-padding .gap-sm-t .footer__wrapper .footer__inner .grid-col-12 .logo__footer {
        grid-column: 2/12;
    }
}

footer .container-padding .gap-sm-t .footer__wrapper .footer__inner .grid-col-12 .footer__info__wrapper {
    grid-column: 5/9;
    align-self: end;
    padding-bottom: var(--gap-40);
}

@media (max-width: 1600px) {
    footer .container-padding .gap-sm-t .footer__wrapper .footer__inner .grid-col-12 .footer__info__wrapper {
        grid-column: 4/10;
    }
}

@media (max-width: 1024px) {
    footer .container-padding .gap-sm-t .footer__wrapper .footer__inner .grid-col-12 .footer__info__wrapper {
        grid-column: 2/12;
    }
}

@media (max-width: 768px) {
    footer .container-padding .gap-sm-t .footer__wrapper .footer__inner .grid-col-12 .footer__info__wrapper {
        display: flex;
        flex-direction: column;
        gap: var(--gap-20);
    }
}

footer .container-padding .gap-sm-t .footer__wrapper .footer__inner .grid-col-12 .footer__info__wrapper .single__info__footer {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: var(--gap-20);
}

@media (max-width: 768px) {
    footer .container-padding .gap-sm-t .footer__wrapper .footer__inner .grid-col-12 .footer__info__wrapper .single__info__footer {
        gap: 0px;
    }
}

footer .container-padding .gap-sm-t .footer__wrapper .footer__inner .grid-col-12 .footer__info__wrapper .single__info__footer .title__info__footer {
    grid-column: 1/3;
}

@media (max-width: 768px) {
    footer .container-padding .gap-sm-t .footer__wrapper .footer__inner .grid-col-12 .footer__info__wrapper .single__info__footer .title__info__footer {
        grid-column: 1/-1;
    }
}

footer .container-padding .gap-sm-t .footer__wrapper .footer__inner .grid-col-12 .footer__info__wrapper .single__info__footer .description__info__footer {
    grid-column: 4/-1;
}

@media (max-width: 768px) {
    footer .container-padding .gap-sm-t .footer__wrapper .footer__inner .grid-col-12 .footer__info__wrapper .single__info__footer .description__info__footer {
        grid-column: 1/-1;
    }
}

:root {
    --color-black: black;
    --color-white: white;
    --color-offwhite: #fcf4ef;
    --color-grey: #acacac;
    --color-orange: #ff7c44;
    --color-yellow: #f9b248;
    --color-lightyellow: #ebc691;
    --color-seagreen: #8adabf;
    --color-lightgreen: #4bb99a33;
    --color-lightcyan: #b0efff;
    --color-fadedgreen: #d9e8de;
    --fs-xs: 18px;
    --fs-20: 20px;
    --fs-sm: 22px;
    --fs-md: 26px;
    --fs-lg: 32px;
    --fs-xl: 40px;
    --fw-300: 300;
    --fw-400: 400;
    --fw-500: 500;
    --font-primary: "Portrait";
    --font-secondary: "Founders Grotesk Medium";
    --lh-118: 118%;
    --lh-100: 100%;
    --lh-auto: auto;
    --ls-0: 0%;
    --ls-10: 10%;
    --ls-20: 20%;
    --gap-10: 10px;
    --gap-20: 20px;
    --gap-66: 66px;
    --gap-40: 40px;
    --gap-80: 80px;
    --gap-100: 100px;
    --gap-150: 150px;
    --gap-220: 220px;
    --grid-margin: 20px;
    --grid-gutter: 20px;
    --grid-columns: 12;
}

.hero__section__home {
    height: calc(100dvh - var(--gap-40) - var(--gap-20));
    overflow: hidden;
    position: relative;
}

.hero__section__home .hero__home__imagebox {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

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

.hero__section__home .hero__home__videobox {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.hero__section__home .hero__home__videobox video {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.hero__section__home .hero__wrapper__home {
    position: relative;
    z-index: 9;
    height: 100%;
    padding-bottom: var(--gap-20);
}

.hero__section__home .hero__wrapper__home .grid-col-12 {
    height: 100%;
}

.hero__section__home .hero__wrapper__home .grid-col-12 .keep__scrolling__btn {
    grid-column: 1/2;
    align-self: end;
    cursor: pointer;
    display: flex;
    align-items: flex-end;
    justify-content: start;
    justify-self: start;
    gap: 7px;
}

@media (max-width: 1600px) {
    .hero__section__home .hero__wrapper__home .grid-col-12 .keep__scrolling__btn {
        grid-column: 1/3;
        justify-content: flex-start;
        justify-self: flex-start;
    }
}

@media (max-width: 1024px) {
    .hero__section__home .hero__wrapper__home .grid-col-12 .keep__scrolling__btn {
        grid-column: 1/-1;
        justify-content: center;
        justify-self: center;
    }
}

.hero__section__home .hero__wrapper__home .grid-col-12 .keep__scrolling__btn .arrow-icon {
    max-width: 15px;
    width: 100%;
}

.search__box__section form {

    grid-column: 1/-1;
}

.search__input__box__wrapper {
    border: 1px solid var(--color-black);
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 var(--gap-20);
}

.search__input__box__wrapper .left__searchbox__part {
    display: flex;
    align-items: center;
    gap: var(--gap-10)4px;
    width: 90%;
}

@media (max-width: 768px) {
    .search__input__box__wrapper .left__searchbox__part {
        width: 80%;
    }
}

.search__input__box__wrapper .left__searchbox__part .search__input__box {
    position: relative;
    width: 100%;
    overflow: hidden;
}

.search__input__box__wrapper .left__searchbox__part .search__input__box .search__placeholder__text {
    position: absolute;
    pointer-events: none;
    top: 50%;
    left: var(--gap-10);
    transform: translate(0%, -50%);
    white-space: nowrap;
}

.search__input__box__wrapper .left__searchbox__part .search__input__box input {
    padding: var(--gap-10);
    background: var(--color-offwhite);
    border: none;
    outline: none;
    width: 100%;
}

.search__input__box__wrapper .left__searchbox__part .search__input__box input:not(:-moz-placeholder)~.search__placeholder__text {
    display: none;
}

.search__input__box__wrapper .left__searchbox__part .search__input__box input:focus~.search__placeholder__text,
.search__input__box__wrapper .left__searchbox__part .search__input__box input:not(:placeholder-shown)~.search__placeholder__text {
    display: none;
}

.search__input__box__wrapper .arrow__icon__right {
    cursor: pointer;
}

.our__service__section__home .grid-col-12 {
    gap: var(--grid-gutter);
    height: calc(100dvh - 103px);
    grid-template-rows: repeat(2, calc(50% - 10px));
}

@media (max-width: 1024px) {
    .our__service__section__home .grid-col-12 {
        height: calc(100dvh - 95px);
        grid-template-rows: repeat(3, calc(33.33% - 14px));
    }
}

@media (max-width: 550px) {
    .our__service__section__home .grid-col-12 {
       height: 100%;
               display: flex;
        flex-direction: column;
    }
}

.our__service__section__home .single__our__service__card__home__wrapper {
    position: relative;
    grid-column: span 4;
    height: 100%;
}

@media (max-width: 1024px) {
    .our__service__section__home .single__our__service__card__home__wrapper {
        grid-column: span 6;
    }
}

@media (max-width: 550px) {
    .our__service__section__home .single__our__service__card__home__wrapper {
        grid-column: 1/-1;
		height:200px;
    }
	
}

.our__service__section__home .single__our__service__card__home__wrapper.show_border {
    border: 1px solid var(--color-black);
}

.our__service__section__home .single__our__service__card__home__wrapper .text__inside__our__service__home {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: var(--gap-20);
    position: absolute;
    top: 0;
    z-index: 2;
    left: 0;
    width: 100%;
    height: 100%;
}

@media (max-width: 550px) {
    .our__service__section__home .single__our__service__card__home__wrapper .text__inside__our__service__home {
        flex-direction: row;
    }
}

@media (max-width: 479px) {
    .our__service__section__home .single__our__service__card__home__wrapper .text__inside__our__service__home {
        flex-direction: column;
    }
}

.our__service__section__home .single__our__service__card__home__wrapper .text__inside__our__service__home img {
    width: 36px;
    height: 58px;
}

.our__service__section__home .single__our__service__card__home__wrapper .text__inside__our__service__home svg {
    width: 36px;
    height: max-content;
}

.our__service__section__home .single__our__service__card__home__wrapper .single__our__service__card__home__imagebox {
    position: relative;
    height: 100%;
}

.our__service__section__home .single__our__service__card__home__wrapper .single__our__service__card__home__imagebox .single__our__service__card__home__imagebox__overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9;
    background: rgba(255, 255, 255, 0.3019607843);
}

.our__service__section__home .single__our__service__card__home__wrapper .single__our__service__card__home__imagebox .imgage__our__service__home {
    position: relative;
    z-index: 1;
    height: 100%;
    transition: opacity 300ms ease-out;
}

.our__service__section__home .single__our__service__card__home__wrapper .single__our__service__card__home__imagebox .imgage__our__service__home img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.our__service__section__home .single__our__service__card__home__wrapper .single__our__service__card__home__imagebox .hover__image__our__service__home {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

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

.our__service__section__home .single__our__service__card__home__wrapper:hover .single__our__service__card__home__imagebox .imgage__our__service__home {
    opacity: 0;
}

.two__column__wrapper__home {
    grid-column: 1/-1;
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    gap: var(--gap-10);
    padding: var(--gap-10);
    border: 1px solid var(--color-black);
    height: calc(100dvh - 83px);
    grid-template-rows: 100%;
}

@media (max-width: 768px) {
    .two__column__wrapper__home {
        grid-template-rows: 50% 50%;
    }
}

@media (max-width: 550px) {
    .two__column__wrapper__home {
        grid-template-rows: auto;
        height: auto;
    }
}

.two__column__wrapper__home .left__column__wrapper__home {
    grid-column: span 6;
    height: 100%;
}

@media (max-width: 768px) {
    .two__column__wrapper__home .left__column__wrapper__home {
        grid-column: 1/-1;
    }
}

.two__column__wrapper__home .left__column__wrapper__home .imagebox__left__column__home {
    width: 100%;
    height: 100%;
}

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

.two__column__wrapper__home .right__column__wrapper__home {
    grid-column: span 6;
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    -moz-column-gap: var(--gap-20);
    column-gap: var(--gap-20);
    background: var(--background);
    align-content: center;
    padding: var(--gap-40) 0;
    height: 100%;
}

@media (max-width: 768px) {
    .two__column__wrapper__home .right__column__wrapper__home {
        height: calc(100% - 10px);
    }
}

@media (max-width: 550px) {
    .two__column__wrapper__home .right__column__wrapper__home {
        height: auto;
    }
}

@media (max-width: 768px) {
    .two__column__wrapper__home .right__column__wrapper__home {
        grid-column: 1/-1;
    }
}

.two__column__wrapper__home .right__column__wrapper__home .right__column__title {
    grid-column: 2/6;
}

@media (max-width: 768px) {
    .two__column__wrapper__home .right__column__wrapper__home .right__column__title {
        grid-column: 1/-1;
    }
}

.two__column__wrapper__home .right__column__wrapper__home .right__column__quote__box {
    grid-column: 2/6;
    padding-top: var(--gap-66);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: var(--gap-10);
}

@media (max-width: 768px) {
    .two__column__wrapper__home .right__column__wrapper__home .right__column__quote__box {
        grid-column: 1/-1;
        padding: var(--gap-20);
        padding-top: var(--gap-66);
    }
}

.two__column__wrapper__home .right__column__wrapper__home .right__column__quote__box .quote__icon__wrapper img {
    width: 32px;
}

.two__column__wrapper__home .right__column__wrapper__home .right__column__quote__box .quote__icon__wrapper svg {
    width: 32px;
    height: 13px;
}

.call__to__action__btn__wrapper {
    grid-column: 1/-1;
    padding: var(--gap-40);
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: var(--color-black);
}

.call__to__action__btn__wrapper .arrow__icon__call__to__action {
    overflow: hidden;
    width: 58px;
}

.call__to__action__btn__wrapper .arrow__icon__call__to__action svg {
    transition: transform 800ms cubic-bezier(0.8, 0, 0.2, 1);
}

.call__to__action__btn__wrapper:hover .arrow__icon__call__to__action svg {
    animation: arrowLoop 800ms cubic-bezier(0.8, 0, 0.2, 1) forwards;
}

@keyframes arrowLoop {
    0% {
        transform: translateX(0);
    }
    50% {
        transform: translateX(102%);
        opacity: 1;
    }
    51% {
        opacity: 0;
        transform: translateX(-102%);
    }
    52% {
        opacity: 1;
    }
    100% {
        transform: translateX(0);
    }
}
.call__to__action__btn__wrapper .call__to__action__icon__left {
    width: 67px;
}

@media (max-width: 768px) {
    .call__to__action__btn__wrapper .arrow__icon__call__to__action {
        width: 35px;
    }
}

@media (max-width: 768px) {
    .call__to__action__btn__wrapper {
        padding: var(--gap-20);
    }
}

@media (max-width: 768px) {
    .call__to__action__btn__wrapper .call__to__action__icon__left {
        display: none;
    }
}

.scroll__image__section__destination__page.home .wrapper__overlap__scroll__home__left {
    grid-column: span 6;
    display: flex;
    flex-direction: column;
}

@media (max-width: 768px) {
    .scroll__image__section__destination__page.home .wrapper__overlap__scroll__home__left {
        grid-column: 1/-1;
        gap: var(--gap-20);
    }
}

.scroll__image__section__destination__page.home .wrapper__overlap__scroll__home__right {
    grid-column: span 6;
    display: flex;
    flex-direction: column;
}

@media (max-width: 768px) {
    .scroll__image__section__destination__page.home .wrapper__overlap__scroll__home__right {
        grid-column: 1/-1;
        gap: var(--gap-20);
    }
}

.scroll__image__section__destination__page.home .left__side__scroll__image__section__dest__wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: var(--gap-20);
    background: var(--color-offwhite);
	height: calc(100dvh - 63px - 37px);
}


@media (max-width: 1024px) {
    .scroll__image__section__destination__page.home .left__side__scroll__image__section__dest__wrapper.mt-100 {
        margin-top: 0;
    }
}


@media (max-width: 1024px) {
    .scroll__image__section__destination__page.home .left__side__scroll__image__section__dest__wrapper.mb-100 {
        margin-bottom: 0;
    }
}

.scroll__image__section__destination__page.home .left__side__scroll__image__section__dest__wrapper.mb-50 {
    margin-bottom: 50%;
}

@media (max-width: 1024px) {
    .scroll__image__section__destination__page.home .left__side__scroll__image__section__dest__wrapper.mb-50 {
        margin-bottom: 0;
    }
}

.scroll__image__section__destination__page.home .left__side__scroll__image__section__dest__wrapper .left__side__scroll__dest__title__wrapper {
    margin-top: 0;
}

.scroll__image__section__destination__page.home .left__side__scroll__image__section__dest__wrapper .left__side__scroll__dest__icon {
    width: 34px;
    height: 12px;
}

.scroll__image__section__destination__page.home .left__side__scroll__image__section__dest__wrapper .left__side__scroll__dest__icon.big {
    width: 32px;
}

.scroll__image__section__destination__page.home .right__side__scroll__image__section__image__wrapper {
    height: calc(100dvh - 63px - 37px);
}

.scroll__image__section__destination__page.home .right__side__scroll__image__section__image__wrapper.mt-100 {
    margin-top: 100%;
}

@media (max-width: 1024px) {
    .scroll__image__section__destination__page.home .right__side__scroll__image__section__image__wrapper.mt-100 {
        margin-top: 0;
    }
}

.scroll__image__section__destination__page.home .right__side__scroll__image__section__image__wrapper.mb-100 {
    margin-bottom: 100%;
}

@media (max-width: 1024px) {
    .scroll__image__section__destination__page.home .right__side__scroll__image__section__image__wrapper.mb-100 {
        margin-bottom: 0;
    }
}

.scroll__image__section__destination__page.home .right__side__scroll__image__section__image__wrapper.mb-50 {
    margin-bottom: 50%;
}

@media (max-width: 1024px) {
    .scroll__image__section__destination__page.home .right__side__scroll__image__section__image__wrapper.mb-50 {
        margin-bottom: 0;
    }
}

.scroll__image__section__destination__page.home .right__side__scroll__image__section__image__wrapper.sticky {
    position: sticky;
    top: 73px;
}

@media (max-width: 1024px) {
    .scroll__image__section__destination__page.home .right__side__scroll__image__section__image__wrapper.sticky {
        position: relative;
        top: 0;
    }
}

@media (max-width: 1024px) {
    .scroll__image__section__destination__page.home .right__side__scroll__image__section__image__wrapper {
        display: flex;
        margin-bottom: 0;
        flex-direction: column;
    }
}

.scroll__image__section__destination__page.home .right__side__scroll__image__section__image__wrapper .single__imagebox__scroll__dest {
    height: 100%;
}

.scroll__image__section__destination__page.home .right__side__scroll__image__section__image__wrapper .single__imagebox__scroll__dest img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

:root {
    --color-black: black;
    --color-white: white;
    --color-offwhite: #fcf4ef;
    --color-grey: #acacac;
    --color-orange: #ff7c44;
    --color-yellow: #f9b248;
    --color-lightyellow: #ebc691;
    --color-seagreen: #8adabf;
    --color-lightgreen: #4bb99a33;
    --color-lightcyan: #b0efff;
    --color-fadedgreen: #d9e8de;
    --fs-xs: 18px;
    --fs-20: 20px;
    --fs-sm: 22px;
    --fs-md: 26px;
    --fs-lg: 32px;
    --fs-xl: 40px;
    --fw-300: 300;
    --fw-400: 400;
    --fw-500: 500;
    --font-primary: "Portrait";
    --font-secondary: "Founders Grotesk Medium";
    --lh-118: 118%;
    --lh-100: 100%;
    --lh-auto: auto;
    --ls-0: 0%;
    --ls-10: 10%;
    --ls-20: 20%;
    --gap-10: 10px;
    --gap-20: 20px;
    --gap-66: 66px;
    --gap-40: 40px;
    --gap-80: 80px;
    --gap-100: 100px;
    --gap-150: 150px;
    --gap-220: 220px;
    --grid-margin: 20px;
    --grid-gutter: 20px;
    --grid-columns: 12;
}

.search__results__section__search__page .search__result__single__card__wrapper {
    grid-column: 1/-1;
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    gap: var(--gap-20);
    border-top: 1px solid var(--color-black);
    padding-top: var(--gap-10);
}

.search__results__section__search__page .search__result__single__card__wrapper .search__result__single__title__wrapper {
    grid-column: 1/7;
}

@media (max-width: 1024px) {
    .search__results__section__search__page .search__result__single__card__wrapper .search__result__single__title__wrapper {
        grid-column: 1/3;
    }
}

.search__results__section__search__page .search__result__single__card__wrapper .search__results__single__post__wrapper {
    grid-column: 7/-1;
    display: flex;
    flex-direction: column;
    gap: var(--gap-20);
}

@media (max-width: 1024px) {
    .search__results__section__search__page .search__result__single__card__wrapper .search__results__single__post__wrapper {
        grid-column: 5/-1;
    }
}

.search__results__section__search__page .search__result__single__card__wrapper .search__results__single__post__wrapper .search__single__results__card__wrapper {
    border-top: 1px solid var(--color-black);
    padding-top: var(--gap-10);
    transition: all 300ms ease-out;
}

.search__results__section__search__page .search__result__single__card__wrapper .search__results__single__post__wrapper .search__single__results__card__wrapper:first-child {
    padding-top: 0px;
    border-top: none;
}

.search__results__section__search__page .search__result__single__card__wrapper .search__results__single__post__wrapper .search__single__results__card__wrapper {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    gap: var(--gap-20);
}

.search__results__section__search__page .search__result__single__card__wrapper .search__results__single__post__wrapper .search__single__results__card__wrapper .search__single__result__card__title {
    grid-column: 1/6;
}

.search__results__section__search__page .search__result__single__card__wrapper .search__results__single__post__wrapper .search__single__results__card__wrapper .search__single__result__card__icon {
    grid-column: 6/-1;
    justify-self: end;
    align-self: center;
    width: 20px;
}

:root {
    --color-black: black;
    --color-white: white;
    --color-offwhite: #fcf4ef;
    --color-grey: #acacac;
    --color-orange: #ff7c44;
    --color-yellow: #f9b248;
    --color-lightyellow: #ebc691;
    --color-seagreen: #8adabf;
    --color-lightgreen: #4bb99a33;
    --color-lightcyan: #b0efff;
    --color-fadedgreen: #d9e8de;
    --fs-xs: 18px;
    --fs-20: 20px;
    --fs-sm: 22px;
    --fs-md: 26px;
    --fs-lg: 32px;
    --fs-xl: 40px;
    --fw-300: 300;
    --fw-400: 400;
    --fw-500: 500;
    --font-primary: "Portrait";
    --font-secondary: "Founders Grotesk Medium";
    --lh-118: 118%;
    --lh-100: 100%;
    --lh-auto: auto;
    --ls-0: 0%;
    --ls-10: 10%;
    --ls-20: 20%;
    --gap-10: 10px;
    --gap-20: 20px;
    --gap-66: 66px;
    --gap-40: 40px;
    --gap-80: 80px;
    --gap-100: 100px;
    --gap-150: 150px;
    --gap-220: 220px;
    --grid-margin: 20px;
    --grid-gutter: 20px;
    --grid-columns: 12;
}

@media (max-width: 768px) {
    .hero__section__about.about__page__mobile__reverse .right__column__about__hero__wrapper {
        grid-row: 1;
    }
}

.hero__section__about .left__column__about__hero__wrapepr {
    border: 1px solid var(--color-black);
    grid-column: span 6;
    padding: var(--gap-10);
    height: calc(100dvh - var(--gap-40) - var(--gap-40));
}

@media (max-width: 768px) {
    .hero__section__about .left__column__about__hero__wrapepr {
        grid-column: 1/-1;
        height: auto;
    }
}

.hero__section__about .left__column__about__hero__wrapepr .left__column__about__hero__inner {
    border: 1px solid var(--color-black);
    height: 100%;
    padding: var(--gap-20);
    display: grid;
	grid-template-rows:1fr 1fr;
/* 	display:flex; */
/*     flex-direction: column; */
    align-items: center;
    justify-content: center;
}

@media (max-width: 1024px) {
    .hero__section__about .left__column__about__hero__wrapepr .left__column__about__hero__inner {
        gap: var(--gap-80);
    }
}

.hero__section__about .left__column__about__hero__wrapepr .left__column__about__hero__inner .left__column__about__title__wrapper {
    margin-top: auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--gap-20);
}

.hero__section__about .left__column__about__hero__wrapepr .left__column__about__hero__inner .left__column__about__title__wrapper .left__column__about__title__icon {
    width: 36px;
}

.hero__section__about .left__column__about__hero__wrapepr .left__column__about__hero__inner .left__column__about__description {
    margin-top: auto;
}

.hero__section__about .right__column__about__hero__wrapper {
    grid-column: span 6;
    height: calc(100dvh - var(--gap-40) - var(--gap-40));
}

@media (max-width: 768px) {
    .hero__section__about .right__column__about__hero__wrapper {
        grid-column: 1/-1;
        height: auto;
    }
}

.hero__section__about .right__column__about__hero__wrapper .right__column__about__hero__imagebox {
    height: 100%;
}

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

.info__label__section__about__wrapper {
    border: 1px solid var(--color-black);
    padding: var(--gap-40);
    display: flex;
    align-items: center;
    justify-content: center;
}

.people__section__left__content__right__label__image__section .left__side__content__people__section__wrapper {
    display: flex;
    flex-direction: column;
    gap: var(--gap-20);
}

.people__section__left__content__right__label__image__section .left__side__content__people__section__wrapper.var_1 {
    grid-column: 2/6;
}

@media (max-width: 1024px) {
    .people__section__left__content__right__label__image__section .left__side__content__people__section__wrapper.var_1 {
        grid-column: 1/-1;
    }
}

.people__section__left__content__right__label__image__section .left__side__content__people__section__wrapper.var_2 {
    grid-column: 6/10;
}

@media (max-width: 1024px) {
    .people__section__left__content__right__label__image__section .left__side__content__people__section__wrapper.var_2 {
        grid-column: 1/-1;
    }
}

.people__section__left__content__right__label__image__section .left__side__content__people__section__wrapper.var_3 {
    grid-column: 9/-1;
}

@media (max-width: 1024px) {
    .people__section__left__content__right__label__image__section .left__side__content__people__section__wrapper.var_3 {
        grid-column: 1/-1;
    }
}

.people__section__left__content__right__label__image__section .left__side__content__people__section__wrapper.var_4 {
    grid-column: 3/7;
}

@media (max-width: 1024px) {
    .people__section__left__content__right__label__image__section .left__side__content__people__section__wrapper.var_4 {
        grid-column: 1/-1;
    }
}

.people__section__left__content__right__label__image__section .right__side__label__image__container__wrapper.elipse {
    grid-column: 8/12;
    position: relative;
    border-radius: 50% 50% 48% 46% / 56% 52% 52% 60%;
    overflow: hidden;
    border: 1px solid var(--color-black);
    /* padding: var(--gap-10); */
    align-self: center;
    justify-self: center;
    /* transform: rotate(11deg); */
    /* aspect-ratio: 3/2; */
    /* width: 450px; */
}

@media (max-width: 1024px) {
    .people__section__left__content__right__label__image__section .right__side__label__image__container__wrapper.elipse {
        grid-column: 1/-1;
        transform: rotate(0deg);
    }
}

@media (max-width: 479px) {
    .people__section__left__content__right__label__image__section .right__side__label__image__container__wrapper.elipse {
        width: 100%;
        aspect-ratio: 1/1;
    }
}

.people__section__left__content__right__label__image__section .right__side__label__image__container__wrapper.elipse .right__side__label__image__container__inner {
    border: 1px solid var(--color-black);
    width: 100%;
    height: 100%;
    border-radius: 50% 50% 48% 46% / 56% 52% 52% 60%;
    position: relative;
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: var(--gap-20);
    /* padding: var(--gap-20); */
}

.people__section__left__content__right__label__image__section .right__side__label__image__container__wrapper.elipse .right__side__label__image__container__inner .right__side__label__image__icon {
    width: 34px;
}

.people__section__left__content__right__label__image__section .right__side__label__image__container__wrapper.elipse .right__side__label__image__container__inner .right__side__label__qoute__wrapper {
    padding: 0 var(--gap-40);
}

.people__section__left__content__right__label__image__section .right__side__label__image__container__wrapper.elipse .right__side__label__image__background__imagebox {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
}

.people__section__left__content__right__label__image__section .right__side__label__image__container__wrapper.elipse .right__side__label__image__background__imagebox img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.people__section__left__content__right__label__image__section .right__side__label__image__container__wrapper.circle {
    grid-column: 3/5;
    position: relative;
    border-radius: 50%;
    overflow: hidden;
    border: 1px solid var(--color-black);
    padding: var(--gap-10);
    align-self: start;
    justify-self: center;
    transform: rotate(-16deg);
/*     aspect-ratio: 1/1; */
    width: 226px;
    height: 226px;
    background: var(--color-yellow);
}

@media (max-width: 1024px) {
    .people__section__left__content__right__label__image__section .right__side__label__image__container__wrapper.circle {
        grid-column: 1/-1;
        transform: rotate(0deg);
    }
}
/* 
@media (max-width: 479px) {
    .people__section__left__content__right__label__image__section .right__side__label__image__container__wrapper.circle {
        width: 80%;
    }
} */

.people__section__left__content__right__label__image__section .right__side__label__image__container__wrapper.circle .right__side__label__image__container__inner {
    border: 1px solid var(--color-black);
    width: 100%;
    height: 100%;
    border-radius: 50%;
    position: relative;
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
        gap: 10px;
    padding: 0 38px;
}

.people__section__left__content__right__label__image__section .right__side__label__image__container__wrapper.circle .right__side__label__image__container__inner .right__side__label__image__icon {
    width: 33px;
    transform: rotate(0deg);
}

.people__section__left__content__right__label__image__section .right__side__label__image__container__wrapper.circle .right__side__label__image__container__inner .right__side__label__qoute__wrapper {
    padding: 0;
}

.people__section__left__content__right__label__image__section .right__side__label__image__container__wrapper.circle .right__side__label__image__background__imagebox {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
}

.people__section__left__content__right__label__image__section .right__side__label__image__container__wrapper.circle .right__side__label__image__background__imagebox img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.carrer__section__about__3__columns .grid-col-12 {
    min-height: calc(100dvh - 103px);
    height: 100%;
}

@media (max-width: 1024px) {
    .carrer__section__about__3__columns .grid-col-12 {
        height: auto;
    }
}

.carrer__section__about__3__columns .left__career__section__about__wrapper {
    grid-column: span 4;
    min-height: 100%;
    padding: var(--gap-20);
    border: 1px solid var(--color-black);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: var(--gap-10);
}

@media (max-width: 1200px) {
    .carrer__section__about__3__columns .left__career__section__about__wrapper {
        grid-column: span 6;
    }
}

@media (max-width: 1024px) {
    .carrer__section__about__3__columns .left__career__section__about__wrapper {
        min-height: 400px;
    }
}

@media (max-width: 550px) {
    .carrer__section__about__3__columns .left__career__section__about__wrapper {
        grid-column: 1/-1;
    }
}

.carrer__section__about__3__columns .left__career__section__about__wrapper .left__career__section__about__icon {
    width: 25px;
}

.carrer__section__about__3__columns .center__career__section__about__wrapper {
    grid-column: span 4;
    min-height: 100%;
}

@media (max-width: 1200px) {
    .carrer__section__about__3__columns .center__career__section__about__wrapper {
        grid-column: span 6;
    }
}

@media (max-width: 1024px) {
    .carrer__section__about__3__columns .center__career__section__about__wrapper {
        max-height: 400px;
    }
}

@media (max-width: 550px) {
    .carrer__section__about__3__columns .center__career__section__about__wrapper {
        grid-column: 1/-1;
    }
}

.carrer__section__about__3__columns .center__career__section__about__wrapper .center__career__section__about__imagebox {
    height: 100%;
}

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

.carrer__section__about__3__columns .right__career__section__about__wrapper {
    grid-column: span 4;
    padding: var(--gap-20);
    display: flex;
    min-height: 100%;
    align-items: center;
    justify-content: end;
    gap: var(--gap-40);
    flex-direction: column;
    border: 1px solid var(--color-black);
}

@media (max-width: 1200px) {
    .carrer__section__about__3__columns .right__career__section__about__wrapper {
        grid-column: 1/-1;
    }
}

@media (max-width: 1024px) {
    .carrer__section__about__3__columns .right__career__section__about__wrapper {
        min-height: 400px;
    }
}

.left__label__right__content__about__section .left__label__image__about__sec__wrapper {
    grid-column: 2/7;
    border: 1px solid var(--color-black);
    padding: var(--gap-10);
    background: var(--color-seagreen);
    align-self: start;
    justify-self: center;
    width: 490px;
    transform: rotate(-10deg);
}

@media (max-width: 1600px) {
    .left__label__right__content__about__section .left__label__image__about__sec__wrapper {
        grid-column: 1/6;
    }
}

@media (max-width: 1024px) {
    .left__label__right__content__about__section .left__label__image__about__sec__wrapper {
        grid-column: 2/12;
    }
}

@media (max-width: 768px) {
    .left__label__right__content__about__section .left__label__image__about__sec__wrapper {
        grid-column: 2/12;
        transform: rotate(0deg);
        width: 100%;
    }
}

.left__label__right__content__about__section .left__label__image__about__sec__wrapper .left__label__image__about__sec__inner {
    border: 1px solid var(--color-black);
    padding: var(--gap-20);
    display: flex;
    height: 100%;
    flex-direction: column;
    gap: var(--gap-10);
}

.left__label__right__content__about__section .left__label__image__about__sec__wrapper .left__label__image__about__sec__inner .left__label__image__about__icon {
    width: 34px;
    transform: rotate(-10deg);
}

.left__label__right__content__about__section .right__content__wrapper__sec__about {
    grid-column: 7/11;
    align-self: center;
    justify-self: center;
}

@media (max-width: 1200px) {
    .left__label__right__content__about__section .right__content__wrapper__sec__about {
        grid-column: 7/-1;
    }
}

@media (max-width: 1024px) {
    .left__label__right__content__about__section .right__content__wrapper__sec__about {
        grid-column: 1/-1;
    }
}

.boat__shows__section__about .boats__show__section__wrapper {
    padding-top: var(--gap-10);
    border-top: 1px solid var(--color-black);
}

.boat__shows__section__about .boats__show__section__wrapper .boats__show__section__title__left {
    grid-column: 1/6;
}

@media (max-width: 1200px) {
    .boat__shows__section__about .boats__show__section__wrapper .boats__show__section__title__left {
        grid-column: 1/4;
    }
}

@media (max-width: 1024px) {
    .boat__shows__section__about .boats__show__section__wrapper .boats__show__section__title__left {
        grid-column: 1/-1;
        margin-bottom: var(--gap-80);
    }
}

.boat__shows__section__about .boats__show__section__wrapper .right__side__accordion__boat__show__wrapper {
    grid-column: 7/-1;
    display: flex;
    flex-direction: column;
    gap: var(--gap-10);
}

@media (max-width: 1200px) {
    .boat__shows__section__about .boats__show__section__wrapper .right__side__accordion__boat__show__wrapper {
        grid-column: 4/-1;
    }
}

@media (max-width: 1024px) {
    .boat__shows__section__about .boats__show__section__wrapper .right__side__accordion__boat__show__wrapper {
        grid-column: 1/-1;
    }
}

.boat__shows__section__about .boats__show__section__wrapper .right__side__accordion__boat__show__wrapper .accordion__single__wrapper {
    border-top: 1px solid var(--color-black);
    padding-top: 8px;
}

.boat__shows__section__about .boats__show__section__wrapper .right__side__accordion__boat__show__wrapper .accordion__single__wrapper:first-child {
    border: none;
    padding-top: 0;
}

.boat__shows__section__about .boats__show__section__wrapper .right__side__accordion__boat__show__wrapper .accordion__single__wrapper .accordion__single__header {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    gap: var(--gap-20);
    cursor: pointer;
}

.boat__shows__section__about .boats__show__section__wrapper .right__side__accordion__boat__show__wrapper .accordion__single__wrapper .accordion__single__header .accordion__single__header__title {
    grid-column: 1/6;
}

.boat__shows__section__about .boats__show__section__wrapper .right__side__accordion__boat__show__wrapper .accordion__single__wrapper .accordion__single__header .accordion__single__header__icon {
    grid-column: 6/-1;
    justify-self: end;
    align-self: center;
}

@media (max-width: 768px) {
    .boat__shows__section__about .boats__show__section__wrapper .right__side__accordion__boat__show__wrapper .accordion__single__wrapper .accordion__single__header {
        align-items: start;
    }
}

.boat__shows__section__about .boats__show__section__wrapper .right__side__accordion__boat__show__wrapper .accordion__single__wrapper .accordion__single__header .accordion__single__header__icon {
    width: 20px;
    transition: transform 1200ms cubic-bezier(0.8, 0, 0.2, 1);
}

.boat__shows__section__about .boats__show__section__wrapper .right__side__accordion__boat__show__wrapper .accordion__single__wrapper .accordion__single__body {
    height: 0px;
    overflow: hidden;
    transition: height 1200ms cubic-bezier(0.8, 0, 0.2, 1);
}

.boat__shows__section__about .boats__show__section__wrapper .right__side__accordion__boat__show__wrapper .accordion__single__wrapper .accordion__single__body .accordion__single__body__tags__wrapper {
    display: flex;
    gap: var(--gap-10);
    flex-wrap: wrap;
}

.boat__shows__section__about .boats__show__section__wrapper .right__side__accordion__boat__show__wrapper .accordion__single__wrapper .accordion__single__body .accordion__single__body__tags__wrapper .accordion__single__body__tag {
    display: flex;
    align-items: center;
    gap: 5px;
    padding: var(--gap-10);
    border: 1px solid var(--color-black);
}

.boat__shows__section__about .boats__show__section__wrapper .right__side__accordion__boat__show__wrapper .accordion__single__wrapper .accordion__single__body .accordion__single__body__button a {
    display: flex;
    align-items: center;
    gap: var(--gap-10);
}

.boat__shows__section__about .boats__show__section__wrapper .right__side__accordion__boat__show__wrapper .accordion__single__wrapper .accordion__single__body .accordion__single__body__button a .accordion__single__body__button__icon {
    width: 24px;
}

:root {
    --color-black: black;
    --color-white: white;
    --color-offwhite: #fcf4ef;
    --color-grey: #acacac;
    --color-orange: #ff7c44;
    --color-yellow: #f9b248;
    --color-lightyellow: #ebc691;
    --color-seagreen: #8adabf;
    --color-lightgreen: #4bb99a33;
    --color-lightcyan: #b0efff;
    --color-fadedgreen: #d9e8de;
    --fs-xs: 18px;
    --fs-20: 20px;
    --fs-sm: 22px;
    --fs-md: 26px;
    --fs-lg: 32px;
    --fs-xl: 40px;
    --fw-300: 300;
    --fw-400: 400;
    --fw-500: 500;
    --font-primary: "Portrait";
    --font-secondary: "Founders Grotesk Medium";
    --lh-118: 118%;
    --lh-100: 100%;
    --lh-auto: auto;
    --ls-0: 0%;
    --ls-10: 10%;
    --ls-20: 20%;
    --gap-10: 10px;
    --gap-20: 20px;
    --gap-66: 66px;
    --gap-40: 40px;
    --gap-80: 80px;
    --gap-100: 100px;
    --gap-150: 150px;
    --gap-220: 220px;
    --grid-margin: 20px;
    --grid-gutter: 20px;
    --grid-columns: 12;
}

.only__label__section__center__charter__page .square_elipse {
    grid-column: 7/10;
    position: relative;
    border-radius: 200px;
    overflow: hidden;
    border: 1px solid var(--color-black);
    padding: var(--gap-10);
    align-self: start;
    justify-self: center;
    transform: rotate(-5.65deg);
    width: 455.94px;
    height: 180.1px;
    background: var(--color-fadedgreen);
}

@media (max-width: 1024px) {
    .only__label__section__center__charter__page .square_elipse {
        grid-column: 1/-1;
        margin-top: 0;
    }
}

@media (max-width: 479px) {
    .only__label__section__center__charter__page .square_elipse {
        transform: rotate(0deg);
        width: 100%;
        aspect-ratio: 1/1;
    }
}

.only__label__section__center__charter__page .square_elipse .right__side__label__image__container__inner {
    border: 1px solid var(--color-black);
    width: 100%;
    height: 100%;
    border-radius: 200px;
    position: relative;
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: center;
    align-items: start;
    flex-direction: column;
    gap: var(--gap-10);
    padding: 0 var(--gap-40);
}

.only__label__section__center__charter__page .square_elipse .right__side__label__image__container__inner .right__side__label__image__icon {
    width: 33px;
}

.only__label__section__center__charter__page .square_elipse .right__side__label__image__container__inner .right__side__label__qoute__wrapper {
    display: flex;
    justify-content: start;
    align-items: end;
}

.only__label__section__center__charter__page .square_elipse .right__side__label__image__container__inner .right__side__label__qoute__wrapper img {
    width: 24px;
    display: inline;
    vertical-align: middle;
}

.only__label__section__center__charter__page .square_elipse .right__side__label__image__container__inner .right__side__label__qoute__wrapper svg {
    width: 24px;
    display: inline;
    vertical-align: middle;
}

.only__label__section__center__charter__page .square_elipse .right__side__label__image__background__imagebox {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
}

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

.three__column__image__with__content__section__charter .left__side__image__charter__page {
    grid-column: span 4;
}

@media (max-width: 1200px) {
    .three__column__image__with__content__section__charter .left__side__image__charter__page {
        min-height: 900px;
        grid-column: span 6;
    }
}

@media (max-width: 768px) {
    .three__column__image__with__content__section__charter .left__side__image__charter__page {
        grid-column: 1/-1;
    }
}

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

.three__column__image__with__content__section__charter .center__side__image__charter__page__content {
    grid-column: span 4;
    padding: var(--gap-20);
    border: 1px solid var(--color-black);
    display: flex;
    flex-direction: column;
    align-items: center;
}

@media (max-width: 1200px) {
    .three__column__image__with__content__section__charter .center__side__image__charter__page__content {
        min-height: 900px;
        grid-column: span 6;
    }
}

@media (max-width: 768px) {
    .three__column__image__with__content__section__charter .center__side__image__charter__page__content {
        grid-column: 1/-1;
    }
}

.three__column__image__with__content__section__charter .center__side__image__charter__page__content .center__side__image__charter__title__wrapper {
    display: flex;
    flex-direction: column;
    margin-top: auto;
    justify-content: center;
    align-items: center;
    gap: var(--gap-10);
}

.three__column__image__with__content__section__charter .center__side__image__charter__page__content .center__side__image__charter__title__wrapper .center__side__image__icon {
    width: 33px;
}

.three__column__image__with__content__section__charter .center__side__image__charter__page__content .center__side__image__charter__description__wrapper {
    margin-top: auto;
}

.three__column__image__with__content__section__charter .center__side__image__charter__page__content .center__side__image__charter__description__wrapper a {
    display: flex;
    align-items: center;
    margin-top: var(--gap-10);
    gap: var(--gap-10);
}

.three__column__image__with__content__section__charter .center__side__image__charter__page__content .center__side__image__charter__description__wrapper a img {
    width: 24px;
}

.three__column__image__with__content__section__charter .center__side__image__charter__page__content .center__side__image__charter__description__wrapper a svg {
    width: 24px;
}

.three__column__image__with__content__section__charter .right__side__image__charter__page {
    grid-column: span 4;
}

@media (max-width: 1200px) {
    .three__column__image__with__content__section__charter .right__side__image__charter__page {
        grid-column: 1/-1;
    }
}

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

.expereince__section__charter__single__card.column-4-10 .expirence__card__charter__wrapper__left {
    grid-column: 4/7;
}

@media (max-width: 1200px) {
    .expereince__section__charter__single__card.column-4-10 .expirence__card__charter__wrapper__left {
        grid-column: 3/8;
    }
}

@media (max-width: 1024px) {
    .expereince__section__charter__single__card.column-4-10 .expirence__card__charter__wrapper__left {
        grid-column: 1/8;
    }
}

@media (max-width: 550px) {
    .expereince__section__charter__single__card.column-4-10 .expirence__card__charter__wrapper__left {
        grid-column: 1/-1;
    }
}

.expereince__section__charter__single__card.column-4-10 .expirence__card__charter__wrapper__right {
    grid-column: 7/10;
}

@media (max-width: 1200px) {
    .expereince__section__charter__single__card.column-4-10 .expirence__card__charter__wrapper__right {
        grid-column: 8/12;
    }
}

@media (max-width: 1024px) {
    .expereince__section__charter__single__card.column-4-10 .expirence__card__charter__wrapper__right {
        grid-column: 8/-1;
    }
}

@media (max-width: 550px) {
    .expereince__section__charter__single__card.column-4-10 .expirence__card__charter__wrapper__right {
        grid-column: 1/-1;
    }
}

.expereince__section__charter__single__card.with_label .right__side__label__image__container__wrapper {
    grid-column: 1/4;
    grid-row: 1;
    position: relative;
    padding: var(--gap-10);
    align-self: center;
    justify-self: center;
    transform: rotate(-9.25deg);
}

.expereince__section__charter__single__card.with_label .right__side__label__qoute__wrapper a {
    display: flex;
    gap: var(--gap-10);
    margin-top: var(--gap-20);
    align-items: center;
}

.expereince__section__charter__single__card.with_label .right__side__label__qoute__wrapper a img {
    width: 24px;
}

.expereince__section__charter__single__card.with_label .right__side__label__qoute__wrapper a svg {
    width: 24px;
}



@media (max-width:1600px) {
    .expereince__section__charter__single__card.with_label .right__side__label__image__container__wrapper {
        grid-column: 2/5;
    }
}

@media (max-width: 1024px) {
    .expereince__section__charter__single__card.with_label .right__side__label__image__container__wrapper.elipse {
        grid-column: 1/-1;
        transform: rotate(0deg);
    }
}

@media (max-width: 479px) {
    .expereince__section__charter__single__card.with_label .right__side__label__image__container__wrapper.elipse {
        width: auto;
        aspect-ratio: 1/1;
    }
}

.expereince__section__charter__single__card.with_label .right__side__label__image__container__wrapper.elipse .right__side__label__image__container__inner {
    border: 1px solid var(--color-black);
    width: 100%;
    height: 100%;
    border-radius: 50%;
    position: relative;
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: var(--gap-20);
    padding: var(--gap-20);
}

.expereince__section__charter__single__card.with_label .right__side__label__image__container__wrapper.elipse .right__side__label__image__container__inner .right__side__label__image__icon {
    width: 34px;
    transform: rotate(-10deg);
}

.expereince__section__charter__single__card.with_label .right__side__label__image__container__wrapper.elipse .right__side__label__image__container__inner .right__side__label__qoute__wrapper a {
    margin-top: var(--gap-20);
    display: flex;
    align-items: center;
    gap: var(--gap-10);
}

.expereince__section__charter__single__card.with_label .right__side__label__image__container__wrapper.elipse .right__side__label__image__container__inner .right__side__label__qoute__wrapper a img {
    width: 24px;
}

.expereince__section__charter__single__card.with_label .right__side__label__image__container__wrapper.elipse .right__side__label__image__container__inner .right__side__label__qoute__wrapper {
    padding: 0 var(--gap-40);
}

.expereince__section__charter__single__card.with_label .right__side__label__image__container__wrapper.elipse .right__side__label__image__background__imagebox {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
}

.expereince__section__charter__single__card.with_label .right__side__label__image__container__wrapper.elipse .right__side__label__image__background__imagebox img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.expereince__section__charter__single__card.column-7-12 .expirence__card__charter__wrapper__left {
    grid-column: 7/10;
}

@media (max-width: 1200px) {
    .expereince__section__charter__single__card.column-7-12 .expirence__card__charter__wrapper__left {
        grid-column: 4/9;
    }
}

@media (max-width: 1024px) {
    .expereince__section__charter__single__card.column-7-12 .expirence__card__charter__wrapper__left {
        grid-column: 1/8;
    }
}

@media (max-width: 550px) {
    .expereince__section__charter__single__card.column-7-12 .expirence__card__charter__wrapper__left {
        grid-column: 1/-1;
    }
}

.expereince__section__charter__single__card.column-7-12 .expirence__card__charter__wrapper__right {
    grid-column: 10/-1;
}

@media (max-width: 1200px) {
    .expereince__section__charter__single__card.column-7-12 .expirence__card__charter__wrapper__right {
        grid-column: 9/-1;
    }
}

@media (max-width: 1024px) {
    .expereince__section__charter__single__card.column-7-12 .expirence__card__charter__wrapper__right {
        grid-column: 8/-1;
    }
}

@media (max-width: 550px) {
    .expereince__section__charter__single__card.column-7-12 .expirence__card__charter__wrapper__right {
        grid-column: 1/-1;
    }
}

.expereince__section__charter__single__card.column-1-7 .expirence__card__charter__wrapper__left {
    grid-column: 1/4;
}

@media (max-width: 1200px) {
    .expereince__section__charter__single__card.column-1-7 .expirence__card__charter__wrapper__left {
        grid-column: 1/6;
    }
}

@media (max-width: 1024px) {
    .expereince__section__charter__single__card.column-1-7 .expirence__card__charter__wrapper__left {
        grid-column: 1/8;
    }
}

@media (max-width: 550px) {
    .expereince__section__charter__single__card.column-1-7 .expirence__card__charter__wrapper__left {
        grid-column: 1/-1;
    }
}

.expereince__section__charter__single__card.column-1-7 .expirence__card__charter__wrapper__right {
    grid-column: 4/7;
}

@media (max-width: 1200px) {
    .expereince__section__charter__single__card.column-1-7 .expirence__card__charter__wrapper__right {
        grid-column: 6/10;
    }
}

@media (max-width: 1024px) {
    .expereince__section__charter__single__card.column-1-7 .expirence__card__charter__wrapper__right {
        grid-column: 8/-1;
    }
}

@media (max-width: 550px) {
    .expereince__section__charter__single__card.column-1-7 .expirence__card__charter__wrapper__right {
        grid-column: 1/-1;
    }
}

.events__section__charter__page {
    overflow: hidden;
}

.events__section__charter__page .events__section__left__column__wrapper {
    grid-column: span 4;
    position: relative;
}

.events__section__charter__page .events__section__left__column__wrapper .events__section__first__image__left__col {
    position: relative;
    left: -10px;
    transform: rotate(-9deg);
    padding-right: 59px;
}

@media (max-width: 550px) {
    .events__section__charter__page .events__section__left__column__wrapper .events__section__first__image__left__col {
        left: 0;
        transform: rotate(0deg);
        padding-right: 0;
    }
}

.events__section__charter__page .events__section__left__column__wrapper .events__section__second__image__left__col {
    position: relative;
    transform: rotate(4deg);
    padding-right: 87px;
    padding-left: 129px;
}

@media (max-width: 550px) {
    .events__section__charter__page .events__section__left__column__wrapper .events__section__second__image__left__col {
        transform: rotate(0deg);
        padding-left: 0;
        padding-right: 0;
    }
}

.events__section__charter__page .events__section__left__column__wrapper .events__section__third__image__left__col {
    position: relative;
    transform: rotate(-6deg);
    padding-right: 129px;
}

@media (max-width: 550px) {
    .events__section__charter__page .events__section__left__column__wrapper .events__section__third__image__left__col {
        transform: rotate(0deg);
        padding-right: 0;
    }
}

@media (max-width: 1200px) {
    .events__section__charter__page .events__section__left__column__wrapper {
        grid-column: 1/-1;
        display: flex;
        flex-direction: column;
        gap: var(--gap-20);
    }
}

@media (max-width: 1024px) {
    .events__section__charter__page .events__section__left__column__wrapper {
        grid-column: 2/11;
    }
}

@media (max-width: 550px) {
    .events__section__charter__page .events__section__left__column__wrapper {
        grid-column: 1/-1;
    }
}

.events__section__charter__page .events__section__center__column__wrapper {
    grid-column: span 4;
    border: 1px solid var(--color-black);
    padding: var(--gap-20);
    min-height: 735px;
    justify-self: center;
    align-self: center;
    height: -moz-fit-content;
    height: fit-content;
    display: flex;
    flex-direction: column;
}

.events__section__charter__page .events__section__center__column__wrapper .events__section__center__col__title__wrapper {
    display: flex;
    margin-top: auto;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    gap: var(--gap-10);
}

.events__section__charter__page .events__section__center__column__wrapper .events__section__center__col__title__wrapper .events__section__center__col__icon {
    width: 37px;
}

.events__section__charter__page .events__section__center__column__wrapper .events__section__center__column__description__wrapper {
    margin-top: auto;
}

@media (max-width: 1200px) {
    .events__section__charter__page .events__section__center__column__wrapper {
        grid-column: 3/11;
    }
}

@media (max-width: 768px) {
    .events__section__charter__page .events__section__center__column__wrapper {
        grid-column: 1/-1;
    }
}

.events__section__charter__page .events__section__right__column__wrapper {
    grid-column: span 4;
}

.events__section__charter__page .events__section__right__column__wrapper .events__section__first__image__right__col {
    position: relative;
    transform: rotate(-6deg);
}

@media (max-width: 550px) {
    .events__section__charter__page .events__section__right__column__wrapper .events__section__first__image__right__col {
        transform: rotate(0deg);
    }
}

.events__section__charter__page .events__section__right__column__wrapper .events__section__second__image__right__col {
    position: relative;
    transform: rotate(7deg);
    right: -80px;
}

@media (max-width: 550px) {
    .events__section__charter__page .events__section__right__column__wrapper .events__section__second__image__right__col {
        transform: rotate(0deg);
        right: 0;
    }
}

.events__section__charter__page .events__section__right__column__wrapper .events__section__third__image__right__col {
    position: relative;
    transform: rotate(-2.5deg);
    padding-left: 83px;
    padding-right: 89px;
}

@media (max-width: 550px) {
    .events__section__charter__page .events__section__right__column__wrapper .events__section__third__image__right__col {
        transform: rotate(0deg);
        padding-left: 0;
        padding-right: 0;
    }
}

@media (max-width: 1200px) {
    .events__section__charter__page .events__section__right__column__wrapper {
        grid-column: 1/-1;
        display: flex;
        flex-direction: column;
        gap: var(--gap-20);
    }
}

@media (max-width: 1024px) {
    .events__section__charter__page .events__section__right__column__wrapper {
        grid-column: 3/11;
    }
}

@media (max-width: 550px) {
    .events__section__charter__page .events__section__right__column__wrapper {
        grid-column: 1/-1;
    }
}

.info__label__section__about__with__label .info__label__section__about__wrapper {
    grid-column: 1/-1;
}

.info__label__section__about__with__label .right__side__label__image__container__wrapper.circle {
    margin-top: -10rem;
    grid-column: 9/12;
    position: relative;
    border-radius: 50%;
    overflow: hidden;
    border: 1px solid var(--color-black);
    z-index: 20;
    padding: var(--gap-10);
    align-self: start;
    justify-self: center;
    transform: rotate(16deg);
/*     aspect-ratio: 1/1; */
    width: 226px;
	height:226px;
    background: var(--color-lightyellow);
}

@media (max-width: 1024px) {
    .info__label__section__about__with__label .right__side__label__image__container__wrapper.circle {
        grid-column: 1/-1;
        transform: rotate(0deg);
        margin-top: 0;
        margin-bottom: var(--gap-40);
    }
}

/* @media (max-width: 479px) {
    .info__label__section__about__with__label .right__side__label__image__container__wrapper.circle {
        width: 100%;
    }
} */

.info__label__section__about__with__label .right__side__label__image__container__wrapper.circle .right__side__label__image__container__inner {
    border: 1px solid var(--color-black);
    width: 100%;
    height: 100%;
    border-radius: 50%;
    position: relative;
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: var(--gap-10);
}

.info__label__section__about__with__label .right__side__label__image__container__wrapper.circle .right__side__label__image__container__inner .right__side__label__image__icon {
    width: 33px;
    transform: rotate(0deg);
}

.info__label__section__about__with__label .right__side__label__image__container__wrapper.circle .right__side__label__image__container__inner .right__side__label__qoute__wrapper {
    padding: 0 30px;
}

.info__label__section__about__with__label .right__side__label__image__container__wrapper.circle .right__side__label__image__background__imagebox {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
}

.info__label__section__about__with__label .right__side__label__image__container__wrapper.circle .right__side__label__image__background__imagebox img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

:root {
    --color-black: black;
    --color-white: white;
    --color-offwhite: #fcf4ef;
    --color-grey: #acacac;
    --color-orange: #ff7c44;
    --color-yellow: #f9b248;
    --color-lightyellow: #ebc691;
    --color-seagreen: #8adabf;
    --color-lightgreen: #4bb99a33;
    --color-lightcyan: #b0efff;
    --color-fadedgreen: #d9e8de;
    --fs-xs: 18px;
    --fs-20: 20px;
    --fs-sm: 22px;
    --fs-md: 26px;
    --fs-lg: 32px;
    --fs-xl: 40px;
    --fw-300: 300;
    --fw-400: 400;
    --fw-500: 500;
    --font-primary: "Portrait";
    --font-secondary: "Founders Grotesk Medium";
    --lh-118: 118%;
    --lh-100: 100%;
    --lh-auto: auto;
    --ls-0: 0%;
    --ls-10: 10%;
    --ls-20: 20%;
    --gap-10: 10px;
    --gap-20: 20px;
    --gap-66: 66px;
    --gap-40: 40px;
    --gap-80: 80px;
    --gap-100: 100px;
    --gap-150: 150px;
    --gap-220: 220px;
    --grid-margin: 20px;
    --grid-gutter: 20px;
    --grid-columns: 12;
}

.left__label__image__right__table__section__buy .left__side__label__image__container__wrapper.elipse {
    grid-column: 3/6;
    position: relative;
    padding: var(--gap-10);
    align-self: start;
    justify-self: center;
}

.left__label__image__right__table__section__buy .left__side__label__image__container__wrapper .capsule {
    transform: rotate(-14.93deg);
}

.left__label__image__right__table__section__buy .left__side__label__image__container__wrapper .capsule .content {
    padding: 40px 10px;
}

@media (max-width: 1600px) {
    .left__label__image__right__table__section__buy .left__side__label__image__container__wrapper.elipse {
        grid-column: 2/5;
    }
}

@media (max-width: 1200px) {
    .left__label__image__right__table__section__buy .left__side__label__image__container__wrapper.elipse {
        grid-column: 1/-1;
    }
}

@media (max-width: 1024px) {
    .left__label__image__right__table__section__buy .left__side__label__image__container__wrapper.elipse {
        grid-column: 1/-1;
        transform: rotate(0deg);
    }
}

@media (max-width: 479px) {
    .left__label__image__right__table__section__buy .left__side__label__image__container__wrapper.elipse {
        width: auto;
        aspect-ratio: 1/1;
    }
}

.left__label__image__right__table__section__buy .left__side__label__image__container__wrapper.elipse .left__side__label__image__container__inner {
    border: 1px solid var(--color-black);
    width: 100%;
    height: 100%;
    border-radius: 50%;
    position: relative;
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: var(--gap-20);
    padding: var(--gap-20);
}

.left__label__image__right__table__section__buy .left__side__label__image__container__wrapper.elipse .left__side__label__image__container__inner .left__side__label__image__icon {
    width: 34px;
    transform: rotate(-14deg);
}

.left__label__image__right__table__section__buy .left__side__label__image__container__wrapper.elipse .left__side__label__image__container__inner .left__side__label__qoute__wrapper {
    padding: 0 var(--gap-40);
}

.left__label__image__right__table__section__buy .left__side__label__image__container__wrapper.elipse .left__side__label__image__background__imagebox {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
}

.left__label__image__right__table__section__buy .left__side__label__image__container__wrapper.elipse .left__side__label__image__background__imagebox img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.left__label__image__right__table__section__buy .right__side__table__section__buy__wrapper {
    grid-column: 7/-1;
    display: flex;
    flex-direction: column;
    gap: var(--gap-10);
}

@media (max-width: 1600px) {
    .left__label__image__right__table__section__buy .right__side__table__section__buy__wrapper {
        grid-column: 6/-1;
    }
}

@media (max-width: 1200px) {
    .left__label__image__right__table__section__buy .right__side__table__section__buy__wrapper {
        grid-column: 1/-1;
        margin-top: var(--gap-40);
    }
}

.left__label__image__right__table__section__buy .right__side__table__section__buy__wrapper .right__side__table__buy__single__wrapper {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    gap: var(--gap-20);
    cursor: pointer;
    border-top: 1px solid var(--color-black);
}

.left__label__image__right__table__section__buy .right__side__table__section__buy__wrapper .right__side__table__buy__single__wrapper .right__side__table__buy__single__number {
    grid-column: 1/2;
    justify-self: start;
    align-self: center;
}

.left__label__image__right__table__section__buy .right__side__table__section__buy__wrapper .right__side__table__buy__single__wrapper .right__side__table__buy__single__title {
    grid-column: 2/6;
    justify-self: start;
    align-self: center;
}

.left__label__image__right__table__section__buy .right__side__table__section__buy__wrapper .right__side__table__buy__single__wrapper .right__side__table__buy__single__icon {
    grid-column: 6/-1;
    justify-self: end;
    align-self: center;
    width: 20px;
}

.arrow__only__section__center__buy__page .arrow__only__center__icon {
    align-self: center;
    justify-self: center;
    grid-column: 1/-1;
    width: 36px;
}

.single__info__block__column__2__9__section__buy .single__info__section__wrapper.column__2__9 {
    grid-column: 2/9;
    display: grid;
    grid-template-columns: repeat(7, 1fr);
}

@media (max-width: 1600px) {
    .single__info__block__column__2__9__section__buy .single__info__section__wrapper.column__2__9 {
        grid-column: 2/10;
    }
}

@media (max-width: 1200px) {
    .single__info__block__column__2__9__section__buy .single__info__section__wrapper.column__2__9 {
        grid-column: 2/12;
    }
}

@media (max-width: 768px) {
    .single__info__block__column__2__9__section__buy .single__info__section__wrapper.column__2__9 {
        grid-column: 1/-1;
    }
}

.single__info__block__column__2__9__section__buy .single__info__section__wrapper.column__6__12 {
    grid-column: 6/-1;
    display: grid;
    grid-template-columns: repeat(7, 1fr);
}

@media (max-width: 1600px) {
    .single__info__block__column__2__9__section__buy .single__info__section__wrapper.column__6__12 {
        grid-column: 4/-1;
    }
}

@media (max-width: 1200px) {
    .single__info__block__column__2__9__section__buy .single__info__section__wrapper.column__6__12 {
        grid-column: 2/12;
    }
}

@media (max-width: 768px) {
    .single__info__block__column__2__9__section__buy .single__info__section__wrapper.column__6__12 {
        grid-column: 1/-1;
    }
}

.single__info__block__column__2__9__section__buy .single__info__section__wrapper.column__1__8 {
    grid-column: 1/8;
    display: grid;
    grid-template-columns: repeat(7, 1fr);
}

@media (max-width: 1600px) {
    .single__info__block__column__2__9__section__buy .single__info__section__wrapper.column__1__8 {
        grid-column: 1/10;
    }
}

@media (max-width: 1200px) {
    .single__info__block__column__2__9__section__buy .single__info__section__wrapper.column__1__8 {
        grid-column: 2/12;
    }
}

@media (max-width: 768px) {
    .single__info__block__column__2__9__section__buy .single__info__section__wrapper.column__1__8 {
        grid-column: 1/-1;
    }
}

.single__info__block__column__2__9__section__buy .single__info__section__wrapper.column__5__11 {
    grid-column: 5/12;
    display: grid;
    grid-template-columns: repeat(7, 1fr);
}

@media (max-width: 1600px) {
    .single__info__block__column__2__9__section__buy .single__info__section__wrapper.column__5__11 {
        grid-column: 3/12;
    }
}

@media (max-width: 1200px) {
    .single__info__block__column__2__9__section__buy .single__info__section__wrapper.column__5__11 {
        grid-column: 2/12;
    }
}

@media (max-width: 768px) {
    .single__info__block__column__2__9__section__buy .single__info__section__wrapper.column__5__11 {
        grid-column: 1/-1;
    }
}

.single__info__block__column__2__9__section__buy .single__info__section__wrapper.column__2__10 {
    grid-column: 2/10;
    display: grid;
    grid-template-columns: repeat(8, 1fr);
}

@media (max-width: 1600px) {
    .single__info__block__column__2__9__section__buy .single__info__section__wrapper.column__2__10 {
        grid-column: 2/12;
    }
}

@media (max-width: 1200px) {
    .single__info__block__column__2__9__section__buy .single__info__section__wrapper.column__2__10 {
        grid-column: 2/12;
    }
}

@media (max-width: 768px) {
    .single__info__block__column__2__9__section__buy .single__info__section__wrapper.column__2__10 {
        grid-column: 1/-1;
    }
}

.single__info__block__column__2__9__section__buy .single__info__section__wrapper.column__2__10 .left__side__info__single__block__column__2__9__wrapper {
    grid-column: span 5;
}

@media (max-width: 768px) {
    .single__info__block__column__2__9__section__buy .single__info__section__wrapper.column__2__10 .left__side__info__single__block__column__2__9__wrapper {
        grid-column: 1/-1;
    }
}

.single__info__block__column__2__9__section__buy .single__info__section__wrapper.column__3__10 {
    grid-column: 3/10;
    display: grid;
    grid-template-columns: repeat(7, 1fr);
}

@media (max-width: 1600px) {
    .single__info__block__column__2__9__section__buy .single__info__section__wrapper.column__3__10 {
        grid-column: 3/12;
    }
}

@media (max-width: 1200px) {
    .single__info__block__column__2__9__section__buy .single__info__section__wrapper.column__3__10 {
        grid-column: 2/12;
    }
}

@media (max-width: 768px) {
    .single__info__block__column__2__9__section__buy .single__info__section__wrapper.column__3__10 {
        grid-column: 1/-1;
    }
}

.single__info__block__column__2__9__section__buy .single__info__section__wrapper.column__4__11 {
    grid-column: 4/11;
    display: grid;
    grid-template-columns: repeat(7, 1fr);
}

@media (max-width: 1600px) {
    .single__info__block__column__2__9__section__buy .single__info__section__wrapper.column__4__11 {
        grid-column: 2/12;
    }
}

@media (max-width: 1200px) {
    .single__info__block__column__2__9__section__buy .single__info__section__wrapper.column__4__11 {
        grid-column: 2/12;
    }
}

@media (max-width: 768px) {
    .single__info__block__column__2__9__section__buy .single__info__section__wrapper.column__4__11 {
        grid-column: 1/-1;
    }
}

.single__info__block__column__2__9__section__buy .single__info__section__wrapper .left__side__info__single__block__column__2__9__wrapper {
    grid-column: span 4;
    border: 1px solid var(--color-black);
    padding: var(--gap-20);
    height: -moz-fit-content;
    height: fit-content;
    margin-right: 7px;
}


.single__info__block__column__2__9__section__buy .single__info__section__wrapper .reverse {
    margin-left: 7px;
    margin-right: 0;
}

@media (max-width: 768px) {
    .single__info__block__column__2__9__section__buy .single__info__section__wrapper .left__side__info__single__block__column__2__9__wrapper {
        grid-column: 1/-1;
        margin-right: 0;
    }

    .single__info__block__column__2__9__section__buy .single__info__section__wrapper .reverse {
        margin-left: 0;
        margin-right: 0;
    }
}

.single__info__block__column__2__9__section__buy .single__info__section__wrapper .left__side__info__single__block__column__2__9__wrapper .number__box__info__single__wrapper {
    border: 1px solid var(--color-black);
    width: 107px;
    height: 85px;
    border-radius: 50%;
    padding: var(--gap-10);
}

.single__info__block__column__2__9__section__buy .single__info__section__wrapper .left__side__info__single__block__column__2__9__wrapper .number__box__info__single__wrapper .number__box__info__single__inner {
    border: 1px solid var(--color-black);
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
}

.single__info__block__column__2__9__section__buy .single__info__section__wrapper .right__side__info__single__block__column__2__9__wrapper {
    grid-column: span 3;
    margin-left: -9px;
}

.single__info__block__column__2__9__section__buy .single__info__section__wrapper .reverse-img {
    margin-left: 0;
    margin-right: -8px;
}


@media (max-width: 768px) {
    .single__info__block__column__2__9__section__buy .single__info__section__wrapper .right__side__info__single__block__column__2__9__wrapper {
        grid-column: 1/-1;
        margin-left: 0;
    }

    .single__info__block__column__2__9__section__buy .single__info__section__wrapper .reverse-img {
        margin-left: 0;
        margin-right: 0;
    }

}

.finance__section__buy__page .grid-col-12 {
    height: calc(100dvh - 83px);
    grid-template-rows: 100%;
}

@media (max-width: 768px) {
    .finance__section__buy__page .grid-col-12 {
        grid-template-rows: auto;
        height: auto;
    }
}

.finance__section__buy__page .finance__section__column__left__wrapper {
    grid-column: span 4;
    display: flex;
    flex-direction: column;
    border: 1px solid var(--color-black);
    padding: var(--gap-20);
}

@media (max-width: 1024px) {
    .finance__section__buy__page .finance__section__column__left__wrapper {
        grid-column: span 6;
        min-height: 400px;
    }
}

@media (max-width: 768px) {
    .finance__section__buy__page .finance__section__column__left__wrapper {
        grid-column: 1/-1;
        min-height: 400px;
    }
}

.finance__section__buy__page .finance__section__column__left__wrapper .finance__section__left__column__title__wrapper {
    margin-top: auto;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: var(--gap-20);
}

.finance__section__buy__page .finance__section__column__left__wrapper .finance__section__left__column__title__wrapper .finance__section__left__column__icon {
    width: 38px;
}

.finance__section__buy__page .finance__section__column__left__wrapper .finance__section__left__column__description__wrapper {
    margin-top: auto;
}

.finance__section__buy__page .finance__section__column__left__wrapper .finance__section__left__column__description__wrapper a {
    display: flex;
    align-items: center;
    gap: var(--gap-10);
    margin-top: var(--gap-10);
}

.finance__section__buy__page .finance__section__column__left__wrapper .finance__section__left__column__description__wrapper a img {
    width: 24px;
}

.finance__section__buy__page .finance__section__column__left__wrapper .finance__section__left__column__description__wrapper a svg {
    width: 24px;
}

.finance__section__buy__page .finance__section__column__right__wrapper {
    grid-column: span 8;
    height: 100%;
}

.finance__section__buy__page .finance__section__column__right__wrapper .finance__section__column__right__imagebox {
    height: 100%;
}

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

@media (max-width: 1024px) {
    .finance__section__buy__page .finance__section__column__right__wrapper {
        grid-column: span 6;
        max-height: 400px;
    }
}

@media (max-width: 768px) {
    .finance__section__buy__page .finance__section__column__right__wrapper {
        grid-column: 1/-1;
    }
}

.explore__section__buy__page .grid-col-12 {
    grid-template-rows: 100%;
    height: calc(100dvh - 83px);
}

@media (max-width: 1024px) {
    .explore__section__buy__page .grid-col-12 {
        height: auto;
        grid-template-rows: auto;
    }
}

.explore__section__buy__page .explore__section__buy__page__left__wrapper {
    grid-column: span 4;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid var(--color-black);
}

@media (max-width: 768px) {
    .explore__section__buy__page .explore__section__buy__page__left__wrapper {
        grid-column: 1/-1;
        min-height: 200px;
    }
}

.explore__section__buy__page .explore__section__buy__page__left__wrapper .explore__section__buy__page__left__title__wrapper {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: var(--gap-10);
}

.explore__section__buy__page .explore__section__buy__page__left__wrapper .explore__section__buy__page__left__title__wrapper .explore__section__buy__page__left__icon {
    width: 36px;
}

.explore__section__buy__page .explore__section__buy__page__center__wrapper {
    grid-column: span 4;
    height: 100%;
}

@media (max-width: 768px) {
    .explore__section__buy__page .explore__section__buy__page__center__wrapper {
        grid-column: span 6;
    }
}

@media (max-width: 550px) {
    .explore__section__buy__page .explore__section__buy__page__center__wrapper {
        grid-column: 1/-1;
		max-height:200px;
    }
}

.explore__section__buy__page .explore__section__buy__page__center__wrapper .explore__section__center__buy__inner__center {
    position: relative;
    height: 100%;
}

.explore__section__buy__page .explore__section__buy__page__center__wrapper .explore__section__center__buy__inner__center .explore__section__buy__page__left__title__wrapper {
    position: absolute;
    z-index: 10;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: var(--gap-10);
}

.explore__section__buy__page .explore__section__buy__page__center__wrapper .explore__section__center__buy__inner__center .explore__section__buy__page__left__title__wrapper .explore__section__buy__page__left__icon {
    width: 36px;
    opacity: 0;
}

.explore__section__buy__page .explore__section__buy__page__center__wrapper .explore__section__center__buy__inner__center .explore__section__buy__page__imagebox {
    position: relative;
    height: 100%;
}

.explore__section__buy__page .explore__section__buy__page__center__wrapper .explore__section__center__buy__inner__center .explore__section__buy__page__imagebox img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.explore__section__buy__page .explore__section__buy__page__center__wrapper .explore__section__center__buy__inner__center .explore__section__buy__page__imagebox .explore__section__hover__image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    transition: opacity 300ms ease-out;
}

.explore__section__buy__page .explore__section__buy__page__center__wrapper .explore__section__center__buy__inner__center:hover .explore__section__hover__image {
    opacity: 1;
}

.explore__section__buy__page .explore__section__buy__page__right__wrapper {
    grid-column: span 4;
    height: 100%;
}

@media (max-width: 768px) {
    .explore__section__buy__page .explore__section__buy__page__right__wrapper {
        grid-column: span 6;
    }
}

@media (max-width: 550px) {
    .explore__section__buy__page .explore__section__buy__page__right__wrapper {
        grid-column: 1/-1;
		max-height:200px;
    }
	.explore__section__buy__page .explore__section__buy__page__right__wrapper .explore__section__center__buy__inner__right .explore__section__buy__page__left__title__wrapper .explore__section__buy__page__left__icon{
		display:none;
	}
	.explore__section__buy__page .explore__section__buy__page__center__wrapper .explore__section__center__buy__inner__center .explore__section__buy__page__left__title__wrapper .explore__section__buy__page__left__icon{
		display:none;
	}
}

.explore__section__buy__page .explore__section__buy__page__right__wrapper .explore__section__center__buy__inner__right {
    position: relative;
    height: 100%;
}

.explore__section__buy__page .explore__section__buy__page__right__wrapper .explore__section__center__buy__inner__right .explore__section__buy__page__left__title__wrapper {
    position: absolute;
    z-index: 10;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: var(--gap-10);
}

.explore__section__buy__page .explore__section__buy__page__right__wrapper .explore__section__center__buy__inner__right .explore__section__buy__page__left__title__wrapper .explore__section__buy__page__left__icon {
    width: 36px;
    opacity: 0;
}

.explore__section__buy__page .explore__section__buy__page__right__wrapper .explore__section__center__buy__inner__right .explore__section__buy__page__imagebox {
    position: relative;
    height: 100%;
}

.explore__section__buy__page .explore__section__buy__page__right__wrapper .explore__section__center__buy__inner__right .explore__section__buy__page__imagebox img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.explore__section__buy__page .explore__section__buy__page__right__wrapper .explore__section__center__buy__inner__right .explore__section__buy__page__imagebox .explore__section__hover__image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    transition: opacity 300ms ease-out;
}

.explore__section__buy__page .explore__section__buy__page__right__wrapper .explore__section__center__buy__inner__right:hover .explore__section__hover__image {
    opacity: 1;
}

:root {
    --color-black: black;
    --color-white: white;
    --color-offwhite: #fcf4ef;
    --color-grey: #acacac;
    --color-orange: #ff7c44;
    --color-yellow: #f9b248;
    --color-lightyellow: #ebc691;
    --color-seagreen: #8adabf;
    --color-lightgreen: #4bb99a33;
    --color-lightcyan: #b0efff;
    --color-fadedgreen: #d9e8de;
    --fs-xs: 18px;
    --fs-20: 20px;
    --fs-sm: 22px;
    --fs-md: 26px;
    --fs-lg: 32px;
    --fs-xl: 40px;
    --fw-300: 300;
    --fw-400: 400;
    --fw-500: 500;
    --font-primary: "Portrait";
    --font-secondary: "Founders Grotesk Medium";
    --lh-118: 118%;
    --lh-100: 100%;
    --lh-auto: auto;
    --ls-0: 0%;
    --ls-10: 10%;
    --ls-20: 20%;
    --gap-10: 10px;
    --gap-20: 20px;
    --gap-66: 66px;
    --gap-40: 40px;
    --gap-80: 80px;
    --gap-100: 100px;
    --gap-150: 150px;
    --gap-220: 220px;
    --grid-margin: 20px;
    --grid-gutter: 20px;
    --grid-columns: 12;
}

.call__to__action__section__with__label .circle {
    margin-top: -8rem;
    grid-column: 8/11;
    position: relative;
    border-radius: 50%;
    overflow: hidden;
    border: 1px solid var(--color-black);
    padding: var(--gap-10);
    align-self: start;
    justify-self: center;
    transform: rotate(16deg);
/*     aspect-ratio: 1/1; */
    width: 226px;
	height:226px;
    background: var(--color-yellow);
}

@media (max-width: 1024px) {
    .call__to__action__section__with__label .circle {
        grid-column: 1/-1;
        transform: rotate(0deg);
        margin-top: 0;
    }
}

/* @media (max-width: 479px) {
    .call__to__action__section__with__label .circle {
        width: auto;
    }
} */

.call__to__action__section__with__label .circle .right__side__label__image__container__inner {
    border: 1px solid var(--color-black);
    width: 100%;
    height: 100%;
    border-radius: 50%;
    position: relative;
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: var(--gap-10);
}

.call__to__action__section__with__label .circle .right__side__label__image__container__inner .right__side__label__image__icon {
    width: 33px;
    transform: rotate(0deg);
}

.call__to__action__section__with__label .circle .right__side__label__image__container__inner .right__side__label__qoute__wrapper {
    padding: 0 35px;
}

.call__to__action__section__with__label .circle .right__side__label__image__background__imagebox {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
}

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

.faq__section__sell__page .faq__section__wrapper {
    grid-column: 1/-1;
    display: flex;
    flex-direction: column;
    gap: var(--gap-40);
}

@media (max-width: 550px) {
    .faq__section__sell__page .faq__section__wrapper {
        gap: var(--gap-20);
    }
}

.faq__section__sell__page .faq__section__wrapper .faq__single__item__wrapper {
    border-top: 1px solid var(--color-black);
    padding-top: var(--gap-20);
}

.faq__section__sell__page .faq__section__wrapper .faq__single__item__wrapper .faq__single__header {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    gap: var(--gap-20);
    cursor: pointer;
}

.faq__section__sell__page .faq__section__wrapper .faq__single__item__wrapper .faq__single__header .faq__title {
    grid-column: 1/12;
    align-self: center;
}

.faq__section__sell__page .faq__section__wrapper .faq__single__item__wrapper .faq__single__header .faq__icon__arrow {
    width: 32px;
    grid-column: 12/-1;
    align-self: center;
    justify-self: end;
    transition: transform 800ms cubic-bezier(0.8, 0, 0.2, 1);
}

.faq__section__sell__page .faq__section__wrapper .faq__single__item__wrapper .faq__single__body {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    gap: var(--gap-20);
    height: 0px;
    overflow: hidden;
    transition: height 800ms cubic-bezier(0.8, 0, 0.2, 1);
}

.faq__section__sell__page .faq__section__wrapper .faq__single__item__wrapper .faq__single__body .body__text__faq {
    padding-top: var(--gap-80);
    grid-column: 1/11;
}

:root {
    --color-black: black;
    --color-white: white;
    --color-offwhite: #fcf4ef;
    --color-grey: #acacac;
    --color-orange: #ff7c44;
    --color-yellow: #f9b248;
    --color-lightyellow: #ebc691;
    --color-seagreen: #8adabf;
    --color-lightgreen: #4bb99a33;
    --color-lightcyan: #b0efff;
    --color-fadedgreen: #d9e8de;
    --fs-xs: 18px;
    --fs-20: 20px;
    --fs-sm: 22px;
    --fs-md: 26px;
    --fs-lg: 32px;
    --fs-xl: 40px;
    --fw-300: 300;
    --fw-400: 400;
    --fw-500: 500;
    --font-primary: "Portrait";
    --font-secondary: "Founders Grotesk Medium";
    --lh-118: 118%;
    --lh-100: 100%;
    --lh-auto: auto;
    --ls-0: 0%;
    --ls-10: 10%;
    --ls-20: 20%;
    --gap-10: 10px;
    --gap-20: 20px;
    --gap-66: 66px;
    --gap-40: 40px;
    --gap-80: 80px;
    --gap-100: 100px;
    --gap-150: 150px;
    --gap-220: 220px;
    --grid-margin: 20px;
    --grid-gutter: 20px;
    --grid-columns: 12;
}

.call__to__action__section__with__label .square_elipse {
    margin-top: -8rem;
    grid-column: 8/-1;
    position: relative;
    border-radius: 200px;
    overflow: hidden;
    border: 1px solid var(--color-black);
    padding: var(--gap-10);
    align-self: start;
    justify-self: center;
    transform: rotate(15deg);
    aspect-ratio: 2/1;
    width: 500px;
    background: var(--color-fadedgreen);
}

@media (max-width: 1024px) {
    .call__to__action__section__with__label .square_elipse {
        grid-column: 1/-1;
        transform: rotate(0deg);
        margin-top: 0;
    }
}

@media (max-width: 479px) {
    .call__to__action__section__with__label .square_elipse {
        width: 100%;
        aspect-ratio: 1/1;
    }
}

.call__to__action__section__with__label .square_elipse .right__side__label__image__container__inner {
    border: 1px solid var(--color-black);
    width: 100%;
    height: 100%;
    border-radius: 200px;
    position: relative;
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: center;
    align-items: start;
    flex-direction: column;
    gap: var(--gap-10);
    padding: 0 var(--gap-40);
}

.call__to__action__section__with__label .square_elipse .right__side__label__image__container__inner .right__side__label__image__icon {
    width: 33px;
    transform: rotate(-15deg);
}

.call__to__action__section__with__label .square_elipse .right__side__label__image__background__imagebox {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
}

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

.cards__section__management__page .card__single__management__wrapper {
    min-height: 674px;
    border: 1px solid var(--color-black);
    padding: var(--gap-20);
    display: flex;
    flex-direction: column;
}

@media (max-width: 1600px) {
    .cards__section__management__page .card__single__management__wrapper {
        min-height: 400px;
    }
}

.cards__section__management__page .card__single__management__wrapper.span__3 {
    grid-column: span 3;
}

@media (max-width: 1600px) {
    .cards__section__management__page .card__single__management__wrapper.span__3 {
        grid-column: span 4;
    }
}

@media (max-width: 1024px) {
    .cards__section__management__page .card__single__management__wrapper.span__3 {
        grid-column: span 6;
    }
}

@media (max-width: 768px) {
    .cards__section__management__page .card__single__management__wrapper.span__3 {
        grid-column: 1/-1;
    }
}

.cards__section__management__page .card__single__management__wrapper.span__6 {
    grid-column: span 6;
}

@media (max-width: 1600px) {
    .cards__section__management__page .card__single__management__wrapper.span__6 {
        grid-column: span 4;
    }
}

@media (max-width: 1024px) {
    .cards__section__management__page .card__single__management__wrapper.span__6 {
        grid-column: span 6;
    }
}

@media (max-width: 768px) {
    .cards__section__management__page .card__single__management__wrapper.span__6 {
        grid-column: 1/-1;
    }
}

.cards__section__management__page .card__single__management__wrapper.empty {
    border: none;
}

.cards__section__management__page .card__single__management__wrapper.image_only {
    border: none;
    padding: 0;
}

.cards__section__management__page .card__single__management__wrapper.image_only .card__single__management__imagebox {
    height: 100%;
    width: 100%;
}

.cards__section__management__page .card__single__management__wrapper.image_only .card__single__management__imagebox img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.cards__section__management__page .card__single__management__wrapper .card__single__management__number__wrapper {
    border: 1px solid var(--color-black);
    width: 107px;
    height: 85px;
    border-radius: 50%;
    padding: var(--gap-10);
}

.cards__section__management__page .card__single__management__wrapper .card__single__management__number__wrapper .card__single__management__number__inner {
    border: 1px solid var(--color-black);
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
}

.cards__section__management__page .card__single__management__wrapper .card__single__management__info__wrapper {
    padding-top: var(--gap-40);
    margin-top: auto;
}

:root {
    --color-black: black;
    --color-white: white;
    --color-offwhite: #fcf4ef;
    --color-grey: #acacac;
    --color-orange: #ff7c44;
    --color-yellow: #f9b248;
    --color-lightyellow: #ebc691;
    --color-seagreen: #8adabf;
    --color-lightgreen: #4bb99a33;
    --color-lightcyan: #b0efff;
    --color-fadedgreen: #d9e8de;
    --fs-xs: 18px;
    --fs-20: 20px;
    --fs-sm: 22px;
    --fs-md: 26px;
    --fs-lg: 32px;
    --fs-xl: 40px;
    --fw-300: 300;
    --fw-400: 400;
    --fw-500: 500;
    --font-primary: "Portrait";
    --font-secondary: "Founders Grotesk Medium";
    --lh-118: 118%;
    --lh-100: 100%;
    --lh-auto: auto;
    --ls-0: 0%;
    --ls-10: 10%;
    --ls-20: 20%;
    --gap-10: 10px;
    --gap-20: 20px;
    --gap-66: 66px;
    --gap-40: 40px;
    --gap-80: 80px;
    --gap-100: 100px;
    --gap-150: 150px;
    --gap-220: 220px;
    --grid-margin: 20px;
    --grid-gutter: 20px;
    --grid-columns: 12;
}

.scroll__image__section__destination__page {
    position: relative;
}

.scroll__image__section__destination__page .left__side__scroll__image__section__dest__wrapper {
    grid-column: 1/7;
    padding: var(--gap-20);
    height: calc(100dvh - 63px - 20px);
    border: 1px solid var(--color-black);
    display: flex;
    flex-direction: column;
}

@media (max-width: 768px) {
    .scroll__image__section__destination__page .left__side__scroll__image__section__dest__wrapper {
        grid-column: 1/-1;
        position: relative;
        top: 0;
    }
}

.scroll__image__section__destination__page .left__side__scroll__image__section__dest__wrapper .left__side__scroll__dest__title__wrapper {
    margin-top: auto;
    text-align: center;
}

.scroll__image__section__destination__page .left__side__scroll__image__section__dest__wrapper .left__side__scroll__dest__table__wrapper {
    margin-top: auto;
    display: flex;
    flex-direction: column;
    gap: var(--gap-20);
}

.scroll__image__section__destination__page .left__side__scroll__image__section__dest__wrapper .left__side__scroll__dest__table__wrapper .left__side__scroll__dest__table__single {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-top: 1px solid var(--color-black);
}

.scroll__image__section__destination__page .left__side__scroll__image__section__dest__wrapper .left__side__scroll__dest__description__wrapper {
    margin-top: var(--gap-40);
}

.scroll__image__section__destination__page .right__side__scroll__image__section__image__wrapper {
    grid-column: 7/-1;
    display: flex;
    flex-direction: column;
    gap: calc(var(--gap-150) - var(--gap-10));
}

@media (max-width: 768px) {
    .scroll__image__section__destination__page .right__side__scroll__image__section__image__wrapper {
        grid-column: 1/-1;
        position: relative;
        top: 0;
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: var(--gap-20);
    }
}

@media (max-width: 768px) {
    .scroll__image__section__destination__page .right__side__scroll__image__section__image__wrapper {
        display: flex;
    }
}

.map__section__destination__page .grid-col-12 {
    height: calc(100dvh - 83px);
    grid-template-rows: 100%;
}

@media (max-width: 1024px) {
    .map__section__destination__page .grid-col-12 {
        grid-template-rows: repeat(2, 1fr);
    }
}

.map__section__destination__page .left__side__map__section__wrapper__dest__page {
    grid-column: span 4;
    padding: var(--gap-20);
    border: 1px solid var(--color-black);
    display: flex;
    flex-direction: column;
    align-items: center;
    height: 100%;
}

@media (max-width: 1200px) {
    .map__section__destination__page .left__side__map__section__wrapper__dest__page {
        grid-column: span 4;
    }
}

@media (max-width: 1024px) {
    .map__section__destination__page .left__side__map__section__wrapper__dest__page {
        grid-column: 1/-1;
    }
}

.map__section__destination__page .left__side__map__section__wrapper__dest__page .center__icon__map__section {
    width: 33px;
    margin-top: auto;
}

.map__section__destination__page .left__side__map__section__wrapper__dest__page .table__content__map__section__dest {
    margin-top: auto;
    display: flex;
    flex-direction: column;
    gap: var(--gap-20);
    width: 100%;
}

.map__section__destination__page .left__side__map__section__wrapper__dest__page .table__content__map__section__dest .single__table__row__wrapper__map {
    border-top: 1px solid var(--color-black);
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.map__section__destination__page .right__side__map__section__map__wrapper {
    grid-column: span 8;
    position: relative;
    height: 100%;
}

@media (max-width: 1200px) {
    .map__section__destination__page .right__side__map__section__map__wrapper {
        grid-column: span 8;
    }
}

@media (max-width: 1024px) {
    .map__section__destination__page .right__side__map__section__map__wrapper {
        grid-column: 1/-1;
    }
}

.map__section__destination__page .right__side__map__section__map__wrapper .right__side__map__section__map__background {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.map__section__destination__page .right__side__map__section__map__wrapper .right__side__map__section__map__background img {
    width: 100%;
    height: 100%;
}

.map__section__destination__page .right__side__map__section__map__wrapper .right__side__single__map__dot__wrapper {
    position: absolute;
    /* top: 41.5%; */
    /* left: 52%; */
    left: var(--x);
    top: var(--y);
    transform: translate(-50%, -50%);
    cursor: pointer;
    width: 58px;
    height: 47px;
    border-radius: 50%;
    border: 1px solid var(--color-black);
    background: var(--color-offwhite);
    padding: 4px;
}



.map__section__destination__page .right__side__map__section__map__wrapper .right__side__single__map__dot__wrapper .right__side__single__map__dot__inner {
    border: 1px solid var(--color-black);
    border-radius: 50%;
    height: 100%;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}

.right__side__single__map__dot__tooltip__wrapper {
    position: absolute;
    opacity: 0;
    pointer-events: none;
    transition: opacity 300ms ease-out;
    width: max-content;
    height: max-content;
    bottom: 180%;
    left: 50%;
    transform: translateX(-50%);
    background: var(--color-offwhite);
    z-index: 99;
    padding: var(--gap-10);
}

/* Invisible bridge between dot and tooltip */
.right__side__single__map__dot__tooltip__wrapper::before {
    content: "";
    position: absolute;
    bottom: -40px;
    /* height of the gap */
    left: 0;
    width: 100%;
    height: 40px;
}

@media (max-width:1024px) {
    .right__side__single__map__dot__tooltip__wrapper::before {
        display: none;
    }
}

/* show tooltip */
.right__side__single__map__dot__wrapper:hover .right__side__single__map__dot__tooltip__wrapper {
    opacity: 1;
    pointer-events: auto;
    z-index: 99999;
}

.right__side__single__map__dot__wrapper:hover {
    z-index: 99999;
}

.map__section__destination__page .right__side__map__section__map__wrapper .right__side__single__map__dot__wrapper .right__side__single__map__dot__inner .right__side__single__map__dot__tooltip__wrapper::after {
    content: "";
    position: absolute;
    bottom: -9px;
    left: 50%;
    transform: translateX(-50%);
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid var(--color-offwhite);
}

.map__section__destination__page .right__side__map__section__map__wrapper .right__side__single__map__dot__wrapper .right__side__single__map__dot__inner .right__side__single__map__dot__tooltip__wrapper .right__side__single__map__dot__tooltip__inner {
    width: 100%;
    height: 100%;
    padding: var(--gap-20);
    border: 1px solid var(--color-black);
    display: flex;
    flex-direction: column;
    gap: var(--gap-10);
}

.map__section__destination__page .right__side__map__section__map__wrapper .right__side__single__map__dot__wrapper .right__side__single__map__dot__inner .right__side__single__map__dot__tooltip__wrapper .right__side__single__map__dot__tooltip__inner .foun-small {
    line-height: 100%;
}

/* .map__section__destination__page .right__side__map__section__map__wrapper .right__side__single__map__dot__wrapper .right__side__single__map__dot__inner:hover .right__side__single__map__dot__tooltip__wrapper {
    opacity: 1;
} */

:root {
    --color-black: black;
    --color-white: white;
    --color-offwhite: #fcf4ef;
    --color-grey: #acacac;
    --color-orange: #ff7c44;
    --color-yellow: #f9b248;
    --color-lightyellow: #ebc691;
    --color-seagreen: #8adabf;
    --color-lightgreen: #4bb99a33;
    --color-lightcyan: #b0efff;
    --color-fadedgreen: #d9e8de;
    --fs-xs: 18px;
    --fs-20: 20px;
    --fs-sm: 22px;
    --fs-md: 26px;
    --fs-lg: 32px;
    --fs-xl: 40px;
    --fw-300: 300;
    --fw-400: 400;
    --fw-500: 500;
    --font-primary: "Portrait";
    --font-secondary: "Founders Grotesk Medium";
    --lh-118: 118%;
    --lh-100: 100%;
    --lh-auto: auto;
    --ls-0: 0%;
    --ls-10: 10%;
    --ls-20: 20%;
    --gap-10: 10px;
    --gap-20: 20px;
    --gap-66: 66px;
    --gap-40: 40px;
    --gap-80: 80px;
    --gap-100: 100px;
    --gap-150: 150px;
    --gap-220: 220px;
    --grid-margin: 20px;
    --grid-gutter: 20px;
    --grid-columns: 12;
}

.contact__section__contact__page {
    position: relative;
}

.contact__section__contact__page .label__only__contact__page {
    position: absolute;
    top: 20%;
    left: 0;
    width: 100%;
    pointer-events: none;
    z-index: 20;
}

@media (max-width: 1600px) {
    .contact__section__contact__page .label__only__contact__page {
        top: 0;
    }
}

.contact__section__contact__page .label__only__contact__page .right__side__label__image__container__wrapper.circle {
    grid-column: 8/11;
    position: relative;
    border-radius: 50%;
    overflow: hidden;
    border: 1px solid var(--color-black);
    padding: var(--gap-10);
    align-self: start;
    justify-self: center;
    transform: rotate(16deg);
/*     aspect-ratio: 1/1; */
    width: 226px;
	height:226px;
    background: var(--color-yellow);
}

@media (max-width: 1600px) {
    .contact__section__contact__page .label__only__contact__page .right__side__label__image__container__wrapper.circle {
        grid-column: 1/4;
    }
}

@media (max-width: 1024px) {
    .contact__section__contact__page .label__only__contact__page .right__side__label__image__container__wrapper.circle {
        grid-column: 1/4;
        transform: rotate(0deg);
    }
}

@media (max-width: 768px) {
    .contact__section__contact__page .label__only__contact__page .right__side__label__image__container__wrapper.circle {
        display: none;
    }
}

.contact__section__contact__page .label__only__contact__page .right__side__label__image__container__wrapper.circle .right__side__label__image__container__inner {
    border: 1px solid var(--color-black);
    width: 100%;
    height: 100%;
    border-radius: 50%;
    position: relative;
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: var(--gap-10);
}

.contact__section__contact__page .label__only__contact__page .right__side__label__image__container__wrapper.circle .right__side__label__image__container__inner .right__side__label__image__icon {
    width: 33px;
    /* transform: rotate(16deg); */
}

.contact__section__contact__page .label__only__contact__page .right__side__label__image__container__wrapper.circle .right__side__label__image__container__inner .right__side__label__qoute__wrapper {
    padding: 0 30px;
}

.contact__section__contact__page .label__only__contact__page .right__side__label__image__container__wrapper.circle .right__side__label__image__background__imagebox {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
}

.contact__section__contact__page .label__only__contact__page .right__side__label__image__container__wrapper.circle .right__side__label__image__background__imagebox img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.contact__section__contact__page .section__contact {
    min-height: calc(100dvh - 63px - var(--gap-20));
}

.contact__section__contact__page .left__column__contact__form__image__wrapper {
    grid-column: span 4;
    position: relative;
    height: 100%;
}

@media (max-width: 1024px) {
    .contact__section__contact__page .left__column__contact__form__image__wrapper {
        grid-column: 1/-1;
        min-height: 30dvh;
    }
}

.contact__section__contact__page .left__column__contact__form__image__wrapper .left__column__contact__background__imagebox {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
}

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

.contact__section__contact__page .left__column__contact__form__image__wrapper .left__column__contact__form__title__wrapper {
    position: relative;
    z-index: 9;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    height: 100%;
    gap: var(--gap-10);
}

.contact__section__contact__page .left__column__contact__form__image__wrapper .left__column__contact__form__title__wrapper .left__column__contact__icon {
    width: 26px;
}

.contact__section__contact__page .center__column__contact__form__info__wrapper {
    grid-column: span 4;
    border: 1px solid var(--color-black);
    padding: var(--gap-20);
    height: 100%;
    display: flex;
    flex-direction: column;
}

@media (max-width: 768px) {
    .contact__section__contact__page .center__column__contact__form__info__wrapper {
        gap: var(--gap-80);
    }
}

@media (max-width: 1024px) {
    .contact__section__contact__page .center__column__contact__form__info__wrapper {
        grid-column: span 6;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
    }
}

@media (max-width: 768px) {
    .contact__section__contact__page .center__column__contact__form__info__wrapper {
        grid-column: 1/-1;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
    }
}

.contact__section__contact__page .center__column__contact__form__info__wrapper .center__column__contact__info__title__wrapper {
    flex: 2;
}

.contact__section__contact__page .center__column__contact__form__info__wrapper .center__column__contact__info__card__wrapper {
    display: flex;
    flex: 1;
    flex-direction: column;
    gap: var(--gap-20);
    align-items: start;
    height: -moz-fit-content;
    height: fit-content;
    justify-content: space-between;
}

.contact__section__contact__page .right__column__contact__form__form__wrapper {
    grid-column: span 4;
    padding: var(--gap-20);
    height: 100%;
    border: 1px solid var(--color-black);
    display: flex;
    flex-direction: column;
}

@media (max-width: 768px) {
    .contact__section__contact__page .right__column__contact__form__form__wrapper {
        gap: var(--gap-80);
    }
}

@media (max-width: 1024px) {
    .contact__section__contact__page .right__column__contact__form__form__wrapper {
        grid-column: span 6;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
    }
}

@media (max-width: 768px) {
    .contact__section__contact__page .right__column__contact__form__form__wrapper {
        grid-column: 1/-1;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
    }
}

.contact__section__contact__page .right__column__contact__form__form__wrapper .right__column__contact__title__wrapper {
    flex: 2;
}

.contact__section__contact__page .right__column__contact__form__form__wrapper .right__column__contact__form__wrapper {
    flex: 1;
    height: -moz-fit-content;
    height: fit-content;
}

.contact__section__contact__page .right__column__contact__form__form__wrapper .right__column__contact__form__wrapper form {
    display: flex;
    flex-direction: column;
    gap: var(--gap-40);
}

.contact__section__contact__page .right__column__contact__form__form__wrapper .right__column__contact__form__wrapper form .dropdown__menu__wrapper__submit__btn__wrapper {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: var(--gap-20);
}

.contact__section__contact__page .right__column__contact__form__form__wrapper .right__column__contact__form__wrapper form .dropdown__menu__wrapper__submit__btn__wrapper .dropdown__menu__wrapper {
    grid-column: 1/3;
}

@media (max-width: 1200px) {
    .contact__section__contact__page .right__column__contact__form__form__wrapper .right__column__contact__form__wrapper form .dropdown__menu__wrapper__submit__btn__wrapper .dropdown__menu__wrapper {
        grid-column: 1/4;
    }
}

.contact__section__contact__page .right__column__contact__form__form__wrapper .right__column__contact__form__wrapper form .dropdown__menu__wrapper__submit__btn__wrapper .dropdown__menu__wrapper {
    border: 1px solid var(--color-black);
	height:max-content;
}

.contact__section__contact__page .right__column__contact__form__form__wrapper .right__column__contact__form__wrapper form .dropdown__menu__wrapper__submit__btn__wrapper .dropdown__menu__wrapper .dropdown__menu__header {
    padding: 5px;
    display: flex;
    cursor: pointer;
    align-items: center;
    justify-content: space-between;
}

.contact__section__contact__page .right__column__contact__form__form__wrapper .right__column__contact__form__wrapper form .dropdown__menu__wrapper__submit__btn__wrapper .dropdown__menu__wrapper .dropdown__menu__header img {
    width: 14px;
    transition: transform 800ms cubic-bezier(0.8, 0, 0.2, 1);
}

.contact__section__contact__page .right__column__contact__form__form__wrapper .right__column__contact__form__wrapper form .dropdown__menu__wrapper__submit__btn__wrapper .dropdown__menu__wrapper .dropdown__menu__body {
    height: 0px;
    padding: 0 5px;
    overflow: hidden;
    transition: height 800ms cubic-bezier(0.8, 0, 0.2, 1);
    display: flex;
    flex-direction: column;
    gap: var(--gap-10);
}

.contact__section__contact__page .right__column__contact__form__form__wrapper .right__column__contact__form__wrapper form .dropdown__menu__wrapper__submit__btn__wrapper .dropdown__menu__wrapper .dropdown__menu__body .single__menu__dropdown__wrapper {
    cursor: pointer;
}
.contact__section__contact__page .right__column__contact__form__form__wrapper .right__column__contact__form__wrapper form .dropdown__menu__wrapper__submit__btn__wrapper .dropdown__menu__wrapper .dropdown__menu__body .single__menu__dropdown__wrapper p{
	transition: all 300ms ease-out;
}

.contact__section__contact__page .right__column__contact__form__form__wrapper .right__column__contact__form__wrapper form .dropdown__menu__wrapper__submit__btn__wrapper .dropdown__menu__wrapper .dropdown__menu__body .single__menu__dropdown__wrapper:hover p{
	color:var(--color-black);
}
.contact__section__contact__page .right__column__contact__form__form__wrapper .right__column__contact__form__wrapper form input {
    width: 100%;
    border: none;
    border-top: 1px solid var(--color-black);
    outline: none;
    background: transparent;
}

.contact__section__contact__page .right__column__contact__form__form__wrapper .right__column__contact__form__wrapper form input::-moz-placeholder {
    color: var(--color-grey);
}

.contact__section__contact__page .right__column__contact__form__form__wrapper .right__column__contact__form__wrapper form input::placeholder {
    color: var(--color-grey);
}

.contact__section__contact__page .right__column__contact__form__form__wrapper .right__column__contact__form__wrapper form .name__field__wrapper__form {
    display: flex;
    gap: var(--gap-20);
}

@media (max-width: 1200px) {
    .contact__section__contact__page .right__column__contact__form__form__wrapper .right__column__contact__form__wrapper form .name__field__wrapper__form {
        flex-direction: column;
        gap: var(--gap-40);
    }
}

.contact__section__contact__page .right__column__contact__form__form__wrapper .right__column__contact__form__wrapper form .submit__btn__form__wrapper {
    grid-column: 4/-1;
    justify-self: end;
    align-self: start;
}

.contact__section__contact__page .right__column__contact__form__form__wrapper .right__column__contact__form__wrapper form .submit__btn__form__wrapper button {
    background: none;
    padding: var(--gap-10);
    border: none;
    outline: none;
    cursor: pointer;
}

/*# sourceMappingURL=style.css.map */


/*# sourceMappingURL=style.css.map */

#wpadminbar {
    display: none;
}



.video__container__hero .video-wrapper {
    position: relative;
    /* 16:9 ratio */
    height: 100%;
    padding-bottom: 56.2%;
    overflow: hidden;
}

.video__container__hero .video-wrapper iframe {
    position: absolute;
    top: 50%;
    left: 50%;
    min-width: 100%;
    min-height: 100%;
    width: 500vw;
    height: auto;
    transform: translate(-50%, -50%);
    pointer-events: none;
}

.video-wrapper {
    position: relative;
    /* 16:9 ratio */
    height: 100%;
    padding-bottom: 56.2%;
    overflow: hidden;
}

.video-wrapper iframe {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
}

/* .gsap-sticky {
    min-height: 100vh;
    overflow: hidden;
} */


.capsule-component {
    position: relative;
    width: 366px;
    height: 221px;
    /* Blue watercolor background - matches your image */
    border-radius: 43%;
    /* Half of 221px */
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* External Border (366x221) */
.border-external {
    position: absolute;
    top: 0;
    left: 0;
    width: 366px;
    height: 221px;
    pointer-events: none;
    z-index: 10;
    background-image: url('./assets/images/Pattern-5.png');
}

/* Internal Border (356x211) - centered */
.border-internal {
    position: absolute;
    top: 5px;
    /* (221-211)/2 */
    left: 5px;
    /* (366-356)/2 */
    width: 356px;
    height: 211px;
    pointer-events: none;
    z-index: 11;
}

/* Alternative: Use your exact watercolor image */
.capsule-component.with-image {
    background-image: url('./assets/images/Pattern-1.png');
    /* Your watercolor image here */
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.content {
    position: relative;
    z-index: 20;
    padding: 40px 25px;
    max-width: 320px;
    display: flex;
    flex-direction: column;
    gap: var(--gap-20);
    align-items: center;
    justify-content: center;
    padding-top: 10px;
}

.capsule {
    grid-column: 8 / 12;
    align-self: center;
    justify-self: center;
    transform: rotate(11.77deg);
}

.capsule .right__side__label__image__icon {
    width: 34px;
}

@media (max-width:1024px) {
    .capsule {
        grid-column: 1/-1;
    }
}

@media (max-width:600px) {
    .capsule .content .port-italic {
        font-size: 20px;
    }
}

/* Responsive */
@media (max-width: 400px) {
    .capsule-component {
        width: 100%;
        max-width: 366px;
        height: auto;
        aspect-ratio: 366/221;
    }

    .border-external {
        width: 100%;
        height: 100%;
    }

    .border-internal {
        width: calc(100% - 10px);
        height: calc(100% - 10px);
        top: 5px;
        left: 5px;
    }

    .content {
        padding: 30px 40px;
    }
}

.only__label__section__center__charter__page__cta {
    margin-top: 5rem;
}

.only__label__section__center__charter__page__cta .square_elipse {
    grid-column: 8 / 12;
    transform: rotate(9.35deg);
}

.only__label__section__center__charter__page__cta .square_elipse .right__side__label__image__container__inner .right__side__label__image__icon {
    transform: rotate(0deg);
}

@media (max-width:600px) {

    .only__label__section__center__charter__page__cta .square_elipse {
        grid-column: 1 / -1;
        aspect-ratio: auto;
        width: auto;
        transform: rotate(9.35deg);
    }
}

.scroll__image__section__destination__page__page .left__side__scroll__image__section__dest__wrapper {
    position: sticky;
    top: 64px;
}

@media (max-width:768px) {
    .scroll__image__section__destination__page__page .left__side__scroll__image__section__dest__wrapper {
        position: relative;
        top: 0px;
    }
}

@media (max-width:1600px) {
    .map__section__destination__page .right__side__map__section__map__wrapper .right__side__single__map__dot__wrapper {
        width: 42px;
        height: 35px;
    }

    .right__side__single__map__dot__tooltip__wrapper {
        bottom: 240%;
    }

    .map__section__destination__page .right__side__map__section__map__wrapper .right__side__single__map__dot__wrapper .foun-body {
        font-size: 14px;
    }
}

@media (max-width:1024px) {
    .map__section__destination__page .right__side__map__section__map__wrapper .right__side__map__section__map__background {
        position: relative;
    }

    .map__section__destination__page .right__side__map__section__map__wrapper .right__side__map__section__map__background img {
        height: auto;
    }

    .map__section__destination__page .left__side__map__section__wrapper__dest__page {
        min-height: 400px;
    }

    .map__section__destination__page .grid-col-12 {
        grid-template-rows: auto;
        height: auto;
    }
}

@media (max-width:768px) {
    .map__section__destination__page .right__side__map__section__map__wrapper .right__side__single__map__dot__wrapper {
        width: 30px;
        height: 25px;
    }

    .right__side__single__map__dot__tooltip__wrapper {
        bottom: 240%;
    }

    .map__section__destination__page .right__side__map__section__map__wrapper .right__side__single__map__dot__wrapper .foun-body {
        font-size: 10px;
    }
}

@media (max-width:500px) {
    .map__section__destination__page .right__side__map__section__map__wrapper .right__side__single__map__dot__wrapper {
        width: 25px;
        height: 25px;
    }

    .right__side__single__map__dot__tooltip__wrapper {
        bottom: 240%;
    }

    .map__section__destination__page .right__side__map__section__map__wrapper .right__side__single__map__dot__wrapper .foun-body {
        font-size: 8px;
    }
}

.btn-normal {
    border: none;
    cursor: pointer;
    background: transparent;
    outline: none;
}

.preloader__container {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    pointer-events: none;
    height: 100dvh;
    display: flex;
    flex-direction: column;
    z-index: 100;
    display: none;
}

.preloader__top__block,
.preloader__bottom__block {
    height: 50%;
    transform: scaleX(1);
    background: var(--color-offwhite);
}

.preloader__top__block {
    transform-origin: right;
}

.preloader__bottom__block {
    transform-origin: left;
}

.preloader__logo {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.preloader__loader {
    position: absolute;
    bottom: var(--gap-20);
    right: var(--gap-20);
    transform: translate(-50%, -50%);
    display: flex;
}


.preloader__number__wrapper {
    position: absolute;
    bottom: var(--grid-margin);
    right: var(--grid-margin);
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    justify-content: center;
}

.preloader__number__digit {
    height: 4rem;
    overflow: hidden;
}

.preloader__digit__wrapper {
    display: flex;
    flex-direction: column;
}

@media (max-width:1024px) {
    header .gap-sm-y {
        padding-top: 20px;
        padding-bottom: 20px;
    }
}


/* animted Border */
/* ── Animated Border CSS ─────────────────────────────────────────── */
/* .animated-border {
    position: relative;
    border: none !important;
}

.animated-border .ab-svg {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    overflow: visible;
    z-index: 1;
}

.animated-border .ab-path-left,
.animated-border .ab-path-right {
    fill: none;
    stroke: var(--ab-color, black);
    stroke-width: var(--ab-stroke-width, 1px);
    stroke-linecap: square;
} */

/* ── Animated Border CSS ─────────────────────────────────────────── */
.animated-border {
    position: relative;
    border: none !important;
}

.animated-border .ab-svg {
    position: absolute;
    /* Inset by half stroke width so 1px stroke is fully visible */
    inset: calc(var(--ab-stroke-width, 1px) / 2);
    width: calc(100% - var(--ab-stroke-width, 0.08rem));
    height: calc(100% - var(--ab-stroke-width, 0.08rem));
    pointer-events: none;
    overflow: visible;
    z-index: 1;
}

.animated-border .ab-path-left,
.animated-border .ab-path-right {
    fill: none;
    stroke: var(--ab-color, black);
    stroke-width: var(--ab-stroke-width, 0.08rem);
    stroke-linecap: square;
    /* Keep stroke crisp at exactly 1px, not scaled by transforms */
    vector-effect: non-scaling-stroke;
}




/* ------------------------------------------------ */
.anim-parallax {
    overflow: hidden;
}

.anim-parallax img {
    width: 100%;
/*     height: 120% !important; */
/*     object-fit: cover; */
/*     will-change: transform; */
}


/* ── Wrapper holds the shimmer placeholder ───────────────────── */
.reveal-img__wrap {
    position: relative;
    overflow: hidden;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.4);
    /* change to your grey/dark tone */
}

/* ── Shimmer animation on placeholder ───────────────────────── */
.reveal-img__wrap::after {
    content: "";
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(105deg,
            transparent 40%,
            rgba(255, 255, 255, 0.06) 50%,
            transparent 60%);
    background-size: 200% 100%;
    animation: ab-shimmer 1.6s infinite linear;
    opacity: 1;
    transition: opacity 0.4s ease;
    pointer-events: none;
}

/* ── Hide shimmer once loaded ────────────────────────────────── */
.reveal-img__wrap--loaded::after {
    opacity: 0;
}

@keyframes ab-shimmer {
    0% {
        background-position: 200% 0;
    }

    100% {
        background-position: -200% 0;
    }
}

.reveal-y {
    display: inline-block;
}

.reveal-y__clip {
    display: inline-block;
    overflow: hidden;
    vertical-align: bottom;
}

.reveal-y__char {
    display: inline-block;
}


img.draw-svg,
svg.draw-svg {
    display: block;
}

svg.draw-svg path,
svg.draw-svg circle,
svg.draw-svg rect,
svg.draw-svg ellipse,
svg.draw-svg line,
svg.draw-svg polyline,
svg.draw-svg polygon {
    fill: transparent;
    stroke: currentColor;
    /* or hardcode: #000 */
    stroke-width: 1.5;
}


.animated-circle-border {
    position: relative;
    border: none !important;
}

.acb-svg {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    overflow: visible;
}

.acb-path-top,
.acb-path-bottom {
    fill: none;
    stroke: currentColor;
    /* or your border color */
    stroke-width: 0.08rem;
}

.animated-capsule-border {
    position: relative;
    border: none !important;
}

.acp-svg {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    overflow: visible;
}

.acp-path-right,
.acp-path-left {
    fill: none;
    stroke: currentColor;
    /* match your --color-black */
    stroke-width: 0.08rem;
}


.space-fixed-hero-section{
	display:flex !important;
	flex-direction:column !important;
}

.scroll-section-home-desktop .first-section-scroll-home-left{
	position:sticky;
	top:83px;
	    margin-bottom: calc(-100dvh - 20px);
/* 	margin-bottom:-50%; */
}

.scroll-section-home-desktop .first-section-scroll-home-right{
	margin-bottom: calc(100dvh - 120px);
}

.scroll-section-home-desktop .third-from-last{
/* 	margin-bottom:calc(87dvh + 203px) !important; */
/* 	margin-top:100dvh !important; */
}
@media (max-width:768px){
.first-section-scroll-home-left{
	position:relative;
	top:0px;
}

.first-section-scroll-home-right{
	margin-bottom:0%;
}	
}



.section-spacer {
  height: 100px;
  pointer-events: none;
}

/* Create space between stacked pinned sections */
.gsap-sticky {
  margin-bottom: calc(100dvh - 20px);
}

.gsap-sticky:last-child {
  margin-bottom: 0;
}

@media (max-width: 1023px) {
  .gsap-sticky {
    margin-bottom: 0;
  }
}

.menu__grid__wrapper__service__mobile{
	display:none;
}
.service__header__container{
	display:none;
}
@media (max-width: 600px) {
  /* Hide desktop menu */
  nav .menu__grid__wrapper {
    display: none;
  }

  /* Show mobile service menu */
  .menu__grid__wrapper__service__mobile {
    display: grid !important;
  }

  /* Mobile menu items: full width */
  nav .menu__grid__wrapper .single__navlink__box__wrapper {
    grid-column: 1 / -1;
  }

  /* Hide non-service links in header */
  .service__header__container .page-link-about,
  .service__header__container .page-link-contact,
  .service__header__container .page-link-destinations {
    display: none;
  }

  /* Show service links in header */
  .service__header__container .page-link-charter,
  .service__header__container .page-link-buy,
  .service__header__container .page-link-sell,
  .service__header__container .page-link-management,
  .service__header__container .page-link-build-refit {
    display: block;
  }

  /* Hide service links inside mobile menu (they belong in header only) */
  .menu__grid__wrapper__service__mobile .page-link-charter,
  .menu__grid__wrapper__service__mobile .page-link-buy,
  .menu__grid__wrapper__service__mobile .page-link-sell,
  .menu__grid__wrapper__service__mobile .page-link-management,
  .menu__grid__wrapper__service__mobile .page-link-build-refit {
    display: none;
  }
	.service__header__container{
		display:none;
		flex-direction:column;
	}
	.header__service__back__btn{
		height:max-content;
		position:relative;
	}
	.header__service__back__btn .arrow__icon__call__to__action{
		transform: rotate(-180deg);
	}
	
	.header__service__back__btn .title__call__to__action{
		margin-left: auto;
    margin-right: auto;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
	}
}







@media (max-width:1024px){
	.container-padding{
		padding-left: 15px;
    padding-right: 15px;
	}
	footer{
		margin-top:0px;	
	}
	.info__label__section__about__wrapper{
		padding:20px;
	}
	.left__label__right__content__about__section .left__label__image__about__sec__wrapper{
		        grid-column: 2 / 12;
        transform: rotate(-10deg);
        width: 100%;
        margin-top: -6rem;
        z-index: 999999;
	}
}


.gsap-sticky .gap-lg-t{
	padding-top:20px;
}

.scroll-section-home-mobile{
	display:none;
}

@media (max-width:768px){
	.scroll-section-home-mobile{
		display:block;
	}
	.scroll-section-home-desktop{
		display:none;
	}
}

@media (max-width: 991px) {
    .scroll-section-home-mobile {
        position: relative;
    }
    
    .scroll-section-home-mobile .left__side__scroll__image__section__dest__wrapper {
        position: relative;
        top: 0;
        background: #fff; /* Match your background */
        will-change: transform, opacity;
    }
    
    .scroll-section-home-mobile .right__side__scroll__image__section__image__wrapper {
        position: relative;
        will-change: transform;
    }
}

.search-page-search-box .gap-lg-b{
	padding-bottom:0;
}

 .search-meta-inline {
            display: flex;
            align-items: center;
            margin-right: 12px;
	 		margin-left:-10px;
            white-space: nowrap;
            flex-shrink: 0;
        }

        .search-meta-inline .port-body {
            font-size: 14px;
            color: #888;
        }

        .tm-dynamic-block {
            transition: opacity 0.3s ease;
        }

        #tm-search-input.searching {
            opacity: 0.6;
        }

        #tm-no-results {
            text-align: left;
            padding: 40px 0;
grid-column:7/-1;
        }

        .search__single__result__card__title .port-italic {
            margin-left: 4px;
        }

        .search__input__box {
            flex: 1;
            display: flex;
            align-items: center;
        }

        .left__searchbox__part {
            display: flex;
            align-items: center;
            flex: 1;
        }


























#myInput::placeholder {
      color: #aaa;
    }

    .dynamicIcon {
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
      pointer-events: none;
      font-size: 18px;
      line-height: 1;
      transition: left 0.08s ease-out, opacity 0.15s ease;
      user-select: none;
      z-index: 2;
    }

/*     .icon.hidden {
      opacity: 0;
      visibility: hidden;
    }

    .icon.pinned {
      opacity: 0.6;
    } */

    /* Hidden mirror for text measurement */
    #textMirror {
      position: absolute;
      visibility: hidden;
      white-space: pre;
      font-size: 16px;
      font-family: inherit;
      font-weight: 400;
      padding-left: 16px;
      top: 0;
      left: 0;
    }