
        body {
            height: 1000px;
            margin: 0; /* Remove default margin */
            background-color: whitesmoke;
            position: relative; /* Add relative positioning to the body */
        }

        .contaniner_1 {
            background-color: red;
            width: 100%;
            height: 40vh;
            position: fixed; /* Keep the container fixed */
            top: 0; /* Align container to the top */
            left: 0; /* Align container to the left */
            z-index: 1; /* Ensure container stays above other content */
        }

        .title_bar { 
            border-bottom: solid white;
            height: 25%;
            position: relative; /* Add relative positioning */
        }

        .bar_logo { 
            width: 80px;
            position: absolute; /* Position the logo absolutely within the title_bar */
            top: 50%; /* Center vertically */
            transform: translateY(-50%); /* Correct vertical alignment */
            left: 10px; /* Adjust left position */
            margin-top: 5px;
        }

        .home { 
            width: 30px;
            position: absolute; /* Position the logo absolutely within the title_bar */
            top: 50%; /* Center vertically */
            transform: translateY(-50%); /* Correct vertical alignment */
            right: 150px; /* Adjust left position */
        }

        .marquee_top { 
            background-color: brown;
            color: white;
            position: absolute;
        }

        .marquee_bottom { 
            background-color: brown;
            color: white;
            position: absolute;
        }

        .main_contact { 
            line-height: 30px;
            color: yellow; /* Set text color */
            text-align: center; /* Center text */
            margin-top: 40px; /* Add margin-top */
        }

        .button_container{ 
         
            height: 50px;
            position: relative; /* Change position to relative */
            top: calc(43vh + 1px); /* Adjust top position */
            width: 100%; /* Make the card span the full width */
            z-index: 1; /* Ensure card stays below other content */
            position: fixed;
            display: flex;
            justify-content: center;
            align-items: center;
            background-color: whitesmoke;
            
        }

        .d_button{
            margin: 10px;
            width: 50%;
            height: 40px;
            border: none;
            border-radius: 10px;
            background-color: rgb(192, 190, 190);
        }

        .d_button:hover{
            cursor: pointer;
        }

        .d_button:active{
            background-color: red;
        }

        .card { 
            height: 600px;
            position: relative; /* Change position to relative */
            top: calc(50vh + 1px); /* Adjust top position */
            width: 100%; /* Make the card span the full width */
            z-index: 0; /* Ensure card stays below other content */
        }

        .card_1{    
            margin: 20px;
            border-radius: 15px;
            height: 80px;
            box-shadow: 4px 6px 15px black;    
            display: flex;    
            justify-content: center;
        }

        .card_container {
            background-color: red;
            width: 60%;
            margin: 20px;
            border-radius: 20px;
            display: flex; /* Make it a flex container */
            justify-content: center; /* Center items horizontally */
            align-items: center; /* Center items vertically */
            font-size: 15px;
            text-align: center;
            color: white;
        }

        .card_container_1 {
            background-color: red;
            width: 60%;
            margin: 20px;
            border-radius: 20px;
            display: flex; /* Make it a flex container */
            justify-content: center; /* Center items horizontally */
            align-items: center; /* Center items vertically */
            font-size: 15px;
            text-align: center;
            color: white;
        }


