@media (min-width: 1281px){
    :root{
        --mm-b-b: 1.5px solid #A10F0D;
        --m-menu-bg: #23282D;
        --m-bar-b: 2px solid #A10F0D;
        --m-bar-pd: 0 10px;
        --m-menu-f-c: #fff;
        --m-menu-pd: 4px 12px;
        --m-menu-f-s: 20px;
        --m-arrow-f-s: 22px;

        --com-ts: all 0.3s ease;
        --com-radi-heavy: 5px;
        --com-radi-light: 2.5px;
        --com-ts: all 0.3s ease;
        --com-fw-500: 500;
        --com-fw-550: 550;
        --com-fw-600: 600;
        --com-fw-700: 700;
        --s-light: 0 2px 5px rgb(0 0 0 / 20%);
        --s-dark: 0 5px 10px rgb(0 0 0 / 20%);
        --font-family:  'Noto Serif Bengali', 'Calibri', 'SutonnyMJ', 'Siyamrupali', 'Arial', Georgia, "Times New Roman", Times, serif;
    }

    /*----- Major CSS for Sit Section Start -----*/
    *, *::after, *::before {
        margin: 0;
        padding: 0;
        box-sizing: border-box;
    }
    HTML,
    BODY {
        height:auto;
        width:100%;
        margin:0;
        padding:0;
        text-decoration: none;
        list-style: none;
        box-sizing: border-box;
        overflow:auto;
        font-family: var(--font-family);
        scroll-behavior: auto;
        background-color: #ffffff;
        background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 40 40' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 0L20 20M40 0L20 20M0 40L20 20M40 40L20 20' stroke='%23009688' stroke-opacity='0.08' fill='none'/%3E%3C/svg%3E");
        
    }
    ul, li, ol{
        list-style: none;
    }
    a{
        text-decoration: none;
    }
    /*----- Major CSS for Sit Section End -----*/

    /*---------- Mobile menu Area Start ----------*/
    #menu-toggle{
        display: none;
    }
    .mobile-menu{
        display: none;
    }
    .mbar{
        display: none;
    }
    .navbar100{
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        display: flex;
        justify-content: space-between;
        z-index: 1000;
        height: 65px;
    }
    .navbar{
        height: 100%;
        width: 95%;
        margin: auto;
        display: flex;
        align-items: center;
        justify-content: center;
        box-shadow: var(--s-dark);
        padding: 0 30px;
        background: #ffffff;
        border-bottom: var(--m-bar-b);
    }
    .logo{
        height: 100%;
        width: 30%;
        display: flex;
        align-items: center;
        justify-content: flex-start;
    }
    .logo img{
        height: 45px;
        width: auto;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    #banglaDateTime{
        height: 100%;
        width: 40%;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 18px;
        font-weight: 600;
        text-align: center;
    }
    .ms_link{
        height: 100%;
        width: 30%;
        display: flex;
        align-items: center;
        justify-content: flex-end;
        gap: 10px;
    }
    .ms_link a{
        display: flex;
        align-items: center;
        justify-content: center;
        text-align: center;
    }
    .tiktokm, .youtubem, .facebookm{
        height: 35px;
        width: 35px;
        display: flex;
        align-items: center;
        justify-content: center;
        color: white;
        border-radius: 5px;
        font-size: 25px;
    }
    .youtubem{
        background: #FF0033;
    }
    .facebookm{
        background: #0767FF;
    }
    .tiktokm{
        background: #000000;
    }
    
    /*---------- Mobile menu Area End ----------*/


    /*---------- Desktop menu Area Start ----------*/
    .d_menu{
        margin: auto;
        display: flex;
        align-items: center;
        justify-content: center;
        margin-top: 65px;
        height: 50px;
        width: 100%; 
        position: fixed;  
        z-index: 999;    
    }
    .dm_ul{
        height: 100%;
        width: 95%;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 0 30px;
        background: #ffffff;
        box-shadow: var(--s-dark);
        border-bottom: var(--m-bar-b);
    }
    .dm_list{
        height: auto;
        width: auto;
        padding: 4px 15px;
        display: flex;
        align-items: center;
        justify-content: center;
        margin: 0 1px;
        border-radius: var(--com-radi-light);
        position: relative;
        transition: var(--com-ts);
    }
    .dm_list:hover{
        background: #A21210;
        transition: var(--com-ts);
    }
    .dm_list:hover .dm_a{
        color: #ffffff;
        transition: var(--com-ts);
    }
    .dm_list:hover .home-icon{
        color: #ffffff;
        transition: var(--com-ts);
    }
    .dm_list:hover .dm_sub_m{
        display: block;
        transition: var(--com-ts);
    }
    .home-icon{
        color: #A21210;
        font-size: 25px;
        cursor: pointer;
        padding: 4.5px 5px;
        transition: var(--common-ts);
        cursor: pointer;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .dm_a{
        height: auto;
        width: auto;
        display: flex;
        align-items: center;
        justify-content: center;
        text-align: center;
        font-family: var(--font-family);
        font-weight: var(--com-fw-600);
        font-size: 21px;
        color: #000000;
    }
    .dm_sub_m{
        display: none;
        position: absolute;
        top: 42px;
        left: 0;
        background: #263238;
        width: 200px;
        z-index: 1000;
        box-shadow: var(--s-dark);
    }
    .sub_dm_list{       
        display: block;
        transition: var(--com-ts);
        padding: 0 ;
        cursor: pointer;
        position: relative;
    }
    .sub_dm_a{
        display: block;
        color: #ffffff;
        padding: 3px 12px;
        font-size: 19px;
        font-family: var(--font-family);
        font-weight: var(--com-fw-600);
    }
    .sub_dm_list:hover{
        background: #A21210;
        transition: var(--com-ts);
    }
    .sub_dm_list:hover .sub_dm_a{
        color: #ffffff;
    }
    .dm_sub_m_before::before{
        width: 0;
        height: 0;
        border-left: 8px solid transparent;
        border-right: 8px solid transparent;
        border-bottom: 10px solid #263238;
        content: "";
        position: absolute;
        top: -9px;
        left: 10px;
    }
    .dm_sub_m_be::before{
        width: 0;
        height: 0;
        border-left: 8px solid transparent;
        border-right: 8px solid transparent;
        border-bottom: 10px solid #263238;
        content: "";
        position: absolute;
        top: -9px;
        right: 10px;
    }
    #dm_sub_m{
        top: 100%;
        right: 0;
        left: auto;
    }
    /*---------- Desktop menu Area End ----------*/
/* ------- Footer Area ------- */
    .footer_max{
        height: 220px;
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        margin: auto;
    }
    .footer{
        height: 100%;
        width: 95%;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        background: #ffffff;
        box-shadow: var(--s-dark);
    }
    .single_line{
        height: 25px;
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: space-between;
    }
    .line{
        height: 2px;
        width: 45%;
        background: #A10F0D;
    }
    .footer_icon{
        height: 100%;
        width: 10%;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 25px;
        text-align: center;
        color: #A10F0D;
    }
    .logo_author{
        height: 50px;
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: flex-start;
        padding: 0 50px;
    }
    .footer_logo{
        height: 100%;
        width: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .footer_logo a{
        height: 100%;
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: flex-start;
    }
    .footer_logo a img{
        height: 45px;
        width: auto;
    }
    .author{
        height: 100%;
        width: 50%;
        display: flex;
        align-items: center;
        justify-content: flex-end;
    }
    .author a{
        height: 100%;
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: flex-end;
        font-family: var(--font-family);
        font-weight: var(--com-fw-600);
        font-size: 20px;
        color: #A10F0D;
        cursor: pointer;
    }
    .footer_law{
        height: 40px;
        width: 95%;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 0 40px;
    }
    .footer_law a{
        display: flex;
        align-items: center;
        justify-content: center;
        font-family: var(--font-family);
        font-weight: var(--com-fw-600);
        font-size: 18px;
        color: #A10F0D;
        cursor: pointer;
        text-align: center;
        padding: 6px 20px;
        margin-left: 1px;
    }
    .footer_social{
        height: 45px;
        width: 95%;
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 50px;
    }
    .ms_link a{
        display: flex;
        align-items: center;
        justify-content: center;
        text-align: center;
    }
    .tiktokf, .youtubef, .facebookf{
        height: 35px;
        width: 35px;
        display: flex;
        align-content: center;
        align-items: center;
        justify-content: center;
        color: white;
        border-radius: 5px;
        font-size: 25px;
    }
    .youtubef{
        background: #FF0033;
    }
    .facebookf{
        background: #0767FF;
    }
    .tiktokf{
        background: #000000;
    }
    .site_copyright{
        height: 20px;
        width: 95%;
        display: flex;
        align-items: center;
        justify-content: center;
        color: #A10F0D;
        font-family: var(--font-family);
        font-weight: var(--com-fw-600);
        font-size: 16px;
    }
    /* ------- Footer Area ------- */

}