*{
    padding: 0;
    margin: 0;

}
:root{
    --orange_clr:#FBBA15;
    --black_clr:#111;
    --text_clr:#333;
    --gray_clr:#8C98A4;
    --white_clr:#fff;
}
@font-face {font-family: 'Segoe_UI_Regular';src: url('/website/assets/fonts/Segoe UI/Segoe UI.ttf');}
@font-face {font-family: 'Segoe_UI_Bold';src: url('/website/assets/fonts/Segoe UI/Segoe UI Bold.ttf');}

h1{font-size:64px;font-family: 'Segoe_UI_Bold';color:var(--black_clr);line-height: 79px;letter-spacing: -1.169px;margin:0}
h2{color:var(--black_clr);font-family: 'Segoe_UI_Bold';font-size:58px;line-height: 63px;letter-spacing: -1.169px;margin:0}
h3{color:var(--black_clr);font-family: 'Segoe_UI_Bold';line-height: 36px;font-size:31px;letter-spacing:-0.65px ;margin:0}
h4{color:var(--text_clr);font-family: 'Segoe_UI_Bold';line-height: 31px;font-size:24px;margin:0}
h5{color:var(--text_clr);font-size:20px; font-family: 'Segoe_UI_Regular';line-height:32px;margin:0}
p{color:var(--text_clr);font-size:16px;font-family: 'Segoe_UI_Regular';margin:0}

.btn_yellow{border-radius: 6px;background: var(--orange_clr);padding:10px;height: 53px;border:none;}
.btn_main{color:var(--white_clr);font-family: 'Segoe_UI_Regular';line-height: 16px;font-size:20px;}
.btn_transparent{color:var(--orange_clr);border:1px solid var(--orange_clr);padding:4px 18px;background: var(--white_clr);border-radius: 4px;height: 40px;line-height: 22px;background: linear-gradient(#fc0 0 0) no-repeat calc(200% - var(--p, 0%))100% / 200% var(--p, 0.2em);transition: 0.3s var(--t, 0s),background-position 0.3s calc(0.3s - var(--t, 0s));}
img{width: 100%;height:100%}
.btn_black {border: none;background: var(--text_clr);padding: 16px 48px;border-radius: 8px;color: var(--orange_clr);font-size: 14px;line-height: 21px;cursor: pointer;transition: all 0.3s ease;box-shadow: 0 0 0 rgba(0, 0, 0, 0); }
.btn_black:hover {color: var(--black_clr);background: var(--orange_clr);box-shadow: 0 8px 20px rgba(255, 165, 0, 0.4);transform: translateY(-2px);border:1px solid var(--black_clr)}
.btn_transparent:hover {--p: 100%;--t: 0.2s;color: #fff;}
.form-control:focus{    border: 1px solid #DBDADE;box-shadow:none}
.form-control:disabled{background-color:transparent}

.txt_field:has(.span_field) {display:flex;column-gap:20px;border-radius: 8px;border: 1px solid #DBDADE;background:#FBBA15;align-items:center;padding-left:14px;overflow: hidden;}
.txt_field:has(.span_field) label {margin: 0;color: #FFF;font-weight: 500;letter-spacing: 0.5px;max-width: 100px;width: 100%;}
.txt_field .span_field{background:white;padding:14px;width:100%; border-left: 1px solid #000;position: relative}
.txt_field .span_field p{position:absolute;top:13px;left:4px;color:#a9a8aa}

/*Header*/
.top_header_adds_banner {width: 100%;height: 120px;}
.top_header_adds_banner img{ object-fit: cover; background-position: center center;}
.top_header .custom_justify {display: flex;justify-content: space-between;align-items: center;border-bottom:1px solid var(--black_clr);padding-bottom:5px;flex-wrap:wrap}
.top_header .social_icons {display: flex;gap: 12px;align-items: center;}
.top_header .top_right_header {display: flex;align-items: center;gap: 15px;padding-right: 15px;}
.top_header .social_icons .image_container{width: 25px;height: 25px}
.top_header .social_icons .image_container img{object-fit: cover}
.top_header .site_logo .logo{width:167px;height:92px}
.top_header .site_logo .logo img{object-fit:contain}
.top_header .top_right_header .contact_us_button .btn_main.btn_yellow{text-decoration:none;font-size:16px;padding:10px 18px}
.top_header .top_right_header .filter_icon .dropdown .filter_tabs_toggle,.top_header .top_right_header .top_header_search .search_blogs_button{border:none;padding:0}
.toggle_button_resp{display: none}
.top_header .filter_icon .dropdown button.dropdown-item:hover, .top_header .filter_icon .dropdown button.dropdown-item:active {background:var(--orange_clr)}
.top_header .filter_icon .dropdown .dropdown-menu{max-height: 300px;overflow-y:scroll;}
.top_header .top_right_header  .top_header_search {display:flex;align-items:center;gap:10px}


.navbar{padding:24px 0px 0px 0px}
.navbar  .navbar-nav .nav-item .nav-link,.footer ul.nav.footer-links  li a{text-decoration: none;text-transform:uppercase;color:var(--black_clr);font-family: 'Segoe_UI_Regular';line-height:18px;letter-spacing:-0.18px;font-size:18px;padding:0}
.navbar  .navbar-nav,.footer ul.nav.footer-links  {justify-content: space-between}
.navbar .navbar-nav .nav-item.active .nav-link{color:var(--orange_clr);font-weight:700}
.navbar  .navbar-nav{width:100%}
.navbar-collapse { z-index: 2;}
.navbar .navbar-nav .nav-item .nav-link,.footer ul.nav.footer-links li a {position: relative;text-decoration: none; }
.navbar .navbar-nav .nav-item .nav-link::after,.footer ul.nav.footer-links li a::after {content: '';position: absolute;bottom: -5px;left: 0;height: 3px;width: 0%;background-color: var(--orange_clr);transition: width 0.3s ease;}
.navbar .navbar-nav .nav-item .nav-link:hover::after,.footer ul.nav.footer-links li a:hover::after {width: 100%;}

    /*footer*/
.footer-logo {width: 123px;height: 68px;margin: auto;}
.footer .sub_footer{text-align: center;padding:32px 0px 55px}
.footer ul.nav.footer-links {padding: 32px 0px;border-bottom: 1px solid var(--orange_clr);}
.footer-logo img {object-fit: contain;}


/*hero section*/
.hero_section .section_one_left {height: 850px;overflow-y: auto;}
.hero_section .section_one_left_recent_blogs {height: 520px;overflow-y: auto;}
.hero_section{margin-top:30px;min-height:1230px;padding-bottom:80px}
.hero_section .blog_post_left.first_left_blog{margin:0}
.hero_section .blog_post_left {display: flex;align-items: center;gap: 24px;padding-bottom:24px;border-bottom: 1px solid #CFCFCF;margin-top:24px;justify-content:space-between}
.hero_section .blog_image .image_container {width:105px;height:105px;border-radius:5px;overflow:hidden}
.hero_section .blog_image .image_container img{object-fit:cover}
.hero_section .blog_author .image_container, .square_add_text_center .blog_author .image_container {width:25px; height:25px;border-radius:50%;overflow:hidden}
.hero_section .blog_author .image_container  img, .square_add_text_center .blog_author .image_container  img {object-fit:contain}
.hero_section .blog_post_left .blog_details h6{color:var(--black_clr);font-family: 'Segoe_UI_Bold';font-size:16px;line-height:21px;letter-spacing:-0.32px;margin:0;max-width:70%}
.hero_section .blog_post_left .blog_details .blog_time {display:flex;align-items:center;gap:20px;margin:10px 0px 12px}
.hero_section .blog_post_left .blog_details .blog_time p{font-size:12px;color:var(--black_clr)}
.hero_section   .blog_author, .square_add_text_center .blog_author{display:flex;align-items:center;gap:5px}
.hero_section  .blog_author p, .square_add_text_center .blog_author p{font-size:12px;font-family: 'Segoe_UI_Bold';}
.hero_section .hero_section_main_image_banner .banner_image{height:500px;border-radius:10px;overflow:hidden;border:1px solid #e0e0e0}
.hero_section .hero_section_main_image_banner .banner_image img{object-fit:cover}
.hero_section .hero_section_main_image_banner .banner_image video{width:100%;height:100%;object-fit: cover}
.hero_section .blog_post_right .technology_image .image_container {height:200px;border-radius:10px;overflow:hidden}
.hero_section .blog_post_right .image_container img{object-fit:cover}
.hero_section .blog_post_right h5{font-family: 'Segoe_UI_Bold';line-height: 22px;}
.hero_section .blog_post_right p{margin:13px 0px}
.hero_section  .readmore_button, .square_add_text_center .readmore_button{margin-top:25px}
.hero_section .blog_post_left:last-child{border:0}
.hero_section .hero_section_banner_left.custom_square_banner .image_container{height:270px;border-radius: 10px;overflow:hidden}
.hero_section .hero_section_main_image_banner .hero_center_content{margin-top:40px}
.hero_section .custom_add_banner .image_container{height:270px}
.hero_section .custom_add_banner .image_container img{width:100%;height:100%;object-fit: cover}
.hero_section .hero_section_banner_left.custom_square_banner{margin-top: 20px}
.hero_section .section_one_right {height: 520px;overflow-y: auto;}
.custom_scroll::-webkit-scrollbar {width: 8px;background-color: #F5F5F5;border-radius: 8px; display: none;}
.custom_scroll::-webkit-scrollbar-thumb {background-color: var(--orange_clr);border-radius: 8px;border: 2px solid #F5F5F5; display: none;}
.custom_scroll::-webkit-scrollbar-thumb {transition: background-color 0.3s ease;}


.hero_section .blog_post_right {height: 850px;overflow-y: auto;}
.hero_section .blog_post_right .section_one_right .section_one_right_single_blog{margin-top:24px}
    /*.square_add_text_center{padding-top:40px }*/
/*.square_add_text_center .hero_center_content p{margin:16px 0px 12px}*/
/*.custom_square_banner .image_container {height:270px;border-radius:10px;overflow:hidden}*/
/*.custom_square_banner .image_container img{object-fit:cover}*/



.stories_banner .stories_inbox_content .banner_user_image .image_container{width:37px;height:37px;border-radius:50%;overflow:hidden}
.stories_banner .stories_inbox_content .banner_user_image .image_container img{object-fit:cover}
.stories_banner .stories_inbox_content .banner_user_image {display:flex;align-items:center;gap:10px;justify-content:center;margin-top:50px}
.stories_banner .stories_inbox_content .banner_user_image  h6{margin:0}
.stories_banner {background:var(--orange_clr);position:relative;padding:60px 0px;overflow: hidden;margin-bottom:100px}
.stories_banner:after{content:"";background-image:url('/website/assets/images/banner_vector.png');width:30%;height: 30%;position:absolute;right: 0px;bottom: -40px;display:block;background-repeat: no-repeat;background-size: cover;}
.stories_banner:before{content:" ";background-image:url('/website/assets/images/banner_vector.png');width:30%;height:30%;position:absolute;top:-30px;left:-70px;display:block;background-repeat: no-repeat;background-size: cover}
.stories_banner .stories_inbox_content{max-width:60%;margin:auto;text-align:center}
.stories_banner .stories_inbox_content h2{font-size:54px;line-height:58px;letter-spacing:-1.169px;}
.stories_banner .stories_inbox_content .email_wrapper {display:flex;justify-content:center;gap:10px;margin:32px 0px 38px}
.stories_banner .stories_inbox_content .email_wrapper .txt_field input{height:56px;background:var(--white_clr);border-radius:5px;padding:18px 160px 18px 23px;color:#5A7184;font-family: 'Segoe_UI_Regular';font-size:16px;}
.get_started_btn {border:2px solid var(--white_clr);border-radius:4px;background:none;padding:0px 37px;color:var(--white_clr);font-size:18px}
.stories_banner .stories_inbox_content p{max-width:60%;margin:auto}

.blog_post_wrapper {margin-top:80px;padding-bottom: 80px }
.blog_post_wrapper .add_blogs_container {height:2890px;overflow-y:auto}
.blog_post_wrapper .blog_post_content {padding-top:24px;border-top:1px solid var(--black_clr)}
.blog_post_wrapper .blog_post_content  .single_blog_post .image_container{width:318px;height:237px;border-radius:10px;overflow:hidden}
.blog_post_wrapper .blog_post_content  .single_blog_post .image_container img{object-fit:cover}
.blog_post_wrapper .blog_post_content  .single_blog_post {display:flex;align-items:center;gap:24px;padding-bottom: 24px;border-bottom: 1px solid #CFCFCF;}
.blog_post_wrapper .blog_post_content  .single_blog_post:not(:first-child){margin-top:32px}
.blog_post_wrapper .blog_post_content  .single_blog_post .blog_content p{margin:10px 0px 10px}
.blog_post_wrapper .blog_post_content  .single_blog_post .blog_content  h6{font-size:18px;color:var(--black_clr);}
.blog_post_wrapper .blog_post_content  .single_blog_post .blog_content span{font-size:12px}
.blog_post_wrapper .blog_post_content  .blog_adds_wrapper {display:flex;flex-direction:column;height:95%;gap:100px}
.blog_post_wrapper .blog_post_content  .blog_adds_wrapper .image_container{height:640px}
.blog_post_wrapper .blog_post_content  .blog_adds_wrapper .image_container img{object-fit:cover}
.blog_post_wrapper .blog_post_content   .read_more_button .btn_yellow{padding: 5px 35px;transition: transform 0.3s ease, background-color 0.3s ease;}
.blog_post_wrapper .blog_post_content   .read_more_button{margin:50px 0px 70px}
.blog_post_wrapper .blog_post_content .read_more_button .btn_yellow:hover{transform:scale(1.05);background: white;color:var(--orange_clr);border: 1px solid var(--orange_clr)}
.blog_post_wrapper .blog_post_content .single_blog_post .image_container video{width:100%;height:100%;object-fit: cover}


.blog_tabs nav {max-width: 60%;margin: auto;border:0}
.blog_tabs nav .nav {justify-content: center;gap: 40px;border: 0;}
.blog_tabs {background: var(--black_clr);padding: 47px 0px}
.blog_tabs nav .nav .nav-link.active {background: var(--orange_clr);border: 1px solid var(--white_clr);border-radius: 5px;color: var(--white_clr);}
.blog_tabs nav .nav .nav-link {padding: 5px 20px;height: 50px;font-size: 25px;line-height: 26px;font-family: 'Segoe_UI_Regular';color: var(--orange_clr);border: 1px solid var(--orange_clr);border-radius: 5px;}
.blog_tabs nav .nav .nav-link {transition: transform 0.3s ease, background-color 0.3s ease;}
.blog_tabs nav .nav .nav-link:hover {transform: scale(1.05);background-color: var(--orange_clr);color:white;border:1px solid white}

/* Blog Detail Page*/
.blog_detail_page .blog_detail_main_wrapper{height: 4200px;overflow-y: auto}
.blog_detail_page .blog_detail_add_right .image_container:first-child{height:466px}
.blog_detail_page .blog_detail_add_right .right_blogs .image_container{height:600px}
.blog_detail_page .blog_detail_add_left .left_blogs {display:flex;flex-direction:column;row-gap:600px;padding-top: 600px;}
.blog_detail_page .blog_detail_add_right .right_blogs {display:flex;flex-direction:column;row-gap:600px;padding-bottom: 600px}
.blog_detail_page .blog_post_wrapper .blog_post_content .tab-content a:has(.single_blog_post){text-decoration:none;color:black}
.blog_detail_page .blog_detail_main_heading {margin:60px 0px 30px}
.blog_detail_page .blog_detail_main_heading p{padding-bottom:10px}
.blog_detail_page .blog_detail_main_heading {margin:60px 0px 30px}
.blog_detail_page .blog_detail_main_heading p{padding-bottom:10px}
.blog_detail_page .blog_detail_add_left .image_container{height:600px}
.blog_detail_page .blog_detail_add_left .image_container img{object-fit:fill}
.blog_detail_page .blog_detail_add_left {display:flex;flex-direction:column;height:100%}
.blog_detail_page .blog_detail_main_wrapper .liberty_statue .image_container{height:466px;border-radius:10px;overflow:hidden}
.blog_detail_page .blog_detail_main_wrapper .liberty_statue .image_container img{object-fit:cover}
.blog_detail_page .blog_detail_main_wrapper .blog_detail_content .publisher .blog_author{width:60px;height:60px;border-radius:5px;overflow:hidden}
.blog_detail_page .blog_detail_main_wrapper .blog_detail_content .publisher .blog_author img{object-fit:cover}
.blog_detail_page .blog_detail_main_wrapper .blog_detail_content .publisher{display:flex;align-items:center;gap:18px;max-width:35%;padding-bottom: 27px;border-bottom: 1px solid #CFCFCF;margin-top:40px}
.blog_detail_page .blog_detail_main_wrapper .blog_detail_content .publisher h6{margin:0}
.blog_detail_page .blog_detail_main_wrapper .blog_detail_content .publisher p{font-size:13px}
.blog_detail_page .blog_detail_main_wrapper .blog_detail_content  .publisher_para{padding:40px 0px 50px}
.blog_detail_page .blog_detail_main_wrapper .blog_detail_content  .blog_detail_custom_text:last-child {padding-bottom:50px;}
.blog_detail_page .blog_detail_main_wrapper .blog_detail_content .blog_inside_add .image_container{height:166px;margin-bottom:50px}
.blog_detail_page .blog_detail_main_wrapper .blog_detail_content .blog_inside_add .image_container img{object-fit:cover}
.blog_detail_page .blog_detail_main_wrapper .blog_detail_content .blog_detail_custom_text .blog_heading{font-family: 'Segoe_UI_Bold';margin:24px 0px 15px}
.blog_detail_page .blog_detail_add_right .image_container img{object-fit:cover}
.blog_detail_page .blog_detail_add_right{display:flex;flex-direction:column;height:100%;gap:100px}

.blog_comments .blog_post_comments .user_comment{display: flex;flex-direction: column;gap: 15px}
.blog_comments .blog_post_comments .user_comment .add_comment .blog_author_info .reply_text{display: flex;flex-direction: column;gap: 10px}
.blog_comments  .reply_sender .user_image{width:25px;height:25px;border-radius:50%;overflow:hidden}
.blog_comments .reply_sender{display:flex;align-items:center;gap:10px}
.blog_comments .reply_sender h6{font-size:12px}
.blog_comments  .reply_sender p{font-size:10px }
.blog_comments .blog_detail_conversation{border-top:1px solid var(--black_clr);padding-top: 80px;}
.blog_comments .blog_post_comments .login_signup_button{display: flex;justify-content: end;gap:10px;padding: 30px 10px 0px 0px;align-items: center}
.blog_comments .blog_post_comments .login_signup_button a{color:var(--text-clr);text-decoration:none}
.blog_comments .blog_detail_conversation .publisher .blog_author{width:80px;height:80px;border-radius:5px;overflow:hidden}
.blog_comments .blog_detail_conversation .publisher .blog_author img{object-fit:cover}
.blog_comments .blog_detail_conversation .publisher{display:flex;gap:24px;align-items:center;margin:0px 0px 50px}
.blog_comments .blog_detail_conversation .publisher h6{margin:0}
.blog_comments .blog_detail_conversation .publisher .blog_author_info a{color:var(--black_clr)}
.blog_comments .blog_post_comments h6.conversation_title{font-size:24px;color:#373E44;font-family: 'Segoe_UI_Bold';padding-bottom:10px;border-bottom: 1px solid #E3E3E3;}
.blog_comments .blog_post_comments .comment_input_field input{border-radius: 4px;background: #FFF;box-shadow: 0px 0px 0px 1px rgba(7, 7, 7, 0.20);padding:12px 20px;margin-top:7px}
.blog_comments .blog_post_comments .comment_input_field input::placeholder{color:var(--black_clr);font-size:16px;font-family: 'Segoe_UI_Regular';}
.blog_comments .blog_post_comments select{border:none;color:#8C98A4;font-size:13px;font-family: 'Segoe_UI_Regular';margin:32px 0px 13px;}
.blog_comments .user_comment .add_comment .image_container{width:40px;height:40px;border-radius:50%;overflow:hidden}
.blog_comments .user_comment .add_comment .image_container img{object-fit:cover;}
.blog_comments .user_comment .add_comment{display:flex;align-items:start;gap:12px;padding-bottom: 20px;border-bottom: 1px solid #E3E3E3;}
.blog_comments .user_comment .add_comment .blog_author_info h6{margin:0}
.blog_comments .user_comment .add_comment .blog_author_info  p {font-size:14px}
.blog_comments .user_comment .add_comment .blog_author_info span{font-size:13px;color:#8C98A4}
.blog_comments .user_comment .add_comment .blog_author_info  .reply_comment{color:var(--orange_clr);text-decoration:none}
.blog_comments .comment_reply_time {display:flex;align-items:center;gap:15px}
.blog_comments .comment_add_banner .image_container {height:250px}
.blog_comments .comment_add_banner .image_container img{object-fit:cover;object-position: top}
.blog_comments .comment_add_banner  p{font-size:12px;color:#555;line-height:22px;margin-top:5px}
.blog_comments {margin:15px 0px 60px}
.blog_comments .user_comment .reply_message {display: flex;gap: 10px;align-items: center;margin-top:10px}
.blog_comments .user_comment .reply_message  input{height: 53px}

/*Event Single Page Css Starts Here*/
.hero_section .image_field:hover img {transform: scale(1.05);cursor:pointer}
.local_event_section_main .event_content_wrapper {display: flex; row-gap: 10px; padding: 40px 0; flex-direction: column;}
.local_event_section_main .event_content_wrapper .event_date_wrapper {display: flex; align-items: center; justify-content: space-between;}
.hero_section.local_event_section_main .row.custom_row {row-gap: 20px; padding-block: 40px;}
.local_event_section_main .image_field {width:250px;height:200px;border-radius:10px;overflow:hidden}
/**/

/*EVent Listing*/
.local_event_page {background: var(--orange_clr);padding: 100px 0px;position: relative;margin-top:100px}
.local_event_page .local_event_main_image .image_container {height: 508px;border-radius: 15px;overflow: hidden}
.local_event_page .local_event_main_image .image_container img {object-fit: cover;object-position: top}
.local_event_page:after {content: "";background-image: url('/website/assets/images/banner_vector.png');width: 35%;height: 20%;position: absolute;right: 0px;bottom: -40px;display: block;background-repeat: no-repeat;background-size: cover;}
.local_event_page:before {content: " ";background-image: url('/website/assets/images/banner_vector.png');width: 35%;height: 25%;position: absolute;top: -30px;left: 0px;display: block;background-repeat: no-repeat;background-size: cover}
.local_event_page  .discover_event {max-width: 75%;margin: auto;}
.local_event_page  .discover_event .event__buttons{display: flex;align-items: center;gap:24px}
.local_event_page .discover_event p{margin:16px 0px 24px}
.local_event_page .custom_row_alignment{align-items: center}


.event_listing .noDataMessage{text-align: center}
.event_listing {padding:100px 0px}
.advance_filters {border: 1px solid #ddd;border-radius: 8px;padding: 20px;margin: 20px auto;box-shadow: 0 4px 10px rgb(0 0 0 / 0.1);color: #333;user-select: none;max-width:61%}
.advance_filters h5.fw-bold {margin-bottom: 15px;color: #222;border-bottom: 2px solid #f5c518; padding-bottom: 6px;}
.advance_filters .form-check {margin-bottom: 12px;}
.advance_filters .form-check-input {width: 18px;height: 18px;margin-right: 10px;cursor: pointer;accent-color: #f5c518; transition: accent-color 0.3s ease;}
.advance_filters .form-check-input:hover {accent-color: #ddb81f;}
.advance_filters .form-check-label {cursor: pointer;font-size: 1rem;line-height: 1.4;user-select: text;}
.advance_filters .d-flex.gap-2 {gap: 12px;}
.advance_filters input[type="date"] {flex: 1;padding: 8px 12px;font-size: 1rem;border-radius: 5px;border: 1px solid #ccc;transition: border-color 0.3s ease;}
.advance_filters input[type="date"]:focus {outline: none;border-color: #f5c518;box-shadow: 0 0 5px rgba(245, 197, 24, 0.5);}
.event_listing .custom_row {row-gap: 60px;}
.event_listing  .events_cards:has(.single_event){text-decoration:none}
.event_listing .single_event {border:1px solid #9D9D9D;border-radius:10px;overflow: hidden;   transition: transform 0.3s ease, box-shadow 0.3s ease; height:100%}
.event_listing .single_event .event_details{padding:30px 12px 12px 12px}
.event_listing .single_event:hover {transform: translateY(-5px);box-shadow: 0 6px 12px rgba(0, 0, 0, 0.15);}
.event_listing  .filter_listing {max-width:60%; margin:auto; display:flex; gap:20px;}
.event_listing  .filter_listing input{padding:12px 20px;height:48px;border-radius: 6px;border: 1px solid #9D9D9D;background: #FFF;box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.08);}
.event_listing  .filter_listing .search_filter_button{box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.08);}
.event_listing .single_event .image_container{height:300px;overflow:hidden}
.event_listing .single_event .image_container img{object-fit:cover;object-position: top}
.event_listing .single_event .event_details .event_short_detail h6{margin:0;font-size:13px;text-transform:uppercase;color:var(--text_clr);line-height:18px;font-family: 'Segoe_UI_Bold';margin-bottom:10px}
.event_listing .single_event .event_details .event_short_detail .event_timing{color:#999999;font-size:13px;font-weight:500;line-height:20px}
.event_listing .single_event .event_details h4{margin:20px 0px;max-width:85%}
.event_listing .single_event .event_details .readmore{margin-top:20px}
.event_listing .single_event .event_details .readmore .readmore_event{color:var(--orange_clr);font-size:18px;line-height:27px}
.event_listing .single_event .event_details .event_short_detail{display:flex;align-items:center;gap:18px}
.event_listing .single_event .event_details .event_short_detail h6{margin:0}
.event_listing  .text_limit {overflow: hidden;display: -webkit-box;-webkit-line-clamp: 3;line-clamp: 2;-webkit-box-orient: vertical;}

.hero_background {padding:160px 0px;text-align:center;margin:60px 0px}
.hero_background h2{color:var(--white_clr);font-size:40px;line-height:86px}

.about_us_hero_section{background-position: center !important;background-repeat:no-repeat;background: linear-gradient(0deg, rgba(0, 0, 0, 0.70) 0%, rgba(0, 0, 0, 0.70) 100%), url('/website/assets/images/about_bg.png');background-size:cover;width:100%;height:100%;}
.public_notice_hero_section{background-position: center !important;background-repeat:no-repeat;background: linear-gradient(0deg, rgba(0, 0, 0, 0.70) 0%, rgba(0, 0, 0, 0.70) 100%), url('/website/assets/images/notice_hero.png');background-size:cover;width:100%;height:100%;}

.about_us .about_us_content .about_us_wrapper h3{margin-bottom:10px}
.about_us .about_us_content .about_us_wrapper{margin-bottom:40px}
.about_us .about_us_content .about_us_wrapper:last-child{margin-bottom:80px}

.public_notice .single_notice_wrapper{padding:12px;border-radius:8px;border:1px solid #DBDADE}
.public_notice .single_notice_wrapper p{margin:8px 0px}
.public_notice .single_notice_wrapper h5{font-family: 'Segoe_UI_Bold';}
.public_notice .single_notice_wrapper .image_container {height:150px;border-radius:10px;overflow:hidden}
.public_notice .single_notice_wrapper .image_container img{object-fit:cover}
.public_notice .custom_row{row-gap: 60px}
.public_notice .explore_all_button {text-align:center;margin-bottom:80px}
.public_notice .explore_all_button .btn_main.btn_yellow{padding:5px 18px}


/*dropzone css multiple image upload*/
.custom_drop_zone .dropzone .dz-preview .dz-details .dz-filename { overflow: hidden;  display: -webkit-box;  -webkit-line-clamp: 2;  -webkit-box-orient: vertical;  text-overflow: unset;  white-space: unset; }
.custom_drop_zone .dz-button{margin:auto;}
.custom_drop_zone .dropzone.dz-clickable{border-radius: 10px;border: 1px dashed #c3c3c3;background: #fff;padding:12px;}
.custom_drop_zone .dz-button i{color: #4A4A4A;font-size: 16px;}
.custom_drop_zone .dz-preview img{width:100%;height:100%;object-fit:cover;}
.custom_drop_zone .dz-preview .dz-error-mark{display:none !important;}
.custom_drop_zone .dropzone .dz-preview .dz-remove{z-index:999;}
.custom_drop_zone .dropzone.dz-clickable.dz-started .dz-error-message{display:none;}
.custom_drop_zone .dropzone .dz-button h5{color: #4A4A4A;font-family: 'Segoe_UI_Regular';font-size: 16px;font-weight: 400;margin-top:10px;}
.select_mark_completed.btn_orange{padding:0px;}
.select_mark_completed span{padding:0px 10px;}
/**/
#eventForm .invalid-feedback { font-size: 14px; color: red;}
.click-link { position: absolute; top: 10px; right: 10px; background-color: rgba(0, 0, 0, 0.5); color: white; padding: 5px; font-size: 14px; border-radius: 3px; cursor: pointer; }

/*modal*/
.modal .custom_row{row-gap: 20px}
.modal .modal-header,.modal .modal-footer , .modal .modal-body{padding:0;border:none}
.modal h4{letter-spacing: -0.66px;}
.modal .modal-content {padding:30px 20px;border-radius:16px;}
.modal .modal-dialog {min-width:40%}
.modal .txt_field input,.txt_field select{padding:14px 8px;border-radius:8px;border:1px solid #DBDADE}
.modal .txt_field label{margin-bottom:8px;font-size:15px;color:#23272E;font-family: 'Segoe_UI_Regular'}
.modal .txt_field input::placeholder{color:#A0A0A0;font-size:15px}
.modal .modal-header{margin-bottom:30px}
.modal  h6{font-size:18px}
.modal .txt_field select{-webkit-appearance:unset;appearance: revert}
.modal .modal-footer button.btn_main.btn_yellow{width:100%;margin-top:24px}

/*custom radio box*/

.txt_field .custom_radio label {padding-left: 28px;cursor: pointer;position: relative; }
.txt_field .custom_radio label:before {width: 18px;height: 18px;position: absolute;top: 1px;left: 0;content: '';display: inline-block;border-radius: 50%;border: 1px solid var(--orange_clr);background: var(--white_clr);}
.txt_field .custom_radio input[type="radio"] {margin: 0;display: none; }
.txt_field .custom_radio input[type="radio"]:checked + label::after {content: '';position: absolute;top: 5px;left: 4px;display: inline-block; font-size: 11px;width: 10px;height: 10px;background-color: var(--orange_clr);border-radius: 50%;}
.txt_field .custom_radio.rdio-default input[type="radio"]:checked + label:before {border-color: var(--orange_clr);}
.txt_field .custom_radio .rdio-primary input[type="radio"]:checked + label:before{   border-color: var(--orange_clr);}
.txt_field .custom_radio.rdio-default input[type="radio"]:checked + label{font-weight:800}
.txt_field .custom_radio .rdio-primary input[type="radio"]:checked + label:after{   background-color: var(--orange_clr);}
.login_button_responsive{display: none}
.login_button_responsive .btn_yellow{text-decoration: none;width:100%;display: block;line-height: 18px;text-align: center;height:40px}


/*loader functionality*/
.preloader {  width: 100%;  height: 100%;  top: 0;  position: fixed;  z-index: 99999;  background: #fff;  }
.preloader .cssload-speeding-wheel {  border: 0;  animation: unset;  }
.preloader .cssload-speeding-wheel {   display: flex;  justify-content: center;  flex-direction: column;  row-gap: 20px;  align-items: center;  height: 100%; }
.preloader .loader_img{width:300px;height:120px}
.preloader .loading_icon {  display: flex;  justify-content:center;column-gap: 20px;}
.preloader .loader_img img {  object-fit: contain;width: 100%;height: 100%; }
.preloader .loading_icon span:nth-child(1) {animation-delay: 0s;}
.preloader .loading_icon span:nth-child(2) {animation-delay: 0.2s;}
.preloader .loading_icon span:nth-child(3) {animation-delay: 0.4s;}
.preloader .loading_icon span i{color: var(--orange_clr);font-size:15px }
.preloader .loading_icon span { opacity: 0.6;animation: pulse 0.8s infinite ease-in-out;   ;}
@keyframes pulse {
    0%, 100% {
        opacity: 0.6;
        transform: scale(1);

    }
    50% {

        opacity: 1;
        transform: scale(1.2);
    }
}
.top_header .logged_in_profile a.dropdown-toggle{text-decoration: none;gap:5px}
.profile_dropdown img, .hero-img img {width: 100%;height: 100%;object-fit: cover;}
.profile_dropdown, .hero-img {width:40px;height:40px;border-radius: 50%;overflow: hidden;border:0.5px solid #e6e6e6}
.dropdown-toggle::after {color: black;}
.adds_slider .click-count {position: absolute;top: 10px;left: 10px;background-color: rgba(0, 0, 0, 0.5);color: white;padding: 5px;font-size: 14px;border-radius: 3px;display: none; /* Initially hidden */}
.top_header .logged_in_profile .dropdown-item{transition: 0.3s ease-in-out}
.top_header .logged_in_profile .dropdown-item:focus,.top_header .logged_in_profile   .dropdown-item:hover{background:var(--orange_clr)}
.select2-container{z-index: 9999 !important;}



/*!*Profile Settings CSS*!*/
.profile_settings_sec_wrapper{padding:60px 0px}
.profile_settings_sec_wrapper .profile_settings_form_wrapper .profile_pic_wrapper .profile_pic_inner {position: relative;}
.profile_settings_sec_wrapper .profile_settings_form_wrapper .profile_pic_wrapper .profile_pic_inner {width: 160px; height: 160px;}
.profile_settings_sec_wrapper .profile_settings_form_wrapper .profile_pic_wrapper .profile_pic_inner .add_image_btn {position: absolute; top: 10px; right: -5px; border-radius: 50%; padding: 0; height: 40px; width: 40px; display: flex; align-items: center; justify-content: center;}
.profile_settings_sec_wrapper .profile_settings_form_wrapper .profile_pic_wrapper .profile_pic_inner .remove_image_btn {position: absolute; bottom: 10px; right: -5px; border-radius: 50%; padding: 0; height: 40px; width: 40px; display: flex; align-items: center; justify-content: center;}
.profile_settings_sec_wrapper .profile_settings_form_wrapper .profile_pic_wrapper .profile_pic_inner img {width: 100%; height: 100%; object-fit: cover; border-radius: 50%;}
.profile_settings_sec_wrapper .profile_settings_form_wrapper .profile_pic_wrapper .profile_pic_inner .add_image_btn input[type="file"] {display: none;}
.profile_settings_sec_wrapper .profile_settings_form_wrapper .profile_pic_wrapper_sec {display: flex; align-items: flex-start; justify-content: space-between; margin-bottom: 20px;}
.profile_settings_sec_wrapper .profile_settings_form_wrapper .profile_pic_wrapper_sec .profile_pic_wrapper {display: flex; align-items: center; column-gap: 25px;}
.input_wrapper {position: relative;}
.input_wrapper .input_icon {position: absolute; top: 15px; right: 10px; color: var(--light-grey);}
.form-group .input_wrapper .password_input {padding-right: 30px;}
.forms_btn_wrapper {display: flex; align-items: center; column-gap: 13px;}

.profile_settings_sec_wrapper .form-group input{padding: 14px 8px;border-radius: 6px;border: 1px solid #DBDADE;color: var(--black);font-family: 'Segoe_UI_Regular';font-size: 15px;font-weight: 600;line-height: 20px;}
.profile_settings_sec_wrapper .form-group input::placeholder {color: #A0A0A0;font-family: 'Segoe_UI_Regular';font-size: 15px;font-weight: 400;}
.profile_settings_form_wrapper  .row{row-gap:20px}
.profile_settings_form_wrapper  .form-group label{margin-bottom:10px}
.profile_settings_sec_wrapper .heading_wrapper{padding-bottom:40px}
.profile_settings_sec_wrapper  .forms_btn_wrapper .btn_yellow{padding:10px 50px}
.profile_settings_sec_wrapper  .forms_btn_wrapper .btn_yellow:hover{background:var(--orange_clr);color:var(--black_clr);}
.change_password .white_box .row{row-gap: 20px}