@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: auto !important;
        }
    }
    @media (width: 360px){
        .desktop-screen>.event {
            transform: translateY(-124%) !important;
        }
        .event-name span {
            width: auto !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;
        }
    }

	.filters_new {
    float: left;
    display: block;
    margin-right: 0;
    width: 100%;
    box-sizing: border-box;
    height: auto;
    background-color: #eee;
    border-bottom: 1px solid #d1d1d3;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.25);
    margin-top: 0;
    margin-bottom: 20px;
    margin-left: 0;
    padding-bottom: 20px;
    font-family: 'Euclid Circular A', 'regencielight';
    font-weight: 700;
    font-size: 16px;
    position: relative;
    z-index: 0;
}



.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;
}

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

.where1 {
    margin-top: 30px;
    margin-bottom: 30px;
    width: 1280px;
    margin-right: auto;
    margin-left: auto;
}
.filter_text_new {
    float: left;
    margin: 0px;
    position: relative;
  z-index: 2;
}
.filter_select_bg_new {
    float: left;
    margin-right: 1px;
    background-color: #FFFFFF;
    height: 78px;
    padding-top: 25px;
    padding-left: 20px;
    padding-right: 20px;
    text-align: center;
    /* margin-bottom: 2px; */
    /* width: 120px; */
}
.filter_select_bg_new a {
    text-decoration: none;
}
.active_page_name {
    color: #044595;
    background-color: #FFCC00;
    padding-top: 15px;
    padding-right: 25px;
    padding-bottom: 15px;
    padding-left: 25px;
    float: left;
    font-family: 'Euclid Circular A';
    font-weight: 600;
    text-transform: uppercase;
    position: relative;
    z-index: 1;
}
.filter_select {
    color: #5a626c;
    border-top-style: none;
    border-right-style: none;
    border-bottom-style: none;
    border-left-style: none;
    width: 200px;
    text-transform: capitalize;
    font-size: 18px;
}
.filter_select_bg_new:hover {
    background-color: #EAEAEA;
    text-decoration: none;
}
.filters_new {
    padding-bottom:0px; 
    margin-top:10px; 
    background-color:#ef8a18;
}
.where1 {
    margin-top:0; 
    width:1280px; 
    background-color:#ef8a18;
}

        
        @media (max-width: 768px) {
            .filter_text_new {
                display: flex;
                justify-content: center;
                flex-wrap: wrap;
                flex-direction: column;
                width: 50%;
            }
            .blenck-box {
                display: none;
            }
            .where1 {
                display: flex;
                flex-wrap: wrap;
                justify-content: center;
                margin-top: 30px;
                margin-bottom: 1px;
            }
            .filters_new {
                display: flex;
            }
        }


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



    .slider-container {
  position: relative;
  width: 94%;
  margin: 50px auto;
  overflow: hidden;
}

.slider {
  display: flex;
  transition: transform 0.5s ease-in-out;
}

.slide {
  min-width: 100%;
}

.slide-grid {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  justify-content: left;
}

.box {
  width: 299px;
  /*height: 360px;*/
  background: #fff;
  position: relative;
  border: 1px solid #dee2e6;
  cursor: pointer;
}

.box.empty {
  background: transparent;
  border: none;
}

.image-container {
  position: relative;
  /*width: 165px;
  height: 210px;*/
  width:100%;
  hight:auto;
  overflow: hidden;
}

.image-container img {
  /*width: 165px;*/
  width:100%;
  height: 190px;
  /* height: auto; */
  display: block;
}

.hover-view {
  position: absolute;
  bottom: 0;
  /*width: 165px;*/
  width:100%;
  height: 80px;
  background: #00457cc4;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  transition: opacity 0.3s;
}

.image-container:hover .hover-view {
  opacity: 1;
}

.hover-view button {
  background: none;
  border: none;
  color: #fff;
  font-size: 14px;
  cursor: pointer;
}

.text-content {
  padding-left: 10px;
  padding-bottom: 5px;
}

.text-content h3 {
  font-size: 16px;
  margin-bottom: 5px;
}

.text-content p {
  font-size: 16px;
  line-height: 1.2;
  /* color: #aa8961; */
}

.arrow {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  background: #333;
  color: white;
  border: none;
  font-size: 30px;
  width: 40px;
  height: 60px;
  cursor: pointer;
  z-index: 10;
}

.arrow.left {
  left: 0%;
  display: none;
  
}

.arrow.right {
  right: 0%;
   display: none;
}


/* Modal overlay */
.modal {
  display: none;
  position: fixed;
  top: 0; left: 0;
  width: 100vw;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.6);
  justify-content: center;
  align-items: center;
  z-index: 9999;
}

/* Modal box */
.modal-content {
  background: #fff;
  width: 800px;
  max-width: 95%;
  padding: 20px;
  position: relative;
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
  max-height: 90vh;
}

/* Close button */
.modal .close {
  position: absolute;
  /* top: 10px;
  right: 20px; */
  top: -10px;
  right: 7px;
  font-size: 32px;       /* Bigger X icon */
  font-weight: bold;
  cursor: pointer;
  padding: 10px;          /* Bigger clickable area */
  line-height: 1;
  border: none;
  background: none;
  z-index: 10;
}


/* Modal layout (image + text) */
.modal-body {
  display: flex;
  gap: 20px;
  flex: 1;
  overflow-y: auto;
}

/* Sticky Image Container */
.modal-image {
  flex-shrink: 0;
  position: sticky;
  top: 0;
  align-self: flex-start;
}

.modal-image img {
  width: 180px;
  height: auto;
  object-fit: cover;
  display: block;
}

/* Right side text content */
.modal-text {
  flex: 1;
  overflow-y: auto;
  text-align: left;
}

.modal-text h2 {
  margin: 0 0 10px;
  font-size: 22px;
}

.modal-text p {
  font-style: italic;
  margin-bottom: 10px;
}

.modal-bio {
  font-size: 14px;
  line-height: 1.5;
  color: #333;
  padding-right: 10px;
  text-align: left;
  white-space: pre-line; /* preserves line breaks from JS */
}

.close {
  position: absolute;
  right: 20px;
  top: 10px;
  font-size: 24px;
  cursor: pointer;
}

.speakerName {
    /*font-size: 14px;*/
    /*font-family: open sans;*/
    font-weight: 600;
    /*margin: 0px 0px 4px 10px;*/
    padding: 5px 0px 0px 10px;
    line-height: 1.2em;
}

#modalName{
  color: #00457C;
}

@media (max-width: 768px) {
  .slider-container {
    overflow: hidden;
    width: 100%;
    margin: 10px auto;
  }

  .slider {
    display: block;
    transform: none !important;
  }

  .slide {
    min-width: 100%;
    margin-bottom: 20px;
  }

  .slide-grid {
    display: flex;
    gap: 8px;
    /* flex-wrap: wrap; */
    justify-content: center;
    flex-direction: column;
    align-items: center;
  }

  .arrow {
    display: none;
  }
  .empty-box {
    display: none;
  }
  .modal-image {
    display: none;
  }
  .modal-text::-webkit-scrollbar {
    display: none; 
  }
  
  .NewsChannel {
    padding: 0px !important;
  }
  .modal-body {
    padding: 0px !important;
  }
  .image-container img {
    height: 240px;
    width: 299px;
  }
}
footer {
    margin-top: 1%!important;
}

@media (max-width: 376px){
    .box {
      width: 100%!important;
    }
    .image-container img {
      height: auto;
      width: 100%;
    }
}
@media (max-width: 412px){
    .box {
      width: 100%!important;
    }
    .image-container img {
      height: auto!important;;
      width: 100%!important;;
    }
}
@media (max-width: 768px){
    .box {
      /* width: 200px; */
      width: 100% !important;

    }
    .image-container img {
      height: 230px;
      /* width: 200px; */
      width: 100%;
    }
}
@media (width: 360px){
    .box {
        width: 167px;
    }
}
@media (width: 390px){
    .box {
      width: 181px;
    }
    .image-container img {
      height: 217px;
      width: 200px;
    }
}
@media (width: 820px){
    .slider-container {
        width: 100%;
    }
    .slide-grid {
        gap: 7px;
    }
}
@media (width: 912px){
    .slider-container {
        width: 100%;
    }
    .slide-grid {
        gap: 7px;
    }
}
@media (width: 853px){
    .slider-container {
        width: 100%;
    }
    .slide-grid {
        gap: 7px;
    }
}
@media (width: 540px){
    .box {
        width: 252px;
    }
    .image-container img {
        height: 297px;
        /* width: 250px; */
    }
}