/***** 1. Common - Font Installation *****/
/*Mainfont - NunitoSans*/
@font-face {
    font-family: 'Poppins';
    src: url('../fonts/poppins/Poppins-Regular.ttf');
    font-weight:400;
    font-style:normal;
}
@font-face {
    font-family: 'Poppins';
    src: url('../fonts/poppins/Poppins-Medium.ttf');
    font-weight:600;
    font-style:normal;
}
@font-face {
    font-family: 'Poppins';
    src: url('../fonts/poppins/Poppins-SemiBold.ttf');
    font-weight:700;
    font-style:normal;
}

/****** 2. Common - General Stylings *****/
*{
    --clr-1: #F36F41;
    --clr-2: #FFFFFF;
    --clr-3: #18181b80;
    --clr-4: #534535;
    --clr-5: #18181b;
    margin:0;
    padding:0;
    scroll-behavior: smooth;
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, other Gecko */
    box-sizing: border-box;         /* Opera/IE 8+ */
    /* transform-style: preserve-3d; */
}
::-webkit-scrollbar {
    width: 8px;
} 
::-webkit-scrollbar-track {
    background:#fff;
} 
::-webkit-scrollbar-thumb {
    /*background-color: #1f1f1f;*/
    outline: 1px solid #fafafa;
    border-radius: 10px;
    background: var(--clr-5);
}
::-moz-selection { 
    background: var(--clr-5); 
        color:var(--clr-1);
}
::selection { 
    background: var(--clr-5); 
    color:var(--clr-1);
}
button:focus, button:active, button:hover{
    outline: 0px;
    /* border:0px; */
}
html{
    /* scroll-behavior: smooth!important; */
}
a{
    text-decoration: none;
}
body{
    position: relative;
    font-family: 'Poppins';
    overflow-x: hidden;
    left: 0;
    width: 100vw;
    overflow-y: scroll;
    /* line-height: 1.5; */
    color: var(--clr-3);
    overflow-x: hidden;
}


#home {
    position: relative;
    width: 100vw;
    height: 100vh;
    display: flex;
    overflow: hidden;
    flex-wrap: wrap;
    flex-direction: column;
}

html.lenis {
    height: auto;
}

.lenis.lenis-smooth {
    scroll-behavior: auto !important;
}

.lenis.lenis-smooth [data-lenis-prevent] {
    overscroll-behavior: contain;
}

.lenis.lenis-stopped {
    overflow: hidden;
}

.lenis.lenis-scrolling iframe {
    pointer-events: none;
} 


section#home-slider {
    width: 100vw;
    height: 100vh;
    position: relative;
}

.hm-slider-outer {
    position: relative;
    width: 100%;
    height: 100%;
    display: block;
}

div#slide-1 {
    background-image: url(../images/slider/s1.jpg);
}

.hm-slider-inner {
    position: relative;
    width: 100%;
    height: 100%;
    background-position: center;
    background-size: cover;
    display: flex;
    align-items: center;
    padding: 3rem;
}

.slider-content-area {
    position: relative;
    width: 60%;
} 

.slider-main-text {}

.slider-main-text {
    color: var(--clr-2);
    font-size: 4.5rem;
    line-height: 1.1;
    font-weight: 600;
    letter-spacing: -3px;
}

.hm-slider-inner:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background: var(--clr-3);
    left: 0;
    top: 0;
    opacity: 0.6;
}

.container {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    padding: 0 3rem;
}

.six-container {
    padding: 0;
    width: 50%;
    position: relative;
}

.inner-container {
    padding: 3rem;
    position: relative;
    display: flex;
    flex-wrap: wrap;
}

.main-title {
    font-size: 2.9rem;
    line-height: 1;
    margin-bottom: 2rem;
    font-weight: 600;
    color: var(--clr-5);
    letter-spacing: -2px;
}

.desc-1 {
    font-size: 1.1rem;
    line-height: 1.75rem;
    letter-spacing: -0.5px;
}

.box-title {
    padding: 5px 10px;
    background: var(--clr-1);
    color: var(--clr-2);
    text-transform: uppercase;
    font-size: 13px;
    font-weight: 300;
}

.link-cards {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    margin-bottom: 5rem;
    display: grid;
    width: 100%;
}

.card-outer {
    background: var(--clr-3);
    aspect-ratio: 1;
    background-position: 0 0;
    background-size: cover;
    justify-content: center;
    align-items: center;
    width: 100%;
    /* height: 41rem; */
    display: flex;
    position: relative;
    overflow: hidden;
}

.card-outer[data-card="about"] {
    background-image: url(../images/cards/about.jpg);
}

.card-title-1 {
    text-align: center;
    letter-spacing: -2px;
    margin-left: auto;
    margin-right: auto;
    font-size: 6rem;
    font-weight: 500;
    line-height: 5.75rem;
    position: absolute;
    inset: auto 0% 17%;
    color: var(--clr-2);
    opacity: 0;
    transform: translateY(30px);
    transition: all .4s ease;
}

.card-outer[data-card="product"] {
    background-image: url(../images/cards/products.jpg);
}

#normal-nav {
    -webkit-backdrop-filter: blur(50px);
    backdrop-filter: blur(50px);
    border-radius: .75rem;
    width: calc(100% - 5.5rem);
    padding: 0.7rem .75rem 0.5rem;
    z-index: 999;
    justify-content: space-between;
    align-items: center;
    top: 1rem;
    left: 3rem;
    right: 3rem;
    position: fixed;
    display: flex;
    background-color: rgba(255, 255, 255, 0);
    transition: all .4s ease;
}

.logo-area {
    position: relative;
    width: 130px;
    padding-left: 1rem;
}

.logo-area img {
    width: 100%;
    position: relative;
    filter: invert(1);
}

.case-cards {
    grid-column-gap: 2.5rem;
    grid-row-gap: 2.5rem;
    background-color: #fff;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr !important;!i;!;
    /* grid-auto-columns: 1fr; */
    text-decoration: none;
    display: grid;
    width: 100%;
    height: 100%;
}

.card-details {
    position: relative;
    border-top: 1px solid var(--clr-5);
    margin-bottom: 3rem;
    padding-right: 8rem;
    width: 100%;
    padding-top: 7rem;
    background: #fff;
}

.card-mini-title {
    position: relative;
    margin: 3rem 0;
    font-size: 2.5rem;
    font-weight: 500;
    line-height: 2.5rem;
    color: var(--clr-5);
}

.desc-2 {
    letter-spacing: -.5px;
    margin-bottom: 0;
    font-size: 14px;
}

.card-image {
    position: relative;
    width: 100%;
    aspect-ratio: 1;
    display: flex;
    grid-area: a;
}

.card-image img {
    width: 100%;
    /* max-width: 50vw; */
}

.top-margin-sec {
    margin-top: 5rem;
    background-color: #fff;
    padding-top: 3rem;
    position: relative;
}

.sm-link {
    font-size: 14px;
    color: var(--clr-2);
    margin: 0 15px;
    position: relative;
}

.hero-sec {
    z-index: 2;
    grid-column-gap: 0rem;
    grid-row-gap: 0rem;
    grid-template-rows: auto;
    grid-template-columns: 1.25fr 1fr;
    grid-auto-columns: 1fr;
    align-items: center;
    display: grid;
    position: relative;
    padding-top: 15rem;
    /* padding-bottom: 5rem; */
    width: 100%;
}

.hero-title-sec {
    grid-column-gap: 2.5rem;
    grid-row-gap: 2.5rem;
    max-width: 50ch;
    padding-left: 0;
    position: relative;
    flex-direction: column;
    align-items: flex-start;
    display: flex;
}

.hero-title {
    font-size: 6rem;
    font-weight: 500;
    line-height: 6rem;
    color: var(--clr-5);
    position: relative;
    letter-spacing: -3px;
}

.hero-desc-sec {
    max-width: 22ch;
    font-size: 1rem;
    line-height: 1.25rem;
    place-self: end center;
}

.h-desc {
    font-size: 14px;
    color: var(--clr-5);
}

.hero-image-wrapper {
    width: 100%;
    margin-top: 2.5rem;
    display: flex;
    overflow: hidden;
    aspect-ratio: 16/9;
}

.our-story {
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
    max-width: 51rem;
    margin-left: auto;
    display: flex;
    margin-top: 7rem;
}

.story-card {
    grid-column-gap: 5rem;
    grid-row-gap: 5rem;
    grid-template-rows: auto;
    grid-template-columns: .3fr 1.5fr;
    grid-auto-columns: 1fr;
    justify-content: flex-start;
    place-items: start;
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
    display: grid;
    position: relative;
}

.card-name {
    grid-column-gap: .75rem;
    grid-row-gap: .75rem;
    text-transform: uppercase;
    background-color: #f7f7f7;
    flex-flow: row;
    justify-content: flex-start;
    align-items: center;
    padding: .5rem .75rem;
    font-size: .75rem;
    display: flex;
}

.story-card:before {
    content: '';
    position: absolute;
    background-color: #18181b33;
    width: 100%;
    height: 1px;
    inset: 0% 0% auto;
}

.st-card-desc {
    color: var(--clr-5);
    font-size: 15px;
}

.product-card-grid {
    grid-column-gap: 1.5rem;
    grid-row-gap: 5rem;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    width: 100%;
    display: grid;
    margin-top: 4rem;
}

.product-card {
    position: relative;
    width: 100%;
    display: flex;
    grid-column-gap: 1.25rem;
    grid-row-gap: 1.25rem;
    flex-flow: column;
}

.product-img {
    background: var(--clr-3);
    aspect-ratio: 5 / 6;
    width: 100%;
    position: relative;
}

.product-name {
    font-size: 1.5rem;
    font-weight: 500;
    line-height: 110%;
    color: var(--clr-5);
    /* margin-bottom: 1.25rem; */
}

.product-title-area {
    padding-bottom: 1.25rem;
    border-bottom: 1px solid #ccc;
}

.product-desc-area {
    font-size: 14px;
    letter-spacing: -.5px;
}

.segment-image {
    position: relative;
    width: 100%;
    aspect-ratio: 6/5;
    display: flex;
    background: var(--clr-3);
}

.segment-image img {
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.product-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
}

.nav-upper-area {
    position: relative;
    padding-right: 1rem;
    display: flex;
    align-items: center;
}

.reserv-area {
    color: #ffffffb3;
    text-transform: uppercase;
    border: 1px solid #e2ece280;
    border-radius: .375rem;
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
    height: 2.3rem;
    padding: .5rem 1rem;
    font-size: .75rem;
    line-height: 1.25rem;
    text-decoration: none;
    transition: all .5s;
    display: flex;
    overflow: hidden;
    cursor: pointer;
}

footer {
    background: var(--clr-5);
    display: flex;
    flex-wrap: wrap;
    position: relative;
    padding-top: 3rem;
    padding-bottom: 2rem;
}

.footer-logo-stripe {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    padding-top: 3rem;
}

#footer-logo {
    position: relative;
    width: 140px;
    filter: invert(1);
}

.footer-logo-stripe:before {
    content: '';
    position: absolute;
    width: calc(100% - 6rem);
    height: 1px;
    background: #ffffff1a;
    top: 0;
}

.footer-menu .sm-link {
    font-size: 12px;
}

.footer-bottom {
    position: relative;
    display: flex;
    justify-content: space-between;
    margin-top: 3rem;
}

.footer-text {
    color: #ffffff66;
    font-size: 13px;
}

.createrix {
    position: relative;
    display: inline-block;
    width: 79px;
    transform: translateY(3px);
}

a.cr-link {
    position: relative;
    display: inline-block;
}

.hero-image-wrapper img{
    width: 100%;
    position: relative;
    height: 100%;
    object-fit: contain;
}

ul.min-ul {
    margin-top: 1rem;
    margin-left: 2rem;
}

.bottom-padding {
    padding-bottom: 5rem !important;!i;!;
}

.hb-area {
    display: none;
}

div#menu-area {
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
    padding-left: 3rem;
    padding-right: 3rem;
    background: var(--clr-2);
    position: fixed;
    width: 100vw;
    height: 100vh;
    z-index: 10;
    display: flex;
    padding-bottom: 2rem;
    padding-top: 8rem;
    opacity: 0;
    visibility: hidden;
    transition: all .6s ease;
}

.menu-sec {
    padding-top: 3rem;
    display: flex;
    flex-direction: column;
    color: var(--clr-5);
    /* padding-left: 1.5rem; */
    width: 100%;
    border-top: 1px solid var(--clr-3);
}

.menu-sec .sm-link {
    color: var(--clr-5);
    height: auto;
    padding-left: 0;
    font-size: 2.5rem;
    font-weight: 500;
}

.button-area {
    position: relative;
    display: flex;
    width: 100%;
}

.button-area .reserv-area {
    border: 1px solid var(--clr-5);
    border-radius: .375rem;
    justify-content: center;
    align-items: center;
    width: 100%;
    padding: 1.25rem 1rem;
    display: flex;
    color: var(--clr-5);
    font-size: 20px;
    height: auto;
}

div#menu-area.active {
    opacity: 1;
    visibility: visible;
}

#popup-outer {
    position: fixed;
    width: 100vw;
    height: 100vh;
    z-index: 1000;
    background: var(--clr-3);
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    top: 100vh;
    transition: all .5s ease;
    opacity: 0;
    visibility: hidden;
}

.popup-inner {
    width: 100%;
    height: 100vh;
    background: var(--clr-2);
    overflow-y: scroll;
}

#popup-outer.active {
    top: 0vh;
    opacity: 1;
    visibility: visible;
}

.contact-heading-sec {
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    display: grid;
    position: relative;
    width: 100%;
    grid-column-gap: 2.5rem;
    /* grid-row-gap: 2.5rem; */
    padding-right: 2rem;
}

.form-header {
    letter-spacing: -2px;
    font-size: 3.5rem;
    font-weight: 500;
    line-height: 3.5rem;
    color: var(--clr-5);
    /* margin-bottom: 3rem; */
}

.contact-details {
    position: relative;
    width: 100%;
    display: flex;
    flex-direction: column;
    grid-area: b;
}

.item-close {
    z-index: 2;
    background-color: var(--clr-5);
    color: var(--clr-2);
    cursor: pointer;
    justify-content: center;
    align-items: center;
    width: 2rem;
    height: 2rem;
    transition: all .2s;
    position: absolute;
    inset: 0% 0% auto auto;
    display: flex;
}

.ip_parent {
    display: flex;
    flex-direction: column;
    padding-bottom: 1rem;
    width: 100%;
    position: relative;
}

.input_f {
    border: 0px;
    border-bottom: 1px solid var(--clr-3) !important;!i;!;
    padding: 10px 5px;
    font-size: 16px;
    color: var(--clr-5);
    font-family: 'Poppins';
    margin-bottom: 10px;
}

.form-section {
    position: relative;
    width: 100%;
    grid-column-gap: 2.5rem;
    grid-row-gap: 1.5rem;
    background-color: #fff;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    text-decoration: none;
    display: grid;
    height: 100%;
    padding-bottom: 3rem;
    grid-area: c;
}

.input-cover-long {
    grid-column: span 2;
}

.scroll-container {
    height: 100%;
    display: grid;
    grid-template-columns: calc(50% - 1.5rem) calc(50% - 1.5rem);
    grid-column-gap: 3rem;
    grid-row-gap: 3rem;
    grid-template-areas:
        'a b'
        'a c';
}

.plain-left {
    padding-right: 1.5rem;
}

.plain-right {
    padding-left: 1.5rem;
}

input:focus, textarea:focus {outline: 0px;border: 0px;}

.ip_name {
    font-size: 15px;
    position: absolute;
    bottom: 3.5vw;
    left: 5px;
    transition: all .4s ease;
}

.is-active .ip_name {
    );););););
    font-size: 12px;
    bottom: 5px;
}

span.wrnn-txt {
    font-size: 13px;
    color: var(--clr-1);
    position: absolute;
    bottom: -10px;
}

.primary_btn {
    grid-column-gap: .5rem;
    grid-row-gap: .5rem;
    color: var(--clr-5);
    text-transform: uppercase;
    border: 1px solid var(--clr-3);
    border-radius: .375rem;
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
    height: 2.3rem;
    padding: .5rem 2rem;
    font-size: 0.85rem;
    line-height: 1.25rem;
    text-decoration: none;
    transition: all .5s;
    display: flex;
    overflow: hidden;
    background: transparent;
    cursor: pointer;
    opacity: 1;
    position: relative;
}

.primary_btn span {
    font-weight: 700;
    font-family: 'Poppins';
}

body.ns {
    overflow-y: hidden;
}

.contact-info-cont {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 2;
    background: #18181be3;
    display: flex;
    color: var(--clr-2);
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

.comp-star {
    color: var(--clr-1);
}

.gooey {
    position: relative;
    /* background: #fff; */
    filter: contrast(20);
    height: 20px;
}
.gooey .dot {
    position: absolute;
    width: 10px;
    height: 10px;
    top: 12px;
    left: 15px;
    /* filter: blur(4px); */
    background: var(--clr-5);
    border-radius: 50%;
    transform: translateX(0);
    animation: dot 2.8s infinite;
}
.gooey .dots {
    transform: translateX(0);
    margin-top: 12px;
    margin-left: 31px;
    animation: dots 2.8s infinite;
}
.gooey .dots span {
    display: block;
    float: left;
    width: 10px;
    height: 10px;
    margin-left: 16px;
    /* filter: blur(4px); */
    background: var(--clr-5);
    border-radius: 50%;
}
@-moz-keyframes dot {
    50% {
        transform: translateX(96px);
    }
}
@-webkit-keyframes dot {
    50% {
        transform: translateX(96px);
    }
}
@-o-keyframes dot {
    50% {
        transform: translateX(96px);
    }
}
@keyframes dot {
    50% {
        transform: translateX(96px);
    }
}
@-moz-keyframes dots {
    50% {
        transform: translateX(-31px);
    }
}
@-webkit-keyframes dots {
    50% {
        transform: translateX(-31px);
    }
}
@-o-keyframes dots {
    50% {
        transform: translateX(-31px);
    }
}
@keyframes dots {
    50% {
        transform: translateX(-31px);
    }
}


#inq-sending {
    position: fixed;
    width: 100vw;
    height: 100vh;
    background: hsl(25deg 91% 63% / 90%);
    z-index: 45;
    display: grid;
    place-items: center;
    opacity: 0;
    visibility: hidden;
    transition: all .4s ease;
    top: 0;
    left: 0;
    z-index: 200;
}

.inner-inq {
    display: flex;
    justify-content: center;
    background: #ffffffb8;
    align-items: center;
    padding: 1rem;
    color: var(--clr-5);
    position: absolute;
    width: 100%;
    height: 100%;
}

span.ld-title {
    display: block;
}

span.ld-title {text-transform: uppercase;font-weight: 600;color: var(--clr-5);margin-right: 1rem;margin-top: 0.7rem;}

#inq-sending.active {
    opacity: 1;
    visibility: visible;
}

span.wrnn-txt {
    position: absolute;
    left: 2rem;
    bottom: -1.2rem;
    font-size: 12px;
    font-weight: 600;
    color: var(--clr-1);
    display: none;
}

.fail span.wrnn-txt {
    display: flex;
}

.c-logo {
    width: 250px !important;!i;!;
    filter: invert(1);
    margin-bottom: 2rem;
}

.contact-info-cont p {
    font-size: 28px;
    text-transform: uppercase;
    text-align: center;
}

.pre-order-outer {
    position: relative;
    width: 100%;
    height: 100vh;
    overflow-y: hidden;
    padding-top: 0;
    display: flex;
    justify-content: center;
    /* padding-bottom: 2rem; */
}

.pre-order-inner {
    width: 80vw;
    position: relative;
    height: fit-content;
    background: var(--clr-2);
    display: grid;
    grid-template-columns: 1fr 1fr;
    border-radius: 20px;
    grid-template-areas:
        'a b'
        'a c';
}

.img-conteinr {
    width: 100%;
    position: relative;
    padding: 2rem;
    grid-area: a;
}

.po-details {
    position: relative;
    width: 100%;
    padding: 2rem;
    display: flex;
    flex-direction: column;
    padding-bottom: 3rem;
    grid-area: b;
}

.po-backdrop {
    position: relative;
    overflow-y: scroll;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    padding-top: 10vh;
    padding-bottom: 3rem;
}

.form-header.po-header {
    margin-bottom: 0;
}

.po-title {
    position: relative;
    display: flex;
    flex-direction: column;
    margin-bottom: 1rem;
}

.po-details .form-section {
    padding: 0 3rem 0 0;
}

.product-nm {
    position: relative;
    background: var(--clr-1);
    padding: 5PX;
    color: var(--clr-2);
    margin-top: 0.5rem;
    font-weight: 400;
}

.po-hs {
    grid-template-columns: 1fr;
}

.po-details p {
    font-size: 14px;
    /* margin-bottom: 3rem; */
    color: var(--clr-5);
    width: 90%;
}

.pre-order-inner .form-section {
    padding: 0 3rem 3rem 2rem;
}
/* Hide the default Google Translate UI */
.goog-te-banner-frame {
    display: none !important;
}
body {
    top: 0 !important;
}
.goog-logo-link, .goog-te-gadget span {
    display: none !important;
}
#google_translate_element {
    display: none;
}

/* Custom Dropdown */
.dropdown {
    position: relative;
    display: inline-block;
}
.dropdown-btn {
    background-color: #f8f9fa;
    border: 1px solid #ccc;
    padding: 10px;
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 10px;
}
.dropdown-btn img {
    width: 24px;
    height: 16px;
}
.dropdown-content {
    display: none;
    position: absolute;
    background-color: white;
    min-width: 120px;
    box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.2);
    z-index: 1;
}
.dropdown-content a {
    display: flex;
    align-items: center;
    padding: 8px;
    text-decoration: none;
    color: black;
    font-size: 14px;
    gap: 10px;
}
.dropdown-content a:hover {
    background-color: #f1f1f1;
}
.dropdown-content img {
    width: 24px;
    height: 16px;
}
.dropdown:hover .dropdown-content {
    display: block;
}

#gt-mordadam-43217984 {
    padding: 0.3rem 1rem;
    border: 2px solid #fff;
    border: 1px solid #e2ece280;
    border-radius: .375rem;
    margin-right: 10px;
    transition: all .5s ease;
}

.gt_container-3pqq3h a.glink span {
    color: #ffffffb3 !important;!i;!;
    font-size: 13px !important;!i;!;
    text-transform: uppercase;
}

.gt_black_overlay {
    opacity: 1 !important;!i;!;
    background: #000000e8 !important;!i;!;
}

a.glink.nturl span {
    color: var(--clr-5);
    margin-left: 10px;
}

span.lang-name {
    color: #ffffffb3 !important;!i;!;!;!i;!;
    transition: all .5s ease;
}

.two-grid {
    position: relative;
    width: 100%;
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-areas:
        'a b';
    grid-column-gap: 2.5rem;
}

.reverse-dough {
    grid-template-areas:
        'b a';
}

.card-outer:hover .card-title-1 {
    opacity: 1;
    transform: translateY(0px);
}

#normal-nav.nav-block {
    background-color: var(--clr-5);
}

a.sm-link:before {
    content: '';
    position: absolute;
    width: 0;
    height: 1px;
    background: #ffffffb3;
    bottom: 0;
    transition: all .3s ease;
}

a.sm-link:hover:before {
    width: 100%;
}

.reserv-area:hover {
    background: #ffffffb3;
    color: var(--clr-5);
}

#gt-mordadam-43217984:hover {
    background: #ffffffb3;
}

div#gt-mordadam-43217984:hover span.lang-name {
    color: var(--clr-5) !important;!i;!;
}

section#loader {
    position: fixed;
    width: 100vw;
    height: 100vh;
    background: var(--clr-5);
    z-index: 1000;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all .4s ease;
    opacity: 0;
    visibility: hidden;
}

svg#e7IReLmqVSD1 {
    width: 300px;
}

g#e7IReLmqVSD21_to, g#e7IReLmqVSD3_to {
    fill: #fff;
}

.loading section#loader {
    opacity: 1;
    visibility: visible;
}

.gt_languages {
    /* padding: 10px; */
    background: var(--clr-2);
    display: grid !important;!i;!;
    width: 100%;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
}

.gt_white_content {
    display: flex !important;!i;!;
    flex-direction: column;
    align-items: center;
}

.tr-title-sec {
    font-size: 2rem;
    margin-bottom: 1rem;
}