/*
Theme Name: Aptis Theme (hello elementor child)
Theme URI: https://elementor.com/hello-theme/?utm_source=wp-themes&utm_campaign=theme-uri&utm_medium=wp-dash
Template: hello-elementor
Author: Elementor Team
Author URI: https://elementor.com/?utm_source=wp-themes&utm_campaign=author-uri&utm_medium=wp-dash
Description: Hello Elementor is a lightweight and minimalist WordPress theme that was built specifically to work seamlessly with the Elementor site builder plugin. The theme is free, open-source, and designed for users who want a flexible, easy-to-use, and customizable website. The theme, which is optimized for performance, provides a solid foundation for users to build their own unique designs using the Elementor drag-and-drop site builder. Its simplicity and flexibility make it a great choice for both beginners and experienced Web Creators.
Tags: accessibility-ready,flexible-header,custom-colors,custom-menu,custom-logo,featured-images,rtl-language-support,threaded-comments,translation-ready
Version: 3.4.6.1771580415
Updated: 2026-02-20 13:40:15

*/

/* Font Face Declarations */
@font-face {
    font-family: 'Futura';
    src: url('assets/fonts/Futura.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Futura';
    src: url('assets/fonts/FuturaLight.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Futura';
    src: url('assets/fonts/FuturaMedium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'Futura';
    src: url('assets/fonts/FuturaDemi.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: 'Futura';
    src: url('assets/fonts/FuturaBold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: 'Futura';
    src: url('assets/fonts/FuturaExtraBold.ttf') format('truetype');
    font-weight: 800;
    font-style: normal;
}

@font-face {
    font-family: 'Futura';
    src: url('assets/fonts/FuturaHeavy.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
}

body h1, body h2, body h3, body h4, body h5, body h6 {
    font-family: 'Futura', sans-serif !important;
    font-weight: 700;
}


.shape-container {
    width: 100%;
    height: calc(100vh); /* or any dynamic height */
    position: relative;
}

.shape-container-top-left-curve {
    width: 100%;
    height: 100%; /* or any dynamic height */
    position: relative;
}

.shape-container svg, .shape-container-top-left-curve svg {
    width: 100%;
    height: 100%;
    display: block;
}

.content-animate, .image-animate {
    opacity: 0;
    /*transform: translateY(20px);*/
    /*transition: opacity 0.5s ease-in-out !important;*/
}


.staggered-circles {
    display: flex;
    position: relative;
    z-index: 10;
    justify-content: end;
}

.staggered-circle-wrapper {
    left: calc((100vw - 1200px) / 2 - 115px);
    top: 20px;
    transition: all 0.3s ease-in-out;
}

.staggered-circles .full-circle {
    display: block;
    width: 230px;
    height: 230px;
    border-radius: 50%;
    background-color: white;
    scale: 0;
    opacity: 0;
}

.staggered-circles .half-circle-1,
.staggered-circles .half-circle-2 {
    display: block;
    width: 115px;
    height: 230px;
    /*border-radius: 50%;*/
    background-color: white;
    border-top-left-radius: 200px;
    border-bottom-left-radius: 200px;
    position: relative;
    transform: translateX(-115px);
    opacity: 0;
}

.mobile-circles-wrapper {
    position: absolute;
    width: max-content;
    right: 0;
    left: unset !important;
    top: 42px !important;
}

.mobile-circles-wrapper .mobile-staggered-circles{
    display: block;
    width: 170px;
    height: 170px;
    /*border-radius: 50%;*/
    /*background-color: red;*/
    scale: 1;
    opacity: 1;
}

.mobile-circles-wrapper .mobile-staggered-circles .full-circle {
    display: block;
    width: 170px;
    height: 170px;
    border-radius: 50%;
    background-color: white;
    scale: 0;
    opacity: 0;
}

.mobile-circles-wrapper .mobile-staggered-circles .half-circle-1 {
    top: 85px;
    opacity: 0;
}

.mobile-circles-wrapper .mobile-staggered-circles .half-circle-1,
.mobile-circles-wrapper .mobile-staggered-circles .half-circle-2 {
    position: relative;
    display: block;
    width: 170px;
    height: 85px;
    /*border-radius: 50%;*/
    background-color: white;
    border-bottom-right-radius: 200px;
    border-bottom-left-radius: 200px;
    transform: translateY(0px);
    opacity: 1;
}


.unleash-potential .brand-pattern {
    transform: translateX(-445px) translateY(401px);
}

.unleash-potential {
    --bg-opacity: 0;
}

.unleash-potential::before {
    opacity: var(--bg-opacity) !important;
}

.staggered-fade-in {
    opacity: 0;
    transform: translateY(10px);
}

.our-clusters-wrapper {
    opacity: 0;
    transform: translateY(30px);
}

.our-clusters-wrapper .semi-cirle-cluster {
    opacity: 0;
    scale: 0.8;
}