
            .blink {
                animation: blink-animation 1s steps(2, start) infinite;
                -webkit-animation: blink-animation 1s steps(2, start) infinite;
            }

            @keyframes blink-animation {
                to {
                    visibility: hidden;
                }
            }
        
            * {
                box-sizing: border-box;
            }
            body {
                font-family: Verdana, sans-serif;
            }
            .mySlides {
                display: none;
            }
            img {
                vertical-align: middle;
            }

            /* Slideshow container */
            .slideshow-container {
                max-width: 1000px;
                position: relative;
                margin: auto;
            }

            /* Caption text */
            .s1 {
                color: #DDC915;
                font-size: 22px;
                font-family:  unset;
                text-align: left;
            }
            .s2 {
                color: #117054;
                font-size: 22px;
                font-family:  unset;
                text-align: left;
            }
            .s3 {
                color: #000066;
                font-size: 9px;
                font-family: monospace;
                text-align: left;
                margin-top:-10px;
            }


            /* Caption text */
            .text {
                color: #f2f2f2;
                font-size: 15px;
                padding: 8px 12px;
                position: absolute;
                bottom: 8px;
                width: 100%;
                text-align: center;
            }

            /* Number text (1/3 etc) */
            .numbertext {
                color: #f2f2f2;
                font-size: 12px;
                padding: 8px 12px;
                position: absolute;
                top: 0;
            }

            /* The dots/bullets/indicators */
            .dot {
                height: 5px;
                width: 5px;
                margin: 0 2px;
                background-color: #bbb;
                border-radius: 50%;
                display: inline-block;
                transition: background-color 0.6s ease;
            }

            .active {
                background-color: #717171;
            }

            /* Fading animation */
            .fade {
                animation-name: fade;
                animation-duration: 9.5s;
            }

            @keyframes fade {
                from {
                    opacity: .9
                }
                to {
                    opacity: 1
                }
            }

            /* On smaller screens, decrease text size */
            @media only screen and (max-width: 350px) {
                .text {
                    font-size: 11px
                }

                .header_botom{
                    height: 15px;
                    width: 1000px;
                    border:1px #fcb92c;
                    margin: 0 2px;
                    background-color: #fcb92c;
                    border-radius: 50%;
                    display: inline-block;
                    /*  transition: background-color 0.6s ease;*/
                }
            }

            .blink {
                animation: blinker 2.5s linear infinite;
                color: red;
                font-family: sans-serif;
            }
            @keyframes blinker {
                50% {
                    opacity: 0;
                }
            }
            .btn_form{
                width: 120px;
                height: 37px;
                margin-top:-12px;
                background: #CC0000;
                border-radius: 10px;
                border: 3px solid  #fff ;
                color: #fff;
                /*    font-weight: bold;*/
                /*    text-transform: uppercase;*/
                font-size: 14px;
                font-family: inherit;
                /*    outline: none;*/
                cursor: pointer;
            }
            .btn_form:hover {
                background: #8e0615;
            }

 
            /* The Modal (background) */
            .modal {
                display: none; /* Hidden by default */
                position: fixed; /* Stay in place */
                z-index: 1; /* Sit on top */
                padding-top: 100px; /* Location of the box */
                left: 0;
                top: 0;
                width: 100%; /* Full width */
                height: 100%; /* Full height */
                overflow: auto; /* Enable scroll if needed */
                background-color: rgb(0,0,0); /* Fallback color */
                background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
            }

            /* Modal Content */
            .modal-content {
                background-color: #fefefe;
                margin: auto;
                padding: 20px;
                border: 1px solid #888;
                width: 80%;
            }

            /* The Close Button */
            .close {
                color: #aaaaaa;
                float: right;
                font-size: 28px;
                font-weight: bold;
            }

            .close:hover,
            .close:focus {
                color: #000;
                text-decoration: none;
                cursor: pointer;
            }
       
            /* মেনু বার স্টাইল */
            .navbarn {
                background: #9dbeee;
/*                 background: #fefefe;*/
                 border-bottom:1px silver;
                font-family: Arial, sans-serif;
            }

            .nav-links {
                list-style: none;
                display: flex;
                margin: 0;
                padding: 0;
            }

            .nav-links > li {
                position: relative; /* সাবমেনুকে পজিশন করার জন্য জরুরি */
            }

            .nav-links li a {
                display: block;
                color:whitesmoke;
                padding: 10px 18px;
                text-decoration: none;
            }

            .nav-links li a:hover {
                background: #DDC915;
            }

            /* সাবমেনু ডিফল্টভাবে লুকানো থাকবে */
            .submenu {
                position: absolute;
                top: 100%;
                left: 0;
                background: #fcb92c;
                list-style: none;
                min-width: 180px;
                margin: 0;
                padding: 0;

                /* নতুন নিয়ম: ডিসপ্লের বদলে অপাসিটি ব্যবহার করা নিরাপদ */
                opacity: 0;
                visibility: hidden;
                transform: translateY(10px);
                transition: all 0.3s ease;
            }

            .submenu li a {
                padding: 12px 20px;
                border-bottom: 1px solid #2c3e50;
            }

            /* হোভার করলে সাবমেনু আসবে */
            .has-submenu:hover .submenu {
                opacity: 1;
                display:flex;
                visibility: visible;
                transform: translateY(0);
            }
            
        .menu_corner{
float:right;
margin-right:3px; 
margin-top:3px; 
height:30px;
width: 30px;
border-radius: 50%;
border:1px solid #fefefe;
text-align:center;
font-size:14px;
color: #fefefe;
text-align:center;
padding:3px;
background: #FF1188;
}
.menu_corner_green{
float:right;
margin-right:3px; 
margin-top:3px; 
height:30px;
width: 30px;
border-radius: 50%;
border:1px solid #fefefe;
text-align:center;
font-size:14px;
color: #fefefe;
text-align:center;
padding:3px;
background: #00CC00;
}


