a{
text-decoration: none;
color: #FAB028;
}
a:hover{
text-decoration: none;
color: white;
    }
 footer {
            background-color: #f0f0f0;
            padding: 20px;
            text-align: center;
        }
        .footer-content {
            display: flex;
            flex-wrap: wrap;
            justify-content: space-between;
            margin-top: 10px;
        }
        .footer-content-row {
            flex: 1 1 100%;
            margin-bottom: 10px;
        }
        .footer-content-row hr {
            margin: 10px 0;
            border: 0;
            border-top: 1px solid #ccc;
        }
        .copyright {
            margin-top: 10px;
            font-size: 14px;
            color: #666;
        }
        .logo {
            max-width: 100px; /* Adjust as needed */
            margin: 0 auto; /* Center the logo */
        }
        .footer-content p {
            margin: 0;
        }
        .footer-content h4 {
            margin: 0;
        }
        .footer-content .left {
            margin-left: 20px;
        }
        .footer-content .right {
            margin-right: 20px;
        }
         .conta { 
            display: flex; 
            width: 100%; 
           
            
            color: #FAB028;
        } 
        .box { 
            flex: 1; /* Equal width for both boxes */ 
             font-size: 26px;
             font-weight: bold;
             color: #FAB028;


        } 

         .navbar {
            background-color: transparent !important;
            border: none;
            box-shadow: none;
            position: absolute;
            width: 100%;
            z-index: 1000;
        }

        .navbar .navbar-brand img {
            height: 30px;
            /* Adjust logo height as needed */
        }

        .navbar-nav {
            margin: 0 auto;
        }

        .nav-item .nav-link {
            font-size: 1.25rem;
            padding: 0.75rem 1.25rem;
        }

        @media (max-width: 992px) {
            .navbar-nav {
                width: 100%;
            }
            .navbar-nav .nav-item {
                float: none;
            }
            .navbar-nav .nav-link {
                text-align: center;
            }
        }

        .gradient-background {
            background: linear-gradient(to right, #FBE9CB, #CCCBCB);
            color: #fff;
            padding: 10px 0; /* Adjust padding as needed */
            min-height: calc(0vh - 0px); /* Adjust height as needed */
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            position: relative;
            z-index: 0; /* Ensure content appears behind navbar */
        }
        .button_gradient{
            background: linear-gradient(to right, #191D31, #5F6FBA);
            color: white;
        }

        .download-button {
            position: absolute;
            bottom: 0;
            width: 100%;
            text-align: center;
            margin-bottom: 20px;
        }

        .download-button a {
            width: 95%;
            display: inline-block;
            border-radius: 50px;
            padding: 5px 0;
            font-size: 2em;
        }

        .faq-icon {
            float: right;
        }
        .rate{
            border: 1px solid orange;
            border-radius: 20px;
            margin-top: 30px;

        }
        .rate_size{
            text-align: center;
            font-size: 25px;
            color: #FA6206;
        }
        .rate_size2{
            text-align: center;
            font-size: 25px;
        }
        .playset{
            position: absolute;
            right: 5px;
            top: 15px;
        }
        .JodiChart{
            position: absolute;
            right: 30px;
            top: 130px; 
            border: 1px solid #E8910D;
            padding-left: 20px;
            padding-right: 30px;
            border-radius: 30px;
            color: #E8910D;
        }
        .JodiChart:hover{
           background-color:#E8910D;
            color: white;
        }
        .panachart{
            position: absolute;
            left: 30px;
            top: 130px; 
            border: 1px solid #E8910D;
            padding-left: 20px;
            padding-right: 30px;
            border-radius: 30px;
            color: #E8910D;
        }
         .panachart2{
            position: absolute;
            left: 110px;
            top: 130px; 
            border: 1px solid #E8910D;
            padding-left: 20px;
            padding-right: 30px;
            border-radius: 30px;
            color: #E8910D;
        }
        .panachart:hover{
             background-color:#E8910D;
            color: white;
        }
        .hrposition{
           position: relative;
           top: 30px; 
           
        }
        .opentime{
           position: absolute;
            left: 5px;
            top: 170px; 
            color: black;
        }
        .closetime{
            position: absolute;
            right: 5px;
            top: 170px; 
            color: black;
        }
}
}