/*
Theme Name: Uncode Child
Description: Child theme for Uncode theme
Author: Undsgn™
Author URI: http://www.undsgn.com
Template: uncode
Version: 1.0.0
Text Domain: uncode
*/

@font-face {
    font-family: 'Stolzl Display';
    src: url('fonts/Stolzl_Display_Bold.otf') format('opentype');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'SharpGroteskLight20';
    src: url('fonts/SharpGrotesk-Light20.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
}

.hover-reveal-container {
    position: relative;
    width: 100%;
    /* Adjust the width as needed */
    height: 100%;
    /* Adjust the height as needed */
    overflow: hidden;
}

.layer {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transition: opacity 0.5s ease;
    z-index: 1;
}

.layer-1 {
    z-index: 2;
}

.layer-2 {
    z-index: 1;
    opacity: 0;
}

.reveal-circle {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 0;
    height: 0;
    background: transparent;
    border-radius: 50%;
    transform: translate(-50%, -50%);
    transition: width 0.5s ease, height 0.5s ease, background 0.5s ease;
    z-index: 3;
}

.hover-reveal-container:hover .layer-1 {
    opacity: 0;
}

.hover-reveal-container:hover .layer-2 {
    opacity: 1;
}

.hover-reveal-container:hover .reveal-circle {
    width: 100%;
    height: 100%;
    background: transparent;
}

.layer-1 {
    background-image: url('path-to-first-image.jpg');
    /* Replace with the URL of your first image */
    background-size: cover;
    background-position: center;
}

.layer-2 {
    background-image: url('path-to-second-image.jpg');
    /* Replace with the URL of your second image */
    background-size: cover;
    background-position: center;
}


/* ===== Header css Start ===== */
/* Default: Relative position for all pages */
.menu-wrapper {
    position: relative;
    top: 0;
    left: 0;
}

/* Absolute position only on the homepage */
body.home .menu-wrapper {
    position: absolute;
    top: 0;
    left: 0;
}

/* Make the hero section sticky */
.hero-section {
    position: sticky;
    top: 0;
    z-index: 1; /* Below the menu */
}

.overlay-menu .menu-item a:hover,
.overlay-menu .menu-item a {
    color: #000 !important;
}

body.menu-custom-padding .logo-container.shrinked {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
}
/* ===== Header css End ===== */


/* ===== hero section css start ===== */
.hero_section_wrapper .uncont {
    padding: 0 !important;
}

.overflow_word {
    overflow: hidden;
}

.hero_section {
    display: flex;
    align-items: center;
    min-height: 100vh;
    text-align: center;
    }

.hero_section .h1_title {
    --title_space: clamp(0.75rem, 1.128vw + 0.208rem, 1.563rem);
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    margin: 0;
    padding-left: var(--title_space);
}

.hero_section .h1_title span {
    display: inline-block;
    line-height: 1;
}

.container {
    max-width: 1440px;
    margin: 0 auto;
    padding: 0 24px;
}

.break {
    flex-basis: 100%;
    height: 0;
}

.mobile_break {
    display: none !important;
}

.h1_title .word {
    opacity: 0;
    padding-right: var(--title_space);
}

.h1_title .line {
    display: flex !important;
    align-items: center;
    flex-wrap: wrap;
    justify-content: center;
    text-align: center;
}

.h1_title svg {
    width: auto;
}

.h1_title .word svg {
    height: clamp(1.875rem, 1.735vw + 1.042rem, 3.125rem);
    /*30  - 50 */
}

.h1_title .refer_word svg {
    height: clamp(2.25rem, 2.604vw + 1rem, 4.125rem);
    /*36  - 66 */
}

.h1_title .shape_word svg {
    height: clamp(3.25rem, 2.604vw + 2rem, 5.125rem);
    /*52  - 82 */
}

.h1_title .large_shape_word svg {
    height: clamp(2.875rem, 4.601vw + 0.667rem, 6.188rem);
    /*66  - 99 */
}

.h1_title .sm_shape_word svg {
    width: clamp(5.813rem, 1.736vw + 4.979rem, 7.063rem);
    /*93  - 113 */
    height: auto;
}

.h1_title .yellow_shape svg {
    height: clamp(2.125rem, 2.604vw + 0.875rem, 4rem);
    /*34  - 64 */
}

.h1_title .md_shape_word svg {
    height: clamp(2.938rem, 1.736vw + 2.104rem, 4.188rem);
    /*47  - 67 */
}

.header-wrapper .row-container .row-parent {
    padding: 0 !important;
}

@media (min-width: 768px) {
    .h1_title .line_2 {
        margin-top: -2px;
    }

    .h1_title .line_3 {
        margin-top: 3px;
    }

    .h1_title .line_4 {
        margin-top: clamp(0.313rem, 0.521vw + 0.063rem, 0.688rem);
        /*5  - 11 */
    }

    .h1_title .line_5 {
        margin-top: -5px;
    }

    .h1_title .word[data-index='7'] svg {
        height: clamp(2.938rem, 2.604vw + 1.688rem, 4.813rem);
        /*47  - 77 */
    }

    .h1_title .word[data-index='16'] {
        margin-top: clamp(-0.375rem, -0.868vw + 0.042rem, -1rem);
        /*-6  - -16 */
    }

    .h1_title .word[data-index='19'] {
        margin-top: clamp(-0.438rem, -0.868vw - 0.021rem, -1.063rem);
        /*-7  - -17 */
    }

    .h1_title .word[data-index='20'] {
        position: relative;
        top: clamp(0.875rem, 0.868vw + 0.458rem, 1.5rem);
        /*14  - 24 */
    }
}

@media (max-width: 767px) {
    .hero_section .h1_title span {
        display: inline-flex;
    }

    .h1_title .word {
        padding-top: clamp(0.625rem, 1.119vw + 0.401rem, 0.938rem);
        /* 10 - 15 */
    }

    .h1_title .word[data-index='7'] svg {
        height: clamp(1.688rem, 4.474vw + 0.793rem, 2.938rem);
        /*27  - 47 */
    }

    .h1_title .word[data-index='19'] {
        padding-top: 0 !important;
        margin-top: clamp(-0.438rem, -2.237vw + 0.01rem, -1.063rem);
        /*-7  - -17 */
    }

    .h1_title .word[data-index='1'],
    .h1_title .word[data-index='3'] {
        padding-top: 0 !important;
    }

    .h1_title .word[data-index='9'],
    .h1_title .word[data-index='10'] {
        margin-top: 4px;
    }

    .h1_title .word[data-index='18'] {
        margin-top: 1px;
    }

    .h1_title .word[data-index='20'] {
        position: relative;
        top: 4px;
    }

    .h1_title .line_5 {
        margin-top: 5px;
    }

    .h1_title .line_4 {
        margin-top: 3px;
    }

    .h1_title .line_2 {
        margin-top: -2px;
    }

    .h1_title .word svg {
        height: clamp(1.25rem, 2.237vw + 0.803rem, 1.875rem);
        /*20  - 30 */
    }

    .h1_title .refer_word svg {
        height: clamp(1.625rem, 2.237vw + 1.178rem, 2.25rem);
        /*26  - 36 */
    }

    .h1_title .shape_word svg {
        height: clamp(2rem, 2.237vw + 1.553rem, 2.625rem);
        /*32  - 42 */
    }

    .h1_title .large_shape_word svg {
        height: clamp(2.25rem, 2.237vw + 1.803rem, 2.875rem);
        /*36  - 46 */
    }

    .h1_title .sm_shape_word svg {
        height: clamp(1.625rem, 2.237vw + 1.178rem, 2.25rem);
        /*26  - 36 */
    }

    .h1_title .yellow_shape svg {
        height: clamp(1.5rem, 2.237vw + 1.053rem, 2.125rem);
        /*24  - 34 */
    }

    .mobile_break {
        display: inline-block !important;
    }
}

/* ===== hero section css end ===== */


/* ====== Isotope Filters css Start ====== */

.isotope-filters.menu-dark .menu-smart a:hover,
.menu-light .menu-smart>li a.active,
.isotope-filters.menu-light .menu-smart a:hover,
.isotope-filters.menu-light .menu-smart a:focus {
    color: #000;
}

.isotope-filters.menu-dark .menu-smart a:focus {
    color: unset;
}

.grid-wrapper.single-gutter:not(.linear-wrapper),
.index-system.single-gutter .index-wrapper {
    margin-top: -16px !important;
}

.isotope-filters.menu-light .menu-smart a.active {
    color: rgba(227, 170, 202, 1) !important;
}

@media (max-width: 600px) {

    .single-gutter>div>.tmb,
    .single-gutter>.owl-carousel .tmb {
        padding-right: 15px;
    }

    .grid-wrapper.single-gutter:not(.linear-wrapper),
    .index-system.single-gutter .index-wrapper {
        margin-top: -15px !important;
        padding-left: 20px !important;
    }
}

.single-gutter:not(.owl-carousel-container):not(.uncode-post-table):not(.justified-wrapper):not(.post-titles-inner):not(.index-scroll-wrapper):not(.pin-wrap) .tmb>.t-inside {
    margin-top: 15px !important;
}

.animate_when_almost_visible.alpha-anim.style-dark.start_animation {
    padding-block: 30px;
}

/* ====== Isotope Filters css End ====== */

.custom-style-dark .style-light {
    color: #fff;
}

html:not(.no-cssanimations) body:not(.fp-waiting) .animate_when_almost_visible.start_animation:not(.zoom-reverse):not(.srcset-lazy-animations).alpha-anim{
	animation: none
}