:root {
    --primary: #00174a;
    --navy: #092b70;
    --blue: #0057c2;
    --surface: #faf8ff;
    --muted: #444651;
    --green: #67c23a
}

a.iclub {
    text-decoration: underline;
    text-underline-offset: 5px;
}

.reveal-section {
    opacity: 1;
    transform: none;
}

/*
 * ელემენტი მხოლოდ Alpine.js-ის ინიციალიზაციის შემდეგ იმალება.
 * JavaScript-ის გათიშვის შემთხვევაში კონტენტი მაინც ხილული დარჩება.
 */
.reveal-section.reveal-ready {
    opacity: 0;
    transform: translate3d(0, 48px, 0);

    transition:
        opacity 700ms cubic-bezier(0.22, 1, 0.36, 1),
        transform 700ms cubic-bezier(0.22, 1, 0.36, 1);

    transition-delay: var(--reveal-delay, 0ms);
    will-change: opacity, transform;
}

.reveal-section.reveal-ready.reveal-visible {
    opacity: 1;
    transform: translate3d(0, 0, 0);
}

/*
 * ანიმაციის დასრულების შემდეგ ბრაუზერს ოპტიმიზაციის
 * დამატებითი რესურსი აღარ დასჭირდება.
 */
.reveal-section.reveal-visible {
    will-change: auto;
}

/*
 * Accessibility:
 * მომხმარებლის სისტემაში ანიმაციების შემცირების
 * პარამეტრის ჩართვისას მოძრაობა ითიშება.
 */
@media (prefers-reduced-motion: reduce) {

    .reveal-section,
    .reveal-section.reveal-ready,
    .reveal-section.reveal-ready.reveal-visible {
        opacity: 1;
        transform: none;
        transition: none;
    }
}

@font-face {
    font-family: 'giza-icon';
    src: url('../fonts/giza-icon.eot');
    src: url('../fonts/giza-icon.eot') format('embedded-opentype'),
        url('../fonts/giza-icon.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

[class^="giza-icon-"],
[class*=" giza-icon-"] {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'giza-icon' !important;
    speak: never;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;

    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}




.giza-icon-check_small:before {
    content: "\e90d";
}

.giza-icon-arrow_forward:before {
    content: "\e900";
}

.giza-icon-assignment_turned:before {
    content: "\e901";
}

.giza-icon-call:before {
    content: "\e902";
}

.giza-icon-east:before {
    content: "\e903";
}

.giza-icon-eco:before {
    content: "\e904";
}

.giza-icon-event_available:before {
    content: "\e905";
}

.giza-icon-expand_more:before {
    content: "\e906";
}

.giza-icon-location_on:before {
    content: "\e907";
}

.giza-icon-mail:before {
    content: "\e908";
}

.giza-icon-schedule:before {
    content: "\e909";
}

.giza-icon-verified:before {
    content: "\e90a";
}

.giza-icon-verified_user:before {
    content: "\e90b";
}

.giza-icon-west:before {
    content: "\e90c";
}

/* firago-latin-400-normal */
@font-face {
    font-family: 'FiraGO';
    font-style: normal;
    font-display: swap;
    font-weight: 400;
    src: url('../fonts/firago-400-normal.woff') format('woff');
}



/* firago-latin-600-normal */
@font-face {
    font-family: 'FiraGO';
    font-style: normal;
    font-display: swap;
    font-weight: 600;
    src: url('../fonts/firago-600-normal.woff') format('woff');
}

html {
    scroll-behavior: smooth
}

body {
    font-family: "FiraGO", sans-serif;
    background: #faf8ff;
    color: #1a1b20
        /* font-family: "Noto Sans Georgian", sans-serif; */
}


.glass {
    background: rgba(255, 255, 255, .82);
    backdrop-filter: blur(12px)
}

.prose-clean h2 {
    font-size: 2rem;
    line-height: 1.25;
    font-weight: 700;
    color: #00174a;
    margin: 2rem 0 1rem
}

.prose-clean h3 {
    font-size: 1.35rem;
    font-weight: 700;
    color: #092b70;
    margin: 1.5rem 0 .75rem
}

.prose-clean p {
    margin: .75rem 0;
    line-height: 1.8
}

.prose-clean ul {
    list-style: disc;
    padding-left: 1.5rem;
    margin: 1rem 0
}

.card-shadow {
    box-shadow: 0 12px 40px rgba(0, 23, 74, .08)
}

[x-cloak] {
    display: none !important
}

.skip-link {
    position: absolute;
    left: -9999px
}

.skip-link:focus {
    left: 1rem;
    top: 1rem;
    z-index: 100;
    background: #fff;
    padding: .75rem 1rem;
    border-radius: .5rem
}

.uppercase,
h1,
h2,
h3 {
    font-feature-settings: "case";
}

.hero-overlay {
    background: linear-gradient(90deg, #faf8ff 0%, rgba(250, 248, 255, .82) 45%, rgba(250, 248, 255, .05) 64%)
}

@media(max-width:767px) {
    .hero-overlay {
        background: linear-gradient(180deg, rgba(250, 248, 255, .9), rgba(250, 248, 255, .58))
    }
}

a:focus-visible,
button:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible {
    outline: 3px solid #afc6ff;
    outline-offset: 3px
}


.skip-link:focus {
    transform: translateY(0);
}


@media(max-width:375px) {
    .hero-title {
        font-size: 27px;
    }
}

@media(max-width:767px) {
    .hero-section>.relative {
        padding-top: 0px;
    }

    .mob-hidden {
        display: none;
    }
}

.chat-fixed {
    position: fixed;
    bottom: 100px;
    right: 20px;
    display: flex;
    flex-direction: column;
    gap: 12px;
    z-index: 9999;
}

.chat-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    transition: transform 0.2s ease-in-out;
}

.chat-icon:hover {
    transform: scale(1.05);
}

.messenger-icon {
    position: relative;
}

.messenger-bg {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: -1;
    background-color: #ffffff;
    border-radius: 50%;
    width: 40px;
    height: 40px;
}