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

html {
    -ms-overflow-style: none;
    scrollbar-width: none;
    scroll-behavior: smooth;
    margin-top: 0 !important;
}

body {
    color: #1D2026 !important;
}

:root {
    --color-blue: #2752A2 !important;
    --color-orange: #F97E00 !important;
    --color-light-orange: #FFF3DC !important;
    --color-light-black: #494949 !important;
    --cikir-light-white: rgba(255, 255, 255, 0.6) !important;
    --color-grey: #929292 !important;
    --color-light-grey: #C2C2C2 !important;

}

h1 {
    line-height: clamp(1px, 5.208vw, 200px);
}

.cursor-pointer {
    cursor: pointer;
}

/* Pallete background colors */
.bg-orange {
    background-color: var(--color-orange);
}

.bg-light-orange {
    background-color: var(--color-light-orange);
}

.transparent {
    background-color: transparent !important;
}

/* Pallete text colors */
.text-black {
    color: #1D2026 !important;
}

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

.text-blue _ {
    color: var(--color-blue) !important;
}

.text-orange {
    color: var(--color-orange) !important;
}

.text-light-white {
    color: var(--cikir-light-white) !important;
}

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

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

/* Button */

.global-btn {
    padding: 0px clamp(1px, 1.666665vw, 64px);
    width: fit-content;
    height: clamp(1px, 2.917vw, 112px);
    border-radius: clamp(1px, 0.6vw, 24px);
    transition: all 0.4s ease-in-out;
}

.blue-btn {
    padding: clamp(1px, 0.756vw, 30px) clamp(1px, 1.666665vw, 64px);
    width: fit-content;
    height: 100%;
    background: #04518C;
    border-radius: clamp(1px, 0.6vw, 24px);
    transition: all 0.4s ease-in-out;
}

.get-btn {
    width: clamp(1px, 8.542vw, 328px);
    height: clamp(1px, 2.917vw, 112px);
    border-radius: clamp(1px, 0.6vw, 24px);
    transition: width 0.4s ease, background 0.3s ease, color 0.3s ease;
    transform-origin: right;
}

.contact-btn {
    height: clamp(1px, 2.917vw, 112px);
    width: clamp(1px, 6.9271vw, 266px);
    background: #FFF3DC;
    border-radius: clamp(1px, 0.6vw, 24px);
    transition: width 0.4s ease, background 0.3s ease, color 0.3s ease;
    transform-origin: right;
}

.view-btn {
    padding: 0px clamp(1px, 1.666665vw, 64px);
    width: fit-content;
    height: clamp(1px, 2.917vw, 112px);
    background: #FFF3DC;
    border-radius: clamp(1px, 0.6vw, 24px);
    transition: width 0.4s ease, background 0.3s ease, color 0.3s ease;
    transform-origin: right;
}

.back-btn {
    width: clamp(1px, 8.282vw, 318px);
    height: clamp(1px, 2.917vw, 112px);
    background: transparent;
    border: 1px solid #2752A2;
    border-radius: clamp(1px, 0.6vw, 24px);
    transition: width 0.4s ease, background 0.3s ease, color 0.3s ease;
    transform-origin: right;
}

.reg-btn {
    height: clamp(1px, 2.917vw, 112px);
    width: clamp(1px, 19.4792vw, 748px);
    background-color: #F97E00;
    border-radius: clamp(1px, 0.6vw, 24px);
}

.contact-btn:hover {
    width: clamp(1px, 8.49vw, 320px);
    background: rgb(251, 175, 23);
    color: #FFFFFF !important;
}



.get-btn:hover {
    width: clamp(1px, 10.1563vw, 388px);
    background: linear-gradient(90deg, #1B2D51, rgb(251, 175, 23));
}

.blue-btn:hover {
    background: linear-gradient(90deg, #1B2D51, rgb(10, 105, 178));
}

.global-btn:hover {
    width: fit-content;
    background: rgb(251, 175, 23);
    color: #FFFFFF !important;
}


.contact-btn i,
.get-btn i,
.global-btn i,
.view-btn i,
.blue-btn i {
    display: none !important;
}

.contact-btn:hover i,
.get-btn:hover i,
.global-btn:hover i,
.view-btn:hover i,
.blue-btn:hover i {
    display: block !important;
}

@media (max-width:767px) {
    h1 {
        line-height: clamp(1px, 12.8vw, 110px);
    }

    .contact-btn:hover {
        width: clamp(1px, 25.58vw, 320px);
    }

    .get-btn:hover {
        width: 100%;
    }

    .global-btn:hover {
        width: 100%;
    }

    .global-btn {
        height: clamp(1px, 18.14vw, 160px);
        border-radius: clamp(1px, 2.6vw, 24px);

    }

    .blue-btn {
        padding: clamp(1px, 2.325581vw, 30px) clamp(1px, 6.97674vw, 64px);
        border-radius: clamp(1px, 2.6vw, 24px);
        width: 100%;
    }

    .view-btn {
        width: 100%;
        height: clamp(1px, 13.024vw, 112px);
        border-radius: clamp(1px, 2.6vw, 24px);
    }

    .back-btn {
        width: clamp(1px, 72.791vw, 670px) !important;
        height: clamp(1px, 13.024vw, 112px);
        border-radius: clamp(1px, 2.6vw, 24px);
    }
}