/* Default styles */
.responsive-margin {
    width: 100%;
    height: auto;
    margin-left: 115px; /* default for small screens */
}

/* Medium screens (tablets) */
@media (min-width: 768px) {
    .responsive-margin {
        margin-left: 50px;
    }
}

/* Large screens (desktops) */
@media (min-width: 992px) {
    .responsive-margin {
        margin-left: 100px;
    }
}

/* Extra large screens */
@media (min-width: 1200px) {
    .responsive-margin {
        margin-left: 170px;
    }



    /* Default styles */
    .responsive-margin1 {
        width: 100%;
        height: auto;
        margin-left: 100px; /* default for small screens */
    }

    /* Medium screens (tablets) */
    @media (min-width: 768px) {
        .responsive-margin1 {
            margin-left: 50px;
        }
    }

    /* Large screens (desktops) */
    @media (min-width: 992px) {
        .responsive-margin1 {
            margin-left: 100px;
        }
    }

    /* Extra large screens */
    @media (min-width: 1200px) {
        .responsive-margin1 {
            margin-left: 1px;
        }
    }
}


    /*THis css applly on Events page*/

    .moto-spacing-top-large_MyCss {
        padding-top: 50px;
    }

.moto-spacing-bottom-large_MyCss {
    padding-bottom: 1px;
    margin-bottom: 15px;
}
.moto-spacing-bottom-large_MyCss_second {
    padding-bottom: 1px;
    margin-bottom: 15px;
    text-align: justify;
    margin-left: 20px;
    margin-right: 20px;
}

.moto-spacing-bottom-small_MyCss {
    padding-bottom: 0px;
}


/*this code form Media query form toggle command logo form mobile mode*/


@media (max-width: 375px) {
    .custom-padding-left-mobile

{
    padding-left: 300px !important;
}

}


@media (max-width: 479px) {
    .custom-padding-left-mobile {
        padding-left: 300px !important;
    }
}


@media (max-width: 479px) {
    .custom-padding-right-mobile {
        padding-right: 50px;
    }
}

/*
This code form removing overflow command for checking overflow element outline */
/*THis datalist important css form preventing overflow*/
/** {
    outline: 1px solid red;*/
    /*
          sab elements ko border dikhaye */
/*}*/

body {
    overflow-x: hidden;
}


.moto-text_system_3Mycss {
    font-weight: 400;
    font-style: normal;
    font-family: 'Roboto Slab', serif;
    color: #ffffff;
    font-size: 30px;
    line-height: 1.2;
    letter-spacing: 0px;
}


/*for Memebership form captcha and captcha input field*/

.col-sm-6_My_Css1 {
    position: relative;
    width: 100%;
    min-height: 1px;
    /*padding-right: 10px;*/
    padding-left: 10px
}
.col-sm-6_My_Css2 {
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 10px;
    /*padding-left: 10px*/
}


.col-12_My_Css2 {
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 25px;
    padding-left: 25px;
    margin-bottom: 30px;
}


/* Ensure image scales correctly */

/* Remove unwanted spacing on small screens */
@media (max-width: 767px) {
    .moto-text_system_13,
    .moto-text_system_14 {
        text-align: center;
        padding: 0 10px;
    }

    .col-sm-6 {
        padding-left: 15px;
        padding-right: 15px;
    }

    .col-12 {
        position: relative;
        width: 100%;
        min-height: 1px;
        padding-right: 25px;
        padding-left: 25px;
        margin-top: 20px
    }
}

@media (max-width: 479px) {
    .moto-text_system_13,
    .moto-text_system_14 {
       /* text-align: unset !important;*/
        text-align: center;
        padding: 0 10px;
    }

    .col-sm-6 {
        padding-left: 15px;
        padding-right: 15px;
    }

    .col-12 {
        position: relative;
        width: 100%;
        min-height: 1px;
        padding-right: 25px;
        padding-left: 25px;
        margin-top: 20px
    }

    .sweep-Paragraph_For_Account_Details {
        text-align: center;
    }
    /* Optional: Prevent body overflow on XS devices */
    body {
        overflow-x: hidden;
    }
}



/* This css use for QR code Images*/
/* Ensure image scales correctly */
.mycssforimages {
    width: 100%;
    height: auto;
    max-width: 300px; /* optional, so it doesn't get too big on large screens */
    display: block;
    margin: 0 auto;
}

/* Remove unwanted spacing on small screens */
@media (max-width: 767px) {
    .moto-text_system_13,
    .moto-text_system_14 {
        text-align: center;
        padding: 0 10px;
    }

    .col-sm-6 {
        padding-left: 15px;
        padding-right: 15px;
    }

    .col-12 {
        position: relative;
        width: 100%;
        min-height: 1px;
        padding-right: 25px;
        padding-left: 25px;
        margin-top: 20px
    }
}

@media (max-width: 479px) {
    .moto-text_system_13,
    .moto-text_system_14 {
        text-align: center;
        padding: 0 10px;
    }

    .col-sm-6 {
        padding-left: 15px;
        padding-right: 15px;
    }

    .col-12 {
        position: relative;
        width: 100%;
        min-height: 1px;
        padding-right: 25px;
        padding-left: 25px;
        margin-top: 20px
    }

    .sweep-Paragraph_For_Account_Details {
        text-align: center;
    }
    /* Optional: Prevent body overflow on XS devices */
    body {
        overflow-x: hidden;
    }
}



/*This Code Use For Pagaragh*/

/* This Code Is Used For Paragraph Styling */

/* Desktop and general styles */
#paragrapgh p {
    text-align: justify;
    font-weight: 300;
}

    #paragrapgh p b {
        font-weight: 300 !important; /* Override <b> tag bold weight */
    }

/* Responsive styles for mobile screens */
@media (max-width: 767px) {
    #paragrapgh p {
        text-align: justify;
        word-break: break-word;
        hyphens: auto;
        font-weight: 300;
    }

        #paragrapgh p b {
            font-weight: 300 !important;
        }
}



/* this css use for manage and lable of captcha code Enter Captcha*/
.col-sm-6_My_Css1 {
    position: relative;
    width: 100%;
    min-height: 1px;
    /*padding-right: 10px;*/
    padding-left: 10px
}

.col-sm-6_My_Css2 {
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 10px;
    /*padding-left: 10px*/
}

@media (max-width: 767px) {
    .col-sm-6_My_Css1 {
        position: relative;
        width: 100%;
        min-height: 1px;
        padding-right: 10px;
        padding-left: 10px
    }

    .col-sm-6_My_Css2 {
        position: relative;
        width: 100%;
        min-height: 1px;
        padding-right: 10px;
        padding-left: 10px
    }
}


.col-12_My_Css2 {
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 25px;
    padding-left: 25px;
    margin-bottom: 30px;
}


@media (max-width: 479px) {
    .col-12 {
        position: relative;
        width: 100%;
        min-height: 1px;
        padding-right: 25px;
        padding-left: 25px;
        margin-top: 20px;
        margin-bottom: 30px;
    }


    .moto-spacing-right-medium_my_css {
        padding-right: 1px;
    }

    .moto-spacing-right-medium_my_css_for_about_page {
      
        text-align: justify !important;
        padding-right: 20px;
    }

    .moto-spacing-right-medium_my_css_for_events_page {
        text-align: justify !important;
    }

    
   


    .container_my_csss {
        width: 100%;
        padding-right: 8px;
        padding-left: 24px;
        /* margin-right: auto; */
        /* margin-left: auto; */
    }
}


/* this css use for manage and lable of captcha code Enter Captcha*/
@media (max-width: 768px) {
    .moto-spacing-right-medium_my_css_for_events_page {
        text-align: justify !important;
    }
}

/*This Code Use For Pagaragh*/
#paragrapgEvents p {
    text-align: justify;
}

@media (max-width: 767px) {
    #paragrapgEvents p {
        text-align: justify;
      
    }
}



/*This Code Use For Pagaragh*/
#paragrapgEvents1 p {
    text-align: justify;
}

@media (max-width: 767px) {
    #paragrapgEvents1 p {
        text-align: justify;
      
    }
}

/*this css use for justify About us contents*/
.justify-text {
    /*text-align: justify !important;*/
}

    .justify-text li {
        text-align: justify;
    }

@media (max-width: 767px) {
    .justify-text p {
        text-align: justify;
    } 
    
    
    .justify-text_mycss p {
      /*  text-align: justify;*/
        font-size:16px !important;
    }


    .justify-text li a {
        display: block;
        text-align: justify;
    }
}

/*---------end of this css use for justify About us contents*-----------/*/

.aupcoming {
    font-size: 20px;
    padding-top: 20px;
    color: Black;
    font-weight: bold;
    color: black;
    text-align: center;
    border: double;
    margin: auto;
    width: 50%;
    border: 3px solid #ebc33a;
    /*border: 3px solid green;*/
    padding: 10px;
    border-radius: 25px;
    margin-top: 18px;
}
.aupcoming:hover
{
background-color:navajowhite;
}

.moto-text_system_14_my_CssCustom {
    font-weight: 400;
    font-style: normal;
    font-family: 'Open Sans', sans-serif;
    color: #96948f !important;
    font-size: 14px;
    line-height: 1.5;
    letter-spacing: 0px;
}



    .moto-text_system_14_my_Css a {
        color: #96948f;
        text-decoration: none;
        font-weight: 400;
        font-style: normal;
    }

        .moto-text_system_14_my_Css a:hover {
            text-decoration: none;
            font-weight: 400;
            font-style: normal;
            color: #ebc33a;
        }

@media (max-width: 1039px) {
    .moto-text_system_14_my_Css {
        font-size: 14px;
        line-height: 1.5;
        letter-spacing: 0px;
    }
}

@media (max-width: 767px) {
    .moto-text_system_14_my_Css {
        font-size: 14px;
        line-height: 1.5;
        letter-spacing: 0px;
    }
}

@media (max-width: 479px) {
    .moto-text_system_14_my_Css {
        font-size: 13px;
        line-height: 1.4;
        letter-spacing: 0px;
    }
}