/* Relaxation Styles         */
        
        .relaxation {
            background: url('../images/space-bg.jpg') no-repeat center center/cover;
            color: #fff;
            font-family: 'Open Sans', sans-serif;
            font-size: 16px;
            font-weight: 900;
            min-height: 100vh;
            overflow: hidden;
            display: flex;
            flex-direction: column;
            align-items: center;
            margin: 0px;
            padding-bottom: 150px;
        }
        
        .relax-container {
            display: flex;
            top: 70px;
            align-items: center;
            justify-content: center;
            height: 300px;
            width: 300px;
            margin-top: 50px;
            position: relative;
            transform: scale(1);
        }
        
        .gradient-circle {
            background: conic-gradient( #55b7a4 0%, #4ca493 40%, #fff 40%, #fff 60%, #336d62 60%, #2a5b52 100%);
            height: 320px;
            width: 320px;
            position: absolute;
            top: -10px;
            left: -10px;
            z-index: -2;
            border-radius: 50%;
        }
        
        .circle {
            background-color: #010f1c;
            height: 100%;
            width: 100%;
            position: absolute;
            top: 0;
            left: 0;
            z-index: -1;
            border-radius: 50%;
        }
        
        .pointer-container {
            position: absolute;
            top: -40px;
            left: 140px;
            width: 20px;
            height: 190px;
            animation: rotate 7.5s linear forwards infinite;
            transform-origin: bottom center;
        }
        
        .pointer {
            background: #fff;
            border-radius: 50%;
            height: 20px;
            width: 20px;
            display: block;
        }
        
        .relax-container.grow {
            animation: grow 3s linear forwards;
        }
        
        .relax-container.shrink {
            animation: shrink 3s linear forwards;
        }
        
        @keyframes rotate {
            from {
                transform: rotate(0deg)
            }
            to {
                transform: rotate(360deg);
            }
        }
        
        @keyframes grow {
            from {
                transform: scale(1)
            }
            to {
                transform: scale(1.2);
            }
        }
        
        @keyframes shrink {
            from {
                transform: scale(1.2)
            }
            to {
                transform: scale(1);
            }
        }
        
        .notice {
            color: green;
            background-color: transparent;
        }
        
        .btn {
            border: transparent;
        }
        
        .disclaimer-down {
            margin-top: 350px;
        }
        /* End of Relaxation Styles        */
        /* Media Queries */
        
        @media(max-width: 700px) {
            .relax-container {
                height: 250px;
                width: 250px;
            }
            .gradient-circle {
                height: 270px;
                width: 270px;
            }
            .pointer-container {
                top: -45px;
                left: 120px;
                height: 170px;
            }
            @keyframes rotate {
                from {
                    transform: rotate(0deg)
                }
                to {
                    transform: rotate(360deg);
                }
            }
        }
        
        @media(max-width: 500px) {
            .relax-container {
                height: 250px;
                width: 250px;
            }
            .gradient-circle {
                height: 270px;
                width: 270px;
            }
            .pointer-container {
                top: -45px;
                left: 120px;
                height: 170px;
            }
            @keyframes rotate {
                from {
                    transform: rotate(0deg)
                }
                to {
                    transform: rotate(360deg);
                }
            }
        }
        /* End of Media Queries */