/*
Theme Name: Custom Theme For Subscriber
Theme URI: https://genzitteam.com/themes/customtheme/
Author: the GenZ IT team
Author URI: https://genzitteam.com/
Description: Built on a solidly designed foundation, Custom Theme embraces the idea that everyone deserves a truly unique website. The theme’s subtle styles are inspired by the diversity and versatility of birds: its typography is lightweight yet strong, its color palette is drawn from nature, and its layout elements sit gently on the page. The true richness of Custom Themes lies in its opportunity for customization. The theme is built to take advantage of the Site Editor features introduced in WordPress 5.9, which means that colors, typography, and the layout of every single page on your site can be customized to suit your vision. It also includes dozens of block patterns, opening the door to a wide range of professionally designed layouts in just a few clicks. Whether you’re building a single-page website, a blog, a business website, or a portfolio, Custom Theme will help you create a site that is uniquely yours.
Requires at least: 5.9
Tested up to: 6.6
Requires PHP: 5.6
Version: 1.8
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: genzitteam
Tags: one-column, custom-colors, custom-menu, custom-logo, editor-style, featured-images, full-site-editing, block-patterns, rtl-language-support, sticky-post, threaded-comments, style-variations, wide-blocks, block-styles, accessibility-ready, blog, portfolio, news

Custom WordPress Theme, (C) 2024 GenZ IT Team
*/

/*
 * Font smoothing.
 * This is a niche setting that will not be available via Global Styles.
 * https://github.com/WordPress/gutenberg/issues/35934
 */
 
 
 body {
    display: flex; 
    justify-content: center; 
    align-items: center; 
    height: 100vh;  
    margin: 0; 
    background-color: #f5f5f5; 
    overflow: hidden; 
}




/* General Styles */
/*
body {
    margin: 0;
    font-family: 'Arial', sans-serif;
    background-color: #f0f0f0;
}
*/

/* Container */

.container {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    width: 90%;
    max-width: 1200px;
    margin: 50px auto;
    background-color: #e7f0f4;
    box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.1);
    border-radius: 15px;
}



/* Left Section */
.left-section {
    flex: 60%;
    padding: 20px;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    
}

.logo img {
    max-width: 150px;
    margin-bottom: 30px;
}

.notice-board {
    width: 100%;
    background-color: #dfeff3;
    padding: 10px;
    margin: 20px 0px;
    text-align: center;
    /*border: 1px solid #c9d8dc;*/
    border-radius: 5px;
}

.notice-board marquee {
    font-size: 16px;
    color: #3a4f54;
    font-weight: bold;
}

.description {
    text-align: justify;
    color: #4c646c;
    line-height: 1.8;
    margin-bottom: 30px;
}

.social-media {
    display: flex;
    justify-content: center;
    gap: 10px;
}

.social-media a img {
    width: 40px;
    height: 40px;
}

/* Right Section */

/* ফর্মের স্টাইল আপডেট */
.right-section {
    flex: 40%;
    padding: 30px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background-color: #ffffff; 
    border-radius: 20px; 
    box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.1); 
    margin: 15px;  */
}

.right-section h3 {
    font-size: 40px;
    color: #a25395;
    margin-bottom: 20px;
    text-align: center;
}





form {
    display: flex;
    flex-direction: column;
    width: 100%;
    padding: 20px; 
}

form input {
    margin-bottom: 15px;
    padding: 10px;
    font-size: 16px;
    border: 1px solid #ccc;
    border-radius: 5px;
}

form button {
    padding: 10px;
    background-color: #a25395;
    color: #fff;
    font-size: 16px;
    border: none;
    border-radius: 5px;
    cursor: pointer;
    transition: background-color 0.3s ease;
}

form button:hover {
    background-color: #6d2d5c;
}

/* Responsive Adjustments */
@media screen and (max-width: 992px) {
    .right-section {
        margin: 15px auto;
    }
}

@media screen and (max-width: 576px) {
    .right-section {
        padding: 20px;
        border-radius: 15px;
    }
}








/* Responsive Design */
@media screen and (max-width: 992px) {
    .container {
        flex-direction: column;
        align-items: center;
        width: 95%;
    }

    .left-section,
    .right-section {
        flex: 100%;
        border-right: none;
        text-align: center;
        margin-bottom: 20px;
    }

    .notice-board marquee {
        font-size: 14px;
    }
}

@media screen and (max-width: 576px) {
    .logo img {
        max-width: 100px;
    }

    .right-section h3 {
        font-size: 18px;
    }

    form input {
        font-size: 14px;
    }

    form button {
        font-size: 14px;
    }

    .social-media a img {
        width: 30px;
        height: 30px;
    }
}