.h1 {
            font-family: 'Rubik', sans-serif;
        }
        .h2 {
            font-family: 'Rubik', sans-serif;
            overflow-wrap: normal;
        }
        h3 {
            font-family: 'Rubik', sans-serif;
            font-size: 6vw;
        }
        h4 {
            font-family: 'Rubik', sans-serif;
            font-size: 4vw;
        }
        
        @media screen and (min-width: 450px) {
            h3 {
                font-size: 30px;
            }
            h4 {
                font-size: 24px;
            }
            
        }
        .animation-section h2 {
            font-size: 2.5rem;
            min-height: 120px;
        }
        .changing-text {
            display: inline-block;
            margin-left: 10px;
        }
        .one {
            color: #FF6B6B;
        }
        .two {
            color: #8f0058;
        }
        .three {
            color: #008d2f;
        }
        .four {
            color: #118AB2;
        }
        [dir="rtl"] {
            unicode-bidi: bidi-override;
        }
        body {
            font-family: 'Rubik', sans-serif;
            overflow-x: hidden;
            width: 100%;
            max-width: 100vw;
            font-size: 1.2em;
        }
        .container {
            max-width: min(100%, 1200px);
            padding-left: 15px;
            padding-right: 15px;
        }
        
        .button_language {
            cursor: pointer;
        }

        .white {
            color: #ffffff;
        }
        
        .center_text {
            text-align: center;
            margin: 0 auto;
            font-size: 1em;
            max-width: 80vw;
            margin-bottom: 20px;
        }
        .center_text_white {
            text-align: center;
            margin: 0 auto;
            font-size: 1em;
            max-width: 80vw;
            color: #ffffff;
        }