.tab-content {
				padding: 15px;
			}

			.tab-btn {
				border: 1px solid #ffe500 !important;
				border-radius: 50px;
				margin-bottom: 1rem;
				text-align: center;
				position: relative;
				float: left;
				color: #888888;
				margin-right: 10px;
				font-weight: 400;
				padding-top: 15px;
				padding-right: 20px;
				padding-bottom: 15px;
				padding-left: 20px;
			}

			ul>li.active>.tab-btn {
				color: #000;
				background-color: #ffe500;
			}

			.custom-nav {
				flex-wrap: nowrap;
				align-items: center;
			}

			@media (max-width: 767px) {
				.custom-nav {
					display: flex;
					flex-direction: column;
					padding: 0;
					margin: 0;
				}

				.custom-nav li {
					margin-bottom: 10px;
					display: flex;
					justify-content: center;
				}

				.custom-nav li:nth-child(5) {
					width: 100%;
				}

				.tab-btn {
					width: 100%;
				}
			}

			@media (width: 1280px) {
				.tab-btn {
					align-items: center;
					height: 85px !important;
				}

				.individuals ul li {
					width: 23% !important;
				}
			}

			@media (width: 1454.53px) {
				.tab-btn {
					align-items: center;
					height: 85px !important;
				}
			}

			@media (width: 1066.67px) {
				.tab-btn {
					align-items: center;
					height: 85px !important;
				}
			}

			@media (width: 768px) {
				.custom-nav {
					flex-direction: row;
					align-items: stretch !important;
				}

				.gap-10 {
					flex-wrap: wrap;
				}

				.tab-btn {
					align-items: center;
				}
			}

			@media (width: 820px) {
				.custom-nav {
					flex-direction: row;
					align-items: stretch !important;
				}

				.gap-10 {
					flex-wrap: wrap;
				}

				.tab-btn {
					align-items: center;
				}
			}

			@media (width: 853px) {
				.custom-nav {
					flex-direction: row;
					align-items: stretch !important;
				}

				.tab-btn {
					align-items: center;
				}

				.gap-10 {
					flex-wrap: wrap;
				}

				.supporter_box {
					width: 32.8% !important;
				}

				.individuals ul li {
					width: 47% !important;
				}
			}

			@media (width: 912px) {
				.custom-nav {
					flex-direction: row;
					align-items: stretch !important;
				}

				.gap-10 {
					flex-wrap: wrap;
				}

				.supporter_box {
					width: 32.8% !important;
				}

				.individuals ul li {
					width: 47% !important;
				}

				.tab-btn {
					align-items: center;
				}
			}

			@media (width: 1024px) {
				.supporter_box {
					width: 24.8% !important;
				}

				.individuals ul li {
					width: 31% !important;
				}

				.tab-btn {
					height: 83px;
					align-items: center;
					display: flex;
				}
			}

			@media (width: 768px) {
				.individuals ul li {
					width: 47% !important;
				}
			}

			@media (max-width: 767px) {
				.individuals ul li {
					display: flex !important;
					justify-content: center;
					flex-direction: column;
					width: 100% !important;
				}
			}

			@media (width: 768px) {
				.supporter_box {
					width: 32.8% !important;
				}
			}

			@media (max-width: 767px) {
				.supporter_box {
					width: 100% !important;
				}
			}

			.h3 {
				margin-bottom: 30px;
				font-size: 20px;
				border-bottom-width: 2px;
				border-bottom-style: solid;
				border-bottom-color: #ffe500;
				padding-bottom: 20px;
				color: #000000;
				font-weight: bold;
				text-transform: none !important;
			}

			.supporter_box {
				padding-left: 15px;
				padding-right: 15px;
				width: 21.8%;
				font-family: Alright Condensed Black, sans-serif;
				float: left;
				margin-bottom: 30px;
			}

			.individuals ul {
				padding: 0;
				list-style-type: none;
				margin: 0;
				padding-left: 15px;
			}

			.individuals ul li {
				margin: 0;
				border-bottom-width: 1px;
				border-bottom-style: dotted;
				border-bottom-color: #999999;
				padding-top: 10px;
				padding-right: 0;
				padding-bottom: 10px;
				background-size: contain;
				padding-left: 38px;
				background-image: url(area/aroow-right-side.png);
				background-repeat: no-repeat;
				background-position: left center;
				width: 20%;
				display: inline-block;
				margin-right: 12px;
				line-height: normal !important;
			}

			.gap-10 {
				display: flex;
				gap: 20px;
			}




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

		.where1 {
				margin-top: 30px;
				margin-bottom: 30px;
				/* width: 1280px; */
				margin-right: auto;
				margin-left: auto;
			}

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

			.filter_select_bg_new a {
				text-decoration: none;
			}

			.filter_select_bg_new:hover {
				background-color: #EAEAEA;
				text-decoration: none;
			}

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

			.bg-color {
				background-color: #F8F9FA !important;
				margin-top: 1px;
			}
			.active-div-nav-manu {
				background-color: #EAEAEA;
    			text-decoration: none;
			}
		
        .filters_new {
        	padding-bottom:0px; 
        	margin-top:10px; 
        	background-color:#ef8a18;
			position: relative;
  			z-index: 0;
        }
        .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; */
            }
        } 
		html, body {
		overflow-x: hidden; /* prevents sideways scroll and overlap issues */
		}



	/*90%*/
	@media (width: 1777.79px) {
		.nav-ul-menu {
			margin-top: 1px;
		}
	}

	/*75%*/
	@media (width: 2133.32px) {
		.nav-h3-1 {
			line-height: 1.08;
			top: 5px !important;
		}
	}

	/*67%*/
	@media (width: 2400px) {
		.nav-h3-1 {
			top: 4px !important;
		}
	}

	/*110%*/
	@media (width: 1454.53px) {
		.nav-h3-1 {
			line-height: 1;
			top: 4px !important;
		}
	}

	/*125%*/
	@media (width: 1280px) {

		/*.menu>.button_top>a {
			display: flex;
		}*/
		.nav-h3-1 {
			line-height: 1.06;
			top: 4px !important;
		}
	}

	/*133%*/
	@media (width: 1199.99px) {
		.menu>.button_top>a {
			display: flex;
		}

		.nav-h3-1 {
			top: 4px !important;
		}
	}

	/*140%*/
	@media (width: 1142.86px) {
		.menu>.button_top>a {
			display: flex;
		}

		.nav-h3-1 {
			top: 5px !important;
		}
	}

	/*150%*/
	@media (width: 1066.67px) {
		.menu>.button_top>a {
			display: flex;
		}

		.nav-h3-1 {
			top: 5px !important;
		}
	}

	.btn_yellow1>.fa-arrow-right {
		margin-left: 9.5px;
		/* font-size: 15px; */
	}

	.primary-heading {
		margin-left: 0px;
	}


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

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

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

        .first-img {
            width: -webkit-fill-available;

        }

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

        @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: 15px;
                    line-height: 26px;
                    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;

            }

            .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: 100% !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;
            }

        }

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

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

        .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;
            text-transform: none !important;
        }

        .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: 100% !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 */
        }

        @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: 56% !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%;
                font-size: 37px !important;
            }

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

            .event-description span {
                font-size: 17px !important;
                line-height: 30px !important;
            }
        }

        @media (width: 540px) {
            .desktop-screen>.event {
                transform: translateY(-129%) !important;
            }

            .event-name span {
                width: 45% !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: 40% !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: 79% !important;
            }

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

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

        @media (width: 390px) {
            .first-img {
                height: 90% !important;
            }
        }

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

        .event-name span {
            padding: 4px 2px 8px 8px;
            display: inline-block;
            font-family: "GH Guardian Headline", "Guardian Egyptian Web", Georgia, serif !important;
            width: 71%;
            font-size: 46px;
        }

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

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

        @media (width: 1280px) {
            .event>.event-description span {
                font-size: 18px;
                line-height: 33px;
                padding: 6px;
            }
        }

        @media (width: 1066.67px) {
            .event-name span {
                line-height: 1;
                font-size: 33px;
            }

            .event>.event-description span {
                font-size: 18px;
                line-height: 27px;
            }
        }