@import url('https://fonts.googleapis.com/css2?family=Parkinsans:wght@400;700&display=swap');

* {
    padding: 0;
    margin: 0;
    box-sizing: border-box;
    font-family: "Poppins", sans-serif;
}

:root {
    --primaryGreen: #21526e;
    --darkPrimaryGreen: #15435e;
    --secondaryYellow: #cca13f;
    --darkSecondaryYellow: #bd9029;
    --light_gray: #dddddd;
    --gray: #b8b8b8;
    --dark_gray: #969696;
    --dark: #121212;
    --light: #fafafa;
    --black: #000000;
    --light_em: #fafafac2;
    --white: #ffffff;
}

/* default  */

html,
body {
    height: 100%;
    width: 100%;
    position: relative;
    overflow-x: hidden;
}

.wrapper {
    max-width: 1440px !important;
    padding: 0 0.85rem !important;
}

.wrapper_md {
    max-width: 950px !important;
    padding: 0 0.85rem !important;
}

.white_space_nowrap {
    white-space: nowrap !important
}

.lh_1 {
    line-height: 1;
}

.lh_normal {
    line-height: 1.3 !important;
}

.sectionMargin {
    margin: 5rem auto;
}

.dropdownMenu {
    min-width: 200px
}

/* loader  */
.loaderWrapper {
    height: 100vh;
    width: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background: #ffffffd5;
    display: none;
    align-items: center;
    justify-content: center;
    z-index: 999;
}

.loader {
    width: 50px;
    aspect-ratio: 1;
    border-radius: 50%;
    background:
        radial-gradient(farthest-side, #225c7e 94%, #0000) top/8px 8px no-repeat,
        conic-gradient(#0000 30%, #225c7e);
    -webkit-mask: radial-gradient(farthest-side, #0000 calc(100% - 8px), #000 0);
    animation: l13 1s infinite linear;
}

@keyframes l13 {
    100% {
        transform: rotate(1turn)
    }
}

/* toast  */
#customToast {
    display: none;
}

#customToast.toastShow::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    height: 100%;
    width: 4px;
    background: #00000033;
}

#customToast.toastShow {
    display: block;
    animation: showToast 0.3s ease forwards;
}

@keyframes showToast {
    0% {
        transform: translateY(-150%);
        opacity: 0;
    }

    100% {
        transform: translateY(0%);
        opacity: 1;
    }
}

/* cookies modal  */

#cookiesPopup {
    min-height: 100vh;
    max-height: fit-content;
}

.modalSection {
    display: none;
}

.modalPopup {
    min-height: 100vh;
    max-height: fit-content;
}

.modalWrapper {
    width: 600px;
}

@media (max-width: 550px) {
    .modalWrapper {
        width: 100% !important
    }
}

/* backgrounds  */
.bg_success {
    background: #28ad5b;
    color: white;
}

.bg_danger {
    background: #ad2828;
    color: white;
}


/* fonts  */
.fs_serif {
    font-family: "Cormorant", serif;
}

.fs_4 {
    font-size: 1.25rem !important;
}

.fs_5 {
    font-size: 1.10rem !important;
}

.fs_6 {
    font-size: 0.925rem !important;
}

.fs_7 {
    font-size: 0.875rem !important;
}

.fs_xs {
    font-size: 0.825rem !important;
}

.fs_vs {
    font-size: 0.8rem !important;
}

.fw-semibold {
    font-weight: 600 !important;
}

.inputPadding {
    padding: 0.85rem 1.15rem !important
}

.inputField {
    border: 1px solid #c7c7c7;
    outline: none !important;
    background: #fdfdfd !important;
    padding: 0.85rem 1.15rem !important
}

.inputField:focus {
    background: #fff !important;
}

/* buttons  */
.pd_lg {
    padding: 1rem 1.4rem !important;
}

.btn_sm {
    padding: 0.75rem 1rem !important;
}

.btn_primary {
    text-decoration: none !important;
    user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -ms-touch-select: none;
    -webkit-user-select: none;
    background: var(--primaryGreen) !important;
    color: var(--light) !important;
    fill: var(--light) !important;
    display: inline-flex;
    padding: 1rem 1.2rem;
    align-items: center;
    gap: 2px;
    transition: 0.25s
}

.btn_primary:hover {
    background: var(--darkPrimaryGreen) !important;
    color: var(--white) !important;
    fill: var(--white) !important;
}

.btn_secondary {
    text-decoration: none !important;
    user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -ms-touch-select: none;
    -webkit-user-select: none;
    background: var(--secondaryYellow) !important;
    color: var(--light) !important;
    fill: var(--light) !important;
    display: inline-flex;
    padding: 1rem 1.2rem;
    align-items: center;
    gap: 2px;
    transition: 0.25s
}

.btn_secondary:hover {
    background: var(--darkSecondaryYellow) !important;
    color: var(--white) !important;
    fill: var(--white) !important;
}

.btn_white_primary {
    text-decoration: none !important;
    user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -ms-touch-select: none;
    -webkit-user-select: none;
    background: var(--white) !important;
    color: var(--darkPrimaryGreen) !important;
    fill: var(--darkPrimaryGreen) !important;
    display: inline-flex;
    padding: 1rem 1.2rem;
    align-items: center;
    gap: 2px;
    transition: 0.25s
}

.btn_white_primary:hover {
    background: var(--darkPrimaryGreen) !important;
    color: var(--white) !important;
    fill: var(--white) !important;
}

.btn_white {
    text-decoration: none !important;
    user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -ms-touch-select: none;
    -webkit-user-select: none;
    background: var(--white) !important;
    color: var(--dark) !important;
    fill: var(--dark) !important;
    display: inline-flex;
    padding: 1rem 1.2rem;
    align-items: center;
    gap: 2px;
    transition: 0.25s
}

.btn_white:hover {
    color: var(--black) !important;
    fill: var(--black) !important;
}

.btn_outlined_white {
    text-decoration: none !important;
    user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -ms-touch-select: none;
    -webkit-user-select: none;
    background: transparent !important;
    border: 1px solid var(--light) !important;
    color: var(--light) !important;
    fill: var(--light) !important;
    display: inline-flex;
    padding: 1rem 1.2rem;
    align-items: center;
    gap: 2px;
    transition: 0.25s
}

.btn_outlined_white:hover {
    border-color: var(--white) !important;
    background: var(--white) !important;
    color: var(--dark) !important;
    fill: var(--dark) !important;
}

.btn_outlined_gray {
    text-decoration: none !important;
    user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -ms-touch-select: none;
    -webkit-user-select: none;
    background: transparent !important;
    border: 1px solid var(--gray) !important;
    color: var(--dark) !important;
    fill: var(--dark) !important;
    display: inline-flex;
    padding: 1rem 1.2rem;
    align-items: center;
    gap: 2px;
    transition: 0.25s
}

.btn_outlined_gray:hover {
    border-color: var(--light_gray) !important;
    background: var(--light_gray) !important;
    color: var(--dark) !important;
    fill: var(--dark) !important;
}

.btn_outlined_primary {
    text-decoration: none !important;
    user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -ms-touch-select: none;
    -webkit-user-select: none;
    background: transparent !important;
    border: 1px solid var(--primaryGreen) !important;
    color: var(--primaryGreen) !important;
    fill: var(--primaryGreen) !important;
    display: inline-flex;
    padding: 1rem 1.2rem;
    align-items: center;
    gap: 2px;
    transition: 0.25s
}

.btn_outlined_primary:hover {
    border-color: var(--primaryGreen) !important;
    background: var(--primaryGreen) !important;
    color: var(--white) !important;
    fill: var(--white) !important;
}

.btn_dark {
    background: var(--dark);
    color: var(--white);
    fill: var(--white);
    text-decoration: none !important;
    user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -ms-touch-select: none;
    -webkit-user-select: none;
    border: 1px solid transparent !important;
    padding: 1rem 1.2rem;
    outline: none;
    user-select: none;
    transition: 0.25s;
}

.btn_dark:hover {
    background: var(--black);
    border-color: var(--black);
    color: var(--white);
    fill: var(--white);
}

.btn_transparent {
    background: transparent;
    color: var(--dark);
    fill: var(--dark);
    text-decoration: none !important;
    user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -ms-touch-select: none;
    -webkit-user-select: none;
    border: 1px solid transparent !important;
    padding: 1rem 1.2rem;
    outline: none;
    user-select: none;
    transition: 0.25s;
}

.btn_transparent:hover {
    color: var(--black);
    fill: var(--black);
}

.btn_light {
    background: var(--light);
    color: var(--dark);
    fill: var(--dark);
    text-decoration: none !important;
    user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -ms-touch-select: none;
    -webkit-user-select: none;
    border: 1px solid var(--light) !important;
    padding: 1rem 1.2rem;
    outline: none;
    user-select: none;
    transition: 0.25s;
}

.btn_light:hover {
    background: var(--light_gray) !important;
    border-color: var(--light_gray) !important;
    color: var(--black);
    fill: var(--black);
}

/* topbar  */
.topbar_link {
    color: #f0f0f0 !important;
    fill: #f0f0f0 !important;
    transition: 0.25s;
}

.topbar_link:hover {
    color: #ffffff !important;
    fill: #ffffff !important;
}


/* text  */
.text_dark {
    color: var(--dark) !important;
}

.text_light_em {
    color: var(--light_em) !important;
}

.text_secondary {
    color: var(--secondaryYellow) !important;
}

.text_primary {
    color: var(--primaryGreen) !important;
}

/* navbar  */

.small_nav_links {
    color: var(--dark) !important;
    transition: 0.3s
}

.small_nav_links:hover {
    color: var(--secondaryYellow) !important
}

.trip-hover-btn {
    position: relative;
}

.trip-plane {
    left: -30px;
    top: 50%;
    transform: translateY(-50%) translateX(0) rotate(45deg);
    transition: all 0.6s ease-in-out;
}

.trip-hover-btn:hover .trip-plane {
    left: 50%;
    transform: translate(-50%, -50%) rotate(45deg);
    opacity: 1;
}

.trip-hover-btn:not(:hover) .trip-plane {
    left: 120%;
    transform: translateY(-50%) translateX(0) rotate(45deg);
    opacity: 0;
}

.trip-text {
    transition: opacity 0.4s ease-in-out;
}

/* footer  */

.line_divider {
    border: 1px solid #ffffff3f
}

.footer_link {
    color: #c7c7c7 !important;
    fill: #c7c7c7 !important;
    transition: 0.25s
}

.footer_link:hover {
    color: #ffffff !important;
    fill: #ffffff !important
}

.subscribeInput {
    width: 360px;
    padding: 1.2rem;
    border: none;
    outline: none;
    padding-right: 4.1rem !important;
    background: var(--white) !important
}

.subscribeBtn {
    top: 50%;
    right: 6px;
    transform: translateY(-50%)
}

.social_links {
    height: 38px !important;
    width: 38px !important;
    border: 1px solid #c7c7c7;
    border-radius: 50%;
    transition: 0.3s;
}

.social_links svg {
    height: 20px !important;
    width: 20px !important;
    fill: #c7c7c7;
    transition: 0.3s;
}

.social_links:hover {
    background: var(--light) !important;
    border-color: var(--light) !important;
}

.social_links:hover.social_links svg {
    fill: var(--dark) !important
}

/* misc css  */
.bullet_list {
    padding-left: 1.5rem;
    list-style-type: disc;
}

.box_shadow {
    box-shadow: 0 2px 7px 2px #0000001a !important;
}

.text_success {
    color: #198754 !important
}

.text_danger {
    color: #D43342 !important
}
