@media (max-width: 767px) {
        .support_us_responisve {
            margin-top: -1px;

        }
    }
html, body {
  overflow-x: hidden;
}
    @media only screen and (min-width: 768px) and (max-width: 991px) {

        .nav-ul-menu,
        .margin-1pxadd {
            margin-top: 1px !important;
        }

        .nav-h3-1 {
            top: 1px !important;
        }
    }
    .new_teambox_teamFlag{
        margin-top: 7px !important;
    }

    /* first image css */
    body,
    h2,
    h1 {
        font-family: "GH Guardian Headline", "Guardian Egyptian Web", Georgia, serif !important;
        text-transform: none !important;
    }

    .nav-h3-1 {
        line-height: 1.15 !important;
        top: 0px;
    }

    .mrb-1 {
        margin-bottom: 0px !important;
    }

    @media(max-width: 767px) {
        .support_us_responisve {
            /* margin-top: 2px; */
        }
    }

    .menu {
        float: left;
        /* margin-left: -134px; */
        display: flex;
        /* margin-top: 52px; */
        margin-top: 49px !important;
    }

    .first-img {
        width: 100%;
        height: 300px;
    }

    .event-name span {
        padding: 0px 10px;
        background-color: #4D534A;
        color: #ffe500;
    }

    .event-description {
        width: 91% !important;
    }

    .container-overlay {
        position: relative;
        display: flex;
        align-items: center;
        justify-content: center;
        text-align: left;
        /* Ensure text starts from left */
        color: #fff;
    }

    .first-section-image {
        position: relative;
        width: 100%;
        height: 45vh;
    }

    .first-img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    .event {
        position: absolute;
        top: 50%;
        left: 1%;
        /* Move text to the left */
        /* transform: translateY(-140%); */
        transform: translateY(-128%);
        text-align: left;
        /* Ensures text aligns to the left */
        width: 80%;
        /* Adjust width if needed */
    }

    @media(min-width: 1500px) {
        .event {
            width: 65%;
        }
    }

    h2 {
        margin-bottom: 0rem;
    }

    .event-name span {
        padding: 7px 2px 16px 8px;
        /* background-color: rgba(77, 83, 74, 0.8); */
        color: #ffe500;
        /* font-size: 50px; */
        font-weight: bold;
        display: inline-block;
        width: auto !important;
        font-size: 50px;
    }

    .event-description {
        width: 98% !important;
    }

    .past-event {
        margin-top: 5px;
    }

    .upcoming-event {
        margin: 29.5px 0px;
    }

    .event-description span {
        font-weight: 700;
        background-color: #fff;
        /* White background */
        color: #4d534a;
        font-size: 1.5rem;
        line-height: 2rem;
        padding: 5px 10px;
        /* Left & right padding added */
        display: inline;
        box-decoration-break: clone;
        /* Ensures background wraps only around text */
        -webkit-box-decoration-break: clone;
        /* Safari support */
    }



    /* upcoming event section */
    .upcoming-event-name {
        font-size: 2.5rem;
        font-weight: 700;
    }

    .upcoming-event-name span {
        background-color: #121212;
        color: #ffffff;
        /* padding: 5px; */
        padding: 0px 5px 5px 5px;
    }

    .upcoming-event-description span {
        background-color: #ffffff;
        padding: 5px;
    }

    .upcoming-event-description {
        font-weight: 700;
        font-size: 1.3rem;
        color: #121212;
        /* margin-left: 5px; */
        margin-top: -7px;
        margin-bottom: 60px;
    }

    .img-fluid-upcoming,
    .img-thumbnail,
    .wp-caption img {
        max-width: 100%;
        height: 260px;
    }

    .img-upcoming-description {
        margin: 10px 10px;
    }

    .upcoming-description-name {
        font-weight: 600;
        font-size: 21px;
        margin-bottom: 5px;
    }

    .upcoming-description {
        color: #aa8961;
        font-size: 17px;
        font-weight: 600;
    }

    .upcoming-border {
        border-top: 1px solid #dee2e6;
        margin-top: 10px;
        margin-bottom: 10px;
    }

    .upcoming-time {
        font-style: italic;
        margin-bottom: 0.5rem;
        font-size: 0.9rem;
        color: #999;
    }

    .background {
        transition: transform 0.2s ease-in-out;
        position: relative;
        background-color: #FFFFFF;
        border: 1px solid #e9ecef;
        height: 440px;
    }

    .background:hover {
        transform: translateY(-3px);
        box-shadow: 0 .5rem 1.5rem rgba(0, 0, 0, .05);
        /* box-shadow: 2px 4px 10px rgba(0, 0, 0, 0.05),
                -2px 4px 10px rgba(0, 0, 0, 0.05),
                2px -2px 10px rgba(0, 0, 0, 0.05),
                -2px -2px 10px rgba(0, 0, 0, 0.05); */
        /* Move Up Only */
        /* box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.2); Optional: Shadow Effect */
    }

    .bg-color {
        background-color: #F8F9FA !important;
        /* margin-top: 4px; */
        margin-top: 1px;
    }

    .space-bottom-last {
        padding-bottom: 36px;
    }


    /* past event section */
    .past-event-name {
        font-size: 2.5rem;
        font-weight: 700;
    }

    .past-event-name span {
        background-color: #121212;
        color: #ffffff;
        /* padding: 5px; */
        padding: 0px 5px 5px 5px;
    }

    .past-event-description span {
        background-color: #ffffff;
        padding: 5px;
    }

    .past-event-description {
        font-weight: 700;
        font-size: 1.3rem;
        color: #121212;
        /* margin-left: 5px; */
        margin-top: -7px;
        margin-bottom: 60px;
    }

    .img-fluid,
    .img-thumbnail,
    .wp-caption img {
        max-width: 100%;
        height: 280px;
    }

    .img-past-description {
        margin: 10px 10px;
    }

    .past-description-name {
        font-weight: 600;
        font-size: 21px;
        margin-bottom: 5px;
    }

    .past-description {
        color: #aa8961;
        font-size: 17px;
        font-weight: 600;
    }

    .past-border {
        border-top: 1px solid #dee2e6;
        margin-top: 10px;
        margin-bottom: 10px;
    }

    .past-time {
        font-style: italic;
        margin-bottom: 0.5rem;
        font-size: 0.9rem;
        color: #999;
    }

    .border {
        transition: transform 0.2s ease-in-out;
        position: relative;
        background-color: #FFFFFF;
        border: 1px solid #e9ecef;
        height: 440px;
    }

    .border:hover {
        transform: translateY(-3px);
        box-shadow: 0 .5rem 1.5rem rgba(0, 0, 0, .05);
    }

    .a-tag {
        color: #444444;
    }

    .a-tag:hover {
        color: #444444;
    }

    /* sub menu css */
    .cb-menu {
        background-color: #fff;
        position: relative;
        border-bottom: 1px solid #dcdcdc;
    }

    .cb-menu__wrapper {
        display: flex;
        align-items: flex-start;
        flex-wrap: wrap;
    }

    .cb-subnav {
        line-height: 1;
        list-style-type: none;
        display: flex;
        position: relative;
        z-index: 1;
        margin-right: auto;
    }

    .font-headline {
        font-family: GHGuardianHeadline, Georgia, serif;
    }

    ul {
        list-style: none;
    }

    .cb-subnav__link {
        font-weight: 400;
        color: #121212;
        display: block;
        font-size: 16px;
        height: 43px;
        line-height: 43px;
        padding: 0 7px;
        position: relative;
        white-space: nowrap;
    }

    .cb-subnav__link:hover {
        font-weight: 400;
        color: #121212;
        display: block;
        font-size: 16px;
        height: 43px;
        line-height: 43px;
        padding: 0 7px;
        position: relative;
        white-space: nowrap;
    }

    .space-bottom {
        margin-bottom: 20px;
    }




    .new_teambox_teamFlag {
        float: left;
        margin-right: 10px;
        margin-top: 5px;
    }

    @media (min-width: 767px) {
        .mobile-screen {
            display: none;
        }

    }
    @media (max-width: 1200px){
        .upcoming-event {
        margin-top: 5px !important;
    }
    }
    @media (width: 414px){
        .desktop-screen>.event{
            transform: translateY(-129%) !important;
        }
        .event-name span {
            width: 68% !important;
        }
    }
    @media (width: 430px){
        .desktop-screen>.event {
            transform: translateY(-129%) !important;
        }
        .event-name span {
            width: 65% !important;
        }
    }
    @media (width:412px){
        .desktop-screen>.event {
            transform: translateY(-129%) !important;
        }
        .event-name span {
            width: 68% !important;
        }
    }
    @media (width: 360px){
        .desktop-screen>.event {
            transform: translateY(-124%) !important;
        }
        .event-name span {
            width: 77% !important;
        }
    }
    @media (width: 1024px){
        .event>.event-name span {
            width: 53%;
        }
        .event>.event-description {
            width: 77% !important;
        }
    }
    @media (width: 540px){
        .desktop-screen>.event {
            transform: translateY(-129%) !important;
        }
        .event-name span {
            width: 50% !important;
        }
    }
    @media (width: 344px){
        .desktop-screen>.event {
            transform: translateY(-128%) !important;
        }
        .event-name span {
            width: 82% !important;
        }
    }
    @media (width: 1280px){
        .desktop-screen>.event {
            transform: translateY(-125%) !important;
        }
        .event-name span {
            width: 44% !important;
        }
        .event>.event-description {
            width: 82% !important;
        }
        .event>.event-description span {
            font-size: 23px;
            line-height: 37px;
            padding: 6px;
        }
    }
    @media (max-width: 320px){
        .event-name span {
            font-size: 30px !important;
            width: 88% !important;
        }
        .desktop-screen>.event>.event-description {
            width: 91% !important;
        }
    }
    @media (width: 390px){
        .first-img {
            height: 90% !important;
        }
    }
    @media (max-width: 766px) {
        .desktop-screen {
            .event {
                transform: translateY(-112%);
                position: relative;
                width:100%;
                top: 0px;
                left: 0px;
            }
            .event-name span {
                font-size: 29px;
                height: 46px;
                width: 73%;
                padding: 0px;
                text-align: center;
            }
            .event-description {
                width: 100% !important;
                margin-top: 0px;
            }
            .event-description span {
                font-size: 18px;
                line-height: 31px;
                padding: 5px 7px;
            }
           
        }

        .img-fluid,
        .img-thumbnail,
        .wp-caption img {
            height: 232px;
            width: -webkit-fill-available;
        }

        .upcoming-event {
            margin-top: 2px;
        }

        .upcoming-event-description {
            font-weight: 700;
            font-size: 1rem;
        }

        .past-event-description {
            font-size: 1rem;
        }

        .past-event-name {
            font-size: 1.8rem;
        }

        .upcoming-event-name {
            font-size: 1.8rem;
        }

        .first-img {
            width: -webkit-fill-available;
            /*margin-left: 15px;
            margin-right: 15px;*/
            height: 60%;
        }

        .event-name-mobile {
            margin-top: 10px;
        }

        .event-description span {
            font-weight: 700;
            background-color: #fff;
            color: #4d534a;
            /* font-size: 1rem; */
            font-size: 18px;
            line-height: 1.9rem;
            padding: 0px 6px;
        }

        .event-description {
            width: 98% !important;
            margin-top: 20px;
        }

        .event-name span {
            padding: 0px 5px 5px 5px;
            width: 266px;
            /* width: 71%; */
            font-size: 30px;
        }

        .cb-subnav__link {
            padding: 0px 7px 0px 0px;
        }

        .upcoming-event-description span {
            background-color: #ffffff;
            padding: 5px 5px 5px 7px;
        }

        .past-event-description span {
            background-color: #ffffff;
            padding: 5px 5px 5px 7px;
        }

    }




    .first-section-image {
        height: 45vh;
    }

    .past-event-name {
        font-size: 2rem;
        font-weight: 700;
    }

    .upcoming-event-name {
        font-size: 2rem;
        font-weight: 700;
    }

    .first-img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    .event {
        transform: translateY(-121%);
        left: 2%;
    }

    .event-name span {
        padding: 4px 2px 8px 8px;
        display: inline-block;
        /* width: 412px; */
        width: 71%;
        font-size: 46px;
    }

    .event-description {
        width: 69% !important;
    }

    .event-description span {
        font-size: 22px;
        line-height: 35px;
    }

    @media screen and (min-width: 1531px) {
        .menu {
            margin-top: 49px !important;
        }
    }

    @media only screen and (min-width: 1441px) and (max-width: 1530px) {
        .menu {
            margin-top: 49px !important;
        }
    }

    @media only screen and (min-width: 1441px) and (max-width: 1650px) {

        .menu {
            margin-top: 49px !important;
        }
    }


.image-box {
    width: 90%;
} 

.image-box img {
  width: 100%;
  height: 350px !important;
  object-fit: cover; 
}
.image-effect{
    display: flex;
    justify-content: space-between;
}
.new-box-for-color{
    width: 100%;
}
.new-box-for-color > img {
    width: 100%;
    height: 350px !important;
    object-fit: cover;
}





    @media (max-width: 767px) {
      .for-mobile-remove {
        padding: 0px;
      }
      .border{
        height: 100%;
      }
    }