@import url("https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Nunito+Sans:ital,wght@0,200;0,300;0,400;0,600;0,700;0,800;0,900;1,200;1,300;1,400;1,600;1,700;1,800;1,900&display=swap");

/* Hover Transistion */
/* Custom scroll Bar */
/* Custom scroll Bar Inner */
/* Custom scroll Bar Inner */
.footer_wrapper {
    padding: 10px 0 50px 0;
    background: #d3d3d3;
}

.footer_wrapper .footer_item {
    margin-top: 40px;
}

.footer_wrapper .footer_item p {
    margin-top: 10px;
}

.footer_wrapper .footer_logo_item {
    max-width: 300px;
    width: 100%;
}

.footer_wrapper .footer_title {
    font-weight: 600;
    font-size: 18px;
    line-height: 24px;
    text-transform: uppercase;
    color: #333333;
    margin-top: 13px;
    margin-bottom: 13px;
}

.footer_wrapper .footer_menu_list li {
    margin-bottom: 4px;
}

.footer_wrapper .footer_menu_list a {
    font-weight: 500;
    font-size: 14px;
    line-height: 24px;
    text-transform: uppercase;
    color: #333333;
}

.footer_wrapper .footer_menu_list a:hover {
    color: #ff0000;
}

.footer_wrapper .footer_gallery_grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    align-items: start;
    gap: 8px;
    margin-top: 18px;
}

.footer_wrapper .footer_gallery_grid a img {
    max-height: 70px;
}

.footer_wrapper .footer_gallery_grid a img:hover {
    opacity: 0.8;
}

.footer_wrapper .vew_gallery_btn {
    margin-top: 15px;
    font-weight: 600;
    font-size: 14px;
    line-height: 19px;
    text-decoration-line: underline;
    text-transform: uppercase;
    color: #333333;
}

.footer_wrapper .vew_gallery_btn:hover {
    color: #ff0000;
}

.footer_wrapper .footer_contact_list li {
    display: grid;
    grid-template-columns: minmax(0, 80px) repeat(1, minmax(0, 1fr));
    align-items: start;
    gap: 5px;
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    color: #333333;
    margin-bottom: 8px;
}

.footer_wrapper .footer_contact_list li a {
    font-weight: 400;
    font-size: 14px;
    line-height: 24px;
    color: #333333;
}

.footer_wrapper .footer_contact_list li a:hover {
    color: #ff0000;
}

.footer_wrapper .footer_social_list {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 5px;
}

.footer_wrapper .footer_social_list a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    padding: 5px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
}

.footer_wrapper .footer_social_list a:hover {
    background-color: #7e7c7c;
}

.footer_wrapper .footer_social_list i {
    color: #ff0000;
}

.footer_wrapper .copyright_text_area {
    margin-top: 60px;
}

@media all and (max-width: 767px) {
    .footer_wrapper .copyright_text_area {
        transition: 0.5s;
        margin-top: 50px;
    }
}

/* Topbar Section */
.topbar_wrapper {
    padding: 9px 0;
    background: #f2f2f2;
}

.topbar_wrapper i {
    font-size: 15px;
    color: #ff0000;
}

@media all and (max-width: 767px) {
    .topbar_wrapper .topbar_flex {
        transition: 0.5s;
        flex-direction: column;
        justify-content: center;
    }
}

@media all and (max-width: 767px) {
    .topbar_wrapper .topbar_contact_area {
        transition: 0.5s;
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        align-items: center;
        gap: 5px;
    }
}

.topbar_wrapper .topbar_contact_area a:first-child {
    margin-right: 20px;
}

@media all and (max-width: 991px) {
    .topbar_wrapper .topbar_contact_area a:first-child {
        transition: 0.5s;
        margin-right: 10px;
    }
}

@media all and (max-width: 767px) {
    .topbar_wrapper .topbar_contact_area a {
        transition: 0.5s;
        width: 100%;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
}

.topbar_wrapper .topbar_contact_area i {
    margin-right: 5px;
}

.topbar_wrapper .topbar_contact_area .orange_text,
.topbar_wrapper .login_text a {
    font-weight: 500;
    font-size: 15px;
    line-height: 20px;
    color: #333333;
}

.topbar_wrapper .topbar_contact_area .orange_text:hover,
.topbar_wrapper .login_text a:hover {
    color: #ff0000;
}

.topbar_wrapper .login_text .be_member_text {
    color: #101010;
}

.topbar_wrapper .navbar-fixed .topbar_bar_area {
    box-shadow: 0 5px 5px #e3e3e3;
}

@media all and (min-width: 992px) {
    .topbar_wrapper .navbar-fixed .topbar_bar_area {
        transition: 0.5s;
        -webkit-transition: 0.5s;
        -moz-transition: 0.5s;
        -ms-transition: 0.5s;
        -o-transition: 0.5s;
        display: none;
    }
}

.topbar_wrapper .topbar_social_area {
    gap: 10px 40px;
}

@media all and (max-width: 767px) {
    .topbar_wrapper .topbar_social_area {
        transition: 0.5s;
        gap: 10px 20px;
    }
}

@media all and (max-width: 767px) {
    .topbar_wrapper .topbar_social_area {
        transition: 0.5s;
        display: none !important;
    }
}

/* Header Section */
.header_wrapper {
    padding: 11px 0;
    background-color: white;
    transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
}

.header_wrapper .logo img {
    max-width: 68px;
}

@media all and (max-width: 991px) {
    .header_wrapper .logo img {
        transition: 0.5s;
        max-width: 50px;
    }
}

@media all and (max-width: 991px) {
    .header_wrapper .nav_area {
        transition: 0.5s;
        display: none;
    }
}

.header_wrapper .main_menu_list {
    gap: 8px 20px;
}

@media (min-width: 992px) and (max-width: 1199px) {
    .header_wrapper .main_menu_list {
        transition: 0.5s;
        gap: 8px 7px;
    }
}

.header_wrapper .main_menu_list li {
    position: relative;
}

.header_wrapper .main_menu_list li a,
.header_wrapper .main_menu_list li h6 {
    position: relative;
    font-weight: 600;
    font-size: 15px;
    line-height: 18px;
    text-transform: uppercase;
    color: #333333;
    padding: 2px 0;
    cursor: pointer;
}

@media (min-width: 992px) and (max-width: 1199px) {

    .header_wrapper .main_menu_list li a,
    .header_wrapper .main_menu_list li h6 {
        transition: 0.5s;
        font-size: 14px;
    }
}

.header_wrapper .main_menu_list li a::before,
.header_wrapper .main_menu_list li h6::before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 2px;
    background-color: #ff0000;
    transform: scaleX(0);
    -webkit-transform: scaleX(0);
    -moz-transform: scaleX(0);
    -ms-transform: scaleX(0);
    -o-transform: scaleX(0);
    transform-origin: right center;
    transition: transform 0.5s ease-in-out;
    -webkit-transition: transform 0.5s ease-in-out;
    -moz-transition: transform 0.5s ease-in-out;
    -ms-transition: transform 0.5s ease-in-out;
    -o-transition: transform 0.5s ease-in-out;
}

.header_wrapper .main_menu_list li a:hover,
.header_wrapper .main_menu_list li h6:hover {
    opacity: 0.8;
}

.header_wrapper .main_menu_list li a:hover::before,
.header_wrapper .main_menu_list li h6:hover::before {
    transform: scaleX(1);
    -webkit-transform: scaleX(1);
    -moz-transform: scaleX(1);
    -ms-transform: scaleX(1);
    -o-transform: scaleX(1);
    transform-origin: left center;
}

.header_wrapper .dropdwon_menu_list {
    position: absolute;
    top: 45px;
    left: 0;
    padding: 0 9px;
    width: 220px;
    z-index: 100;
    background: #ffffff;
    box-shadow: 0px 4px 19px rgba(0, 0, 0, 0.4);
    transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    opacity: 0;
    visibility: hidden;
}

.header_wrapper .dropdwon_menu_list li a,
.header_wrapper .dropdwon_menu_list li h6 {
    display: block;
    font-size: 14px;
    line-height: 18px;
    text-transform: uppercase;
    color: #333333;
    text-align: center;
    padding: 10px 0;
}

.header_wrapper .dropdwon_menu_list li a:hover path,
.header_wrapper .dropdwon_menu_list li h6:hover path {
    fill: #e65581;
}

.header_wrapper .dropdwon_menu_list li .setting_icon {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 8px;
}

.header_wrapper .dropdwon_first_menu_list li:not(:last-child) a,
.header_wrapper .dropdwon_first_menu_list li:not(:last-child) h6,
.header_wrapper .dropdwon_inner_menu_list li:not(:last-child) a,
.header_wrapper .dropdwon_inner_menu_list li:not(:last-child) h6 {
    border-bottom: 0.5px solid rgba(119, 119, 119, 0.5);
}

.header_wrapper .dropdwon_inner_menu_list {
    top: 20px;
    left: 100%;
    width: 260px;
    opacity: 0 !important;
    visibility: hidden !important;
}

.header_wrapper .dropdown_item_list:hover .dropdwon_menu_list {
    top: 32px;
    opacity: 1;
    visibility: visible;
}

.header_wrapper .dropdown_inner_item_list:hover .dropdwon_inner_menu_list {
    top: 0;
    opacity: 1 !important;
    visibility: visible !important;
}

.header_wrapper .header_btn_area {
    display: flex;
    align-items: center;
    justify-content: end;
    flex-wrap: wrap;
    gap: 10px 14px;
}

.header_wrapper .header_btn_area .default_btn {
    width: 160px;
}

@media all and (max-width: 991px) {
    .header_wrapper .header_btn_area .default_btn {
        transition: 0.5s;
        font-size: 12px;
        width: 125px;
        min-height: 35px;
    }
}

.header_wrapper .menu_toggle_btn {
    display: none;
}

.header_wrapper .menu_toggle_btn i {
    font-size: 22px;
    color: #333333;
}

@media all and (max-width: 991px) {
    .header_wrapper .menu_toggle_btn {
        transition: 0.5s;
        display: block;
    }
}

.active_menu {
    color: #ff0000 !important;
}

.navbar_fixed {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1000;
    width: 100%;
    padding: 8px 0;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.3);
    -webkit-backdrop-filter: saturate(50%) blur(5px);
    backdrop-filter: saturate(50%) blur(5px);
    background: rgba(255, 255, 255, 0.7);
}

.mobile_menu_area {
    position: fixed;
    top: 0;
    left: -100vw;
    width: 50vw;
    height: 100vh;
    background: white;
    padding-top: 30px;
    padding-right: 20px;
    padding-left: 20px;
    overflow-y: scroll;
    z-index: 100000000;
    overflow-y: scroll;
    /* width */
    /* Track */
    /* Handle */
    /* Handle on hover */
    overflow: auto;
    transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    display: none;
}

.mobile_menu_area::-webkit-scrollbar {
    width: 5px;
}

.mobile_menu_area::-webkit-scrollbar-track {
    background: rgba(153, 153, 153, 0.2);
    border-radius: 5px;
}

.mobile_menu_area::-webkit-scrollbar-thumb {
    background: #999999;
    border-radius: 5px;
}

.mobile_menu_area::-webkit-scrollbar-thumb:hover {
    background: #f84f4f;
    cursor: grab;
}

@media all and (max-width: 991px) {
    .mobile_menu_area {
        transition: 0.5s;
        display: inline;
    }
}

.mobile_menu_area .header_button_area .default_btn {
    margin-top: 0;
}

@media all and (max-width: 991px) {
    .mobile_menu_area .header_button_area .default_btn {
        transition: 0.5s;
        height: 45px;
        min-width: 160px;
    }
}

.mobile_menu_area .mobile_menu_overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 0;
    height: 100vh;
    background-color: rgba(199, 199, 199, 0.2392156863);
    z-index: -1;
    transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
}

.mobile_menu_area .menu_close_icon {
    margin-bottom: 25px;
    padding-right: 15px;
}

.mobile_menu_area .menu_close_icon i {
    font-size: 20px;
}

.mobile_menu_area .mobile_language_login_area {
    padding-bottom: 15px;
}

.mobile_menu_area .mobile_language_login_area .accordion-item {
    width: 100px;
}

.mobile_menu_area .mobile_language_login_area .accordion-item span {
    margin: 0 6px;
}

.mobile_menu_area .accordion-item {
    border: none;
    margin: 12px 0;
    background-color: transparent !important;
}

.mobile_menu_area .accordion-item h2,
.mobile_menu_area .accordion-item h2 a,
.mobile_menu_area .accordion-item button,
.mobile_menu_area .accordion-item li a,
.mobile_menu_area .accordion-item li h2,
.mobile_menu_area .accordion-item li button,
.mobile_menu_area .accordion-item .accordion-button {
    font-weight: 500;
    font-size: 15px;
    line-height: 16px;
    color: #333333;
    background-color: transparent !important;
}

.mobile_menu_area .accordion-item h2 button,
.mobile_menu_area .accordion-item h2 a button,
.mobile_menu_area .accordion-item button button,
.mobile_menu_area .accordion-item li a button,
.mobile_menu_area .accordion-item li h2 button,
.mobile_menu_area .accordion-item li button button,
.mobile_menu_area .accordion-item .accordion-button button {
    padding: 0;
}

.mobile_menu_area .accordion-item h2 button:not(.collapsed),
.mobile_menu_area .accordion-item h2 a button:not(.collapsed),
.mobile_menu_area .accordion-item button button:not(.collapsed),
.mobile_menu_area .accordion-item li a button:not(.collapsed),
.mobile_menu_area .accordion-item li h2 button:not(.collapsed),
.mobile_menu_area .accordion-item li button button:not(.collapsed),
.mobile_menu_area .accordion-item .accordion-button button:not(.collapsed) {
    background-color: transparent;
    box-shadow: none;
}

.mobile_menu_area .accordion-item .accordion-button {
    font-weight: 600;
    font-size: 16px;
}

.mobile_menu_area .accordion-button::after {
    width: 1rem;
    height: 1rem;
    background-size: 1rem;
}

.mobile_menu_area .dropdown_menu_area li {
    margin-bottom: 10px;
}

.mobile_menu_area .footer_social_list {
    display: none;
}

@media all and (max-width: 767px) {
    .mobile_menu_area .footer_social_list {
        transition: 0.5s;
        display: flex;
    }
}

.mobile_active_menu {
    color: #e65581 !important;
}

.navbar_active {
    left: 0;
    width: 50vw;
}

@media all and (max-width: 575px) {
    .navbar_active {
        transition: 0.5s;
        width: 80vw;
    }
}

.navbar_active .mobile_menu_overlay {
    width: 100vw;
}

/* Hero Section */
.hero_wrapper {
    position: relative;
}

.hero_wrapper .container {
    height: 100%;
}

.hero_wrapper .hero_content_area {
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    width: 100vw;
    height: calc(100vh - 160px);
}

@media (min-width: 1200px) and (max-width: 1400px) {
    .hero_wrapper .hero_content_area {
        transition: 0.5s;
        height: 700px;
    }
}

@media all and (min-width: 2000px) {
    .hero_wrapper .hero_content_area {
        transition: 0.5s;
        -webkit-transition: 0.5s;
        -moz-transition: 0.5s;
        -ms-transition: 0.5s;
        -o-transition: 0.5s;
        height: 1500px;
    }
}

@media all and (max-width: 767px) {
    .hero_wrapper .hero_content_area {
        transition: 0.5s;
        height: calc(100vh - 220px);
    }
}

.hero_wrapper .hero_inner_content_area {
    display: flex;
    flex-direction: column;
    justify-content: center;
    max-width: 760px;
    width: 100%;
    height: 100%;
    padding: 10px 0;
}

@media all and (min-width: 1199px) {
    .hero_wrapper .hero_inner_content_area {
        transition: 0.5s;
        -webkit-transition: 0.5s;
        -moz-transition: 0.5s;
        -ms-transition: 0.5s;
        -o-transition: 0.5s;
        margin-left: 95px;
    }
}

@media all and (min-width: 1200px) {
    .hero_wrapper .hero_inner_content_area {
        transition: 0.5s;
        -webkit-transition: 0.5s;
        -moz-transition: 0.5s;
        -ms-transition: 0.5s;
        -o-transition: 0.5s;
        margin-left: 160px;
    }
}

.hero_wrapper .hero_inner_content_area h1 {
    position: relative;
    font-family: "Nunito Sans", sans-serif;
    font-weight: 600;
    font-size: 46px;
    line-height: 63px;
    text-transform: uppercase;
    color: #ffffff;
    padding-bottom: 10px;
    margin-bottom: 15px;
}

.hero_wrapper .hero_inner_content_area h1 span {
    color: #ff0000;
}

@media (min-width: 768px) and (max-width: 991px) {
    .hero_wrapper .hero_inner_content_area h1 {
        transition: 0.5s;
        font-size: 40px;
        line-height: 55px;
    }
}

@media all and (max-width: 767px) {
    .hero_wrapper .hero_inner_content_area h1 {
        transition: 0.5s;
        font-size: 34px;
        line-height: 42px;
    }
}

.hero_wrapper .hero_inner_content_area h1::before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 200px;
    height: 2px;
    background-color: #ff0000;
}

.hero_wrapper .hero_inner_content_area h2 {
    color: white;
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 8;
    -webkit-box-orient: vertical;
}

.hero_wrapper .hero_inner_content_area p {
    font-family: "Montserrat", sans-serif;
    font-size: 16px;
    line-height: 26px;
    color: #ffffff;
    margin-top: 10px;
    max-height: 290px;
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 8;
    -webkit-box-orient: vertical;
}

@media all and (max-width: 767px) {
    .hero_wrapper .hero_inner_content_area .big_pera {
        transition: 0.5s;
        display: none;
    }
}

.hero_wrapper .hero_inner_content_area b,
.hero_wrapper .hero_inner_content_area strong {
    font-weight: 600;
}

.hero_wrapper .swiper-slide {
    opacity: 0 !important;
}

.hero_wrapper .swiper-slide-active {
    opacity: 1 !important;
}

.hero_wrapper .hero_slider_pagination_area {
    position: absolute;
    left: auto;
    bottom: auto;
    right: 30px;
    top: 50%;
    transform: translateY(-50%);
    z-index: 5;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
}

@media all and (max-width: 767px) {
    .hero_wrapper .hero_slider_pagination_area {
        transition: 0.5s;
        right: 10px;
    }
}

.hero_wrapper .hero_slider_pagination_area .hero_pagination {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.hero_wrapper .news_grid {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 10;
    width: 100%;
    display: grid;
    grid-template-columns: minmax(0, 225px) repeat(1, minmax(0, 1fr));
    align-items: center;
    height: 60px;
    background: rgba(255, 0, 0, 0.54);
}

@media all and (max-width: 767px) {
    .hero_wrapper .news_grid {
        transition: 0.5s;
        grid-template-columns: minmax(0, 160px) repeat(1, minmax(0, 1fr));
        height: 50px;
    }
}

.hero_wrapper .news_name_area {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    padding: 10px;
    background: #ff0000;
}

.hero_wrapper .news_name_area h3 {
    font-family: "Nunito Sans", sans-serif;
    font-weight: 700;
    font-size: 18px;
    line-height: 25px;
    text-transform: uppercase;
    color: #ffffff;
}

@media all and (max-width: 767px) {
    .hero_wrapper .news_name_area h3 {
        transition: 0.5s;
        font-size: 16px;
    }
}

.hero_wrapper .news_content_area {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
}

.hero_wrapper .news_content_area a {
    font-weight: 500;
    font-size: 18px;
    line-height: 22px;
    color: #ffffff;
}

@media all and (max-width: 767px) {
    .hero_wrapper .news_content_area a {
        transition: 0.5s;
        font-size: 16px;
    }
}

.hero_wrapper .news_content_area a:hover {
    opacity: 0.8;
}

/*About Section */
.about_wrapper .about_content_area p {
    margin-top: 15px;
}

.about_wrapper .about_bottom_grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    align-items: start;
    gap: 20px;
    margin-top: 40px;
}

@media all and (min-width: 992px) {
    .about_wrapper .about_bottom_grid {
        transition: 0.5s;
        -webkit-transition: 0.5s;
        -moz-transition: 0.5s;
        -ms-transition: 0.5s;
        -o-transition: 0.5s;
        position: relative;
        left: -120px;
    }
}

/* President Section */
.message_wrapper {
    padding: 80px 0;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: bottom left;
    background-attachment: fixed;
}

@media all and (max-width: 767px) {
    .message_wrapper {
        transition: 0.5s;
        padding: 50px 0;
    }
}

.message_wrapper .president_content_area p {
    margin-top: 10px;
}

/* Event Section */
.event_wrapper .event_slider_area {
    position: relative;
}

.event_wrapper .swiper {
    padding: 10px;
}

.event_wrapper .event_slider_area {
    margin-top: 30px;
}

.event_wrapper .event_slider_grid {
    grid-template-columns: minmax(0, 1fr) minmax(0, 200px);
    box-shadow: 0px 4px 25px rgba(0, 0, 0, 0.2);
    border-radius: 15px;
}

@media all and (max-width: 1199px) {
    .event_wrapper .event_slider_grid {
        transition: 0.5s;
        grid-template-columns: repeat(1, minmax(0, 1fr));
        padding: 20px;
    }
}

.event_wrapper .event_slider_grid .event_cotnent_area {
    padding: 20px;
}

@media all and (max-width: 1199px) {
    .event_wrapper .event_slider_grid .event_img_area {
        transition: 0.5s;
        grid-row: 1;
    }
}

.event_wrapper .swiper {
    width: 100% !important;
    height: 100% !important;
}

.event_wrapper .slider_thumb_area {
    position: relative;
    width: 100%;
    height: 100%;
}

@media all and (min-width: 992px) {
    .event_wrapper .slider_thumb_area {
        transition: 0.5s;
        -webkit-transition: 0.5s;
        -moz-transition: 0.5s;
        -ms-transition: 0.5s;
        -o-transition: 0.5s;
        margin-top: -60px;
    }
}

.event_wrapper .slider_thumb_area::after {
    content: "";
    position: absolute;
    right: 25px;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    width: 1px;
    height: calc(100% - 30px);
    margin-top: 20px;
    background-color: white;
}

@media all and (max-width: 991px) {
    .event_wrapper .slider_thumb_area::after {
        transition: 0.5s;
        top: auto;
        transform: translateY(0);
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        left: 0;
        right: auto;
        bottom: 10px;
        width: 100%;
        height: 1px;
        margin-top: 0;
    }
}

.event_wrapper .slider_thumb_area .slider_thumb_inner_area {
    height: 390px;
}

@media all and (max-width: 991px) {
    .event_wrapper .slider_thumb_area .slider_thumb_inner_area {
        transition: 0.5s;
        height: 150px;
    }

    .event_wrapper .slider_thumb_area .slider_thumb_inner_area .swiper {
        padding-bottom: 15px;
    }
}

.event_wrapper .slider_thumb_area .swiper-slide {
    position: relative;
    height: auto !important;
    transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
}

.event_wrapper .slider_thumb_area .swiper-slide::before {
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%) scaleX(0);
    -webkit-transform: translateY(-50%) scaleX(0);
    -moz-transform: translateY(-50%) scaleX(0);
    -ms-transform: translateY(-50%) scaleX(0);
    -o-transform: translateY(-50%) scaleX(0);
    right: 25px;
    width: calc(80% - 25px);
    height: 1px;
    background-color: white;
    transform-origin: right center;
    transition: transform 1s ease-in-out;
    -webkit-transition: transform 0.8s ease-in-out;
    -moz-transition: transform 1s ease-in-out;
    -ms-transition: transform 1s ease-in-out;
    -o-transition: transform 1s ease-in-out;
}

@media all and (max-width: 991px) {
    .event_wrapper .slider_thumb_area .swiper-slide::before {
        transition: 0.5s;
        top: auto;
        right: auto;
        bottom: 6px;
        left: 50%;
        transform: translate(-50%, 0) scale(1, 0);
        -webkit-transform: translate(-50%, 0) scale(1, 0);
        -moz-transform: translate(-50%, 0) scale(1, 0);
        -ms-transform: translate(-50%, 0) scale(1, 0);
        -o-transform: translate(-50%, 0) scale(1, 0);
        transform-origin: top center;
        height: calc(80% - 25px);
        width: 1px;
    }
}

.event_wrapper .slider_thumb_area .swiper-slide::after {
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%) scale(0);
    -webkit-transform: translateY(-50%) scale(0);
    -moz-transform: translateY(-50%) scale(0);
    -ms-transform: translateY(-50%) scale(0);
    -o-transform: translateY(-50%) scale(0);
    right: 15px;
    width: 20px;
    height: 20px;
    border: 4px solid white;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    background: #ff0000;
    transition: transform 0.8s ease-in-out;
    -webkit-transition: transform 0.8s ease-in-out;
    -moz-transition: transform 0.8s ease-in-out;
    -ms-transition: transform 0.8s ease-in-out;
    -o-transition: transform 0.8s ease-in-out;
}

@media all and (max-width: 991px) {
    .event_wrapper .slider_thumb_area .swiper-slide::after {
        transition: 0.5s;
        top: auto;
        right: auto;
        bottom: -13px;
        left: 50%;
        transform: translate(-50%, 0) scale(0);
        -webkit-transform: translate(-50%, 0) scale(0);
        -moz-transform: translate(-50%, 0) scale(0);
        -ms-transform: translate(-50%, 0) scale(0);
        -o-transform: translate(-50%, 0) scale(0);
        width: 20px;
        height: 20px;
    }
}

.event_wrapper .swiper-slide-thumb-active {
    position: relative;
}

.event_wrapper .swiper-slide-thumb-active .thumb_img_area img {
    opacity: 1;
    border: 4px solid white;
}

.event_wrapper .swiper-slide-thumb-active::before {
    transform: translateY(-50%) scaleX(1) !important;
    -webkit-transform: translateY(-50%) scaleX(1) !important;
    -moz-transform: translateY(-50%) scaleX(1) !important;
    -ms-transform: translateY(-50%) scaleX(1) !important;
    -o-transform: translateY(-50%) scaleX(1) !important;
    transform-origin: left center !important;
}

@media all and (max-width: 991px) {
    .event_wrapper .swiper-slide-thumb-active::before {
        transition: 0.5s;
        transform: translate(-50%, 0) scale(1) !important;
        -webkit-transform: translate(-50%, 0) scale(1) !important;
        -moz-transform: translate(-50%, 0) scale(1) !important;
        -ms-transform: translate(-50%, 0) scale(1) !important;
        -o-transform: translate(-50%, 0) scale(1) !important;
        transform-origin: top center !important;
    }
}

.event_wrapper .swiper-slide-thumb-active::after {
    transform: translateY(-50%) scale(1) !important;
    -webkit-transform: translateY(-50%) scale(1) !important;
    -moz-transform: translateY(-50%) scale(1) !important;
    -ms-transform: translateY(-50%) scale(1) !important;
    -o-transform: translateY(-50%) scale(1) !important;
}

@media all and (max-width: 991px) {
    .event_wrapper .swiper-slide-thumb-active::after {
        transition: 0.5s;
        transform: translate(-50%, 0) scale(1) !important;
        -webkit-transform: translate(-50%, 0) scale(1) !important;
        -moz-transform: translate(-50%, 0) scale(1) !important;
        -ms-transform: translate(-50%, 0) scale(1) !important;
        -o-transform: translate(-50%, 0) scale(1) !important;
    }
}

.event_wrapper .slider_icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    padding: 5px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    margin-left: 27px;
    transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
}

.event_wrapper .slider_icon:hover {
    background-color: #ff0000;
}

@media all and (max-width: 991px) {
    .event_wrapper .slider_icon {
        transition: 0.5s;
        position: absolute;
        top: 30px;
        left: -20px;
        z-index: 5;
        margin-left: 0;
        background-color: #ff0000;
    }

    .event_wrapper .slider_icon svg {
        transform: rotate(-90deg);
        -webkit-transform: rotate(-90deg);
        -moz-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
        -o-transform: rotate(-90deg);
    }
}

@media all and (max-width: 767px) {
    .event_wrapper .slider_icon {
        transition: 0.5s;
        top: 20px;
    }
}

@media all and (max-width: 575px) {
    .event_wrapper .slider_icon {
        transition: 0.5s;
        left: -10px;
    }
}

@media all and (min-width: 992px) {
    .event_wrapper .event_prev_icon {
        transition: 0.5s;
        -webkit-transition: 0.5s;
        -moz-transition: 0.5s;
        -ms-transition: 0.5s;
        -o-transition: 0.5s;
        margin-bottom: 15px;
    }
}

.event_wrapper .event_next_icon {
    margin-top: 15px;
}

@media all and (max-width: 991px) {
    .event_wrapper .event_next_icon {
        transition: 0.5s;
        left: auto;
        right: -20px;
        margin-top: 0;
    }
}

@media all and (max-width: 575px) {
    .event_wrapper .event_next_icon {
        transition: 0.5s;
        right: -10px;
    }
}

.event_wrapper .thumb_img_area {
    position: relative;
    width: 100px;
    height: 100px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    overflow: hidden;
    transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
}

@media all and (max-width: 767px) {
    .event_wrapper .thumb_img_area {
        transition: 0.5s;
        width: 80px;
        height: 80px;
    }
}

@media all and (max-width: 575px) {
    .event_wrapper .thumb_img_area {
        transition: 0.5s;
        width: 100%;
    }
}

.event_wrapper .thumb_img_area img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    max-height: 100%;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    cursor: pointer;
    transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    opacity: 0.6;
}

.event_wrapper .thumb_img_area img:hover {
    opacity: 1;
}

/* Facilites Section */
.facilites_wrapper .facilites_header_area {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 100px);
    align-items: start;
    gap: 20px 30px;
}

.facilites_wrapper .header_content_area {
    display: flex;
    gap: 10px 30px;
}

@media all and (max-width: 991px) {
    .facilites_wrapper .header_content_area {
        transition: 0.5s;
        flex-wrap: wrap;
    }
}

.facilites_wrapper .desktop_des,
.facilites_wrapper .mobile_des {
    max-width: 745px;
    width: 100%;
}

@media all and (max-width: 991px) {
    .facilites_wrapper .desktop_des {
        transition: 0.5s;
        display: none;
    }
}

.facilites_wrapper .mobile_des {
    display: none;
    margin-top: 10px;
}

@media all and (max-width: 991px) {
    .facilites_wrapper .mobile_des {
        transition: 0.5s;
        display: block;
    }
}

.facilites_wrapper .swiper {
    padding: 10px;
}

.facilites_wrapper .facilites_slider_area {
    margin-top: 40px;
}

.facilites_wrapper .facilites_svg_item {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    width: 100%;
    height: 180px;
    text-align: center;
    background: #ffffff;
    box-shadow: 0px 4px 25px rgba(0, 0, 0, 0.2);
    border-radius: 15px;
    transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
}

.facilites_wrapper .facilites_svg_item:hover {
    box-shadow: 0px 4px 25px rgba(0, 0, 0, 0.5);
}

.facilites_wrapper .facilites_svg_item .facilties_icon {
    width: 70px;
    height: 70px;
    margin-left: auto;
    margin-right: auto;
}

.facilites_wrapper .facilites_svg_item h5 {
    font-family: "Nunito Sans", sans-serif;
    font-weight: 600;
    font-size: 20px;
    line-height: 26px;
    text-transform: uppercase;
    color: #333333;
    margin-top: 10px;
}

.facilites_wrapper .facilites_item {
    position: relative;
    height: 360px;
    border-radius: 15px;
    overflow: hidden;
}

.facilites_wrapper .facilites_item a {
    display: block;
    width: 100%;
    height: 100%;
    transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
}

.facilites_wrapper .facilites_item a:hover {
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
}

.facilites_wrapper .facilites_item a>img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.facilites_wrapper .facilites_item .inner_page_title {
    position: absolute;
    bottom: 20px;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    width: 90%;
    text-align: center;
    color: white;
}

.facilites_wrapper .facilites_icon {
    position: absolute;
    top: 20px;
    right: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 80px;
    height: 80px;
    background: #ff0000;
    border-radius: 8px;
}

.facilites_wrapper .facilites_icon img {
    max-width: 100%;
}

.facilites_wrapper .facilites_grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    align-items: start;
    gap: 15px;
    margin-top: 30px;
}

@media (min-width: 768px) and (max-width: 991px) {
    .facilites_wrapper .facilites_grid {
        transition: 0.5s;
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media all and (max-width: 767px) {
    .facilites_wrapper .facilites_grid {
        transition: 0.5s;
        grid-template-columns: repeat(1, minmax(0, 1fr));
    }
}

/* Testimonial Section */
.testimoial_wrapper .testimonial_grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0px;
    min-height: 408px;
}

@media all and (max-width: 991px) {
    .testimoial_wrapper .testimonial_grid {
        transition: 0.5s;
        grid-template-columns: repeat(1, minmax(0, 1fr));
        min-height: auto;
    }
}

.testimoial_wrapper .testimonial_header_area {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 20px 40px;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
}

@media all and (max-width: 991px) {
    .testimoial_wrapper .testimonial_header_area {
        transition: 0.5s;
        min-height: 300px;
    }
}

@media all and (max-width: 767px) {
    .testimoial_wrapper .testimonial_header_area {
        transition: 0.5s;
        padding: 20px;
    }
}

.testimoial_wrapper .testimonial_header_area::before {
    content: "";
    position: absolute;
    top: 0;
    left: -100%;
    z-index: -1;
    width: 200%;
    height: 100%;
    background-image: url("/assets/images/home/testimonialBg.png");
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
}

@media all and (max-width: 991px) {
    .testimoial_wrapper .testimonial_header_area::before {
        transition: 0.5s;
        width: 300%;
    }
}

.testimoial_wrapper .testimonial_header_area .page_title {
    color: #ff0000;
}

.testimoial_wrapper .testimonial_header_area .default_btn {
    margin-top: 30px;
}

.testimoial_wrapper .testimonial_slider_area {
    position: relative;
    background: #c80000;
    padding: 20px 20px 30px 40px;
}

@media all and (max-width: 991px) {
    .testimoial_wrapper .testimonial_slider_area {
        transition: 0.5s;
        min-height: 300px;
    }
}

@media all and (max-width: 767px) {
    .testimoial_wrapper .testimonial_slider_area {
        transition: 0.5s;
        padding: 30px 20px;
    }
}

.testimoial_wrapper .testimonial_slider_area::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    width: 200%;
    height: 100%;
    background: #c80000;
}

@media all and (max-width: 991px) {
    .testimoial_wrapper .testimonial_slider_area::before {
        transition: 0.5s;
        left: -100%;
        width: 300%;
    }
}

.testimoial_wrapper .testimonial_slider_inner_area {
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 82%;
}

.testimoial_wrapper .quote_icon {
    margin-left: 143px;
}

@media all and (max-width: 767px) {
    .testimoial_wrapper .quote_icon {
        transition: 0.5s;
        margin-left: 0;
        text-align: center;
    }
}

.testimoial_wrapper .swiper {
    width: 100% !important;
    padding-bottom: 12px;
}

.testimoial_wrapper .client_grid {
    display: grid;
    grid-template-columns: minmax(0, 110px) repeat(1, minmax(0, 1fr));
    align-items: start;
    gap: 20px 40px;
    margin-top: 20px;
}

@media all and (max-width: 767px) {
    .testimoial_wrapper .client_grid {
        transition: 0.5s;
        grid-template-columns: repeat(1, minmax(0, 1fr));
    }
}

.testimoial_wrapper .client_img_area {
    text-align: center;
    max-height: 130px;
}

.testimoial_wrapper .testimonial_body_area p {
    color: white;
}

.testimoial_wrapper .facilites_arrow_area {
    margin-top: 20px;
}

.testimoial_wrapper .facilites_arrow_area .facilites_slider_icon {
    border: 1px solid #ffffff;
    background-color: transparent;
}

/* Gallery Section */
.gallery_wrapper .header_area {
    gap: 10px 30px;
}

.gallery_wrapper .sort_list {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px 25px;
}

@media all and (max-width: 767px) {
    .gallery_wrapper .sort_list {
        transition: 0.5s;
        gap: 10px 15px;
    }
}

.gallery_wrapper .sort_list li {
    font-weight: 600;
    font-size: 16px;
    line-height: 20px;
    text-transform: uppercase;
    color: #333333;
    cursor: pointer;
}

.gallery_wrapper .sort_list li:hover {
    opacity: 0.8;
}

.gallery_wrapper .sort_list li.choose_active {
    color: #ff0000;
}

.gallery_wrapper .choose_filter_row {
    margin-top: 20px;
}

.gallery_wrapper .filtr-item {
    height: 300px;
    margin-top: 10px;
}

.gallery_wrapper .filtr-item img {
    height: 100%;
    width: 100%;
}

.gallery_wrapper .filtr-item a {
    position: relative;
    display: block;
    height: 100%;
}

.gallery_wrapper .filtr-item a .date_area {
    position: absolute;
    top: 10px;
    right: 10px;
    transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
}

@media all and (min-width: 1200px) {
    .gallery_wrapper .filtr-item a .date_area {
        transition: 0.5s;
        -webkit-transition: 0.5s;
        -moz-transition: 0.5s;
        -ms-transition: 0.5s;
        -o-transition: 0.5s;
        top: 52%;
        left: 50%;
        transform: translate(-50%, -50%);
        text-align: center;
        opacity: 0;
        visibility: hidden;
    }
}

.gallery_wrapper .filtr-item a .date_area h4 {
    font-weight: 600;
    font-size: 16px;
    line-height: 22px;
    text-transform: uppercase;
    color: #ffffff;
    margin-top: 5px;
    text-align: center;
}

.gallery_wrapper .filtr-item a .date_area img {
    max-width: 30px;
    max-height: 30px;
}

@media all and (min-width: 1200px) {
    .gallery_wrapper .filtr-item a {
        transition: 0.5s;
        -webkit-transition: 0.5s;
        -moz-transition: 0.5s;
        -ms-transition: 0.5s;
        -o-transition: 0.5s;
    }

    .gallery_wrapper .filtr-item a::before {
        content: "";
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%) scaleY(0);
        width: 90%;
        height: 90%;
        background: rgba(255, 0, 0, 0.54);
        transform-origin: bottom center;
        transition: transform 0.5s ease-in-out;
        -webkit-transition: transform 0.5s ease-in-out;
        -moz-transition: transform 0.5s ease-in-out;
        -ms-transition: transform 0.5s ease-in-out;
        -o-transition: transform 0.5s ease-in-out;
        -webkit-transform: translate(-50%, -50%) scaleY(0);
        -moz-transform: translate(-50%, -50%) scaleY(0);
        -ms-transform: translate(-50%, -50%) scaleY(0);
        -o-transform: translate(-50%, -50%) scaleY(0);
    }
}

.gallery_wrapper .filtr-item a:hover .date_area {
    top: 50%;
    opacity: 1;
    visibility: visible;
}

.gallery_wrapper .filtr-item a:hover::before {
    transform: translate(-50%, -50%) scaleY(1);
    -webkit-transform: translate(-50%, -50%) scaleY(1);
    -moz-transform: translate(-50%, -50%) scaleY(1);
    -ms-transform: translate(-50%, -50%) scaleY(1);
    -o-transform: translate(-50%, -50%) scaleY(1);
    transform-origin: top center;
}

.gallery_wrapper .filtr-item .video_icon_area {
    position: absolute;
    top: 10px;
    left: 10px;
    z-index: 1;
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #ffffff;
}

.gallery_wrapper .filtr-item .video_icon_area i {
    color: #ff0000;
}

/* News Section */
.news_wrapper .news_grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    align-items: start;
    gap: 20px 15px;
    margin-top: 28px;
}

@media (min-width: 992px) and (max-width: 1199px) {
    .news_wrapper .news_grid {
        transition: 0.5s;
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    }
}

@media (min-width: 576px) and (max-width: 1199px) {
    .news_wrapper .news_grid {
        transition: 0.5s;
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media all and (max-width: 575px) {
    .news_wrapper .news_grid {
        transition: 0.5s;
        grid-template-columns: repeat(1, minmax(0, 1fr));
    }
}

.news_wrapper.news_page_wrapper .news_grid {
    gap: 55px 20px;
}

@media (min-width: 768px) and (max-width: 991px) {
    .news_wrapper.news_page_wrapper .news_grid {
        transition: 0.5s;
        gap: 40px 20px;
    }
}

@media all and (max-width: 767px) {
    .news_wrapper.news_page_wrapper .news_grid {
        transition: 0.5s;
        gap: 30px 20px;
    }
}

/* Section */
/* Section */
/* Section */
.facilties_details_wrapper p {
    margin-top: 10px;
}

.facilties_details_wrapper .top_main_img {
    margin-bottom: 30px;
}

.facilties_details_wrapper .top_main_img img,
.facilties_details_wrapper .facilites_img_grid img {
    border-radius: 15px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    -ms-border-radius: 15px;
    -o-border-radius: 15px;
}

.facilties_details_wrapper .facilites_img_grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    align-items: start;
    gap: 15px;
    margin-top: 30px;
}

.facilties_details_wrapper .facilites_right_area {
    padding: 40px 50px;
    border: 1px solid #d7d7d7;
    border-radius: 15px;
}

@media (min-width: 768px) and (max-width: 991px) {
    .facilties_details_wrapper .facilites_right_area {
        transition: 0.5s;
        padding: 30px 20px;
    }
}

@media all and (max-width: 767px) {
    .facilties_details_wrapper .facilites_right_area {
        transition: 0.5s;
        padding: 20px 15px;
    }
}

.facilties_details_wrapper .facilites_right_area ul {
    margin-top: 30px;
}

.facilties_details_wrapper .facilites_right_area ul a {
    display: block;
    font-weight: 500;
    font-size: 16px;
    line-height: 26px;
    color: #333333;
    padding: 10px 0;
    border-bottom: 1px solid #d7d7d7;
}

.facilties_details_wrapper .facilites_right_area ul a:hover {
    color: #ff0000;
}

.gallery_wrapper .gallery_header_area {
    margin-bottom: 25px;
    padding-bottom: 20px;
    border-bottom: 1px solid #d7d7d7;
}

.gallery_wrapper .inner_page_title {
    font-weight: 700;
    position: absolute;
    left: 10px;
    bottom: 10px;
    color: white;
    width: 92%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.gallery_wrapper .inner_page_title:hover {
    opacity: 0.8;
}

.publication_details_wrapper .img_area {
    text-align: center;
}

.publication_details_wrapper .publication_left_content_area p {
    margin-top: 10px;
}

.be_member_wrapper h5 {
    font-weight: 500;
    font-size: 18px;
    line-height: 24px;
    color: #333333;
}

@media all and (max-width: 767px) {
    .be_member_wrapper h5 {
        transition: 0.5s;
        font-size: 16px;
    }
}

.be_member_wrapper .page_title {
    padding-bottom: 15px;
    border-bottom: 1px solid #d7d7d7;
}

.be_member_wrapper .inner_page_title {
    margin-top: 30px;
}

.notice_details_wrapper .notice_details_content_area {
    max-width: 630px;
    width: 100%;
}

.notice_details_wrapper .notice_details_content_area p {
    margin-top: 12px;
}

.notice_details_wrapper .notice_details_content_area h5 {
    font-weight: 500;
    font-size: 18px;
    line-height: 26px;
    color: #333333;
    margin-top: 10px;
}

@media all and (max-width: 767px) {
    .notice_details_wrapper .notice_details_content_area h5 {
        transition: 0.5s;
        font-size: 16px;
    }
}

.notice_details_wrapper .notice_details_content_area .default_btn {
    margin-top: 30px;
}

.notice_details_wrapper .pdf_import_area {
    margin-top: 50px;
}

.thanks_wrapper .thanks_content_area {
    max-width: 742px;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

.thanks_wrapper .thanks_content_area h3 {
    font-weight: 500;
    font-size: 64px;
    color: #218838;
    margin-top: 10px;
}

@media (min-width: 768px) and (max-width: 991px) {
    .thanks_wrapper .thanks_content_area h3 {
        transition: 0.5s;
        font-size: 48px;
    }
}

@media all and (max-width: 767px) {
    .thanks_wrapper .thanks_content_area h3 {
        transition: 0.5s;
        font-size: 40px;
    }
}

.thanks_wrapper .thanks_content_area p {
    font-weight: 600;
    font-size: 16px;
    line-height: 26px;
    color: #333333;
    margin-top: 10px;
}

.thanks_wrapper .thanks_content_area .default_btn {
    margin-top: 30px;
}

.privacy_wrapper h4 {
    font-weight: 400;
    font-size: 15px;
    line-height: 26px;
    color: #333333;
    margin-top: 12px;
}

.privacy_wrapper h4 a:hover {
    opacity: 0.8;
}

.privacy_wrapper .privacy_item {
    margin-top: 30px;
}

/*News Details */
.news_details_wrapper .news_content_area {
    margin-top: 24px;
}

.news_details_wrapper .news_content_area p {
    margin-top: 10px;
}

.news_details_wrapper .author_list li {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 6px;
}

.news_details_wrapper .news_form_area {
    position: relative;
}

.news_details_wrapper .news_form_area input {
    height: 40px;
    width: 100%;
    border: none;
    border-bottom: 1px solid #d7d7d7;
}

.news_details_wrapper .news_form_area button {
    position: absolute;
    right: 0;
    bottom: 6px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}

.news_details_wrapper .news_form_area button:hover {
    background-color: #d7d7d7;
}

.news_details_wrapper .recent_post_item_area {
    margin-top: 40px;
}

.news_details_wrapper .post_item {
    display: grid;
    grid-template-columns: minmax(0, 110px) repeat(1, minmax(0, 1fr));
    align-items: start;
    gap: 20px 20px;
    margin-top: 24px;
}

@media all and (max-width: 575px) {
    .news_details_wrapper .post_item {
        transition: 0.5s;
        grid-template-columns: minmax(0, 80px) repeat(1, minmax(0, 1fr));
        gap: 10px;
    }
}

.news_details_wrapper .post_img {
    display: block;
    text-align: center;
}

.news_details_wrapper .post_img:hover {
    opacity: 0.8;
}

.news_details_wrapper .post_img img {
    max-height: 80px;
}

.news_details_wrapper .post_conent h3 a {
    display: block;
    font-weight: 700;
    font-size: 18px;
    line-height: 25px;
    text-transform: uppercase;
    color: #404a3d;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.news_details_wrapper .post_conent h3 a:hover {
    opacity: 0.8;
}

@media all and (max-width: 767px) {
    .news_details_wrapper .post_conent h3 a {
        transition: 0.5s;
        font-size: 16px;
    }
}

.news_details_wrapper .post_conent p {
    color: #333333;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.news_details_wrapper .archive_list li {
    margin-top: 10px;
}

.news_details_wrapper .archive_list a {
    font-weight: 500;
    font-size: 16px;
    line-height: 20px;
    color: #777777;
}

.news_details_wrapper .archive_list a:hover {
    opacity: 0.8;
}

.news_details_wrapper .share_btn {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: 6px;
    padding: 9px 30px;
    background: #ff0000;
    border-radius: 5px;
    margin-top: 40px;
}

.news_details_wrapper .share_btn:hover {
    opacity: 0.8;
}

.news_details_wrapper .share_btn span {
    font-family: "Nunito Sans", sans-serif;
    font-weight: 700;
    font-size: 14px;
    line-height: 19px;
    text-transform: uppercase;
    color: #ffffff;
}

.social_share_list button,
.social_share_list a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border: 1px solid #afadad;
    background-color: #d7d7d7;
}

.social_share_list button i,
.social_share_list a i {
    color: #FF0000;
}

.social_share_list button:hover,
.social_share_list a:hover {
    opacity: 0.8;
}

.president_message_wrapper {
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    padding-top: 70px;
    padding-bottom: 100px;
}

@media (min-width: 992px) and (max-width: 1199px) {
    .president_message_wrapper {
        transition: 0.5s;
        padding-top: 60px;
        padding-bottom: 80px;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .president_message_wrapper {
        transition: 0.5s;
        padding-top: 40px;
        padding-bottom: 60px;
    }
}

@media all and (max-width: 767px) {
    .president_message_wrapper {
        transition: 0.5s;
        padding-top: 30px;
        padding-bottom: 50px;
    }
}

.president_message_wrapper .message_grid {
    display: grid;
    grid-template-columns: minmax(0, 310px) repeat(1, minmax(0, 1fr));
    align-items: start;
    gap: 20px 60px;
}

@media (min-width: 992px) and (max-width: 1199px) {
    .president_message_wrapper .message_grid {
        transition: 0.5s;
        grid-template-columns: minmax(0, 280px) repeat(1, minmax(0, 1fr));
        gap: 20px 60px;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .president_message_wrapper .message_grid {
        transition: 0.5s;
        grid-template-columns: minmax(0, 260px) repeat(1, minmax(0, 1fr));
        align-items: start;
        gap: 20px 40px;
    }
}

@media all and (max-width: 767px) {
    .president_message_wrapper .message_grid {
        transition: 0.5s;
        grid-template-columns: repeat(1, minmax(0, 1fr));
        align-items: start;
        gap: 20px 60px;
    }
}

.president_message_wrapper .message_grid p {
    margin-top: 10px;
    color: #333;
}

.president_message_wrapper .user_info_area {
    margin-top: 28px;
}

.president_message_wrapper .user_info_area p {
    margin-top: 0px;
}

.president_message_wrapper .user_info_area .brand_name {
    font-weight: 600;
}

/* Notice Section */
.notice_page_wrapper .notice_card_area {
    border: 1px solid #eaeaea;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
    margin-top: 30px;
}

.notice_page_wrapper .notice_card_area ul i {
    font-size: 14px;
}

.notice_page_wrapper .notice_card_area p {
    margin-top: 10px;
    font-size: 14px;
    line-height: 24px;
}

.notice_page_wrapper .notice_img {
    height: 200px;
}

.notice_page_wrapper .notice_img img {
    width: 100%;
    height: 100%;
}

.notice_page_wrapper .notice_conent {
    padding: 15px;
    margin-top: 10px;
}

.notice_page_wrapper .notice_details_btn {
    color: white;
    background-color: #ff0000;
}

.member_wrapper .swiper-slide {
    overflow: hidden;
}

.member_wrapper .member_item {
    display: block;
    position: relative;
    height: 340px;
    border-radius: 15px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    -ms-border-radius: 15px;
    -o-border-radius: 15px;
    overflow: hidden;
    transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
}

@media all and (max-width: 767px) {
    .member_details_wrapper .d-flex-between {
        transition: 0.5s;
        justify-content: start;
        align-items: start;
        flex-direction: column;
    }
}

.member_details_wrapper .member_img img {
    max-height: 500px;
}

.member_details_wrapper .member_content {
    margin-top: 20px;
}

.member_details_wrapper p {
    margin-bottom: 10px;
}

@media all and (min-width: 768px) {
    .member_wrapper .member_item:hover {
        transition: 0.5s;
        -webkit-transition: 0.5s;
        -moz-transition: 0.5s;
        -ms-transition: 0.5s;
        -o-transition: 0.5s;
        transform: scale(1.1);
        -webkit-transform: scale(1.1);
        -moz-transform: scale(1.1);
        -ms-transform: scale(1.1);
        -o-transform: scale(1.1);
    }

    .member_wrapper .member_item:hover .member_img_area img {
        opacity: 0.8;
    }

    .member_wrapper .member_item:hover .member_content_area {
        transform: scaleY(1);
        -webkit-transform: scaleY(1);
        -moz-transform: scaleY(1);
        -ms-transform: scaleY(1);
        -o-transform: scaleY(1);
        transform-origin: bottom center;
    }
}

.member_wrapper .member_img_area {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
}

.member_wrapper .member_img_area img {
    max-height: 100%;
    height: 100%;
}

.member_wrapper .member_content_area {
    display: flex;
    flex-direction: column;
    justify-content: center;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 109px;
    padding: 10px 20px;
    background: rgba(255, 0, 0, 0.54);
    border-radius: 0px 0px 15px 15px;
}

@media all and (min-width: 1200px) {
    .member_wrapper .member_content_area {
        transition: 0.5s;
        -webkit-transition: 0.5s;
        -moz-transition: 0.5s;
        -ms-transition: 0.5s;
        -o-transition: 0.5s;
        transform: scaleY(0);
        -webkit-transform: scaleY(0);
        -moz-transform: scaleY(0);
        -ms-transform: scaleY(0);
        -o-transform: scaleY(0);
        transform-origin: top center;
        transition: transform 0.5s ease-in-out;
        -webkit-transition: transform 0.5s ease-in-out;
        -moz-transition: transform 0.5s ease-in-out;
        -ms-transition: transform 0.5s ease-in-out;
        -o-transition: transform 0.5s ease-in-out;
    }
}

.member_wrapper .member_content_area h4 {
    font-weight: 600;
    font-size: 18px;
    line-height: 22px;
    color: #ffffff;
}

.member_wrapper .member_content_area h5 {
    font-weight: 500;
    font-size: 16px;
    line-height: 20px;
    color: #ffffff;
    margin-top: 4px;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.member_wrapper .member_grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    align-items: start;
    gap: 50px 15px;
}

@media (min-width: 768px) and (max-width: 991px) {
    .member_wrapper .member_grid {
        transition: 0.5s;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        align-items: start;
        gap: 40px 15px;
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .member_wrapper .member_grid {
        transition: 0.5s;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        align-items: start;
        gap: 30px 15px;
    }
}

@media all and (max-width: 576px) {
    .member_wrapper .member_grid {
        transition: 0.5s;
        grid-template-columns: repeat(1, minmax(0, 1fr));
        align-items: start;
        gap: 30px 15px;
    }
}

.member_wrapper .member_grid .member_item {
    height: auto;
    overflow: visible;
}

.member_wrapper .member_grid .member_item:hover {
    opacity: 1;
    transform: scale(1) !important;
    -webkit-transform: scale(1) !important;
    -moz-transform: scale(1) !important;
    -ms-transform: scale(1) !important;
    -o-transform: scale(1) !important;
}

.member_wrapper .member_grid .member_item .member_img_area {
    height: 300px;
}

@media all and (max-width: 767px) {
    .member_wrapper .member_grid .member_item .member_img_area {
        transition: 0.5s;
        height: 220px;
    }
}

.member_wrapper .member_grid .member_content_area {
    position: static;
    width: auto;
    height: auto;
    display: block;
    padding: 0 5px;
    margin-top: 10px;
    transform: scale(1) !important;
    -webkit-transform: scale(1) !important;
    -moz-transform: scale(1) !important;
    -ms-transform: scale(1) !important;
    -o-transform: scale(1) !important;
    background-color: transparent;
    border-radius: none;
    -webkit-border-radius: none;
    -moz-border-radius: none;
    -ms-border-radius: none;
    -o-border-radius: none;
}

.member_wrapper .member_grid .member_content_area h4,
.member_wrapper .member_grid .member_content_area h5 {
    color: #333333;
}

.about_rules_wrapper .rules_item {
    margin-top: 40px;
}

@media all and (max-width: 767px) {
    .about_rules_wrapper .rules_item {
        transition: 0.5s;
        margin-top: 30px;
    }
}

.about_rules_wrapper .rules_item .inner_page_title {
    font-family: "Montserrat", sans-serif;
    font-weight: 600;
}

.about_rules_wrapper .rules_item p {
    margin-top: 20px;
    color: #333;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    list-style: disc;
}

.about_rules_wrapper .rules_item ul,
.about_rules_wrapper .rules_item ol {
    margin-top: 20px;
    padding-left: 20px;
}

.about_rules_wrapper .rules_item ul li,
.about_rules_wrapper .rules_item ol li {
    color: #333;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    list-style: disc;
    margin-bottom: 10px;
}

@media all and (max-width: 767px) {

    .about_rules_wrapper .rules_item ul li,
    .about_rules_wrapper .rules_item ol li {
        transition: 0.5s;
        margin-bottom: 5px;
    }
}

.about_rules_wrapper .rules_item ol li {
    list-style: number;
}

.event_page_wrapper .event_item_top_area {
    border-top: 1px solid #d7d7d7;
    margin-top: 40px;
}

.event_page_wrapper .event_slider_grid {
    display: grid;
    grid-template-columns: minmax(0, 310px) repeat(1, minmax(0, 1fr));
    align-items: center;
    gap: 20px 40px;
    padding: 30px 0;
    border-radius: 0;
    background-color: transparent;
    border-bottom: 1px solid #d7d7d7;
}

@media (min-width: 992px) and (max-width: 1199px) {
    .event_page_wrapper .event_slider_grid {
        transition: 0.5s;
        grid-template-columns: minmax(0, 270px) repeat(1, minmax(0, 1fr));
        align-items: center;
        gap: 20px 20px;
    }
}

@media all and (max-width: 991px) {
    .event_page_wrapper .event_slider_grid {
        transition: 0.5s;
        grid-template-columns: repeat(1, minmax(0, 1fr));
        padding: 20px;
    }
}

.event_page_wrapper .event_slider_grid .event_cotnent_area {
    padding: 0px 5px;
    text-align: start;
}

.event_page_wrapper .event_slider_grid .event_cotnent_area .inner_page_title {
    font-weight: 600;
    margin-top: 20px;
}

@media all and (max-width: 767px) {
    .event_page_wrapper .event_slider_grid .event_cotnent_area .inner_page_title {
        transition: 0.5s;
        margin-top: 10px;
    }
}

.event_page_wrapper .event_slider_grid .event_cotnent_area p {
    margin-top: 20px;
}

@media all and (max-width: 767px) {
    .event_page_wrapper .event_slider_grid .event_cotnent_area p {
        transition: 0.5s;
        margin-top: 10px;
    }
}

@media all and (max-width: 767px) {
    .event_page_wrapper .event_slider_grid .event_cotnent_area .event_btn_area .default_btn {
        transition: 0.5s;
        width: 138px;
    }
}

.event_page_wrapper .previous_event_right_area {
    margin-top: 25px;
}

.event_page_wrapper .related_blog_grid {
    display: grid;
    grid-template-columns: minmax(0, 111px) repeat(1, minmax(0, 1fr));
    align-items: start;
    gap: 20px;
    margin-top: 26px;
}

@media (min-width: 768px) and (max-width: 991px) {
    .event_page_wrapper .related_blog_grid {
        transition: 0.5s;
        grid-template-columns: repeat(1, minmax(0, 1fr));
    }
}

.event_page_wrapper .related_blog_grid .related_blog_img {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 73px;
    border-radius: 4px;
    overflow: hidden;
}

.event_page_wrapper .related_blog_grid .related_blog_img img {
    max-height: 100%;
}

.event_page_wrapper .related_blog_grid .related_blog_img img:hover {
    opacity: 0.9;
}

.event_page_wrapper .related_blog_grid h5 a {
    display: block;
    font-weight: 600;
    font-size: 16px;
    line-height: 22px;
    text-transform: uppercase;
    color: #333333;
    width: 100%;
    height: 22px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-bottom: 5px;
}

.event_page_wrapper .related_blog_grid h5 a:hover {
    opacity: 0.8;
}

.event_page_wrapper .related_blog_grid p {
    font-size: 14px;
    line-height: 17px;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    max-height: 70px;
    overflow: hidden;
    text-overflow: ellipsis;
}

/*Event Details */
.event_details_wrapper .info_list li {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 5px;
}

.event_details_wrapper .info_list li .info_icon {
    width: 16px;
    max-width: 16px;
}

.event_details_wrapper .info_list li h4 {
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
    color: #333333;
    margin-top: 3px;
}

.event_details_wrapper .event_main_img_area {
    margin: 20px 0;
}

.event_details_wrapper .event_main_img_area img {
    border-radius: 15px;
}

.event_details_wrapper .event_deatils_content_area p {
    margin-top: 15px;
}

@media all and (max-width: 767px) {
    .event_details_wrapper .event_deatils_content_area p {
        transition: 0.5s;
        margin-top: 10px;
    }
}

/* Event Registration */
.event_registration_wrapper label {
    cursor: pointer;
}

.event_registration_wrapper label a {
    color: #0764ba;
}

.event_registration_wrapper label a:hover {
    opacity: 0.8;
}

.event_registration_wrapper input.form-check-input:checked {
    background-color: #ff0000;
}

.event_registration_wrapper .registration_header_area h4 {
    font-family: "Montserrat", sans-serif;
    font-weight: 500;
    font-size: 18px;
    line-height: 24px;
    color: #333333;
}

@media all and (max-width: 767px) {
    .event_registration_wrapper .registration_header_area h4 {
        transition: 0.5s;
        font-size: 16px;
    }
}

.event_registration_wrapper .registration_info_grid {
    display: grid;
    grid-template-columns: minmax(0, 465px) repeat(1, minmax(0, 1fr));
    align-items: start;
    gap: 20px 100px;
    margin-top: 30px;
}

@media (min-width: 768px) and (max-width: 991px) {
    .event_registration_wrapper .registration_info_grid {
        transition: 0.5s;
        grid-template-columns: minmax(0, 350px) repeat(1, minmax(0, 1fr));
        gap: 20px;
    }
}

@media all and (max-width: 767px) {
    .event_registration_wrapper .registration_info_grid {
        transition: 0.5s;
        grid-template-columns: repeat(1, minmax(0, 1fr));
    }
}

.event_registration_wrapper .info_area .inner_page_title {
    font-weight: 600;
}

.event_registration_wrapper .info_area p {
    margin-top: 10px;
}

.event_registration_wrapper .info_area h4 {
    font-weight: 500;
    font-size: 18px;
    line-height: 26px;
    color: #333333;
    margin-top: 12px;
}

@media all and (max-width: 767px) {
    .event_registration_wrapper .info_area h4 {
        transition: 0.5s;
        font-size: 16px;
        margin-top: 8px;
    }
}

@media all and (max-width: 767px) {
    .event_registration_wrapper .registration_img_area {
        transition: 0.5s;
        display: none;
    }
}

.event_registration_wrapper .member_card_area {
    padding: 44px 35px;
    border: 1px solid #d7d7d7;
    border-radius: 15px;
    margin-top: 50px;
}

@media (min-width: 768px) and (max-width: 991px) {
    .event_registration_wrapper .member_card_area {
        transition: 0.5s;
        padding: 35px 25px;
    }
}

@media all and (max-width: 767px) {
    .event_registration_wrapper .member_card_area {
        transition: 0.5s;
        padding: 30px 20px;
    }
}

.event_registration_wrapper .member_card_area h3,
.event_registration_wrapper .member_card_area label {
    font-family: "Montserrat", sans-serif;
    font-weight: 500;
    font-size: 18px;
    line-height: 26px;
    color: #333333;
}

@media all and (max-width: 767px) {

    .event_registration_wrapper .member_card_area h3,
    .event_registration_wrapper .member_card_area label {
        transition: 0.5s;
        font-size: 16px;
    }
}

.event_registration_wrapper .member_card_area .member_checkbox_area {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px 50px;
}

.event_registration_wrapper .member_card_area .checkobx_list {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px 15px;
}

.event_registration_wrapper .member_card_area .not_member_area {
    display: none;
    margin: 50px 0;
}

@media all and (max-width: 767px) {
    .event_registration_wrapper .member_card_area .not_member_area {
        transition: 0.5s;
        margin: 30px 0;
    }
}

.event_registration_wrapper .member_card_area .not_member_area a {
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 600;
    font-size: 16px;
    line-height: 22px;
    text-transform: uppercase;
    color: #333333;
    max-width: 388px;
    width: 100%;
    height: 60px;
    margin-left: auto;
    margin-right: auto;
    border: 1px solid #d7d7d7;
    border-radius: 10px;
}

.event_registration_wrapper .member_card_area .not_member_area a:hover {
    background-color: #d7d7d7;
}

@media all and (max-width: 767px) {
    .event_registration_wrapper .member_card_area .not_member_area a {
        transition: 0.5s;
        font-size: 15px;
        height: 50px;
    }
}

.event_registration_wrapper .others_info_area {
    margin-top: 35px;
}

.event_registration_wrapper .others_info_area h3,
.event_registration_wrapper .others_info_area h4,
.event_registration_wrapper .others_info_area label {
    font-weight: 500;
    font-size: 18px;
    line-height: 26px;
    color: #333333;
}

@media all and (max-width: 767px) {

    .event_registration_wrapper .others_info_area h3,
    .event_registration_wrapper .others_info_area h4,
    .event_registration_wrapper .others_info_area label {
        transition: 0.5s;
        font-size: 16px;
    }
}

.event_registration_wrapper .others_info_area h4 {
    margin-top: 20px;
}

@media all and (max-width: 767px) {
    .event_registration_wrapper .others_info_area h4 {
        transition: 0.5s;
        margin-top: 12px;
    }
}

.event_registration_wrapper .others_info_area p {
    margin-top: 30px;
}

@media all and (max-width: 767px) {
    .event_registration_wrapper .others_info_area p {
        transition: 0.5s;
        margin-top: 20px;
    }
}

.event_registration_wrapper .others_info_area label {
    cursor: pointer;
}

.event_registration_wrapper .others_info_area .person_info_area {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 20px 30px;
    margin-top: 30px;
}

.event_registration_wrapper .others_info_area .person_info_area .persion_item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 10px;
    max-width: 401px;
    width: 100%;
    min-height: 60px;
    padding: 8px 20px;
    border: 1px solid #d7d7d7;
    border-radius: 8px;
}

.event_registration_wrapper .condition_area {
    margin-top: 30px;
}

@media all and (max-width: 767px) {
    .event_registration_wrapper .condition_area {
        transition: 0.5s;
        margin-top: 20px;
    }
}

.contact_wrapper .contact_address_area {
    padding: 40px 30px;
    border: 1px solid #d7d7d7;
    border-radius: 15px;
}

@media (min-width: 768px) and (max-width: 991px) {
    .contact_wrapper .contact_address_area {
        transition: 0.5s;
        padding: 30px 12px;
    }
}

@media all and (max-width: 767px) {
    .contact_wrapper .contact_address_area {
        transition: 0.5s;
        padding: 30px 20px;
    }
}

.contact_wrapper .address_item {
    text-align: center;
    padding: 28px 0;
    margin-top: 18px;
    border-bottom: 1px solid #d7d7d7;
}

@media (min-width: 768px) and (max-width: 991px) {
    .contact_wrapper .address_item {
        transition: 0.5s;
        padding: 25px 0;
        margin-top: 1px;
    }
}

@media all and (max-width: 767px) {
    .contact_wrapper .address_item {
        transition: 0.5s;
        padding: 20px 0;
        margin-top: 0;
    }
}

.contact_wrapper .address_item h3 {
    font-weight: 600;
    font-size: 20px;
    line-height: 24px;
    text-transform: uppercase;
    color: #333333;
    margin-top: 15px;
}

@media all and (max-width: 767px) {
    .contact_wrapper .address_item h3 {
        transition: 0.5s;
        font-size: 18px;
    }
}

.contact_wrapper .address_item h4 {
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #333333;
    margin-top: 10px;
}

@media all and (max-width: 767px) {
    .contact_wrapper .address_item h4 {
        transition: 0.5s;
        font-size: 14px;
    }
}

.contact_wrapper .address_item h4 a:hover {
    opacity: 0.8;
}

.contact_wrapper .contact_social_list {
    margin-top: 40px;
    margin-bottom: 30px;
}

.contact_wrapper .contact_social_list a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 35px;
    height: 35px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
}

.contact_wrapper .contact_social_list a:hover {
    background-color: #333333;
}

@media all and (max-width: 767px) {
    .contact_wrapper .member_image_area {
        transition: 0.5s;
        display: none;
    }
}

.contact_wrapper .other_login_option_area {
    display: flex;
    align-items: center;
    gap: 10px 14px;
    padding: 20px 30px;
    margin-top: 35px;
    border: 1px solid #d7d7d7;
    border-radius: 15px;
    transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
}

.contact_wrapper .other_login_option_area:hover {
    background-color: #d7d7d7;
}

@media (min-width: 768px) and (max-width: 991px) {
    .contact_wrapper .other_login_option_area {
        transition: 0.5s;
        padding: 15px 20px;
        margin-top: 30px;
    }
}

@media all and (max-width: 767px) {
    .contact_wrapper .other_login_option_area {
        transition: 0.5s;
        padding: 15px 20px;
        margin-top: 25px;
    }
}

.contact_wrapper .other_login_option_area .icon_area {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    background: #ff0000;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}

.contact_wrapper .other_login_option_area h4 {
    font-weight: 500;
    font-size: 18px;
    line-height: 22px;
    color: #333333;
}

.map_wrapper iframe {
    width: 100%;
    height: 300px;
}

.map_wrapper .map_text_wrapper {
    padding: 20px 0;
    margin-top: -7px;
    background: #c80000;
}

.map_wrapper .page_title {
    color: white;
}

.acount_wrapper .account_grid {
    display: grid;
    grid-template-columns: minmax(0, 420px) repeat(1, minmax(0, 1fr));
    gap: 20px;
}

@media all and (max-width: 991px) {
    .acount_wrapper .account_grid {
        transition: 0.5s;
        grid-template-columns: repeat(1, minmax(0, 1fr));
    }
}

.acount_wrapper .account_menu_area {
    padding: 40px 50px;
    border: 1px solid #d7d7d7;
    border-radius: 15px;
}

@media all and (max-width: 991px) {
    .acount_wrapper .account_menu_area {
        transition: 0.5s;
        position: fixed;
        top: 0;
        left: -100%;
        z-index: 100000;
        background: white;
        border-radius: 0;
        width: 320px;
        height: 100vh;
        padding: 30px 20px;
        overflow-y: scroll;
        /* width */
        /* Track */
        /* Handle */
        /* Handle on hover */
        overflow: auto;
        transition: all 0.5s ease-in-out;
        -webkit-transition: all 0.5s ease-in-out;
        -moz-transition: all 0.5s ease-in-out;
        -ms-transition: all 0.5s ease-in-out;
        -o-transition: all 0.5s ease-in-out;
    }

    .acount_wrapper .account_menu_area::-webkit-scrollbar {
        width: 5px;
    }

    .acount_wrapper .account_menu_area::-webkit-scrollbar-track {
        background: rgba(153, 153, 153, 0.2);
        border-radius: 5px;
    }

    .acount_wrapper .account_menu_area::-webkit-scrollbar-thumb {
        background: #999999;
        border-radius: 5px;
    }

    .acount_wrapper .account_menu_area::-webkit-scrollbar-thumb:hover {
        background: #f84f4f;
        cursor: grab;
    }
}

@media all and (max-width: 991px) and (max-width: 575px) {
    .acount_wrapper .account_menu_area {
        transition: 0.5s;
        width: 290px;
    }
}

@media all and (max-width: 991px) {
    .acount_wrapper .account_menu_area.account_active {
        left: 0;
    }
}

.acount_wrapper .account_menu_area h3 {
    font-weight: 600;
    font-size: 20px;
    line-height: 27px;
    text-transform: uppercase;
    color: #333333;
}

@media all and (max-width: 767px) {
    .acount_wrapper .account_menu_area h3 {
        transition: 0.5s;
        font-size: 18px;
    }
}

.acount_wrapper .account_menu_area .accordion-button {
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
    color: #333333;
    padding: 15px 0;
    border: none !important;
    border-bottom: 1px solid #d7d7d7 !important;
}

.acount_wrapper .account_menu_area .accordion-button:hover {
    opacity: 0.8;
}

@media all and (max-width: 767px) {
    .acount_wrapper .account_menu_area .accordion-button {
        transition: 0.5s;
        padding: 10px 0;
    }
}

.acount_wrapper .account_menu_area .accordion-button::after {
    width: 1rem;
    height: 1rem;
    background-size: 1rem;
}

.acount_wrapper .account_menu_area .accordion-button:focus {
    box-shadow: none;
}

.acount_wrapper .account_menu_area a.accordion-button::after,
.acount_wrapper .account_menu_area .log_out_btn::after {
    display: none;
}

.acount_wrapper .account_menu_area .accordion-button:not(.collapsed) {
    box-shadow: none;
    background-color: transparent;
}

.acount_wrapper .active_account_menu {
    color: #ff0000 !important;
}

.acount_wrapper .account_menu_list li {
    margin-bottom: 10px;
}

.acount_wrapper .account_menu_list a,
.acount_wrapper .account_menu_list button {
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
    color: #333333;
}

.acount_wrapper .account_menu_list a:hover,
.acount_wrapper .account_menu_list button:hover {
    opacity: 0.8;
}

.acount_wrapper .account_toggle_btn_area {
    display: none;
}

@media all and (max-width: 991px) {
    .acount_wrapper .account_toggle_btn_area {
        transition: 0.5s;
        display: block;
    }
}

.acount_wrapper .account_toggle_btn_area i {
    font-size: 17px;
}

.acount_wrapper .account_content_area {
    padding: 50px;
    border: 1px solid #d7d7d7;
    border-radius: 15px;
}

@media (min-width: 768px) and (max-width: 1199px) {
    .acount_wrapper .account_content_area {
        transition: 0.5s;
        padding: 30px;
    }
}

@media all and (max-width: 767px) {
    .acount_wrapper .account_content_area {
        transition: 0.5s;
        padding: 20px;
    }
}

.acount_wrapper .account_user_header_area {
    text-align: center;
    margin-top: 20px;
}

.acount_wrapper .account_user_header_area .user_img_area {
    max-height: 200px;
}

.acount_wrapper .account_user_header_area .inner_page_title {
    margin-top: 15px;
}

.acount_wrapper .account_user_header_area h4 {
    font-weight: 400;
    font-size: 18px;
    line-height: 22px;
    color: #333333;
}

@media all and (max-width: 767px) {
    .acount_wrapper .account_user_header_area h4 {
        transition: 0.5s;
        font-size: 16px;
    }
}

.acount_wrapper .account_info_area {
    margin-top: 50px;
}

.acount_wrapper .account_info_grid {
    display: grid;
    grid-template-columns: minmax(0, 180px) repeat(1, minmax(0, 1fr));
    align-items: start;
    gap: 5px 40px;
    padding: 15px 0;
    border-bottom: 1px solid #d7d7d7;
}

@media all and (max-width: 575px) {
    .acount_wrapper .account_info_grid {
        transition: 0.5s;
        grid-template-columns: repeat(1, minmax(0, 1fr));
    }
}

.acount_wrapper .account_info_grid h4 {
    font-weight: 500;
    font-size: 16px;
    line-height: 20px;
    color: #333333;
}

.acount_wrapper .account_info_grid h5 {
    font-weight: 400;
    font-size: 14px;
    line-height: 17px;
    color: #333333;
}

.acount_wrapper .profile_item {
    margin-top: 30px;
}

.acount_wrapper .profile_item h4 {
    font-weight: 500;
    font-size: 16px;
    line-height: 20px;
    color: #333333;
    margin-bottom: 10px;
}

.acount_wrapper .signature_area {
    margin-top: 50px;
    padding-bottom: 15px;
    border-bottom: 1px solid #d7d7d7;
}

.acount_wrapper .signature_area h4 {
    font-weight: 500;
    font-size: 16px;
    line-height: 20px;
    color: #333333;
}

.acount_wrapper .create_date_area {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px 100px;
    margin-top: 50px;
}

@media (min-width: 768px) and (max-width: 1199px) {
    .acount_wrapper .create_date_area {
        transition: 0.5s;
        gap: 10px 40px;
    }
}

@media all and (max-width: 767px) {
    .acount_wrapper .create_date_area {
        transition: 0.5s;
        gap: 10px 20px;
    }
}

.acount_wrapper .create_date_area h4 {
    font-weight: 500;
    font-size: 16px;
    line-height: 20px;
    color: #333333;
}

.acount_wrapper .create_date_area h5 {
    font-weight: 400;
    font-size: 14px;
    line-height: 17px;
    color: #333333;
}

.acount_wrapper .account_title_area h3 {
    font-weight: 500;
    font-size: 20px;
    line-height: 24px;
    color: #333333;
    padding-bottom: 15px;
    border-bottom: 1px solid #d7d7d7;
}

@media all and (max-width: 767px) {
    .acount_wrapper .account_title_area h3 {
        transition: 0.5s;
        font-size: 18px;
        padding-bottom: 12px;
    }
}

.acount_wrapper .notice_item_wrapper {
    margin-top: 18px;
}

.acount_wrapper .notice_item {
    display: block;
    padding: 15px 0;
    border-bottom: 1px solid #d7d7d7;
}

.acount_wrapper .notice_item .notice_date_area img {
    width: 20px;
    max-width: 20px;
}

.acount_wrapper .notice_item .notice_date_area h4 {
    font-weight: 400;
    font-size: 14px;
    line-height: 17px;
    color: #333333;
}

.acount_wrapper .notice_item h5 {
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
    color: #333333;
    margin-top: 5px;
}

.acount_wrapper .transaction_wrapper {
    margin-top: 20px;
}

.acount_wrapper .transaction_wrapper h3 {
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
    color: #333333;
}

.acount_wrapper .change_password_wrapper {
    max-width: 490px;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}

.acount_wrapper .overview_wrapper {
    margin-top: 50px;
}

.acount_wrapper .overview_grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    align-items: start;
    gap: 20px 30px;
}

@media (min-width: 768px) and (max-width: 1199px) {
    .acount_wrapper .overview_grid {
        transition: 0.5s;
        gap: 20px;
    }
}

@media all and (max-width: 575px) {
    .acount_wrapper .overview_grid {
        transition: 0.5s;
        grid-template-columns: repeat(1, minmax(0, 1fr));
    }
}

.acount_wrapper .overview_item {
    border: 1px solid #d7d7d7;
    border-radius: 15px;
}

.acount_wrapper .overview_item h3 {
    font-weight: 500;
    font-size: 16px;
    line-height: 20px;
    color: #333333;
    padding: 12px 0px;
    text-align: center;
    border-bottom: 1px solid #d7d7d7;
}

.acount_wrapper .overview_item .overview_body_area {
    height: 123px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 5px;
}

.acount_wrapper .overview_item .overview_body_area h4 {
    font-weight: 700;
    font-size: 18px;
    line-height: 20px;
    color: #333333;
}

@media all and (max-width: 575px) {
    .founder_member_wrapper .member_grid {
        transition: 0.5s;
        row-gap: 65px;
    }
}

/* Founder Member Section */
.founder_member_wrapper .member_img_area img {
    width: 100%;
}

@media all and (min-width: 768px) {
    .founder_member_wrapper .member_grid {
        transition: 0.5s;
        -webkit-transition: 0.5s;
        -moz-transition: 0.5s;
        -ms-transition: 0.5s;
        -o-transition: 0.5s;
        row-gap: 65px;
    }
}

.founder_member_wrapper .member_grid .member_item .member_img_area {
    height: 310px;
}

.founder_member_wrapper .member_grid .member_content_area {
    margin-top: -63px;
    margin-left: auto;
    margin-right: auto;
    border-radius: 15px;
    text-align: center;
    background: #fff;
    padding: 0 10px 26px 10px;
    box-shadow: 0px 4px 25px 0px rgba(0, 0, 0, 0.2);
}

@media all and (min-width: 992px) {
    .founder_member_wrapper .member_grid .member_content_area {
        transition: 0.5s;
        -webkit-transition: 0.5s;
        -moz-transition: 0.5s;
        -ms-transition: 0.5s;
        -o-transition: 0.5s;
        width: 90%;
    }
}

.founder_member_wrapper .member_grid .member_content_area .small_logo_area {
    position: relative;
    top: -30px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: auto;
    margin-right: auto;
    width: 74px;
    height: 74px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    background-color: white;
}

.founder_member_wrapper .member_grid .member_content_area .small_logo_area img {
    max-width: 40px;
    max-height: 40px;
}

.founder_member_wrapper .member_grid .member_content_area h4 {
    color: #333;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin-top: -25px;
}

.founder_member_wrapper .member_grid .member_content_area h5 {
    color: #333;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

/* EC Member Section */
.ec_member_wrapper .member_img_area {
    position: relative;
    z-index: 10;
}

.ec_member_wrapper .member_img_area img {
    width: 200px;
    height: 200px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}

@media (min-width: 992px) and (max-width: 1199px) {
    .ec_member_wrapper .member_img_area img {
        transition: 0.5s;
        width: 170px;
        height: 170px;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .ec_member_wrapper .member_img_area img {
        transition: 0.5s;
        width: 120px;
        height: 120px;
    }
}

@media all and (max-width: 767px) {
    .ec_member_wrapper .member_img_area img {
        transition: 0.5s;
        width: 120px;
        height: 120px;
    }
}

@media all and (min-width: 768px) {
    .ec_member_wrapper .member_grid {
        transition: 0.5s;
        -webkit-transition: 0.5s;
        -moz-transition: 0.5s;
        -ms-transition: 0.5s;
        -o-transition: 0.5s;
        row-gap: 80px;
    }
}

@media all and (max-width: 767px) {
    .ec_member_wrapper .member_grid {
        transition: 0.5s;
        row-gap: 50px;
    }
}

.ec_member_wrapper .member_grid .member_item .member_img_area {
    height: auto;
}

.ec_member_wrapper .member_grid .member_content_area {
    position: relative;
    margin-left: auto;
    margin-right: auto;
    border-radius: 15px;
    text-align: center;
    background: #fff;
    padding: 0 10px 65px 10px;
    box-shadow: 0px 4px 25px 0px rgba(0, 0, 0, 0.2);
    padding-top: 120px;
    margin-top: -90px;
}

@media (min-width: 992px) and (max-width: 1199px) {
    .ec_member_wrapper .member_grid .member_content_area {
        transition: 0.5s;
        padding-top: 100px;
        margin-top: -70px;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .ec_member_wrapper .member_grid .member_content_area {
        transition: 0.5s;
        padding-top: 80px;
        margin-top: -60px;
    }
}

@media all and (max-width: 767px) {
    .ec_member_wrapper .member_grid .member_content_area {
        transition: 0.5s;
        padding-top: 60px;
        margin-top: -40px;
    }
}

.ec_member_wrapper .member_grid .member_content_area .small_logo_area {
    position: absolute;
    bottom: -30px;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: auto;
    margin-right: auto;
    width: 74px;
    height: 74px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    background-color: white;
    filter: drop-shadow(0px 4px 25px rgba(0, 0, 0, 0.2));
}

.ec_member_wrapper .member_grid .member_content_area .small_logo_area img {
    max-width: 40px;
    max-height: 40px;
}

.ec_member_wrapper .member_grid .member_content_area h4 {
    color: #333;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.ec_member_wrapper .member_grid .member_content_area h5 {
    color: #333;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

/* Life Member Section */
.life_member_wrapper .member_item:hover .member_img_area img {
    opacity: 1;
}

.life_member_wrapper .member_img_area {
    position: relative;
    z-index: 10;
    width: 200px;
    height: 200px !important;
    margin-left: auto;
    margin-right: auto;
}

@media (min-width: 992px) and (max-width: 1199px) {
    .life_member_wrapper .member_img_area {
        transition: 0.5s;
        width: 170px;
        height: 170px !important;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .life_member_wrapper .member_img_area {
        transition: 0.5s;
        width: 120px;
        height: 120px !important;
    }
}

@media all and (max-width: 767px) {
    .life_member_wrapper .member_img_area {
        transition: 0.5s;
        width: 120px;
        height: 120px !important;
    }
}

.life_member_wrapper .member_img_area::after {
    content: "";
    position: absolute;
    top: -16px;
    right: -10px;
    width: 50%;
    height: calc(100% + 30px);
    background-color: #c80000;
    border-radius: 0 270px 270px 0;
}

.life_member_wrapper .member_img_area img {
    position: relative;
    z-index: 5;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}

@media all and (min-width: 768px) {
    .life_member_wrapper .member_grid {
        transition: 0.5s;
        -webkit-transition: 0.5s;
        -moz-transition: 0.5s;
        -ms-transition: 0.5s;
        -o-transition: 0.5s;
        row-gap: 80px;
    }
}

@media all and (max-width: 767px) {
    .life_member_wrapper .member_grid {
        transition: 0.5s;
        row-gap: 50px;
    }
}

.life_member_wrapper .member_grid .member_content_area {
    position: relative;
    text-align: center;
    margin-top: 30px;
}

.life_member_wrapper .member_grid .member_content_area h4 {
    color: #333;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.life_member_wrapper .member_grid .member_content_area h5 {
    color: #333;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.life_member_wrapper .member_grid .member_content_area .id_number {
    color: #c80000;
}

/* General Member Section */
.general_member_wrapper .member_item:hover .member_img_area img {
    opacity: 1;
}

.general_member_wrapper .member_img_area img {
    width: 100%;
}

@media all and (min-width: 768px) {
    .general_member_wrapper .member_grid {
        transition: 0.5s;
        -webkit-transition: 0.5s;
        -moz-transition: 0.5s;
        -ms-transition: 0.5s;
        -o-transition: 0.5s;
        gap: 65px 35px;
    }
}

.general_member_wrapper .member_grid .member_item .member_img_area {
    position: relative;
    height: 310px;
}

.general_member_wrapper .member_grid .member_item .member_img_area::before {
    content: "";
    position: absolute;
    top: -15px;
    left: 15px;
    z-index: -1;
    width: 100%;
    height: 100%;
    background-color: #c80000;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
}

.general_member_wrapper .member_grid .member_content_area {
    text-align: center;
    margin-top: 20px;
}

.general_member_wrapper .member_grid .member_content_area h4 {
    color: #333;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.general_member_wrapper .member_grid .member_content_area h5 {
    color: #333;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.general_member_wrapper .member_grid .member_content_area .id_number {
    color: #c80000;
}

.breadcrumb_wrapper {
    width: 100%;
    height: 300px;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
}

@media (min-width: 768px) and (max-width: 991px) {
    .breadcrumb_wrapper {
        transition: 0.5s;
        height: 250px;
    }
}

@media all and (max-width: 767px) {
    .breadcrumb_wrapper {
        transition: 0.5s;
        height: 170px;
    }
}

.breadcrumb_wrapper .container,
.breadcrumb_wrapper .row,
.breadcrumb_wrapper .col-12 {
    height: 100%;
}

.breadcrumb_wrapper .breadcrumb_content_area {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 100%;
}

.breadcrumb_wrapper .breadcrumb_content_area .page_title {
    color: white;
}

.breadcrumb_wrapper .breadcrumb_content_area .breadcrumb-item {
    font-weight: 500;
    font-size: 16px;
    line-height: 20px;
    color: #ffffff;
}

@media all and (max-width: 767px) {
    .breadcrumb_wrapper .breadcrumb_content_area .breadcrumb-item {
        transition: 0.5s;
        font-size: 14px;
    }
}

.breadcrumb_wrapper .breadcrumb_content_area .breadcrumb-item::before {
    color: #ffffff;
}

.breadcrumb_wrapper .breadcrumb_content_area .breadcrumb-item a:hover {
    opacity: 0.8;
}

/*
!Utilities Or Helper CSS
*/
*,
::before,
::after {
    box-sizing: border-box;
}

body {
    background-color: white;
    font-family: "Montserrat", sans-serif;
    font-size: 16px;
    overflow-y: auto;
    /* width */
    /* Track */
    /* Handle */
    /* Handle on hover */
}

body::-webkit-scrollbar {
    width: 7px;
}

body::-webkit-scrollbar-track {
    background: #f50000;
}

body::-webkit-scrollbar-thumb {
    background: #232970;
    border-radius: 5px;
}

body::-webkit-scrollbar-thumb:hover {
    background: #4f2828;
    cursor: grab;
}

html,
body {
    overflow-x: hidden;
}

h1,
h2,
h3,
h4 {
    font-family: "Nunito Sans", sans-serif;
}

p {
    font-weight: 400;
    font-size: 14px;
    line-height: 24px;
    color: #333333;
}

h1,
h2,
h3,
h4,
h5,
h6,
p {
    margin-bottom: 0;
}

img,
svg {
    max-width: 100%;
}

a {
    color: unset;
    text-decoration: none;
}

a:hover {
    text-decoration: none;
    color: unset;
}

a,
button span {
    display: inline-block;
}

ul {
    margin: 0;
    padding: 0;
}

li {
    list-style: none;
}

:focus {
    outline: none !important;
}

input,
select,
textarea {
    font-weight: 400;
    font-size: 16px;
    color: #101010;
}

input:focus,
select:focus,
textarea:focus,
.niceSelect.open {
    outline: none !important;
    box-shadow: none !important;
    border: 1px solid #e65581 !important;
}

textarea:focus {
    box-shadow: none !important;
    outline: none !important;
}

.btn:focus {
    outline: none !important;
    box-shadow: none !important;
}

button:focus {
    outline: none !important;
    box-shadow: none !important;
}

button {
    cursor: pointer;
    border: none !important;
    background-color: transparent;
}

button:hover {
    border: none !important;
}

*::-moz-placeholder {
    font-weight: normal;
    font-size: 16px;
    line-height: 22px;
    color: #707070;
}

*::placeholder {
    font-weight: normal;
    font-size: 16px;
    line-height: 22px;
    color: #707070;
}

*::-moz-placeholder {
    font-weight: normal;
    font-size: 16px;
    line-height: 22px;
    color: #707070;
}

::-moz-selection {
    color: rgb(255, 255, 255);
    background: rgb(159, 4, 255);
}

::selection {
    color: rgb(255, 255, 255);
    background: rgb(159, 4, 255);
}

::-moz-selection {
    color: rgb(255, 255, 255);
    background: rgb(159, 4, 255);
}

/*  Chrome, Safari, Edge, Opera */
input[type=number]::-webkit-outer-spin-button,
input[type=number]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Firefox */
input[type=number] {
    -moz-appearance: textfield;
}

/* Common Class */
@media all and (max-width: 575px) {
    .container {
        transition: 0.5s;
        padding-left: 16px !important;
        padding-right: 16px !important;
    }
}

.d-flex-between {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
}

@media all and (max-width: 991px) {
    .flex-direction-md-column {
        transition: 0.5s;
        flex-direction: column;
    }
}

@media all and (max-width: 991px) {
    .flex-align-md-start {
        transition: 0.5s;
        align-items: start;
    }
}

.table-responsive {
    overflow: auto;
    /* width */
    /* Track */
    /* Handle */
    /* Handle on hover */
}

.table-responsive::-webkit-scrollbar {
    width: 5px;
    height: 5px;
}

.table-responsive::-webkit-scrollbar-track {
    background: rgba(153, 153, 153, 0.2);
    border-radius: 5px;
}

.table-responsive::-webkit-scrollbar-thumb {
    background: #999999;
    border-radius: 5px;
}

.table-responsive::-webkit-scrollbar-thumb:hover {
    background: #f84f4f;
    cursor: grab;
}

.g-sm {
    gap: 8px 12px;
}

.g-lg {
    gap: 10px 15px;
}

.mt-20 {
    margin-top: 20px;
}

@media all and (max-width: 767px) {
    .mm-30 {
        transition: 0.5s;
        margin-top: 30px;
    }
}

@media all and (max-width: 991px) {
    .mlg-30 {
        transition: 0.5s;
        margin-top: 30px;
    }
}

.default_section_gap {
    margin-top: 70px;
}

@media (min-width: 768px) and (max-width: 991px) {
    .default_section_gap {
        transition: 0.5s;
        margin-top: 50px;
    }
}

@media all and (max-width: 767px) {
    .default_section_gap {
        transition: 0.5s;
        margin-top: 40px;
    }
}

.default_btn {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: "Nunito Sans", sans-serif;
    font-weight: 600;
    font-size: 15px;
    line-height: 19px;
    color: #ff0000;
    text-transform: uppercase;
    width: 149px;
    min-height: 40px;
    outline: 1px solid #ff0000;
    border-radius: 5px;
    overflow: hidden;
}

.default_btn span {
    position: relative;
    z-index: 5;
}

.default_btn::before {
    content: "";
    position: absolute;
    top: -10px;
    left: -10px;
    width: 150%;
    height: 150%;
    background-color: #ff0000;
    transition: transform 0.5s ease-in-out;
    -webkit-transition: transform 0.5s ease-in-out;
    -moz-transition: transform 0.5s ease-in-out;
    -ms-transition: transform 0.5s ease-in-out;
    -o-transition: transform 0.5s ease-in-out;
    transform: scaleX(0);
    -webkit-transform: scaleX(0);
    -moz-transform: scaleX(0);
    -ms-transform: scaleX(0);
    -o-transform: scaleX(0);
    transform-origin: right center;
}

@media all and (max-width: 767px) {
    .default_btn {
        transition: 0.5s;
        font-size: 12px;
        width: 125px;
        min-height: 35px;
    }
}

.default_btn.default_btn_top::before {
    transform: scaleY(0);
    -webkit-transform: scaleY(0);
    -moz-transform: scaleY(0);
    -ms-transform: scaleY(0);
    -o-transform: scaleY(0);
    transform-origin: bottom center;
}

.default_btn.default_btn_white {
    color: white;
    outline-color: white;
}

.default_btn.default_btn_white::before {
    background-color: white;
}

.default_btn.default_btn_fill::before {
    transform: scaleX(1);
    -webkit-transform: scaleX(1);
    -moz-transform: scaleX(1);
    -ms-transform: scaleX(1);
    -o-transform: scaleX(1);
}

.default_btn.default_btn_fill span {
    color: white;
}

.default_btn.default_btn_auto {
    width: 100%;
    max-width: 265px;
    padding: 5px 10px;
}

.default_btn:hover::before {
    transform: scaleX(1);
    -webkit-transform: scaleX(1);
    -moz-transform: scaleX(1);
    -ms-transform: scaleX(1);
    -o-transform: scaleX(1);
    transform-origin: left center;
}

.default_btn:hover.default_btn_top::before {
    transform: scaleY(1);
    -webkit-transform: scaleY(1);
    -moz-transform: scaleY(1);
    -ms-transform: scaleY(1);
    -o-transform: scaleY(1);
    transform-origin: top center;
}

.default_btn:hover.default_btn_white {
    color: #ff0000;
}

.default_btn:hover.default_btn_fill::before {
    transform: scaleX(0);
    -webkit-transform: scaleX(0);
    -moz-transform: scaleX(0);
    -ms-transform: scaleX(0);
    -o-transform: scaleX(0);
}

.default_btn:hover.default_btn_fill span {
    color: #ff0000;
}

.page_title {
    font-family: "Nunito Sans", sans-serif;
    font-weight: 600;
    font-size: 36px;
    line-height: 48px;
    color: #333333;
    text-transform: uppercase;
}

@media (min-width: 768px) and (max-width: 991px) {
    .page_title {
        transition: 0.5s;
        font-size: 30px;
        line-height: 42px;
    }
}

@media all and (max-width: 767px) {
    .page_title {
        transition: 0.5s;
        font-size: 26px;
        line-height: 35px;
    }
}

.page_title_border {
    display: inline-block;
    position: relative;
    padding-bottom: 15px;
}

@media all and (max-width: 767px) {
    .page_title_border {
        transition: 0.5s;
        padding-bottom: 10px;
    }
}

.page_title_border::before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 61%;
    height: 2px;
    background-color: #ff0000;
}

.short_title {
    color: #333;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    margin-top: 15px;
}

@media all and (max-width: 767px) {
    .short_title {
        transition: 0.5s;
        font-size: 16px;
    }
}

.inner_page_title {
    font-family: "Nunito Sans", sans-serif;
    font-weight: 500;
    font-size: 24px;
    line-height: 35px;
    color: #333333;
    text-transform: uppercase;
}

@media (min-width: 768px) and (max-width: 991px) {
    .inner_page_title {
        transition: 0.5s;
        font-size: 22px;
        line-height: 32px;
    }
}

@media all and (max-width: 767px) {
    .inner_page_title {
        transition: 0.5s;
        font-size: 20px;
        line-height: 30px;
    }
}

.news_title {
    font-family: "Nunito Sans", sans-serif;
    font-weight: 600;
    font-size: 30px;
    line-height: 41px;
    color: #404a3d;
}

@media (min-width: 768px) and (max-width: 991px) {
    .news_title {
        transition: 0.5s;
        font-size: 26px;
        line-height: 36px;
    }
}

@media all and (max-width: 767px) {
    .news_title {
        transition: 0.5s;
        font-size: 22px;
        line-height: 32px;
    }
}

.overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    z-index: 10000;
    display: none;
}

/* ============ ScrollToUP Section =========== */
.scrolltop {
    position: fixed;
    right: 70px;
    bottom: 150px;
    z-index: 100000;
    background-color: #111111;
    width: 50px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    cursor: pointer;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    opacity: 0;
    visibility: hidden;
}

@media all and (max-width: 991px) {
    .scrolltop {
        transition: 0.5s;
        right: 20px;
    }
}

.scrolltop i {
    font-size: 16px;
    color: #fec021;
}

.scrolltop:hover {
    background-color: rgba(17, 17, 17, 0.7);
}

.scroll_active {
    bottom: 60px;
    visibility: visible;
    opacity: 1;
}

.preloader_area {
    display: none !important;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1000000;
    width: 100vw;
    height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: white;
    transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transform: translateZ(1px);
}

.preloader_area svg {
    animation: spinnerRotate 3.5s linear infinite alternate;
    -webkit-animation: spinnerRotate 3.5s linear infinite alternate;
    width: 150px;
    height: 150px;
}

@media (min-width: 768px) and (max-width: 991px) {
    .preloader_area svg {
        transition: 0.5s;
        width: 100px;
        height: 100px;
    }
}

@media all and (max-width: 767px) {
    .preloader_area svg {
        transition: 0.5s;
        width: 80px;
        height: 80px;
    }
}

@keyframes spinnerRotate {

    0%,
    100% {
        animation-timing-function: linear;
    }

    0% {
        transform: rotateY(0deg);
    }

    50% {
        transform: rotateY(1800deg);
        animation-timing-function: linear;
    }

    100% {
        transform: rotateY(3600deg);
    }
}

.preloader_text_wrapper {
    display: none !important;
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    z-index: 100000;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: black;
    /* Preloader */
    /* Loading text */
    /* Fade effect on loading animation */
    /* Curtain effect */
    /* Animation of letters loading from the preloader */
    /* Laptop size back (laptop, tablet, cell phone) */
}

.preloader_text_wrapper canvas {
    position: fixed;
    z-index: 999999999999;
}

.preloader_text_wrapper .container-preloader {
    align-items: center;
    cursor: none;
    display: flex;
    height: 100%;
    justify-content: center;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 900;
}

.preloader_text_wrapper .container-preloader .animation-preloader {
    position: absolute;
    z-index: 100;
    bottom: 50px;
}

.preloader_text_wrapper .container-preloader .animation-preloader .txt-loading {
    font: bold 5em "Montserrat", sans-serif;
    text-align: center;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}

.preloader_text_wrapper .container-preloader .animation-preloader .txt-loading .characters:before {
    animation: characters 4s infinite;
    color: #ff0000;
    content: attr(preloader-text);
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    transform: rotateY(-90deg);
}

.preloader_text_wrapper .container-preloader .animation-preloader .txt-loading .characters {
    color: rgba(255, 255, 255, 0.5);
    position: relative;
}

.preloader_text_wrapper .container-preloader .animation-preloader .txt-loading .characters:nth-child(2):before {
    animation-delay: 0.2s;
}

.preloader_text_wrapper .container-preloader .animation-preloader .txt-loading .characters:nth-child(3):before {
    animation-delay: 0.4s;
}

.preloader_text_wrapper .container-preloader .animation-preloader .txt-loading .characters:nth-child(4):before {
    animation-delay: 0.6s;
}

.preloader_text_wrapper .container-preloader .animation-preloader .txt-loading .characters:nth-child(5):before {
    animation-delay: 0.8s;
}

.preloader_text_wrapper .container-preloader .animation-preloader .txt-loading .characters:nth-child(6):before {
    animation-delay: 1s;
}

.preloader_text_wrapper .container-preloader .animation-preloader .txt-loading .characters:nth-child(7):before {
    animation-delay: 1.2s;
}

.preloader_text_wrapper .container-preloader .loader-section {
    height: 100%;
    position: fixed;
    top: 0;
    width: calc(50% + 1px);
}

.preloader_text_wrapper .container-preloader .loader-section.section-left {
    left: 0;
}

.preloader_text_wrapper .container-preloader .loader-section.section-right {
    right: 0;
}

.preloader_text_wrapper .loaded .animation-preloader {
    opacity: 0;
    transition: 0.3s ease-out;
}

.preloader_text_wrapper .loaded .loader-section.section-left {
    transform: translateX(-101%);
    transition: 0.7s 0.3s all cubic-bezier(0.1, 0.1, 0.1, 1);
}

.preloader_text_wrapper .loaded .loader-section.section-right {
    transform: translateX(101%);
    transition: 0.7s 0.3s all cubic-bezier(0.1, 0.1, 0.1, 1);
}

@keyframes characters {

    0%,
    75%,
    100% {
        opacity: 0;
        transform: rotateY(-90deg);
    }

    25%,
    50% {
        opacity: 1;
        transform: rotateY(0deg);
    }
}

@media screen and (max-width: 767px) {
    .preloader_text_wrapper {
        /* Preloader */
        /* Text Loading */
    }

    .preloader_text_wrapper .container-preloader .animation-preloader .txt-loading {
        font: bold 3.5em "Montserrat", sans-serif;
    }
}

@media screen and (max-width: 500px) {
    .preloader_text_wrapper {
        /* Prelaoder */
        /*Loading text */
    }

    .preloader_text_wrapper .container-preloader .animation-preloader .txt-loading {
        font: bold 2em "Montserrat", sans-serif;
    }
}

.preloader_text_wrapper .origin {
    text-decoration: none;
    font-size: 45px;
}

.preloader_football_wrapper {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    z-index: 99999999;
}

.preloader_football_wrapper #splash {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 900;
    background-color: #0a192f;
}

.preloader_football_wrapper #splash h1 {
    color: #ccd6f6;
    font-family: Roboto, sans-serif;
    text-align: center;
    position: absolute;
    bottom: 50px;
    text-align: center;
    width: 100%;
}

.preloader_football_wrapper #splash svg {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    height: 50%;
    background: transparent;
}

.preloader_football_wrapper #splash svg path {
    animation-duration: 1s;
    animation-name: pulse;
    animation-iteration-count: infinite;
    color: #64d1ff;
    /*40c456*/
}

.preloader_football_wrapper #splash svg path.path-7 {
    animation-delay: -1s;
}

.preloader_football_wrapper #splash svg path.path-6 {
    animation-delay: -0.875s;
}

.preloader_football_wrapper #splash svg path.path-5 {
    animation-delay: -0.75s;
}

.preloader_football_wrapper #splash svg path.path-4 {
    animation-delay: -0.625s;
}

.preloader_football_wrapper #splash svg path.path-3 {
    animation-delay: -0.5s;
}

.preloader_football_wrapper #splash svg path.path-2 {
    animation-delay: -0.375s;
}

.preloader_football_wrapper #splash svg path.path-1 {
    animation-delay: -0.25s;
}

.preloader_football_wrapper #splash svg path.path-0 {
    animation-delay: -0.125s;
}

@keyframes pulse {
    0% {
        opacity: 0.1;
    }

    30% {
        opacity: 0.8;
    }

    100% {
        opacity: 0.1;
    }
}

.preloader_svg_text_wrappper {
    display: none !important;
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    z-index: 99999999;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    background-color: black;
}

.preloader_svg_text_wrappper .svg_logo_area {
    margin-bottom: 120px;
}

.preloader_svg_text_wrappper .text_svg_area svg {
    font-family: "Russo One", sans-serif;
    position: absolute;
    bottom: -120px;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
    height: 100%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
}

.preloader_svg_text_wrappper .text_svg_area svg text {
    text-transform: uppercase;
    animation: stroke 5s infinite alternate;
    stroke-width: 2;
    stroke: #365fa0;
    font-size: 140px;
    font-weight: 800;
}

@keyframes stroke {
    0% {
        fill: rgba(72, 138, 20, 0);
        stroke: rgb(54, 95, 160);
        stroke-dashoffset: 25%;
        stroke-dasharray: 0 50%;
        stroke-width: 2;
    }

    70% {
        fill: rgba(72, 138, 20, 0);
        stroke: rgb(54, 95, 160);
    }

    80% {
        fill: rgba(72, 138, 20, 0);
        stroke: rgb(54, 95, 160);
        stroke-width: 3;
    }

    100% {
        fill: #ff0000;
        stroke: rgba(54, 95, 160, 0);
        stroke-dashoffset: -25%;
        stroke-dasharray: 50% 0;
        stroke-width: 0;
    }
}

.img_zoom_animate {
    overflow: hidden;
    transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
}

.img_zoom_animate:hover {
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
}

.bounes_animate {
    transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
}

.bounes_animate:hover {
    transform: translateY(-10px);
    -webkit-transform: translateY(-10px);
    -moz-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    -o-transform: translateY(-10px);
}

.mfp-close {
    cursor: pointer !important;
}

.slider_arrow {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    cursor: pointer;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
}

.slider_arrow:hover {
    border: 1px solid white;
    background-color: #ff0000;
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
}

.slider_arrow:hover path {
    fill: white;
}

.slider_arrow.swiper-button-disabled {
    opacity: 0.5;
    cursor: no-drop;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    pointer-events: none;
}

.hero_slider_pagination_area {
    position: absolute;
    bottom: 46px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 5;
}

.hero_slider_pagination_area .hero_pagination {
    position: static;
    transform: translate(0) !important;
    -webkit-transform: translate(0) !important;
    -moz-transform: translate(0) !important;
    -ms-transform: translate(0) !important;
    -o-transform: translate(0) !important;
}

.hero_slider_pagination_area .hero_pagination .swiper-pagination-bullet {
    border: 1px solid white;
}

.hero_slider_pagination_area .hero_pagination .swiper-pagination-bullet-active {
    background-color: white;
}

.meeting_slider_arrow_area .meeting_slider_icon {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    z-index: 10;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    cursor: pointer;
    background: #ffffff;
    box-shadow: 0px 4px 25px rgba(0, 0, 0, 0.2);
    transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
}

.meeting_slider_arrow_area .meeting_slider_icon:hover {
    box-shadow: 0px 4px 25px rgba(0, 0, 0, 0.5);
}

.meeting_slider_arrow_area .meeting_slider_icon.swiper-button-disabled {
    opacity: 0.5;
    cursor: no-drop;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    pointer-events: none;
}

.meeting_slider_arrow_area .meeting_prev_icon {
    left: -15px;
}

.meeting_slider_arrow_area .meeting_next_icon {
    right: -20px;
}

.facilites_arrow_area {
    display: flex;
    align-items: center;
    justify-content: end;
    flex-wrap: wrap;
    gap: 10px;
}

.facilites_arrow_area .facilites_slider_icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    cursor: pointer;
    background: #ff0000;
    transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
}

.facilites_arrow_area .facilites_slider_icon.swiper-button-disabled {
    opacity: 0.5;
    cursor: no-drop;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    pointer-events: none;
}

.facilites_arrow_area .facilites_slider_icon:hover {
    opacity: 0.6;
}

.swiper-pagination .swiper-pagination-bullet {
    width: 10px;
    height: 10px;
    opacity: 1;
    background-color: transparent;
    border: 1px solid #ff0000;
    transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
}

.swiper-pagination .swiper-pagination-bullet-active {
    background-color: #ff0000;
}

@media all and (max-width: 767px) {
    .m-sm-30 {
        transition: 0.5s;
        margin-top: 30px;
    }
}

.niceSelect .list {
    width: 100%;
    max-height: 250px;
    overflow: auto;
    /* width */
    /* Track */
    /* Handle */
    /* Handle on hover */
}

.niceSelect .list::-webkit-scrollbar {
    width: 5px;
    height: 5px;
}

.niceSelect .list::-webkit-scrollbar-track {
    background: rgba(153, 153, 153, 0.2);
    border-radius: 5px;
}

.niceSelect .list::-webkit-scrollbar-thumb {
    background: #999999;
    border-radius: 5px;
}

.niceSelect .list::-webkit-scrollbar-thumb:hover {
    background: #f84f4f;
    cursor: grab;
}

.niceSelect .current {
    display: flex;
    align-items: center;
    height: 100%;
}

.news_item {
    position: relative;
    background: #ffffff;
    border-radius: 15px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    -ms-border-radius: 15px;
    -o-border-radius: 15px;
    overflow: hidden;
}

.news_item:hover .date_area {
    background-color: #e65581;
}

.news_item .news_img_area {
    position: relative;
    height: 205px;
}

.news_item .news_img_area a {
    display: block;
    width: 100%;
    height: 100%;
}

.news_item .news_img_area a:hover {
    opacity: 0.9;
}

.news_item .news_img_area a img {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    height: 100%;
    width: 100%;
}

.news_item .date_area {
    position: absolute;
    top: 0;
    right: 0;
    background: #ff0000;
    padding: 10px 14px;
    text-align: center;
}

.news_item .date_area .inner_page_title {
    font-weight: 700;
    color: white;

}

.news_item .date_area h5 {
    font-weight: 700;
    font-size: 18px;
    line-height: 24px;
    color: #ffffff;
    margin-top: 5px;
}

@media all and (max-width: 767px) {
    .news_item .date_area h5 {
        transition: 0.5s;
        font-size: 16px;
        line-height: 22px;
    }

    .news_item .date_area h5:nth-of-type(2) {
        font-weight: 700;
        font-size: 16px;
        margin-top: 7px;
    }

    @media all and (max-width: 767px) {
        .news_item .date_area h5:nth-of-type(2) {
            transition: 0.5s;
            font-size: 14px;
        }
    }
}



.news_item .date_area .line_border {
    margin-top: 9px;
    border-top: 1px solid white;
}

.news_item .news_content_area {
    padding: 15px 5px;
}

.news_item .news_content_area h4 {
    font-family: "Nunito Sans", sans-serif;
    font-weight: 700;
    font-size: 16px;
    line-height: 24px;
    text-transform: uppercase;
    color: #333333;
    height: 20px;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.news_item .news_content_area p {
    font-size: 14px;
    margin-top: 10px;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.news_item .news_content_area .default_btn {
    margin-top: 25px;
}

.news_item .default_btn {
    width: 132px;
}

.footer_social_list {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 5px;
}

.footer_social_list a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    padding: 5px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
}

.footer_social_list a:hover {
    background-color: #7e7c7c;
}

.footer_social_list i {
    color: #ff0000;
}

.footer_social_list.member_social_list a:hover {
    background-color: rgba(126, 124, 124, 0.1);
}

.footer_social_list.member_social_list i {
    color: #919191;
}

.pagination_wrapper {
    margin-top: 70px;
}

@media (min-width: 768px) and (max-width: 991px) {
    .pagination_wrapper {
        transition: 0.5s;
        margin-top: 50px;
    }
}

@media all and (max-width: 767px) {
    .pagination_wrapper {
        transition: 0.5s;
        margin-top: 40px;
    }
}

.page_number_text {
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
    color: #777777;
}

.pagination {
    display: block !important;
    text-align: center;
}

.pagination ul {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: 10px;
}

.pagination li:first-child svg {
    transform: rotate(-180deg);
    -webkit-transform: rotate(-180deg);
    -moz-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    -o-transform: rotate(-180deg);
}

.pagination li,
.pagination a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 46px;
    height: 46px;
    background: #f3f3f3;
    border-radius: 4px;
}

@media (min-width: 768px) and (max-width: 991px) {

    .pagination li,
    .pagination a {
        transition: 0.5s;
        width: 35px;
        height: 35px;
    }
}

@media all and (max-width: 767px) {

    .pagination li,
    .pagination a {
        transition: 0.5s;
        width: 30px;
        height: 30px;
    }
}

.pagination li:hover,
.pagination a:hover {
    opacity: 0.8;
}

.pagination .active,
.pagination .active a {
    color: white;
    background: #333333;
}

.header_serch_form_area {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: 10px 18px;
}

@media all and (max-width: 991px) {
    .header_serch_form_area {
        transition: 0.5s;
        margin-top: 10px;
        width: 100%;
    }
}

@media all and (max-width: 575px) {
    .header_serch_form_area {
        transition: 0.5s;
        flex-direction: column;
    }
}

.header_serch_form_area h5 {
    font-weight: 500;
    font-size: 18px;
    line-height: 24px;
    color: #333333;
}

@media all and (max-width: 767px) {
    .header_serch_form_area h5 {
        transition: 0.5s;
        font-size: 16px;
    }
}

.header_serch_form_area input {
    padding: 0 20px;
    width: 340px;
    height: 60px;
    border: 1px solid #d7d7d7;
    border-radius: 8px;
}

@media all and (max-width: 991px) {
    .header_serch_form_area input {
        transition: 0.5s;
        padding: 0 10px;
        height: 50px;
    }
}

@media all and (max-width: 575px) {
    .header_serch_form_area input {
        transition: 0.5s;
        width: 100%;
    }
}

.event_slider_grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    align-items: center;
    gap: 30px;
    padding: 8px;
    background: #ffffff;
    border-radius: 15px;
}

@media all and (max-width: 767px) {
    .event_slider_grid {
        transition: 0.5s;
        grid-template-columns: repeat(1, minmax(0, 1fr));
        padding: 20px;
    }
}

.event_slider_grid .event_cotnent_area {
    position: relative;
    padding: 20px 50px;
    text-align: center;
}

@media (min-width: 768px) and (max-width: 1199px) {
    .event_slider_grid .event_cotnent_area {
        transition: 0.5s;
        padding: 20px 30px;
    }
}

@media all and (max-width: 767px) {
    .event_slider_grid .event_cotnent_area {
        transition: 0.5s;
        padding: 10px 0px;
    }
}

.event_slider_grid .event_cotnent_area h4 {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    width: 90%;
    top: -8px;
    font-family: "Nunito Sans", sans-serif;
    font-weight: 900;
    font-size: 80px;
    text-transform: uppercase;
    color: #e6e6e6;
}

@media (min-width: 768px) and (max-width: 1199px) {
    .event_slider_grid .event_cotnent_area h4 {
        transition: 0.5s;
        font-size: 60px;
    }
}

@media all and (max-width: 767px) {
    .event_slider_grid .event_cotnent_area h4 {
        transition: 0.5s;
        top: 28px;
        font-size: 40px;
    }
}

.event_slider_grid .event_cotnent_area h6 {
    font-family: "Nunito Sans", sans-serif;
    font-weight: 600;
    font-size: 20px;
    line-height: 24px;
    text-transform: uppercase;
    color: #333333;
}

@media all and (max-width: 767px) {
    .event_slider_grid .event_cotnent_area h6 {
        transition: 0.5s;
        font-size: 18px;
    }
}

.event_slider_grid .event_cotnent_area .inner_page_title {
    font-weight: 800;
    width: 100%;
    height: 26px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.event_slider_grid .event_cotnent_area p {
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    margin-top: 30px;
}

.event_slider_grid .event_cotnent_area h5 {
    font-weight: 700;
    font-size: 16px;
    line-height: 24px;
    text-transform: capitalize;
    color: #ff0000;
}

@media all and (max-width: 767px) {
    .event_slider_grid .event_cotnent_area h5 {
        transition: 0.5s;
        font-weight: 600;
        font-size: 14px;
    }
}

.event_slider_grid .event_cotnent_area .default_btn {
    margin-top: 30px;
}

.event_slider_grid .event_cotnent_area .event_btn_area {
    margin-top: 30px;
}

.event_slider_grid .event_cotnent_area .event_btn_area .default_btn {
    margin-top: 0px;
}

.event_slider_grid .event_inner_content_area {
    position: relative;
}

.event_slider_grid .event_img_area {
    display: flex;
    align-items: center;
    justify-content: center;
}

@media all and (max-width: 767px) {
    .event_slider_grid .event_img_area {
        transition: 0.5s;
        grid-row: 1;
    }
}

.event_slider_grid .event_img_area img {
    width: 100%;
    max-height: 350px;
    border-radius: 15px;
}

@media (min-width: 768px) and (max-width: 991px) {
    .event_slider_grid .event_img_area img {
        transition: 0.5s;
        max-height: 270px;
    }
}

@media all and (max-width: 767px) {
    .event_slider_grid .event_img_area img {
        transition: 0.5s;
        max-height: 240px;
        width: 100%;
    }
}

.form_area input.form-check-input:checked {
    background-color: #ff0000;
}

.form_area ::-webkit-file-upload-button {
    border: 1px solid transparent;
    color: white;
    background-color: #ff0000;
}

.form_area .preview_img_area img {
    max-height: 300px;
}

.form_area .contact_form_area {
    padding: 30px 55px 55px 55px;
    margin-top: 40px;
    border: 1px solid #d7d7d7;
    border-radius: 15px;
}

@media (min-width: 768px) and (max-width: 991px) {
    .form_area .contact_form_area {
        transition: 0.5s;
        padding: 30px 30px;
        margin-top: 40px;
    }
}

@media all and (max-width: 767px) {
    .form_area .contact_form_area {
        transition: 0.5s;
        padding: 20px;
    }
}

.form_area .input_row {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin-top: 24px;
}

.form_area .input_row label {
    font-weight: 500;
    font-size: 18px;
    line-height: 22px;
    color: #333333;
}

@media all and (max-width: 767px) {
    .form_area .input_row label {
        transition: 0.5s;
        font-size: 16px;
    }
}

.form_area .input_row label span {
    color: #ff0000;
}

.form_area .input_file_row .file_upload_label {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 103px;
    border: 1px dashed #d7d7d7;
    border-radius: 8px;
    cursor: pointer;
}

.form_area .input_file_row .upload_text {
    max-width: 304px;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    color: #777777;
}

.form_area .input_box,
.form_area .niceSelect {
    width: 100%;
    height: 60px;
    border: 1px solid #d7d7d7;
    padding: 0 30px;
    border-radius: 8px;
}

@media (min-width: 768px) and (max-width: 991px) {

    .form_area .input_box,
    .form_area .niceSelect {
        transition: 0.5s;
        height: 55px;
        padding: 0 20px;
    }
}

@media all and (max-width: 767px) {

    .form_area .input_box,
    .form_area .niceSelect {
        transition: 0.5s;
        height: 50px;
        padding: 0 20px;
    }
}

.form_area .input_box[type=file],
.form_area .niceSelect[type=file] {
    padding-top: 15px;
    cursor: pointer;
}

@media all and (max-width: 991px) {

    .form_area .input_box[type=file],
    .form_area .niceSelect[type=file] {
        transition: 0.5s;
        padding-top: 10px;
    }
}

.form_area .niceSelect::after {
    right: 18px;
    width: 11px;
    height: 11px;
}

@media (min-width: 768px) and (max-width: 991px) {
    .form_area .niceSelect::after {
        transition: 0.5s;
        right: 15px;
        width: 9px;
        height: 9px;
    }
}

@media all and (max-width: 767px) {
    .form_area .niceSelect::after {
        transition: 0.5s;
        right: 12px;
        width: 8px;
        height: 8px;
    }
}

.form_area .textarea_box {
    padding: 15px 30px;
    width: 100%;
    border: 1px solid #d7d7d7;
    border-radius: 8px;
}

.form_area .passowrd_show_hide_area {
    position: absolute;
    top: 46px;
    right: 7px;
    display: none;
}

@media (min-width: 768px) and (max-width: 991px) {
    .form_area .passowrd_show_hide_area {
        transition: 0.5s;
        top: 44px;
    }
}

@media all and (max-width: 767px) {
    .form_area .passowrd_show_hide_area {
        transition: 0.5s;
        top: 42px;
    }
}

.form_area .passowrd_show_hide_area .eye_open_btn {
    display: none;
}

.form_area .passowrd_show_hide_area button i:hover {
    opacity: 0.7;
}

.form_area .select2-container {
    width: 100% !important;
}

.form_area .selection {
    display: block;
}

.form_area .select2-selection {
    height: 60px;
    border: 1px solid #d7d7d7;
    border-radius: 8px;
}

@media (min-width: 768px) and (max-width: 991px) {
    .form_area .select2-selection {
        transition: 0.5s;
        height: 55px;
    }
}

@media all and (max-width: 767px) {
    .form_area .select2-selection {
        transition: 0.5s;
        height: 50px;
    }
}

.form_area .select2-selection__rendered {
    padding-left: 30px !important;
    line-height: 60px !important;
}

@media (min-width: 768px) and (max-width: 991px) {
    .form_area .select2-selection__rendered {
        transition: 0.5s;
        padding-left: 20px !important;
        line-height: 55px !important;
    }
}

@media all and (max-width: 767px) {
    .form_area .select2-selection__rendered {
        transition: 0.5s;
        padding-left: 20px !important;
        line-height: 50px !important;
    }
}

.form_area .select2-selection__arrow {
    top: 18px !important;
    right: 10px !important;
}

.form_area .select2-selection__placeholder {
    font-weight: 400;
    font-size: 14px;
    line-height: 22px;
    color: #bababa !important;
    transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
}

.form_area .select2-results__option--selectable {
    font-size: 14px;
}

.form_area .select2-selection__placeholder,
.form_area .select2_placeholder {
    font-size: 14px;
    line-height: 22px;
    color: #bababa;
    transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
}

.form_area .select2_placeholder {
    position: absolute;
    top: 13px;
    left: 15px;
    pointer-events: none;
}

.form_area .select2-container--open.select2-container--focus .select2-selection {
    border: 1px solid #ff0000;
}

.form_area .select2-container--open.select2-container--focus~.select2_placeholder {
    position: absolute;
    top: -10px;
    left: 20px;
    z-index: 12;
    font-size: 16px;
    padding: 0 4px;
    color: white !important;
    background-color: #31d0c3;
}

.form_area .form-check-label {
    font-weight: 400 !important;
    font-size: 18px !important;
    line-height: 22px !important;
    color: #2c2c72 !important;
    cursor: pointer;
}

@media all and (max-width: 767px) {
    .form_area .form-check-label {
        transition: 0.5s;
        font-size: 16px !important;
    }
}

.form_area .transaction_row {
    margin-top: 50px;
}

.form_area .transaction_row .transaction_select {
    width: 200px;
}

@media all and (max-width: 575px) {
    .form_area .transaction_row .transaction_select {
        transition: 0.5s;
        width: 100%;
    }
}

.form_area .transaction_row .select2-selection {
    height: 50px;
}

.form_area .transaction_row .select2-selection__rendered {
    padding-left: 20px !important;
    line-height: 50px !important;
}

.form_area .transaction_row .select2-selection__arrow {
    top: 13px !important;
}

.form_area .transaction_date_area {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px 12px;
}

.form_area .transaction_date_area .input_box {
    height: 50px;
    padding: 0 24px;
}

@media all and (min-width: 768px) {
    .form_area .transaction_date_area .input_box {
        transition: 0.5s;
        -webkit-transition: 0.5s;
        -moz-transition: 0.5s;
        -ms-transition: 0.5s;
        -o-transition: 0.5s;
        width: 240px;
    }
}

@media all and (max-width: 767px) {
    .form_area .transaction_date_area h3 {
        transition: 0.5s;
        text-align: center;
        width: 100%;
    }
}

.form_area .submit_btn_row {
    margin-top: 40px;
}

.form_area .submit_btn_row button {
    outline: 1px solid #ff0000 !important;
}

.form_area .submit_btn {
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    font-size: 14px;
    line-height: 19px;
    text-transform: uppercase;
    color: #ffffff;
    width: 181px;
    height: 40px;
    background: #ff0000;
    border-radius: 5px;
}

.form_area .submit_btn:hover {
    opacity: 0.7;
}

@media all and (max-width: 767px) {
    .form_area .submit_btn {
        transition: 0.5s;
        width: 155px;
    }

    .form_area .submit_btn.login_btn {
        width: 120px;
    }
}

.form_area .event_rechaptcha_area {
    display: flex;
    align-items: center;
    justify-content: end;
    flex-wrap: wrap;
    gap: 12px 150px;
}

@media (min-width: 768px) and (max-width: 1199px) {
    .form_area .event_rechaptcha_area {
        transition: 0.5s;
        gap: 12px 50px;
    }
}

@media all and (max-width: 767px) {
    .form_area .event_rechaptcha_area {
        transition: 0.5s;
        flex-direction: column;
        gap: 12px 20px;
    }
}

.select2-results__options {
    overflow-y: scroll;
    /* width */
    /* Track */
    /* Handle */
    /* Handle on hover */
    overflow: auto;
}

.select2-results__options::-webkit-scrollbar {
    width: 5px;
}

.select2-results__options::-webkit-scrollbar-track {
    background: rgba(153, 153, 153, 0.2);
    border-radius: 5px;
}

.select2-results__options::-webkit-scrollbar-thumb {
    background: #999999;
    border-radius: 5px;
}

.select2-results__options::-webkit-scrollbar-thumb:hover {
    background: #f84f4f;
    cursor: grab;
}

.valid-feedback,
.invalid-feedback {
    font-weight: 500;
}

.pdf_import_area iframe {
    width: 100%;
    height: 1000px;
}

@media (min-width: 768px) and (max-width: 991px) {
    .pdf_import_area iframe {
        transition: 0.5s;
        height: 800px;
    }
}

@media all and (max-width: 767px) {
    .pdf_import_area iframe {
        transition: 0.5s;
        height: 500px;
    }
}

@media all and (max-width: 575px) {
    .table_search_area {
        transition: 0.5s;
        flex-direction: column;
        align-items: start;
    }
}

.table_search_area .number_select_area {
    width: 100px;
}

.table_search_area .number_select_area .niceSelect {
    height: 45px;
    padding: 0 20px;
}

.table_search_area .number_select_area .niceSelect::after {
    right: 16px;
    width: 9px;
    height: 9px;
    top: 20px;
}

.table_search_area {
    margin-top: 50px;
}

.table_search_area .search_box_area {
    position: relative;
}

@media all and (max-width: 575px) {
    .table_search_area .search_box_area {
        transition: 0.5s;
        width: 100%;
    }
}

.table_search_area .input_box {
    height: 50px;
    padding: 0 24px;
    width: 240px;
}

@media all and (max-width: 575px) {
    .table_search_area .input_box {
        transition: 0.5s;
        width: 100%;
    }
}

.table_search_area .search_btn {
    position: absolute;
    right: 4px;
    top: 12px;
}

.transaction_table_area {
    margin-top: 40px;
}

.transaction_table_area th {
    font-weight: 500;
    font-size: 16px;
    line-height: 20px;
    color: #333333;
}

.transaction_table_area h4 {
    font-weight: 400;
    font-size: 14px;
    line-height: 17px;
    color: #333333;
}

.pagination_wrapper {
    margin-top: 20px;
}

.pagination_wrapper h4 {
    font-weight: 400;
    font-size: 14px;
    line-height: 17px;
    color: #333333;
}

.pagination {
    display: block !important;
    text-align: center;
}

@media all and (max-width: 575px) {
    .pagination {
        transition: 0.5s;
        width: 100%;
    }
}

.pagination ul {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: 10px;
}

.pagination li:first-child svg {
    transform: rotate(-180deg);
    -webkit-transform: rotate(-180deg);
    -moz-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    -o-transform: rotate(-180deg);
}

.pagination li,
.pagination a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    background: #f3f3f3;
    border-radius: 4px;
}

@media (min-width: 768px) and (max-width: 991px) {

    .pagination li,
    .pagination a {
        transition: 0.5s;
        width: 30px;
        height: 30px;
    }
}

@media all and (max-width: 767px) {

    .pagination li,
    .pagination a {
        transition: 0.5s;
        width: 28px;
        height: 28px;
    }
}

.pagination li:hover,
.pagination a:hover {
    opacity: 0.8;
}

.pagination .active,
.pagination .active a {
    color: white;
    background: #ff0000;
}

.action_list {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
}

.action_list a,
.action_list button {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    background: #218838;
    border-radius: 3px;
}

.action_list a:hover,
.action_list button:hover {
    opacity: 0.8;
}

.action_list a.link_action,
.action_list button.link_action {
    background: #0069d9;
}

.action_list a.delete_action,
.action_list button.delete_action {
    background: #c82333;
}

.account_user_title_area {
    margin-top: 20px;
}

.account_user_title_area h3 {
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
    color: #333333;
}

.custom_caption {
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}

.mfp-bottom-bar {
    padding-bottom: 20px;
}

/* slect 2 css */
.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 10px !important;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 43px !important;
}

.form_area .select2-selection {
    height: 45px !important;
}

.social_link {
    padding: 5px;
}

.social_link .fa-brands:hover {
    color: red;
}

/*# sourceMappingURL=style.css.map */