:root {
    --yellow: #FAD133;
    --darkYellow: #C5B64D;
    --darkYellow: #C5B64D;
    --white: #ffffff;
    --white3: #FAFAFA;
    --white2: #e6e6e6;
    --white4: #f5f5f5;
    --black: #090909;
    --black2: #1E1E1E;
    --black3: #060606;
    --black4: #101010;
    --black5: #262626;
    --black6: #343434;
    --black7: #1B1818;
    --black8: #0000;
    --grey: #737373;
    --grey2: #595959;
    --grey3: #404040;
    --grey4: #E5E5E5;
    --grey5: #B3B3B3;
    --grey6: #999999;
    --grey7: #f6f6f6;
    --grey8: #8E8E8E;
    --grey9: #3B3B3B;
    --grey10: #A3A3A3;
    --grey11: #E0E0E0;
    --grey12: #E7E7E7;
    --grey13: #5B5B5B;
    --grey14: #F3F3F3;
    --grey15: #525252;
    --grey16: #F5F5F5;
    --grey17: #171717;
    --grey18: #D4D4D4;
    --grey19: #DDDDDD;
    --grey20: #D9D9D9;
    --grey21: #5C5C5C;
    --grey22: #e7dbdb;
    --grey23: #DFDEDA;
    --grey24: #474747;
    --red: #9B0909;
    --red1: #B2212A;
    --warning: #DC0000;
    --gradient: linear-gradient(90deg, #39B6D8 6.41%, #F7D344 51.47%, #E38330 96.52%);
    --gradient2: linear-gradient(90deg, #39B6D8 6.41%, #F7D344 51.47%);
    --orange: #eca63919;
    --darkOrange: #E38330;
    --green: #8cbe5019;
    --darkGreen: #648937;
    --green2: #1C7C54;
    --darkYellow: #E5BE32;
    --blue: #5bbcbd19;
    --darkBlue: #399394;
    --newYellow: #febe00;
    --newWhite: #f1f1f1;
    --lowYellow: #FEFCF5;
}

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    -webkit-tap-highlight-color: transparent;
}

html {
    margin: 0;
    scroll-behavior: smooth;
}

body {
    font-family: var(--go-regular);
    font-size: 16px;
    color: var(--black);
    background-color: var(--black);
}


iframe{
    border: none;
}

:focus:not(:focus-visible) {
    outline: none;
    box-shadow: none;
}

::-webkit-scrollbar {
    display: none;
    width: 0;
    height: 0;
}

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

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

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

img {
    max-width: 100%;
}

input,
textarea,
button,
select,
a {
    -webkit-tap-highlight-color: transparent;
    border: none;
}
 textarea{
    font-family: var(--go-regular) !important;
 }

ul {
    list-style-type: none;
}
:focus,
:focus-visible {
    outline: none ;
    box-shadow: none ;
}





.swiper-button-disabled {
    opacity: 0.4;
    pointer-events: none;
}

.prev img {
    transform: rotate(180deg);
}

.swiperBtnWrapper {
    display: flex;
    align-items: center;
    gap: 12px;
    cursor: pointer;

    &.mob-hide{
        display: flex !important;
    }
}

.container {
    position: relative;
    width: 100%;
    max-width: 1240px;
    margin: 0 auto;
    padding: 0;
}

.font-white {
    color: white;
}

.mob-hide {
    display: block !important;
}

.mob-visible {
    display: none !important;
}

.masterImage {
    position: relative;
}

.masterPlay {
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
    cursor: pointer;
    z-index: 9;
}

.mt30 {
    margin-top: 30px;
}

.mt20 {
    margin-top: 20px;
}

/* Preloader Styles */
#preloader {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: var(--white);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 9999;
    transition: opacity 0.5s ease-out, visibility 0.5s ease-out;
    opacity: 1;
    visibility: visible;
}

#preloader.hidden {
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
}

.preloader {
    text-align: center;
}

.preloader img {
    max-width: 100px;
    height: auto;
}

/* Hide body scroll when preloader is active */
body.preloader-active {
    overflow: hidden;
}

.hide{
    display: none !important;
}



/* typography */
.go-HeroTitle {
    font-family: var(--go-regular);
    font-weight: 400;
    font-size: 52px;
    line-height: 120%;
}

.fr-TitleItalic {
    font-family: "Fraunces", serif;
    font-size: 60px;
    font-style: italic;
    font-weight: 350;
}

.go-HeroSubtitle {
    font-family: var(--go-regular);
    font-weight: 400;
    font-size: 16px;
    line-height: 150%;
}

.textHighlight {
    font-family: 'go-semibold';
    font-weight: 600;
}

.go-HighlightHeading {
    font-family: var(--go-regular);
    font-weight: 400;
    font-size: 30px;
    line-height: 120%;
}

.fr-BreatherHeadingNormal {
    font: normal 32px/1.2 "Fraunces", serif;
    font-weight: 350;
}

.fr-HeadingItalic {
    font-family: "Fraunces", serif;
    font-size: 34px;
    font-style: italic;
    font-weight: 350;
}

.go-BlockHeading {
    font-family: var(--go-regular);
    font-weight: 400;
    font-size: 24px;
    line-height: 150%;
}

.fr-BlockHeading {
    font-family: "Fraunces", serif;
    font-size: 28px;
    line-height: 150%;
}

.go-BreatherHeading {
    font-family: var(--go-regular);
    font-weight: 400;
    font-size: 28px;
    line-height: 120%;
}

.fr-BreatherHeading {
    font-family: "Fraunces", serif;
    font-size: 32px;
    font-style: italic;
    font-weight: 350;
    line-height: 120%;
}

.textGradient {
    background-clip: text;
    background: linear-gradient(92deg, #39b6d8 7.6%, #f7d344 53.43%, #e38330 99.26%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}



@media (max-width: 767px) {
  .go-BreatherHeading {
    font-size: 22px;
    line-height: 120%;
}

.fr-BreatherHeading {
    font-size: 24px;
    font-style: italic;
    font-weight: 350;
    line-height: 120%;
}

.go-HeroSubtitle {
    font-size: 14px;
    line-height: 160%;
}

.go-HeroTitle {
    font-size: 30px;
    line-height: 120%;
}

.fr-TitleItalic {
    font-size: 32px;
    font-style: italic;
    font-weight: 350;
    line-height: 120%;
}

.go-HighlightHeading {
    font-size: 22px;
    line-height: 120%;
}

.fr-HeadingItalic {
    font-size: 24px;
    font-style: italic;
    font-weight: normal;
    line-height: 110%;
}

.fr-BlockHeading {
    font-size: 20px;
    line-height: 150%;
}

.go-BlockHeading {
    font-size: 18px;
    line-height: 150%;
}

}

/* typography end */