/*!
Theme Name: nnhs
Theme URI: http://rakdesign.com/
Author: Rakdesign
Author URI: http://rakdesign.com/
Description: Theme by Rakdesign
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: nnhs
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

*/

.multiple_btns {
    display: none;
}

.user-logged-in .multiple_btns {
    display: block;
}

/* global colors */

:root {
    --primary: #44B64E;
    --secondary: #1F1E17;
    --text: #878680;
    --footer-text: #E4E4E4;
    --black: #000000;
    --white: #ffffff;
    --theme-red: #ee2052;
    --bglight: #FDFCF8;
    --bgdark: #11487C;
    --lightgray: #F6F8F6;
    --border-color-primary: rgba(68, 182, 78, 0.2);
    --border-color-secondary: #E5E2DC;
    --error: #FF380E;
    --success: #04b34f;
    --filter-primary: brightness(0) saturate(100%) invert(59%) sepia(32%) saturate(858%) hue-rotate(75deg) brightness(95%) contrast(90%);
    --filter-red: brightness(0) saturate(100%) invert(21%) sepia(78%) saturate(4445%) hue-rotate(335deg) brightness(97%) contrast(93%);
}

/*global fonts start*/

@font-face {
    font-family: 'K2D';
    src: url('./assets/fonts/K2D-Regular.eot');
    src: url('./assets/fonts/K2D-Regular.eot?#iefix') format('embedded-opentype'),
        url('./assets/fonts/K2D-Regular.woff2') format('woff2'),
        url('./assets/fonts/K2D-Regular.woff') format('woff'),
        url('./assets/fonts/K2D-Regular.ttf') format('truetype'),
        url('./assets/fonts/K2D-Regular.svg#K2D-Regular') format('svg');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'K2D';
    src: url('./assets/fonts/K2D-SemiBold.eot');
    src: url('./assets/fonts/K2D-SemiBold.eot?#iefix') format('embedded-opentype'),
        url('./assets/fonts/K2D-SemiBold.woff2') format('woff2'),
        url('./assets/fonts/K2D-SemiBold.woff') format('woff'),
        url('./assets/fonts/K2D-SemiBold.ttf') format('truetype'),
        url('./assets/fonts/K2D-SemiBold.svg#K2D-SemiBold') format('svg');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'K2D';
    src: url('./assets/fonts/K2D-Bold.eot');
    src: url('./assets/fonts/K2D-Bold.eot?#iefix') format('embedded-opentype'),
        url('./assets/fonts/K2D-Bold.woff2') format('woff2'),
        url('./assets/fonts/K2D-Bold.woff') format('woff'),
        url('./assets/fonts/K2D-Bold.ttf') format('truetype'),
        url('./assets/fonts/K2D-Bold.svg#K2D-Bold') format('svg');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Instrument Sans';
    src: url('./assets/fonts/InstrumentSans-Medium.eot');
    src: url('./assets/fonts/InstrumentSans-Medium.eot?#iefix') format('embedded-opentype'),
        url('./assets/fonts/InstrumentSans-Medium.woff2') format('woff2'),
        url('./assets/fonts/InstrumentSans-Medium.woff') format('woff'),
        url('./assets/fonts/InstrumentSans-Medium.ttf') format('truetype'),
        url('./assets/fonts/InstrumentSans-Medium.svg#InstrumentSans-Medium') format('svg');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Instrument Sans';
    src: url('./assets/fonts/InstrumentSans-Regular.eot');
    src: url('./assets/fonts/InstrumentSans-Regular.eot?#iefix') format('embedded-opentype'),
        url('./assets/fonts/InstrumentSans-Regular.woff2') format('woff2'),
        url('./assets/fonts/InstrumentSans-Regular.woff') format('woff'),
        url('./assets/fonts/InstrumentSans-Regular.ttf') format('truetype'),
        url('./assets/fonts/InstrumentSans-Regular.svg#InstrumentSans-Regular') format('svg');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Instrument Sans';
    src: url('./assets/fonts/InstrumentSans-Bold.eot');
    src: url('./assets/fonts/InstrumentSans-Bold.eot?#iefix') format('embedded-opentype'),
        url('./assets/fonts/InstrumentSans-Bold.woff2') format('woff2'),
        url('./assets/fonts/InstrumentSans-Bold.woff') format('woff'),
        url('./assets/fonts/InstrumentSans-Bold.ttf') format('truetype'),
        url('./assets/fonts/InstrumentSans-Bold.svg#InstrumentSans-Bold') format('svg');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Instrument Sans';
    src: url('./assets/fonts/InstrumentSans-SemiBold.eot');
    src: url('./assets/fonts/InstrumentSans-SemiBold.eot?#iefix') format('embedded-opentype'),
        url('./assets/fonts/InstrumentSans-SemiBold.woff2') format('woff2'),
        url('./assets/fonts/InstrumentSans-SemiBold.woff') format('woff'),
        url('./assets/fonts/InstrumentSans-SemiBold.ttf') format('truetype'),
        url('./assets/fonts/InstrumentSans-SemiBold.svg#InstrumentSans-SemiBold') format('svg');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Work Sans';
    src: url('./assets/fonts/WorkSans-Regular.eot');
    src: url('./assets/fonts/WorkSans-Regular.eot?#iefix') format('embedded-opentype'),
        url('./assets/fonts/WorkSans-Regular.woff2') format('woff2'),
        url('./assets/fonts/WorkSans-Regular.woff') format('woff'),
        url('./assets/fonts/WorkSans-Regular.ttf') format('truetype'),
        url('./assets/fonts/WorkSans-Regular.svg#WorkSans-Regular') format('svg');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

/*global fonts end*/

/* global font size start */

h1,
h2,
h3,
h4,
h4,
p {
    text-decoration: none;
    text-transform: inherit;
}

h1 {
    font-family: 'K2D';
    font-size: clamp(36px, 5vw, 80px);
    font-style: normal;
    font-weight: 700;
    line-height: 1.375;
}

h2 {
    font-family: 'K2D';
    font-size: 48px;
    font-style: normal;
    font-weight: 700;
    line-height: 1.2;
}

h3 {
    font-family: 'K2D';
    font-size: 30px;
    font-style: normal;
    font-weight: 700;
    line-height: 1.2;
}

h4 {
    font-family: 'K2D';
    font-size: 26px;
    font-style: normal;
    font-weight: 700;
    line-height: 1.2;
}

ul,
ol {
    margin: 0px;
    padding: 0px;
}

li,
p,
a {
    font-family: 'Instrument Sans';
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 1.6;
    color: var(--text);
}

a {
    text-decoration: none;
    transition: all 0.3s ease-in-out;
}

input,
select,
textarea {
    font-family: 'Instrument Sans';
    font-size: 18px;
    font-weight: 400;
    display: inline-block;
    width: 100%;
    padding: 13px 16px;
    color: var(--secondary);
    background-color: var(--white);
    border: 1px solid var(--border-color-primary);
    border-radius: 12px;
    cursor: pointer;
}

input:focus {
    outline: none;
    border-color: var(--primary);
}

input::placeholder {
    color: var(--text);
    opacity: 1;
    font-size: 18px;
    font-weight: 400;
}

/* global font size */



/* global style*/

*,
::after,
::before {
    margin: 0px;
    padding: 0px;
    box-sizing: border-box;
}

html {
    scroll-behavior: smooth;
    /* scroll-margin-top: 60px; */
}

body.custom-join-member {
    overflow: hidden;
}

body {
    font-family: 'Instrument Sans';
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    color: var(--secondary);
    background-color: var(--white);
}

::-webkit-scrollbar {
    width: 2px;
    height: 2px;
}

::-webkit-scrollbar-thumb {
    background: var(--primary);
}

::-webkit-scrollbar-track {
    background: var(--white);
}

::-moz-selection {
    background: var(--primary);
    color: var(--white);
}

::selection {
    background: var(--primary);
    color: var(--white);
}

.img_fluid {
    width: 100%;
    height: auto;
}

.container {
    width: 100%;
    max-width: 1620px;
    padding: 0 30px;
    margin: 0 auto;
}

.btn_primary,
.btn_secondary {
    font-family: 'Instrument Sans';
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 1;
    display: inline-flex !important;
    align-items: center;
    padding: 17px 62px 17px 20px;
    border-radius: 100px;
    border: 1px solid;
    transition: all 0.3s ease-in-out;
    cursor: pointer;
    position: relative;
}

.btn_arrow {
    width: 46px;
    height: 46px;
    border-radius: 50px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    rotate: -45deg;
    transition: all 0.3s ease-in-out;
    position: absolute;
    top: 50%;
    right: 5px;
    left: auto;
    translate: 0 -50%;
}

.btn_arrow img {
    width: 22px;
    height: auto;
}

.btn_primary {
    background-color: var(--primary);
    border-color: var(--primary);
    color: var(--white);
}

.btn_primary .btn_arrow {
    background-color: var(--white);
}

.btn_primary:hover {
    padding: 17px 72px 17px 30px;
}

.contect-wrap .btn_primary:hover {
    padding: 17px 62px 17px 20px;
}

.btn_primary:hover .btn_arrow {
    rotate: 0deg;
}

.btn_secondary {
    background-color: var(--white);
    border-color: var(--white);
    color: var(--secondary);
}

.btn_secondary .btn_arrow {
    background-color: var(--primary);
}

.btn_secondary:hover {
    padding: 17px 72px 17px 30px;
}

.btn_secondary:hover .btn_arrow {
    rotate: 0deg;
}

.btn_tertiary {
    display: flex !important;
    color: #44B64E;
    letter-spacing: 1.4px;
    font-weight: 700;
    text-transform: uppercase;
    line-height: 1;
    font-size: 14px;
}

.btn_tertiary .btn_arrow {
    position: relative;
    top: auto;
    bottom: auto;
    right: auto;
    left: auto;
    translate: 0 0;
    rotate: 0deg;
    width: 14px;
    height: 14px;
}

.btn_tertiary:hover {
    color: var(--white);
}

.btn_tertiary:hover .btn_arrow {
    filter: brightness(0) invert(1);
    rotate: 45deg;
}

.download_btn.btn_tertiary {
    justify-content: center;
    gap: 10px;
    display: inline-flex;
}

.download_btn.btn_tertiary:hover .btn_arrow {
    rotate: 0deg;
}

body.menu-open {
    overflow: hidden;
}

/* global style*/

/* header css start */

header#header {
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: auto;
    padding: 15px 0px;
    background-color: transparent;
    z-index: 99;
    transition: all 0.3s ease-in-out;
}

.main-header {
    transition: all 0.3s ease;
}

header.main-header.scrolled {
    background-color: var(--bgdark) !important;
}

header .nav-wrap {
    display: flex;
    justify-content: space-between;
    gap: 30px;
    align-items: center;
}

.main-logo .logo img {
    width: 100px;
    height: auto;
}

header .nav-wrap .main-logo .logo {
    display: block;
    line-height: 1;
}

header .nav-wrap .main-nav ul.nav-links {
    display: flex;
    align-items: center;
    justify-content: center;
    list-style-type: none;
    gap: 60px;
}

header .nav-wrap ul.nav-links li.menu-item a {
    color: var(--white);
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 1.2;
    display: flex;
    gap: 8px;
    align-items: center;
}

header .nav-wrap ul.nav-links:not(.mega-menu-links) li.menu-item a:hover,
header .nav-wrap ul.nav-links:not(.mega-menu-links) li.menu-item.current-menu-item a,
header .nav-wrap ul.nav-links:not(.mega-menu-links) li.menu-item.current-menu-ancestor>a {
    text-shadow: 0px 0px var(--theme-red);
    color: var(--theme-red);
}

header .nav-wrap ul.nav-links>li.menu-item:has(.sub-menu)>a::after {
    content: "";
    position: relative;
    top: 0px;
    width: 10px;
    height: 10px;
    background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="10" height="7" viewBox="0 0 10 7" fill="none"><path d="M4.61098 5.9039L0.160183 1.4531C0.0533944 1.34631 0 1.21664 0 1.06409C0 0.911531 0.0533944 0.781859 0.160183 0.675071L0.686499 0.160196C0.793288 0.0534077 0.921053 1.33514e-05 1.06979 1.33514e-05C1.21854 1.33514e-05 1.35011 0.0534077 1.46453 0.160196L5 3.68422L8.53547 0.160196C8.64989 0.0534077 8.78146 1.33514e-05 8.93021 1.33514e-05C9.07895 1.33514e-05 9.20671 0.0534077 9.3135 0.160196L9.83982 0.675071C9.94661 0.781859 10 0.911531 10 1.06409C10 1.21664 9.94661 1.34631 9.83982 1.4531L5.38902 5.9039C5.28223 6.01069 5.15256 6.06409 5 6.06409C4.84745 6.06409 4.71777 6.01069 4.61098 5.9039Z" fill="white"/></svg>') no-repeat center/10px;
    transition: all 0.3s ease-in-out;
    scale: 1;
    filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(0%) hue-rotate(139deg) brightness(121%) contrast(100%);
}

header .nav-wrap ul.nav-links>li.menu-item:has(.sub-menu).open>a::after {
    rotate: 180deg;
}

header .nav-wrap ul.nav-links li.menu-item a:hover::after,
header .nav-wrap ul.nav-links li.menu-item.current-menu-item a::after,
header .nav-wrap ul.nav-links:not(.mega-menu-links) li.menu-item.current-menu-ancestor>a::after {
    filter: var(--filter-red);
}

header .nav-wrap li.menu-item ul.sub-menu {
    position: absolute;
    top: 130px;
    padding: 24px;
    width: max-content;
    border-radius: 30px;
    background: var(--white);
    opacity: 0;
    visibility: hidden;
    box-shadow: 0 24px 40px 0 rgba(0, 0, 0, 0.10);
    transition: all 0.3s ease-in-out;
}


/* mega menu css */

header .nav-wrap li.menu-item.services-mega-menu ul.sub-menu {
    padding: 0px;
    display: block;
    width: 100%;
    max-width: 1564px;
    left: 50%;
    transform: translateX(-50%) scaleY(1);
    opacity: 0;
    visibility: hidden;
}

header .nav-wrap li.menu-item.services-mega-menu ul.sub-menu .mega-menu-wrap {
    display: grid;
    grid-template-columns: 46.41% 53.59%;
    padding: 23px;
}

header .nav-wrap li.menu-item.services-mega-menu ul.sub-menu .mega-menu-wrap .mega-menu-links {
    display: grid;
    gap: 34px 30px;
    grid-template-columns: auto auto auto;
    list-style-type: none;
    padding-left: 42px;
    align-content: center;
    align-items: center;
}

li.menu-item.services-mega-menu ul.sub-menu .mega-menu-wrap .menu-blog {
    display: grid;
    align-items: center;
    grid-template-columns: 1fr 1fr;
    gap: 24px;
    padding-right: 42px;
    border-right: 1px solid #EBEBEB;
}

li.menu-item.services-mega-menu ul.sub-menu .mega-menu-wrap .menu-blog .blog-content p {
    font-size: 16px;
    line-height: 1.6;
}

li.menu-item.services-mega-menu .mega-menu-wrap .menu-blog .blog-img {
    border-radius: 20px;
    overflow: hidden;
    padding-top: 49.6%;
    position: relative;
    min-height: 100%;
}

li.menu-item.services-mega-menu .mega-menu-wrap .menu-blog .blog-img img {
    min-height: 100%;
    min-width: 100%;
    max-height: 100%;
    max-width: 100%;
    object-fit: cover;
    position: absolute;
    top: 0;
    left: 0;
}

header .nav-wrap li.menu-item ul.sub-menu .mega-menu-links li a {
    color: var(--secondary);
    gap: 10px;
    font-size: 16px;
}

header .nav-wrap li.menu-item ul.sub-menu .mega-menu-links li a:hover {
    text-shadow: 0px 0px var(--secondary);
}

header .nav-wrap li.menu-item ul.sub-menu .mega-menu-links li a span img {
    width: 24px;
    height: auto;
    object-fit: contain;
}

header .nav-wrap li.menu-item ul.sub-menu .mega-menu-links li a span {
    display: block;
    line-height: 1;
}

header .nav-wrap li.menu-item ul.sub-menu.hover-menu {
    opacity: 1;
    visibility: visible;
}

.mobile-toggle {
    display: none;
}

/* header css end */

/* hero banner css start */

.hero_banner_slider .swiper-wrapper {
    align-items: stretch;
}

.hero_banner_slider .swiper-wrapper .swiper-slide {
    height: auto;
}

.hero_banner_section .swiper-pagination span.swiper-pagination-bullet {
    width: 80px;
    height: 5px;
    border-radius: 20px;
    background-color: #A2A2A2;
    opacity: 1;
}

.hero_banner_section .swiper-pagination span.swiper-pagination-bullet.swiper-pagination-bullet-active {
    background-color: #FFFFFF;
}

.hero_banner_section .swiper-pagination.swiper-pagination-bullets {
    bottom: 250px;
    left: 50%;
    translate: -50% 0%;
    width: 100%;
    max-width: 1620px;
    text-align: left;
    padding: 0 30px;
}

.slider_block {
    width: 100%;
    min-height: 100vh;
    height: 100%;
    display: flex;
    position: relative;
}

.slider_image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.slider_image::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)),
        linear-gradient(0deg, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2));
    width: 100%;
    height: 100%;
}

.slider_image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.slider_content {
    position: relative;
    z-index: 1;
    display: flex;
    flex-direction: column;
    height: 100%;
    padding: 170px 0 400px;
}

.slider_content h1 {
    color: var(--primary);
    max-width: 926px;
    margin-bottom: 20px;
}

.slider_content h1 span {
    color: var(--white);
}

.slider_content p {
    max-width: 768px;
    font-size: 20px;
    color: var(--white);
    line-height: 1.5;
    margin-bottom: 40px;
}

.supported_block {
    position: absolute;
    bottom: 66px;
    left: 0;
}

.supported_block p {
    color: var(--white);
    font-size: 20px;
    line-height: 1.6;
    font-weight: 700;
    margin-bottom: 10px;
}

.supported_block img {
    max-height: 68px;
    object-fit: contain;
    width: auto;
}

/* hero banner css end */

/* Upcoming events start */

.title_block {
    text-align: center;
    margin-bottom: 50px;
}

.title_block .sub_heading,
.title_block .sub_heading p {
    display: block;
    font-size: 18px;
    line-height: 1.6;
    color: var(--secondary);
}

.title_block .sub_heading p a {
    color: var(--primary);
    text-decoration: underline;
}

.title_block .sub_heading p a:hover {
    color: var(--secondary);
}

.title_block h2 {
    color: var(--primary);
}

.more_btn {
    text-align: center;
}

.upcoming_events_section {
    padding: 95px 0;
}

.upcoming_events_blocks {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    align-items: center;
    gap: 20px 20px;
    margin-bottom: 40px;
}

.upcoming_events_blocks .event_card {
    position: relative;
    overflow: hidden;
    border-radius: 30px;
}

.upcoming_events_blocks .event_card::before {
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000000 100%);
    content: "";
    top: 0;
    left: 0;
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 1;
    pointer-events: none;
}

.upcoming_events_blocks .event_image_wrap {
    position: relative;
    padding-top: 120.6%;
    width: 100%;
    animation: bounceback 0.8s ease forwards;
}

.upcoming_events_blocks .event_card:hover .event_image_wrap {
    animation: bounceScale 0.8s ease forwards;
}

.upcoming_events_blocks .event_image_wrap img {
    min-width: 100%;
    max-width: 100%;
    min-height: 100%;
    max-height: 100%;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    object-fit: cover;
    position: absolute;
}

.upcoming_events_blocks .event_image {
    position: relative;
    display: block;
    line-height: 1;
}

.upcoming_events_blocks .event_details {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 20px 20px 30px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 30px;
    z-index: 1;
    pointer-events: none;
}

.upcoming_events_blocks .event_content {
    padding: 0 20px;
}

.upcoming_events_blocks h3.event_title {
    color: var(--white);
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    pointer-events: all;
}

.upcoming_events_blocks .event_meta {
    display: flex;
    align-items: center;
    gap: 20px;
    margin-bottom: 10px;
}

.upcoming_events_blocks .event_meta .event_time,
.upcoming_events_blocks .event_meta .event_type {
    color: var(--white);
    font-size: 14px;
    line-height: 1;
    display: flex;
    align-items: center;
    gap: 6px;
}

.upcoming_events_blocks .event_meta .event_time img,
.upcoming_events_blocks .event_meta .event_type img {
    width: 18px;
    height: auto;
}

.upcoming_events_blocks .event_dec {
    transition: all 0.8s ease-in-out;
    position: relative;
    overflow: hidden;
    max-height: 320px;
}

.upcoming_events_blocks .event_dec .event_btn {
    pointer-events: all;
}

.upcoming_events_blocks .event_card:not(:hover) .event_content .event_dec {
    opacity: 0;
    max-height: 0;
}

.upcoming_events_blocks .event_dec p {
    margin-top: 10px;
    margin-bottom: 16px;
    color: #A7A7A7;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.upcoming_events_blocks .event_cat_wrap {
    display: flex;
    align-items: center;
    gap: 14px;
}

.upcoming_events_blocks .event_card:nth-child(3n + 1) .event_category {
    background-color: #4F46E5CC;
}

.upcoming_events_blocks .event_card:nth-child(3n + 2) .event_category {
    background-color: #E11D48CC;
}

.upcoming_events_blocks .event_card:nth-child(3n + 3) .event_category {
    background-color: #06B6D4CC;
}

.upcoming_events_blocks .event_category {
    padding: 6.5px 16px 5.5px;
    color: var(--white);
    text-transform: uppercase;
    font-size: 12px;
    line-height: 1;
    border-radius: 20px;
    letter-spacing: 0.6px;
    font-weight: 600;
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
}

.upcoming_events_blocks .event_date {
    border: 1px solid #FFFFFF33;
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    background: #FFFFFF1A;
    color: var(--white);
    font-size: 30px;
    line-height: 1;
    font-weight: 700;
    display: flex;
    flex-direction: column-reverse;
    align-items: center;
    justify-content: center;
    padding: 8px 16px;
    border-radius: 16px;
    gap: 5px;
}

.upcoming_events_blocks .event_date small {
    color: var(--white);
    text-transform: uppercase;
    font-size: 12px;
    line-height: 1;
    border-radius: 20px;
    letter-spacing: 1.2px;
    font-weight: 700;
    opacity: 70%;
}

/* Upcoming events end */

/* multiblock slider start */

.multiblock_slider_blocks {
    padding: 0 86px;
}

.multiblock_slider .swiper-wrapper {
    align-items: stretch;
}

.multiblock_slider .swiper-wrapper .swiper-slide {
    height: auto;
}

.multiblock_slider_blocks .swiper-icon {
    width: 46px;
    height: 46px;
    border-radius: 50px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s ease-in-out;
    position: absolute;
    top: 50%;
    left: auto;
    translate: 0 -50%;
    background-color: var(--primary);
    box-shadow: 0px 1px 9.4px 0px #00000026;
}

.multiblock_slider_blocks .swiper-button-prev:hover .swiper-icon,
.multiblock_slider_blocks .swiper-button-next:hover .swiper-icon {
    scale: 1.1;
}

.multiblock_slider_blocks .swiper-button-disabled {
    opacity: 1;
    cursor: not-allowed;
    pointer-events: auto;
}

.multiblock_slider_blocks .swiper-button-disabled .swiper-icon {
    background-color: var(--white);
}

.multiblock_slider_blocks .swiper-button-disabled .swiper-icon img {
    filter: none;
}

.multiblock_slider_blocks .swiper-icon img {
    width: 22px;
    height: auto;
    filter: brightness(0) invert(1);
}

.multiblock_slider_blocks .swiper-navigation-icon {
    display: none;
}

.multiblock_slider_blocks .swiper-pagination {
    display: none;
}

/* multiblock slider end */

/* exploration start */

.exploration_section {
    padding: 80px 0 0;
    background-color: #44B64E1A;
    position: relative;
    overflow: hidden;
}

.exploration_section.inner_page_exploration_section {
    padding: 80px 0;
}

.exploration_section::before {
    content: "";
    position: absolute;
    top: 48%;
    left: 0;
    background-image: url(./assets/images/Exploration_bg.svg);
    background-repeat: repeat-x;
    background-size: contain;
    background-position: center;
    width: 100vw;
    min-width: 1920px;
    height: 100px;
}

.exploration_section::after {
    content: "";
    position: absolute;
    left: 0;
    top: calc(48% + 100px);
    background-color: #fff;
    background-repeat: repeat-x;
    background-size: contain;
    background-position: center;
    width: 100vw;
    min-width: 1920px;
    height: 50%;
    z-index: 0;
}

.exploration_section .container {
    max-width: 1740px;
}

.exploration_inner {
    position: relative;
    z-index: 1;
}

.exploration_blocks {
    margin-bottom: 50px;
    position: relative;
}

.exploration_slide_inner {
    display: flex;
    height: 100%;
    position: relative;
    border-radius: 30px;
    overflow: hidden;
}

.exploration_slide_inner a,
.upcoming_events_blocks .event_image a {
    display: block;
    width: 100%;
    height: 100%;
}

.exploration_slide_img img {
    min-height: 100%;
    min-width: 100%;
    max-height: 100%;
    max-width: 100%;
    object-fit: cover;
    position: absolute;
    top: 0;
    left: 0;
}

.exploration_slide_img {
    padding-top: 154.145%;
    position: relative;
    width: 100%;
    animation: bounceback 0.8s ease forwards;
}

.exploration_slide_inner:hover .exploration_slide_img {
    animation: bounceScale 0.8s ease forwards;
}

@keyframes bounceScale {
    0% {
        transform: scale(1);
    }

    50% {
        transform: scale(1.2);
    }

    100% {
        transform: scale(1.15);
    }
}

@keyframes bounceback {
    0% {
        transform: scale(1.15);
    }

    50% {
        transform: scale(1.2);
    }

    100% {
        transform: scale(1);
    }
}

.exploration_slide_img::after {
    background: linear-gradient(180deg, rgba(217, 217, 217, 0) 0%, rgba(0, 0, 0, 0.3) 100%);
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    transition: all 0.5s ease-in-out;
}

.exploration_slide_inner:hover .exploration_slide_img::after {
    opacity: 0;
}

.exploration_slide_img::before {
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000000 100%);
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 1;
    transition: all 0.5s ease-in-out;
}

.exploration_slide_inner:not(:hover) .exploration_slide_img::before {
    opacity: 0;
}

.exploration_slide_content {
    width: 100%;
    position: absolute;
    bottom: 0;
    padding: 40px 34px;
    z-index: 2;
}

.exploration_slide_heading h3 {
    color: var(--white);
}

.exploration_slide_heading h3 a,
.upcoming_events_blocks h3.event_title a,
.event-content h2.event-title a {
    font-size: inherit;
    line-height: inherit;
    font-weight: inherit;
    font-family: inherit;
    color: inherit;
    display: block;
    transition: 0.3s all ease-in-out;
}

.exploration_slide_heading h3 a:hover,
.upcoming_events_blocks h3.event_title a:hover,
.event-content h2.event-title a:hover {
    color: var(--primary);
}

.exploration_slide_dec {
    transition: all 0.8s ease-in-out;
    position: relative;
    overflow: hidden;
    max-height: 450px;
}

.exploration_slide_dec p {
    margin: 10px 0;
    color: #a7a7a7;
    display: -webkit-box;
    -webkit-line-clamp: 6;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.exploration_slide_inner:not(:hover) .exploration_slide_content .exploration_slide_dec {
    opacity: 0;
    max-height: 0;
}

/* exploration end */

/* photography start */

.photography_section {
    padding: 90px 0 100px;
    background-color: #44B64E1A;
    position: relative;
    overflow: hidden;
}

.photography_section::after {
    content: "";
    position: absolute;
    left: 0;
    top: calc(50% + 46px);
    background-color: #fff;
    background-repeat: repeat-x;
    background-size: contain;
    background-position: center;
    width: 100vw;
    min-width: 1920px;
    height: 50%;
    z-index: 0;
}

.photography_section .container {
    max-width: 1680px;
}

.photography_inner {
    position: relative;
    z-index: 1;
}

.photography_blocks {
    margin-bottom: 50px;
    position: relative;
}

.photography_slide_inner {
    display: flex;
    height: 100%;
    position: relative;
    border-radius: 30px;
    overflow: hidden;
}

.photography_slide_img img {
    min-height: 100%;
    min-width: 100%;
    max-height: 100%;
    max-width: 100%;
    object-fit: cover;
    position: absolute;
    top: 0;
    left: 0;
}

.photography_slide_img {
    padding-top: 137.2%;
    position: relative;
    width: 100%;
    animation: bounceback 0.8s ease forwards;
}

.photography_slide_inner:hover .photography_slide_img {
    animation: bounceScale 0.8s ease forwards;
}

@keyframes bounceScale {
    0% {
        transform: scale(1);
    }

    50% {
        transform: scale(1.2);
    }

    100% {
        transform: scale(1.15);
    }
}

@keyframes bounceback {
    0% {
        transform: scale(1.15);
    }

    50% {
        transform: scale(1.2);
    }

    100% {
        transform: scale(1);
    }
}

.photography_slide_img::after {
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 30%, #000000 100%);
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    transition: all 0.5s ease-in-out;
}

.photography_slide_content {
    width: 100%;
    position: absolute;
    bottom: 0;
    padding: 30px;
    z-index: 2;
}

.photography_slide_heading h3 {
    color: var(--white);
}

.photography_slide_dec {
    transition: all 0.8s ease-in-out;
    position: relative;
    overflow: hidden;
    max-height: 450px;
}

.photography_slide_inner:not(:hover) .photography_slide_content .photography_slide_dec {
    opacity: 0;
    max-height: 0;
}

.photography_slide_btn {
    margin-top: 10px;
}

/* photography end */

/* footer css start */

.main-footer {
    background-color: var(--bgdark);
    position: relative;
    overflow: hidden;
}

.main-footer::after {
    position: absolute;
    content: "";
    bottom: 50px;
    right: 0;
    width: 100%;
    height: 27.1vw;
    background-image: url(./assets/images/footer_bg_graphic.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: top left;
    z-index: 0;
}

.main-footer::before {
    position: absolute;
    content: "";
    background-image: url(./assets/images/footer_insect_img.png);
    background-repeat: no-repeat;
    background-size: contain;
    width: 306px;
    height: 268px;
    bottom: 0;
    right: 3.15%;
    z-index: 0;
}

.footer_wrap {
    display: flex;
    padding: 80px 0 115px;
    align-items: flex-start;
    justify-content: space-between;
    position: relative;
    z-index: 1;
    gap: 40px;
}

.footer_logo {
    margin-bottom: 20px;
}

.footer_logo a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background-color: var(--white);
    padding: 15px;
    width: 139px;
    height: 139px;
    border-radius: 100%;
    overflow: hidden;
}

.footer_logo a img {
    border-radius: 100%;
    object-fit: contain;
}

.company_details .footer_content {
    max-width: 314px;
    margin-bottom: 30px;
}

.company_details .footer_content p {
    font-size: 18px;
    color: var(--footer-text);
}

.social_media ul {
    list-style-type: none;
    display: flex;
    gap: 10px;
}

.social_media ul li a {
    width: 46px;
    height: 46px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid var(--footer-text);
    border-radius: 50px;
}

.social_media ul li a:hover {
    border: 1px solid var(--primary);
    background-color: var(--primary);
}

.footer_links h4,
.footer_contact h4 {
    font-family: 'Instrument Sans';
    font-size: 18px;
    font-weight: 600;
    line-height: 1.6;
    margin-bottom: 14px;
    color: var(--white);
}

ul.footer_nav {
    list-style-type: none;
    display: flex;
    flex-direction: column;
    gap: 20px;
}

ul.footer_nav li.menu-item a {
    color: var(--footer-text);
    font-size: 18px;
    line-height: 1.25;
    display: block;
    font-weight: 400;
}

ul.footer_nav li.menu-item a:hover {
    color: var(--primary);
}

.contact_info {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.contact_info_block {
    display: flex;
    gap: 12px;
}

.contact_icon {
    display: flex;
}

.contact_icon img {
    width: 24px;
    height: 24px;
}

.contact_detail a {
    display: block;
    color: var(--footer-text);
    font-size: 18px;
    line-height: 1.2;
}

.contact_detail a:hover {
    color: var(--primary);
}

.contact_detail p {
    display: block;
    color: var(--footer-text);
    font-size: 18px;
    line-height: 1.4;
}

.contact_detail p {
    max-width: 180px;
}

.copyrights {
    background-color: var(--primary);
    padding: 14px 0;
}

.copyrights .container {
    display: flex;
    gap: 5px;
    flex-wrap: wrap;
}

.copyrights p,
.copyrights p a {
    color: var(--white);
    font-size: 18px;
    line-height: normal;
    letter-spacing: 0.015px;
    text-transform: capitalize;
}

.copyrights p a:hover {
    color: var(--secondary);
    text-shadow: 0 0 var(--secondary);
}

/* footer css end */

/* ic block start */

.ic_block {
    display: flex;
    /* align-items: center; */
    flex-wrap: wrap;
}

.ic_img_block {
    flex: 0 0 46.2%;
    max-width: 46.2%;
}

.ic_content_block {
    flex: 0 0 53.8%;
    max-width: 53.8%;
}

.ic_title h2 {
    margin-bottom: 20px;
    color: var(--secondary);
}

.ic_title p {
    color: var(--primary);
    margin-bottom: 6px;
}

.ic_title h4.sub_title {
    font-family: 'Instrument Sans';
    color: var(--primary);
}

.title_block h4.sub_title {
    font-family: 'Instrument Sans';
    color: var(--primary);
    margin-top: 5px;
}

.ic_title {
    margin-bottom: 20px;
}

.ic_description p {
    color: var(--text);
    margin-bottom: 20px;
}

.ic_description p:last-child {
    margin-bottom: 0px;
}

.ic_img_primary {
    position: relative;
    display: block;
    border-radius: 30px;
    overflow: hidden;
    padding-top: 99.82%;
}

.ic_img_primary img {
    min-height: 100%;
    min-width: 100%;
    max-height: 100%;
    max-width: 100%;
    object-fit: cover;
    position: absolute;
    top: 0;
    left: 0;
}

.ic_img_secondary {
    display: block;
    border-radius: 30px;
    overflow: hidden;
    padding-top: 250px;
    border: 10px solid #fff;
    max-width: 275px;
    width: 100%;
    position: absolute;
    bottom: 0;
}

.ic_img_secondary img {
    min-height: 100%;
    min-width: 100%;
    max-height: 100%;
    max-width: 100%;
    object-fit: cover;
    position: absolute;
    top: 0;
    left: 0;
}

.ic_btn {
    margin-top: 30px;
}

/* ic block end */

/* ic mb start */

.ic_mb_blocks {
    display: flex;
    flex-direction: column;
    gap: 80px;
}

.ic_mb_inner {
    display: flex;
    /* align-items: center; */
    flex-wrap: wrap;
}

.ic_mb_img {
    flex: 0 0 50.989%;
    max-width: 50.989%;
}

.ic_mb_content {
    flex: 0 0 49.011%;
    max-width: 49.011%;
}

.ic_mb_content .ic_mb_description a,
.ic_mb_content .ic_mb_description p a {
    transition: all 0.3s ease-in-out;
}

.ic_mb_content .ic_mb_description a:hover,
.ic_mb_content .ic_mb_description p a:hover {
    color: var(--primary);
    text-decoration: underline;
}

.ic_mb_ltr .ic_mb_content {
    padding-right: 66px;
    align-self: center;
}

.ic_mb_rtl .ic_mb_content {
    padding-left: 66px;
    align-self: center;
}

.ic_mb_title h2 {
    margin-bottom: 20px;
    color: var(--secondary);
}

.ic_mb_title h4.sub_title {
    color: var(--primary);
}

.ic_mb_title {
    margin-bottom: 20px;
}

.ic_mb_description p {
    color: var(--text);
    margin-bottom: 20px;
}

.ic_mb_description p:last-child {
    margin-bottom: 0px;
}

.ic_mb_img_primary {
    position: relative;
    display: block;
    border-radius: 30px;
    overflow: hidden;
    padding-top: 81.82%;
}

.ic_mb_img_primary img {
    min-height: 100%;
    min-width: 100%;
    max-height: 100%;
    max-width: 100%;
    object-fit: cover;
    position: absolute;
    top: 0;
    left: 0;
    scale: 1.1;
}

.ic_mb_btn {
    margin-top: 30px;
}

/* ic mb end */

/* about start */
.about_section {
    padding: 198px 0 185px;
    position: relative;
}

.about_section.inner_page_about {
    padding: 80px 0 80px;
}

.about_section::before {
    content: "";
    position: absolute;
    background-image: url(./assets/images/about_bg_2.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    /* width: 588px;
    height: 267px;
    bottom: -64px; */
    width: min(30.625vw, 588px);
    height: min(13.906vw, 267px);
    bottom: -3.333vw;
    right: 0;
}

.about_section::after {
    content: "";
    position: absolute;
    background-image: url(./assets/images/about_bg_1.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    /* width: 409px;
    height: 483px;
    top: -195px; */
    width: min(21.302vw, 409px);
    height: min(25.156vw, 483px);
    top: -10.156vw;
    right: 0px;
    mix-blend-mode: Luminosity;
}

.about_section.inner_page_about::after,
.about_section.inner_page_about::before {
    display: none;
}

.about_section .container {
    max-width: 1415px;
}

.about_section.inner_page_about .about_content.ic_content_block {
    padding-left: 134px;
}

.about_section.inner_page_about .ic_content_block .ic_description {
    max-width: 527px;
}

.about_content.ic_content_block {
    padding-left: 64px;
    align-self: center;
}

.about_img.ic_img_block {
    padding-left: 80px;
    padding-bottom: 110px;
    position: relative;
}

.about_img.ic_img_block .ic_img_secondary {
    left: 0;
}

/* about end */

/* discovery start */
.discovery_section {
    padding: 95px 0px;
    position: relative;
    background-color: var(--bglight);
    z-index: 1;
}

.discovery_section::after {
    content: "";
    position: absolute;
    background-image: url(./assets/images/discovery_bg_1.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    /* width: 374px;
    height: 319px; */
    width: min(19.479vw, 374px);
    height: min(16.615vw, 319px);
    bottom: 0;
    left: 0px;
    opacity: 0.2;
    transform: scaleX(-1);
    z-index: -1;
}

.discovery_section .container {
    max-width: 1415px;
}

.discovery_content.ic_content_block {
    padding-right: 64px;
    align-self: center;
}

.discovery_content.ic_content_block .ic_description {
    max-width: 527px;
}

.discovery_img.ic_img_block {
    padding-right: 80px;
    padding-bottom: 110px;
    position: relative;
}

.discovery_img.ic_img_block .ic_img_secondary {
    right: 0;
}

/* discovery end */

/* botany start */

.botany_section {
    padding: 145px 0 80px;
    position: relative;
}

.botany_section::after {
    content: "";
    position: absolute;
    background-image: url(./assets/images/Botany_bg.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    width: min(18.229vw, 350px);
    height: min(28.646vw, 550px);
    bottom: -4.167vw;
    right: 0px;
    z-index: -1;
}

.botany_section .container {
    max-width: 1288px;
}

.botany_content.ic_content_block {
    padding-left: 68px;
}

.botany_img.ic_img_block {
    flex: 0 0 44.789%;
    max-width: 44.789%;
}

.botany_content.ic_content_block {
    flex: 0 0 55.211%;
    max-width: 55.211%;
}

/* botany end */

/* astrophotography start */

.astrophotography_section {
    padding: 100px 0 170px;
    position: relative;
    overflow: hidden;
}

/* .astrophotography_section::after {
    content: "";
    position: absolute;
    background-image: url(./assets/images/astrophotography_bg.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    width: min(26.615vw, 511px);
    height: min(17.708vw, 340px);
    top: 49%;
    translate: 0 -50%;
    right: -6.25vw;
    z-index: -1;
    mix-blend-mode: luminosity;
    opacity: 0.2;
    rotate: -42deg;
} */
.astrophotography_inner .ic_mb_inner {
    position: relative;
}

.astrophotography_content_main {
    width: 100%;
    max-width: 1436px;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    padding: 0 30px;
}

.symbolright .bg_symbol {
    position: absolute;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    width: min(26.615vw, 511px);
    height: min(17.708vw, 340px);
    top: 49%;
    translate: 0 -50%;
    right: -6.25vw;
    z-index: -1;
    mix-blend-mode: luminosity;
    opacity: 0.2;
    rotate: -42deg;
}

.symbolleft .bg_symbol {
    position: absolute;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    width: min(26.615vw, 511px);
    height: min(17.708vw, 340px);
    top: 49%;
    translate: 0 -50%;
    left: -6.25vw;
    z-index: -1;
    mix-blend-mode: luminosity;
    opacity: 0.2;
    rotate: 42deg;
}

.astrophotography_section .container {
    max-width: 1376px;
}

.astrophotography_section .title_block {
    margin-bottom: 90px;
}

.astrophotography_section .title_block h2 {
    max-width: 500px;
    margin: 0 auto;
}

/* astrophotography end */

/* instagram feed start */

.instagram_feed_section {
    padding: 90px 0 110px;
    background-color: var(--bglight);
}

.instagram_feed_section .container {
    max-width: 1682px;
}

.instagram_feed_section .title_block h2 {
    color: var(--secondary);
}

.instagram_feed_blocks .ti-widget.ti-feed-widget {
    margin-bottom: 0px !important;
}

.instagram_feed_blocks .ti-layout-container {
    overflow: hidden;
}

.instagram_feed_blocks main.ti-widget-body {
    padding: 0 86px !important;
}

.instagram_feed_blocks .ti-layout-item {
    padding: 0 calc(26px / 2) !important;
}

.instagram_feed_blocks .ti-widget[data-wkey="feed-instagram"][data-style=custom-style][data-widget-type=social] .ti-widget-card:not(.ti-lightbox *)[data-card-ratio=portrait] .ti-card-body .ti-card-media:not(.ti-grid-type) {
    padding-bottom: 117.7% !important;
}

.instagram_feed_blocks .ti-arrow-prev,
.instagram_feed_blocks .ti-arrow-next {
    visibility: visible !important;
    width: 46px;
    height: 46px !important;
    border-radius: 50px;
    transition: all 0.3s ease-in-out;
    background-color: var(--primary);
    box-shadow: 0px 1px 9.4px 0px #00000026;
}

.instagram_feed_blocks .ti-widget[data-wkey="feed-instagram"] .ti-nav-arrow .ti-arrow-next:before,
.instagram_feed_blocks .ti-widget[data-wkey="feed-instagram"] .ti-nav-arrow .ti-arrow-prev:before {
    display: none !important;
}

.instagram_feed_blocks .ti-widget[data-wkey="feed-instagram"] .ti-nav-arrow .ti-arrow-next:after,
.instagram_feed_blocks .ti-widget[data-wkey="feed-instagram"] .ti-nav-arrow .ti-arrow-prev:after {
    background-image: url(./assets/images/btn_arrow_white.svg);
    background-size: contain !important;
    border: none !important;
    width: 22px !important;
    height: 16px !important;
    left: 50% !important;
    translate: -50% 0%;
}

.instagram_feed_blocks .ti-widget[data-wkey="feed-instagram"] .ti-nav-arrow .ti-arrow-next:after {
    transform: rotate(0deg) !important;
}

.instagram_feed_blocks .ti-widget[data-wkey="feed-instagram"] .ti-nav-arrow .ti-arrow-prev:after {
    transform: rotate(-180deg) !important;
}

/* instagram feed end */

/* archaeology start */

.archaeology_section {
    background-color: var(--primary);
    overflow: hidden;
    position: relative;
}

.archaeology_inner {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    max-width: 1430px;
    padding: 0 30px;
    margin: 0 auto;
}

.inner_page_archaeology .archaeology_inner {
    max-width: 1632px;
}

.archaeology_content {
    padding: 130px 40px 130px 0;
    flex: 0 0 51.09%;
    max-width: 51.09%;
}

.inner_page_archaeology .archaeology_content {
    padding: 80px 40px 80px 0;
}

.archaeology_title h2 {
    color: var(--white);
    margin-bottom: 20px;
}

.archaeology_description {
    max-width: 527px;
}

.archaeology_description a {
    text-decoration: underline;
    font-size: inherit;
    font-weight: 600;
    line-height: inherit;
    color: inherit;
}

.archaeology_description a:hover {
    color: var(--secondary);
}

.inner_page_archaeology .archaeology_description {
    max-width: 632px;
}

.archaeology_description p {
    color: var(--white);
    margin-bottom: 20px;
}

.archaeology_description p:last-child {
    margin-bottom: 0px;
}

.archaeology_btn {
    margin-top: 40px;
}

.archaeology_img {
    position: absolute;
    top: 0;
    right: 0;
    width: 48.91%;
    height: 100%;
    z-index: 1;
    display: block;
}

.archaeology_img img {
    line-height: 1;
    display: block;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

/* archaeology end */

/* inner page banner start */

.inner_page_banner_section {
    min-height: 720px;
    max-height: 720px;
    position: relative;
    display: flex;
    align-items: center;
    padding: 140px 0px;
    overflow: hidden;
}

.inner_page_banner_section .arrow_bottom {
    position: absolute;
    top: auto;
    bottom: 20px;
    left: 50%;
    translate: -50% 0;
    z-index: 1;
    animation: bounce 2s infinite;
}

.inner_page_banner_section .arrow_bottom img {
    rotate: 90deg;
    width: 30px;
    height: auto;
    object-fit: contain;
}

@keyframes bounce {
    0% {
        transform: translateY(0);
    }

    50% {
        transform: translateY(-10px);
    }

    100% {
        transform: translateY(0);
    }
}

.inner_page_banner_img {
    position: absolute;
    top: -10%;
    left: -10%;
    width: 120%;
    height: 120%;
    transform-style: preserve-3d;
}

.inner_page_banner_img img {
    display: block;
    line-height: 1;
    object-fit: cover;
    object-position: center;
    height: 100%;
    width: 100%;
}

.inner_page_banner_img::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)), linear-gradient(0deg, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3));
    width: 100%;
    height: 100%;
}

.inner_page_banner_block {
    position: relative;
    z-index: 1;
    text-align: center;
    pointer-events: none;
}

.inner_page_banner_block .download_btn {
    margin-top: 40px;
    pointer-events: all;
}

.inner_page_banner_block h1 {
    max-width: 810px;
    margin: 0 auto;
    text-align: center;
    color: var(--primary);
    margin-bottom: 20px;
    line-height: 1.2;
}

.inner_page_banner_block h1 span {
    color: var(--white);
}

.inner_page_banner_block p {
    max-width: 650px;
    margin: 0 auto;
    text-align: center;
    color: var(--white);
}

.inner_page_banner_block a,
.inner_page_banner_block button {
    pointer-events: all;
}

.error404 .inner_page_banner_block a {
    margin-top: 30px;
}

/* inner page banner end */

/* Archaeology and History start */

.archaeology_history_section {
    padding: 95px 0;
    background-image: url(./assets/images/Archeology_about_bg.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    position: relative;
}

.archaeology_history_section::before {
    content: "";
    position: absolute;
    background-color: #FBFBFBF7;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 0;
}

.archaeology_history_section .container {
    max-width: 1306px;
}

.archaeology_history_img.ic_mb_img {
    flex: 0 0 43.74%;
    max-width: 43.74%;
}

.archaeology_history_img.ic_mb_img .ic_mb_img_primary {
    padding-top: 100.75%;
}

.archaeology_history_content.ic_mb_content {
    flex: 0 0 56.26%;
    max-width: 56.26%;
    padding-right: 40px;
    position: relative;
}

.archaeology_history_content .ic_mb_description {
    max-width: 580px;
}

/* Archaeology and History end */

/* exploration society start */

.exploration_society_section {
    padding: 95px 0;
    position: relative;
    background: url(./assets/images/Exploration_Society_bg.jpg) no-repeat bottom center / cover;
}

.exploration_society_section::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #151515CC;
}

.exploration_society_inner {
    position: relative;
    max-width: 910px;
    margin: 0 auto;
}

.exploration_society_inner .title_block {
    margin-bottom: 20px;
}

.exploration_society_inner .title_block .sub_heading {
    color: var(--primary);
}

.exploration_society_inner .title_block h2 {
    color: var(--white);
}

.exploration_society_content p {
    text-align: center;
    margin-bottom: 20px;
    color: var(--white);
}

/* exploration society end */

/* legacy start */

.legacy_section {
    background-color: #FAFAFA;
}

.legacy_inner {
    display: flex;
    flex-wrap: wrap;
}

.legacy_img {
    flex: 0 0 calc(50% - 130px);
    max-width: calc(50% - 130px);
    padding-top: 60px;
}

.legacy_img img {
    height: 100%;
    object-fit: cover;
    object-position: right;
}

.legacy_content {
    flex: 0 0 calc(50% + 130px);
    max-width: calc(50% + 130px);
    padding: 100px 30px 100px 55px;
}

.legacy_content_inner {
    max-width: 790px;
}

.legacy_title {
    margin-bottom: 20px;
}

.legacy_description h4.author {
    font-family: 'Instrument Sans';
    color: var(--primary);
    margin-bottom: 30px;
    position: relative;
    display: inline-block;
}

.legacy_description .author::after {
    content: "";
    position: absolute;
    bottom: -10px;
    left: 0;
    background-color: var(--primary);
    width: 100%;
    height: 1px;
}

.legacy_description h4 {
    font-family: 'Instrument Sans';
    color: var(--secondary);
    margin-bottom: 20px;
}

.legacy_description p:not(:last-child) {
    margin-bottom: 20px;
}

/* legacy end */

/* timeline start */

.timeline_section {
    padding: 96px 0px;
    background-image: url(./assets/images/Archeology_about_bg.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    position: relative;
}

.timeline_section::before {
    content: "";
    position: absolute;
    background-color: rgba(255, 255, 255, 0.96);
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 0;
}

.timeline_section .container {
    max-width: 1080px;
}

.timeline_section .title_block {
    position: relative;
    margin-bottom: 40px;
}

.timeline_inner {
    padding: 52px 0px 52px 15px;
    position: relative;
}

.timeline_inner::before {
    width: 1px;
    height: 100%;
    content: "";
    position: absolute;
    top: 0;
    left: 15px;
    background-color: #d3d3d3;
}

.timeline_inner ul {
    list-style-type: none;
    padding: 0px;
    margin: 0px;
}

.timeline_inner ul li {
    position: relative;
    margin-bottom: 50px;
    padding-left: 55px;
}

.timeline_inner ul li::before {
    content: "";
    position: absolute;
    width: 20px;
    height: 20px;
    background-color: #D3D3D3;
    border-radius: 50px;
    top: 6px;
    left: -10px;
}

.timeline_inner ul li:last-child {
    margin-bottom: 0px;
}

.timeline_inner ul li h4 {
    margin-bottom: 10px;
    color: var(--secondary);
}

.timeline_inner ul li p:not(:last-child) {
    margin-bottom: 10px;
}

.timeline_inner ul li ul {
    list-style-type: disc;
    padding-left: 20px;
    margin-bottom: 10px;
}

.timeline_inner ul li ul li {
    padding: 0;
    margin: 0;
    font-size: 16px;
}

.timeline_inner ul li ul li::before {
    display: none;
}

/* timeline end */

/* gallery start */

.gallery_section {
    background-color: var(--bglight);
    padding: 80px 0;
    overflow: hidden;
}

.gallery_section .more_btn {
    margin-top: 40px;
}

.gallery_section.main_gallery_section {
    padding: 100px 0;
}

.gallery_section .title_block {
    margin-bottom: 40px;
}

.gallery_section .title_block h2 {
    color: var(--secondary);
}

.gallery_section.main_gallery_section .title_block h2 {
    color: var(--primary);
}

.gallery_blocks {
    display: flex;
    flex-wrap: wrap;
    row-gap: 15px;
    margin: 0 -8.5px;
    justify-content: center;
}

.gallery_blocks .gallery_block {
    position: relative;
}

.gallery_section.main_gallery_section .gallery_blocks .gallery_block .gallery_block_inner {
    border-radius: 30px;
    overflow: hidden;
}

.gallery_block {
    padding: 0 8px;
}

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

.gallery_blocks .gallery_block:nth-child(6n + 1) {
    flex: 0 0 calc(100% - (26.62% * 2));
    max-width: calc(100% - (26.62% * 2));
}

.gallery_blocks .gallery_block:nth-child(6n + 2),
.gallery_blocks .gallery_block:nth-child(6n + 3) {
    flex: 0 0 26.62%;
    max-width: 26.62%;
}

.gallery_blocks .gallery_block:nth-child(6n + 4),
.gallery_blocks .gallery_block:nth-child(6n + 5) {
    flex: 0 0 26.62%;
    max-width: 26.62%;
}

.gallery_blocks .gallery_block:nth-child(6n + 6) {
    flex: 0 0 calc(100% - (26.62% * 2));
    max-width: calc(100% - (26.62% * 2));
}

.gallery_blocks .gallery_block:nth-child(6n + 1):nth-last-child(1),
.gallery_blocks .gallery_block:nth-child(6n + 4):nth-last-child(1) {
    flex: 0 0 100%;
    max-width: 100%;
}

.gallery_blocks .gallery_block:nth-child(6n + 1):nth-last-child(2),
.gallery_blocks .gallery_block:nth-child(6n + 2):nth-last-child(1),
.gallery_blocks .gallery_block:nth-child(6n + 4):nth-last-child(2),
.gallery_blocks .gallery_block:nth-child(6n + 5):nth-last-child(1) {
    flex: 0 0 50%;
    max-width: 50%;
}

.gallery_block_inner {
    height: 100%;
    width: 100%;
    display: flex;
    position: relative;
}

.gallery_blocks .gallery_block:nth-child(6n + 1):nth-last-child(1) .gallery_img,
.gallery_blocks .gallery_block:nth-child(6n + 4):nth-last-child(1) .gallery_img {
    padding-top: 21.42%;
}

.gallery_blocks .gallery_block:nth-child(6n + 1):nth-last-child(2) .gallery_img,
.gallery_blocks .gallery_block:nth-child(6n + 2):nth-last-child(1) .gallery_img,
.gallery_blocks .gallery_block:nth-child(6n + 4):nth-last-child(2) .gallery_img,
.gallery_blocks .gallery_block:nth-child(6n + 5):nth-last-child(1) .gallery_img {
    padding-top: 43.2%;
}

.gallery_img {
    position: relative;
    padding-top: 46.25%;
    height: 100%;
    width: 100%;
    display: flex;
    align-items: stretch;
}

.gallery_img img {
    min-height: 100%;
    min-width: 100%;
    max-height: 100%;
    max-width: 100%;
    object-fit: cover;
    position: absolute;
    top: 0;
    left: 0;
}

.gallery_title {
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    width: 100%;
    height: 100%;
    align-items: center;
    justify-content: center;
    background-color: #000000B2;
    opacity: 0;
    visibility: hidden;
    transition: all 0.5s ease-in-out;
    padding: 12px;
    text-align: center;
}

.gallery_block_inner:hover .gallery_title {
    opacity: 1;
    visibility: visible;
}

.gallery_title h3 {
    color: #fff;
    font-size: clamp(14px, 1.563vw, 30px);
    line-height: 1.2;
    word-break: break-all;
}

/* gallery filter slider start*/

.gallery_filter_section {
    margin-bottom: 40px;
}

.gallery_filter_slider {
    padding: 10px 0px;
}

.gallery_filter_slider .swiper-slide {
    width: auto;
}

.gallery_filter_slider a.filter_btn {
    display: block;
    background-color: var(--white);
    border: 1px solid #E5E2DC;
    border-radius: 100px;
    padding: 18px 24px 16px;
    line-height: 1.15;
    text-align: center;
    min-width: 98px;
}

.gallery_filter_slider a.filter_btn:hover,
.gallery_filter_slider a.filter_btn.active {
    background-color: var(--primary);
    border: 1px solid var(--primary);
    color: var(--white);
}

.gallery_filter_slider .swiper-button-prev::before {
    left: -10px;
}

.gallery_filter_slider .swiper-button-next::before {
    right: -10px;
}

.gallery_filter_slider .swiper-button-prev::before,
.gallery_filter_slider .swiper-button-next::before {
    content: "";
    position: absolute;
    width: 76px;
    height: 76px;
    background-color: #fdfcf8;
    top: 50%;
    translate: 0 -50%;
    z-index: -1;
    pointer-events: none;
}

.gallery_filter_slider .swiper-icon {
    width: 46px;
    height: 46px;
    border-radius: 50px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s ease-in-out;
    position: absolute;
    top: 50%;
    left: auto;
    translate: 0 -50%;
    background-color: var(--white);
    box-shadow: 0px 1px 9.4px 0px #00000026;
}

/* .gallery_filter_slider .swiper-button-prev:hover .swiper-icon,
.gallery_filter_slider .swiper-button-next:hover .swiper-icon {
    scale: 1.1;
} */

.gallery_filter_slider .swiper-button-prev:hover .swiper-icon,
.gallery_filter_slider .swiper-button-next:hover .swiper-icon {
    background-color: var(--primary);
}

.gallery_filter_slider .swiper-button-prev:hover .swiper-icon img,
.gallery_filter_slider .swiper-button-next:hover .swiper-icon img {
    filter: brightness(0) invert(1);
}

.gallery_filter_slider .swiper-button-disabled {
    opacity: 1;
    cursor: not-allowed;
    pointer-events: none;
}

.gallery_filter_slider .swiper-button-disabled {
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s ease-in-out;
}

.gallery_filter_slider .swiper-button-disabled .swiper-icon {
    background-color: var(--white);
}

.gallery_filter_slider .swiper-icon img {
    width: 22px;
    height: auto;
    /* filter: brightness(0) invert(1); */
}

.gallery_filter_slider .swiper-navigation-icon {
    display: none;
}

/* gallery filter slider end*/

/* gallery end */

/* club section start */

.club_section {
    padding: 80px 0;
    background-color: var(--bglight);
}

.club_section .container {
    max-width: 1422px;
}

.club_section .ic_img_block {
    flex: 0 0 43.15%;
    max-width: 43.15%;
}

.club_section .ic_content_block {
    flex: 0 0 56.85%;
    max-width: 56.85%;
    padding-left: 85px;
}

.club_inner .ic_title {
    margin-bottom: 40px;
}

.club_img .ic_img_primary {
    padding-top: 84.68%;
}

/* club section end */

.journal_section {
    padding: 96px 0;
    background-color: var(--bglight);
}

.journal_section .container {
    max-width: 1368px;
}

.journal_blocks {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 40px;
}

.journal_img {
    position: relative;
    padding-top: 141.46%;
}

.journal_img img {
    box-shadow: 0px 4px 16.6px 0px #00000040;
    min-height: 100%;
    min-width: 100%;
    max-height: 100%;
    max-width: 100%;
    object-fit: cover;
    position: absolute;
    top: 0;
    left: 0;
}

/* membership description start */

.membership_dec_section {
    padding: 80px 0;
    background-color: var(--bglight);
}

.membership_dec_content.ic_content_block {
    flex: 0 0 54.61%;
    max-width: 54.61%;
    padding-right: 40px;
}

.membership_des_cards.ic_card_block {
    flex: 0 0 45.39%;
    max-width: 45.39%;
    position: relative;
}

.membership_dec_content .ic_title,
.membership_dec_content .ic_description {
    max-width: 608px;
}

.ic_card_inner {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 1fr 1fr 1fr;
    gap: 20px;
}

.card .card_inner {
    border: 1px solid #E5E2DC;
    border-radius: 20px;
    background-color: var(--white);
    padding: 16px;
    height: 100%;
}

.card .card_top {
    display: flex;
    align-items: center;
    gap: 16px;
}

.card .card_bottom {
    margin-top: 10px;
}

.card_btn_block:not(:last-child) {
    margin-bottom: 10px;
}

.card_icon {
    line-height: 1;
    display: flex;
    flex: 0 0 48px;
    max-width: 48px;
    height: 51px;
    align-items: center;
    justify-content: center;
    background-color: #44B64E0D;
    border-radius: 13px;
}

.card_icon img {
    width: 24px;
    height: 24px;
    object-fit: contain;
}

.card_title p,
.card_title h4 {
    color: var(--secondary);
}

.card_data {
    margin-left: auto;
    line-height: 1;
}

.card_data a {
    line-height: 1;
}

.card_data a img {
    vertical-align: middle;
    width: 24px;
    height: 24px;
    object-fit: contain;
    transition: all 0.3s ease-in-out;
}

.card_data a:hover img {
    filter: var(--filter-primary);
}

.card_data h4 {
    color: var(--primary);
}

/* membership description end */

.apply_renew_section {
    padding: 84px 0;
}

.apply_renew_cards .ic_card_inner {
    grid-template-columns: 1fr 1fr 1fr;
    grid-template-rows: auto;
}

.apply_renew_section .title_block {
    margin-bottom: 40px;
}

.apply_renew_section .title_block h2 {
    margin-bottom: 20px;
}

.apply_renew_section .title_block .sub_heading {
    color: var(--text);
}

/* parking start */

.find_us_section {
    padding: 100px 0px;
    background-color: var(--bglight);
    overflow: hidden;
}

.find_us_blocks {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -10px;
}

.find_us_content {
    flex: 0 0 23.04%;
    max-width: 23.04%;
    padding: 0 10px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 20px;
    flex-wrap: wrap;
}

.find_us_content .card a.card_btn {
    background-color: var(--primary);
    display: flex;
    gap: 10px;
    align-items: center;
    justify-content: center;
    padding: 9px 20px;
    border-radius: 50px;
    color: var(--white);
}

.find_us_content .card a.card_btn:hover {
    background-color: var(--bgdark);
}

.find_us_content span.btn_icon {
    line-height: 1;
}

.find_us_content span.btn_icon img {
    line-height: 1;
    width: 19px;
    height: 19px;
    object-fit: contain;
}

.find_us_content .meeting_block .card_description p {
    max-width: 180px;
    margin-bottom: 22px;
}

.find_us_content .meeting_time .card_description p {
    color: var(--text);
    margin-bottom: 0px;
}

.find_us_content .meeting_time .card_icon {
    flex: 0 0 20px;
    max-width: 20px;
    height: auto;
    background-color: transparent;
}

.find_us_content .meeting_time .card_icon img {
    width: 20px;
    height: 20px;
}

.find_us_content .meeting_time .card .card_inner .card_title h4 {
    font-size: 20px;
    line-height: 1.1;
    font-family: 'Instrument Sans';
}

.find_us_content .card .card_inner {
    padding: 26px;
}

.find_us_img {
    flex: 0 0 36.46%;
    max-width: 36.46%;
    padding: 0 10px;
}

.find_us_img_inner {
    padding-top: 95.5%;
    position: relative;
    width: 100%;
    height: 100%;
    border-radius: 30px;
    overflow: hidden;
}

.find_us_img_inner img {
    min-height: 100%;
    min-width: 100%;
    max-height: 100%;
    max-width: 100%;
    object-fit: cover;
    position: absolute;
    top: 0;
    left: 0;
}

.find_us_map {
    flex: 0 0 40.5%;
    max-width: 40.5%;
    padding: 0 10px;
}

.find_us_map_inner {
    height: 100%;
}

.find_us_map_inner iframe {
    width: 100%;
    height: 100%;
    border-radius: 10px;
}

.find_us_inner p {
    color: var(--secondary);
    margin-bottom: 16px;
}

.find_us_inner p a {
    color: var(--primary);
    position: relative;
}

.find_us_inner p a::after {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px;
    background-color: var(--primary);
    content: "";
    transition: all 0.3s ease-in-out;
}

.find_us_inner p a:hover {
    color: var(--bgdark);
}

.find_us_inner p a:hover::after {
    background-color: var(--bgdark);
}

.parking_section {
    padding: 100px 0px;
}

.parking_section .container {
    max-width: 1428px;
}

.parking_section .title_block h2 {
    margin-bottom: 10px;
}

.parking_cards .card_title {
    flex: 0 0 calc(100% - 64px);
    max-width: calc(100% - 64px);
}

.parking_cards .card_bottom {
    margin-top: 0;
    padding-left: 64px;
}

.parking_cards .ic_card_inner {
    grid-template-rows: auto;
}

.parking_cards .card_note {
    padding: 16px 24px;
    background-color: #FBFBFB;
    border-radius: 20px;
    border-left: 3px solid var(--primary);
    margin-top: 30px;
}

.parking_cards .card_note_inner p strong {
    color: var(--primary);
    font-weight: 600;
}

/* parking end */

/* contact page start */

.contact_info_section {
    padding: 80px 0px;
    background-color: var(--bglight);
}

.contact_form {
    flex: 0 0 57.56%;
    max-width: 57.56%;
    padding: 0px 98px 0px 0px;
}

.contact_form_inner h3 {
    margin-bottom: 10px;
}

.contact_form_inner p {
    margin-bottom: 20px;
}

.contact_detail_block {
    flex: 0 0 42.44%;
    max-width: 42.44%;
    padding: 65px 0 65px 98px;
    border-left: 1px solid #DEDEDE;
}

.contact_info_inner {
    display: flex;
    flex-wrap: wrap;
}

.contact_info_section .container {
    max-width: 1580px;
}

.contact_details h3,
.contact_details p {
    margin-bottom: 20px;
}

.contact_details {
    margin-bottom: 40px;
}

.contact_details p strong {
    font-size: 20px;
    font-weight: 600;
    color: var(--secondary);
}

.contact_details .contact_info p {
    margin-bottom: 0px;
    color: var(--text);
}

.contact_details .contact_detail a {
    color: var(--text);
}

.contact_details .contact_detail a:hover {
    color: var(--primary);
}

.key_contacts h3 {
    margin-bottom: 20px;
}

.key_contacts ul {
    list-style-type: none;
    max-width: 550px;
}

.key_contacts ul li {
    margin-bottom: 20px;
    display: flex;
    align-items: center;
    gap: 20px;
    justify-content: space-between;
    color: var(--text);
}

.key_contacts ul li span:first-child {
    color: var(--secondary);
    font-weight: 500;
}

.form_row {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}

.form_row p {
    line-height: 1;
}

.form_col_6 {
    flex: 0 0 calc(50% - 10px);
    max-width: calc(50% - 10px);
}

.form_col_12 {
    flex: 0 0 100%;
    max-width: 100%;
}

.form_row label {
    color: var(--secondary);
    font-size: 18px;
    line-height: 30px;
    margin-bottom: 5px;
    display: block;
}

.form_row label span {
    color: var(--primary);
}

.form_row p br {
    display: none;
}

.form_row input {
    max-height: 56px;
    border: 1px solid #DBDED3;
    background-color: var(--white);
    color: var(--secondary);
}

.form_row select {
    appearance: none;
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="10" height="7" viewBox="0 0 10 7" fill="none"><path d="M4.61098 5.9039L0.160183 1.4531C0.0533944 1.34631 0 1.21664 0 1.06409C0 0.911531 0.0533944 0.781859 0.160183 0.675071L0.686499 0.160196C0.793288 0.0534077 0.921053 1.33514e-05 1.06979 1.33514e-05C1.21854 1.33514e-05 1.35011 0.0534077 1.46453 0.160196L5 3.68422L8.53547 0.160196C8.64989 0.0534077 8.78146 1.33514e-05 8.93021 1.33514e-05C9.07895 1.33514e-05 9.20671 0.0534077 9.3135 0.160196L9.83982 0.675071C9.94661 0.781859 10 0.911531 10 1.06409C10 1.21664 9.94661 1.34631 9.83982 1.4531L5.38902 5.9039C5.28223 6.01069 5.15256 6.06409 5 6.06409C4.84745 6.06409 4.71777 6.01069 4.61098 5.9039Z" fill="%23A2A2A2"/></svg>');
    background-position: center right 16px;
    background-repeat: no-repeat;
    background-size: 10px;
    padding-right: 36px;
    border: 1px solid #DBDED3;
    color: var(--secondary);
}

.form_row textarea {
    border: 1px solid #DBDED3;
    color: var(--secondary);
}

.form_row input:focus,
.form_row select:focus,
.form_row textarea:focus {
    border: 1px solid var(--primary);
    outline: none !important;
    box-shadow: none !important;
}

.wpcf7-not-valid-tip {
    font-size: 14px;
    margin-top: 5px;
    color: var(--error) !important;
}

.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.payment-required .wpcf7-response-output {
    color: var(--error) !important;
    padding: 0;
    border: 0;
    margin: 20px 0;
    font-size: 14px;
}

input.wpcf7-not-valid,
select.wpcf7-not-valid,
textarea.wpcf7-not-valid {
    border: 1px solid var(--error) !important;
}

.form_row input::placeholder,
.form_row textarea::placeholder {
    color: #A2A2A2;
    font-size: 18px;
    line-height: 1.2;
}

.attach_file_block {
    padding: 12px 16px;
    background-image: url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' rx='10' ry='10' stroke='%23DBDED3FF' stroke-width='1' stroke-dasharray='5%2c 5' stroke-dashoffset='0' stroke-linecap='round'/%3e%3c/svg%3e");
    border-radius: 10px;
    position: relative;
    overflow: hidden;
}

.attach_file {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    opacity: 0;
}

.attach_file_inner {
    display: flex;
    align-items: center;
}

.attach_file_icon svg {
    width: 15px;
    height: 24px;
}

.attach_file_text p {
    color: #636363;
    font-size: 18px;
    padding-left: 10px;
    max-width: 250px;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.attach_file_icon {
    flex: 0 0 15px;
    max-width: 15px;
}

.attach_file_btn p {
    background-color: #F0F0F0;
    font-size: 18px;
    color: var(--secondary);
    padding: 7px 10px;
    border-radius: 10px;
    display: inline-block;
    transition: all 0.3s ease-in-out;
}

.attach_file_block:hover .attach_file_btn p {
    background-color: var(--primary);
    color: var(--white);
}

.attach_file_btn {
    flex: 0 0 100px;
    max-width: 100px;
    text-align: right;
}

.attach_file_text {
    flex: 0 0 calc(100% - 115px);
    max-width: calc(100% - 115px);
}

.attach_file_text.selected_file_name {
    display: none;
}

.submit_btn {
    position: relative;
    display: inline-block;
}

input.wpcf7-submit {
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 1;
    display: inline-flex;
    align-items: center;
    padding: 17px 62px 17px 20px;
    border-radius: 100px;
    border: 1px solid;
    transition: all 0.3s ease-in-out;
    cursor: pointer;
    position: relative;
    background-color: var(--primary);
    border-color: var(--primary);
    color: var(--white);
    position: relative;
}

.submit_btn::after {
    content: "";
    width: 46px;
    height: 46px;
    border-radius: 50px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    rotate: -45deg;
    transition: all 0.3s ease-in-out;
    position: absolute;
    top: 50%;
    right: 5px;
    left: auto;
    translate: 0 -50%;
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="22" height="16" viewBox="0 0 22 16" fill="none"><path d="M1.00021 8.98771L18.5862 8.98771L13.2932 14.2807C13.1977 14.373 13.1215 14.4833 13.0691 14.6053C13.0167 14.7273 12.9891 14.8585 12.988 14.9913C12.9868 15.1241 13.0121 15.2558 13.0624 15.3787C13.1127 15.5016 13.1869 15.6132 13.2808 15.7071C13.3747 15.801 13.4864 15.8753 13.6093 15.9255C13.7322 15.9758 13.8638 16.0011 13.9966 16C14.1294 15.9988 14.2606 15.9712 14.3826 15.9188C14.5046 15.8664 14.615 15.7902 14.7072 15.6947L21.7072 8.69471C21.8947 8.50718 22 8.25288 22 7.98771C22 7.72255 21.8947 7.46824 21.7072 7.28071L14.7072 0.280711C14.5186 0.098552 14.266 -0.00224181 14.0038 3.64942e-05C13.7416 0.0023148 13.4908 0.107484 13.3054 0.292893C13.12 0.478301 13.0148 0.729114 13.0125 0.99131C13.0103 1.25351 13.1111 1.50611 13.2932 1.69471L18.5862 6.98771L1.00021 6.98771C0.734998 6.98771 0.480643 7.09307 0.293107 7.2806C0.105571 7.46814 0.000214347 7.72249 0.000214324 7.98771C0.0002143 8.25293 0.10557 8.50728 0.293107 8.69482C0.480643 8.88235 0.734997 8.98771 1.00021 8.98771Z" fill="%2344B64E"/></svg>');
    background-color: var(--white);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 22px;
}

.submit_btn:hover input.wpcf7-submit {
    padding: 17px 72px 17px 30px;
}

.submit_btn:hover::after {
    rotate: 0deg;
}

.wpcf7-spinner {
    position: absolute;
    top: 50%;
    translate: 0 -50%;
}

/* contact page end */

/* what's on page start */

.news_listing_section {
    padding: 90px 0;
    background-color: var(--bglight);
}

.news_listing_inner .title_block {
    max-width: 994px;
    margin: 0 auto 50px;
}

.news_listing_inner .title_block h2 {
    color: var(--secondary);
    margin-bottom: 10px;
}

.programmes_listing_section {
    padding: 80px 0px;
}

.programmes_listing_section .container {
    max-width: 1276px;
}

.programmes_inner {
    display: flex;
    flex-wrap: wrap;
    gap: 32px;
}

.programmes_listing {
    flex: 0 0 calc(50% - 16px);
    max-width: calc(50% - 16px);
}

.connect_with_us {
    background-color: #EFF6FF;
    border: 1px solid #DBEAFE;
    padding: 20px;
    border-radius: 16px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    flex: 0 0 calc(50% - 16px);
    max-width: calc(50% - 16px);
}

.connect_with_us h3 {
    margin-bottom: 16px;
}

.connect_with_us p:not(:last-child) {
    color: #4B5563;
    margin-bottom: 24px;
    max-width: 367px;
    text-align: center;
}

.find_us_facebook {
    display: inline-flex;
    background: #1877F2;
    color: var(--white);
    margin-bottom: 24px;
    align-items: center;
    padding: 12px 24px;
    gap: 8px;
    box-shadow: 0px 10px 15px -3px #0000001A;
    border-radius: 8px;
    transition: all 0.3s ease-in-out;
}

a.find_us_facebook:hover {
    transform: translateY(-5px);
    box-shadow: 0px 10px 15px -3px rgb(24, 119, 242, 30%);
}

.find_us_facebook .find_us_facebook_icon {
    line-height: 1;
}

.find_us_facebook .find_us_facebook_icon img {
    width: 20px;
    height: 20px;
    object-fit: contain;
}

.programmes_listing .card-panel {
    border: 1px solid #EBEBEB;
    padding: 32px;
    border-radius: 16px;
    background-color: var(--bglight);
}

.programmes_listing .card-item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border: 1px solid var(--border-color-secondary);
    box-shadow: 0px 1px 2px 0px #0000000D;
    padding: 16px;
    border-radius: 20px;
    background-color: var(--white);
}

.programmes_listing .card-list {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.programmes_listing .card-content {
    display: flex;
    align-items: center;
    flex: 0 0 calc(100% - 24px);
    max-width: calc(100% - 24px);
    padding-right: 10px;
}

.programmes_listing h4.panel-title {
    margin-bottom: 24px;
}

.programmes_listing .card-content .card-icon {
    flex: 0 0 25px;
    max-width: 25px;
}

.programmes_listing .card-content .card-text {
    flex: 0 0 calc(100% - 25px);
    max-width: calc(100% - 25px);
    padding-left: 10px;
}

.programmes_listing .card-content .card-icon img {
    width: 25px;
    height: auto;
}

.programmes_listing .card-content .card-text p {
    font-weight: 600;
    color: #1F1E17;
    line-height: 1.2;
    margin: 0;
}

.programmes_listing .card-content .card-text span {
    color: #878680;
    font-size: 12px;
    line-height: 1;
}

.programmes_listing .card-item a.download-btn {
    line-height: 1;
    display: block;
    flex: 0 0 24px;
    max-width: 24px;
}

.programmes_listing .card-item a.download-btn img {
    width: 24px;
    height: 24px;
    object-fit: contain;
    transition: all 0.3s ease-in-out;
}

.programmes_listing .card-item a.download-btn:hover img {
    filter: var(--filter-primary);
}

.btn_tertiary.event-link {
    gap: 4px;
}

.btn_tertiary.event-link .btn_arrow {
    rotate: 26deg;
}

.btn_tertiary.event-link:hover {
    color: var(--black);
}

.btn_tertiary.event-link:hover .btn_arrow {
    filter: brightness(0) invert(0);
    rotate: 45deg;
}

.events-header {
    padding-bottom: 16px;
    margin-bottom: 46px;
    border-bottom: 1px solid #D9D9D9;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    position: relative;
    z-index: 1;
}

h3.events-title {
    padding-right: 30px;
}

.events-controls {
    margin-left: auto;
    display: flex;
    align-items: center;
    gap: 16px;
}

input.events-search {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none"><path d="M3.80697 11.0992C4.80786 12.1001 6.02323 12.6005 7.45308 12.6005C8.88293 12.6005 10.0983 12.1001 11.0992 11.0992C12.1001 10.0983 12.6005 8.88293 12.6005 7.45308C12.6005 6.02323 12.1001 4.80786 11.0992 3.80697C10.0983 2.80608 8.88293 2.30563 7.45308 2.30563C6.02323 2.30563 4.80786 2.80608 3.80697 3.80697C2.80608 4.80786 2.30563 6.02323 2.30563 7.45308C2.30563 8.88293 2.80608 10.0983 3.80697 11.0992ZM14.3164 12.6005L20 18.2842L18.2842 20L12.6005 14.3164V13.4048L12.2788 13.0831C10.9205 14.2627 9.31189 14.8525 7.45308 14.8525C5.3798 14.8525 3.6193 14.1376 2.17158 12.7078C0.723861 11.2779 0 9.52636 0 7.45308C0 5.3798 0.723861 3.6193 2.17158 2.17158C3.6193 0.723861 5.3798 0 7.45308 0C9.52636 0 11.2779 0.723861 12.7078 2.17158C14.1376 3.6193 14.8525 5.3798 14.8525 7.45308C14.8525 8.20375 14.6738 9.05273 14.3164 10C13.9589 10.9473 13.5478 11.7069 13.0831 12.2788L13.4048 12.6005H14.3164Z" fill="%23878680"/></svg>');
    background-repeat: no-repeat;
    background-position: left 14px center;
    background-size: 20px;
    padding: 15px 14px 15px 42px;
    border-radius: 50px;
    border: 1px solid var(--border-color-secondary);
    max-width: 242px;
    color: var(--secondary);
}

.events-filters {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
}

.events-filters button.filter-btn {
    padding: 12px 30px;
    border-radius: 50px;
    border: 1px solid var(--border-color-secondary);
    color: var(--secondary);
    background-color: var(--white);
    height: 55px;
    font-size: 18px;
    line-height: 1;
    font-weight: 400;
    display: flex;
    align-items: center;
    gap: 10px;
    transition: all 0.3s ease-in-out;
    cursor: pointer;
}

.events-filters button.filter-btn:hover {
    border: 1px solid var(--primary);
    color: var(--white);
    background-color: var(--primary);
}

.events-filters button.filter-btn:hover span img {
    filter: brightness(0) invert(1);
}

.events-filters .day-filter-wrap .filter-btn {
    padding: 12px 22px;
    border-radius: 8px;
    border: 1px solid #6FA9681A;
    color: var(--primary);
    background-color: #6FA9681A;
}

.events-filters .month-filter-wrap .filter-btn {
    padding: 12px 22px;
    border-radius: 8px;
}

.events-filters .day-filter-wrap .filter-btn span img {
    filter: var(--filter-primary);
}

.events-filters .day-filter-wrap .filter-btn span img,
.events-filters .month-filter-wrap .filter-btn span img {
    width: 12px;
    height: 8px;
    object-fit: contain;
    transition: all 0.3s ease-in-out;
    transform: scale(1);
}

.events-filters .day-filter-wrap .filter-btn.active span img,
.events-filters .month-filter-wrap .filter-btn.active span img {
    transform: scale(1, -1);
}

.events-filters .day-filter-wrap,
.events-filters .month-filter-wrap {
    position: relative;
}

.events-filters .day-picker-popup,
.events-filters .month-picker-popup {
    position: absolute;
    top: calc(100% + 5px);
    right: 0;
    background-color: var(--white);
    padding: 20px;
    border-radius: 10px;
    box-shadow: 0px 0px 20px 0px rgb(0 0 0 / 10%);
}

.ui-datepicker-calendar td span,
.ui-datepicker-calendar th span,
.ui-datepicker-calendar td a,
.ui-datepicker-calendar th a {
    font-size: 18px;
    line-height: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: 'Instrument Sans';
}

.ui-datepicker-calendar thead th {
    padding: 8px;
}

.ui-datepicker-calendar td.ui-datepicker-unselectable.ui-state-disabled {
    color: var(--text);
    padding: 8px;
}

.ui-datepicker-calendar td:not(.ui-datepicker-unselectable.ui-state-disabled) a {
    color: var(--secondary) !important;
    padding: 8px;
}

.ui-datepicker-calendar td:not(.ui-datepicker-unselectable.ui-state-disabled) a:hover {
    border-radius: 4px;
    background-color: #6FA9681A;
    color: var(--primary) !important;
}

.ui-datepicker-header.ui-widget-header {
    display: flex;
    align-items: center;
    gap: 20px;
    justify-content: space-between;
}

.ui-datepicker-header.ui-widget-header a.ui-datepicker-prev {
    display: inline-flex;
    order: 1;
}

.ui-datepicker-header.ui-widget-header a.ui-datepicker-next {
    display: inline-flex;
    order: 3;
}

.ui-datepicker-title {
    display: inline-flex;
    order: 2;
    font-weight: 600;
}

table.ui-datepicker-calendar {
    margin-top: 20px;
}

.ui-datepicker-header a.ui-datepicker-prev,
.ui-datepicker-header a.ui-datepicker-next {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="10" height="7" viewBox="0 0 10 7" fill="none"><path d="M4.61098 5.9039L0.160183 1.4531C0.0533944 1.34631 0 1.21664 0 1.06409C0 0.911531 0.0533944 0.781859 0.160183 0.675071L0.686499 0.160196C0.793288 0.0534077 0.921053 1.33514e-05 1.06979 1.33514e-05C1.21854 1.33514e-05 1.35011 0.0534077 1.46453 0.160196L5 3.68422L8.53547 0.160196C8.64989 0.0534077 8.78146 1.33514e-05 8.93021 1.33514e-05C9.07895 1.33514e-05 9.20671 0.0534077 9.3135 0.160196L9.83982 0.675071C9.94661 0.781859 10 0.911531 10 1.06409C10 1.21664 9.94661 1.34631 9.83982 1.4531L5.38902 5.9039C5.28223 6.01069 5.15256 6.06409 5 6.06409C4.84745 6.06409 4.71777 6.01069 4.61098 5.9039Z" fill="%23A2A2A2"/></svg>');
    background-repeat: no-repeat;
    background-position: center;
    background-size: 20px;
    width: 24px;
    height: 24px;
    cursor: pointer;
}

.ui-datepicker-header a.ui-datepicker-prev span.ui-icon,
.ui-datepicker-header a.ui-datepicker-next span.ui-icon {
    display: none;
}

.ui-datepicker-header a.ui-datepicker-prev,
.month-nav.prev-year {
    rotate: 90deg;
}

.ui-datepicker-header a.ui-datepicker-next,
.month-nav.next-year {
    rotate: -90deg;
}

.events-filters .month-picker-popup {
    width: 320px;
    margin-top: 0px;
    border: none;
}

.month-nav {
    border: none;
    background: transparent;
    cursor: pointer;
}

.month-nav img {
    width: 20px;
    height: auto;
}

.month-picker-header {
    display: flex;
    align-items: center;
    gap: 20px;
    justify-content: space-between;
}

.month-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 8px;
    margin-top: 20px;
}

.month-item {
    border: 1px solid transparent;
    background: #f7f7f7;
    padding: 10px;
    border-radius: 6px;
    cursor: pointer;
    transition: all 0.3s ease-in-out;
    font-family: 'Instrument Sans';
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 1.1;
    color: var(--secondary);
}

.month-item:hover,
.month-item.active {
    background: var(--primary);
    color: var(--white);
    border-color: var(--primary);
}

.selected-year {
    font-size: 24px;
    font-weight: 600;
}

.events-list {
    display: flex;
    flex-direction: column;
    row-gap: 50px;
}

.event-card {
    display: flex;
    flex-wrap: wrap;
}

.event-card .event-image {
    flex: 0 0 24.25%;
    max-width: 24.25%;
}

.event-image-inner {
    position: relative;
    padding-top: 85.2%;
    width: 100%;
    height: 100%;
    border-radius: 30px;
    overflow: hidden;
}

.event-card .event-image a {
    width: 100%;
    height: 100%;
    display: block;
}

.event-image-inner img {
    min-width: 100%;
    max-width: 100%;
    min-height: 100%;
    max-height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    position: absolute;
    object-fit: cover;
}

.event-card .event-content {
    flex: 0 0 75.75%;
    max-width: 75.75%;
    padding-left: 44px;
}

.event-content .event-info {
    margin-bottom: 20px;
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}

.event-content h2.event-title {
    margin-bottom: 16px;
}

.event-content p.event-excerpt {
    margin-bottom: 38px;
}

.event-venue {
    margin-left: auto;
    align-self: center;
    padding-left: 28px;
    position: relative;
}

.event-venue::after {
    content: "";
    position: absolute;
    background-image: url(./assets/images/location_pin.svg);
    width: 18px;
    height: 100%;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    left: 0;
    top: 0;
}

.event-date-category {
    display: flex;
}

.event-date {
    border: 1px solid var(--primary);
    background: var(--primary);
    backdrop-filter: blur(12px);
    width: 74px;
    height: 70px;
    border-radius: 16px;
    display: flex;
    flex-wrap: wrap;
    gap: 0;
    justify-content: center;
    flex-direction: column;
    align-items: center;
}

.event-day {
    display: block;
    font-size: 30px;
    font-weight: 700;
    color: var(--white);
    line-height: 1;
}

.event-month {
    font-weight: 700;
    font-size: 12px;
    line-height: 16px;
    letter-spacing: 1.2px;
    text-transform: uppercase;
    color: rgb(255 255 255 / 70%);
}

.event-category {
    padding-left: 20px;
    align-self: center;
    font-family: Instrument Sans;
    font-weight: 700;
    font-size: 26px;
    color: var(--primary);
}

.event-category span {
    font-family: Instrument Sans;
    font-weight: 400;
    font-size: 18px;
    line-height: 1.6;
    color: var(--text);
    padding-left: 34px;
    position: relative;
}

.event-category span::after {
    content: "";
    position: absolute;
    width: 7px;
    height: 7px;
    background-color: var(--text);
    border-radius: 10px;
    top: 50%;
    left: 14px;
    translate: 0 -50%;
}

/* what's on page end */

/* Testimonial start */

.testimonials-sec {
    padding: 90px 0;
    background-color: var(--bglight);
}

.testimonials-sec .container {
    max-width: 1180px;
}

.testimonials_slider_blocks {
    position: relative;
}

.testimonials-list.testimonial_slider {
    padding: 32px 20px 32px 12px;
}

.testimonials_slider_blocks .swiper-pagination {
    bottom: 0px;
    display: flex;
    justify-content: center;
}

.testimonials_slider_blocks .swiper-pagination span.swiper-pagination-bullet {
    width: 20px;
    height: 3px;
    border-radius: 20px;
    background-color: var(--primary);
}

.testimonials_slider_blocks .swiper-pagination span.swiper-pagination-bullet.swiper-pagination-bullet-active {
    background-color: var(--primary);
}

.testimonials-sec .title_block {
    margin-bottom: 30px;
}

.testimonials-sec .title_block h2 {
    color: var(--secondary);
    margin-bottom: 20px;
}

/* .testimonials-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin: 0 -16px;
    row-gap: 46px;
    padding-right: 20px;
} */

/* .testimonials-items {
    flex: 0 0 25%;
    max-width: 25%;
    padding: 0 16px;
} */

.testimonial_slider .swiper-slide {
    height: auto;
}

.testimonial_slider .swiper-slide .testimonials-items {
    height: 100%;
}

.testimonials-inner {
    box-shadow: 0px 2px 18px 0px #0000001A;
    height: 100%;
    background-color: var(--white);
    padding: 40px 25px 25px;
    border-radius: 10px;
    position: relative;
}

.testimonials-head {
    display: flex;
    flex-wrap: wrap;
}

.testimonials-img {
    flex: 0 0 80px;
    max-width: 80px;
}

.testimonials-img-inner {
    width: 80px;
    height: 80px;
    border-radius: 80px;
    box-shadow: 0px 6px 20px 2px #D3DCE8;
    /* border: 5px solid rgb(255 255 255 / 20%); */
    overflow: hidden;
    position: relative;
    padding: 10px;
}

.testimonials-img-inner::after {
    width: 80px;
    height: 80px;
    content: "";
    position: absolute;
    top: 0;
    left: 0;
}

.testimonials-img-inner img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.testimonials-title {
    flex: 0 0 calc(100% - 80px);
    max-width: calc(100% - 80px);
    padding-left: 10px;
    align-self: center;
}

.testimonials-title h4 {
    font-family: 'Instrument Sans';
    margin-bottom: 2px;
}

.testimonials-star {
    display: flex;
    align-items: center;
    gap: 4px;
}

.testimonials-star span {
    line-height: 1;
}

.testimonials-pera {
    margin-top: 14px;
}

.testimonials-pera p {
    color: var(--black);
}

.testimonials-icon {
    background-color: #44b64e;
    width: 72px;
    height: 72px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 80px;
    overflow: hidden;
    position: absolute;
    top: -30px;
    right: -20px;
}

.testimonials-icon img {
    width: 24px;
    height: auto;
    object-fit: contain;
}

/* Testimonial end */

/* Member Login start */
.member_area_section {
    padding: 120px 0;
    background-color: var(--bglight);
}

.member_area_wrapper {
    display: flex;
    flex-wrap: wrap;
    row-gap: 40px;
}

.member_area_content {
    align-self: center;
    flex: 0 0 51.6%;
    max-width: 51.6%;
    padding-right: 80px;
}

body:not(.custom-member-login) .member_area_content {
    align-self: normal;
}

.member_area_section .title_block {
    margin-bottom: 30px;
    text-align: left;
}

.member_area_section .title_block h2 {
    color: var(--secondary);
    margin-bottom: 15px;
}

.member_area_section .title_block .sub_heading {
    color: var(--text);
    max-width: 510px;
}

.member_area_card .ic_card_inner {
    grid-template-rows: auto;
}

.member_area_card .card .card_inner {
    border: none;
    border-radius: 0;
    background-color: transparent;
    padding: 0;
}

.member_area_card .card .card_top {
    align-items: flex-start;
}

.member_area_card .card .card_inner .card_icon img {
    width: auto;
    max-width: 24px;
    height: 18px;
}

.member_area_card .card .card_title p {
    color: var(--text);
}

.member_area_form {
    flex: 0 0 48.4%;
    max-width: 48.4%;
    height: 100%;
    padding: 48px;
    background-color: var(--white);
    border: 1.5px solid #14B83D1A;
    border-radius: 18px;
    box-shadow: 0px 30px 37.5px -7.5px #0000001A;
}

.form_box_title {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 36px;
}

.form_box_icon {
    flex: 0 0 62px;
    max-width: 62px;
    height: 62px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #14B83D1A;
    border-radius: 20px;
}

.form_box_icon img {
    width: 20px;
    height: auto;
    object-fit: contain;
}

.form_box_text {
    flex: 0 0 calc(100% - 62px);
    max-width: calc(100% - 62px);
    padding-left: 18px;
    align-self: center;
}

.form_wrapper .um,
.form_wrapper .um:not(.um-admin) {
    max-width: 100% !important;
    margin: 0 !important;
}

.form_wrapper .um .um-form .um-field {
    padding: 0;
    margin-bottom: 24px;
}

body.um-page-register .form_wrapper .um .um-form .um-field:last-child {
    margin-bottom: 0px;
}

.form_wrapper .um .um-form .um-field-label {
    margin-bottom: 5px !important;
}

.form_wrapper .um .um-form label {
    color: var(--secondary) !important;
    font-size: 18px !important;
    line-height: 1.6 !important;
    display: block !important;
    font-weight: 400 !important;
}

.form_wrapper .um .um-form input[type=text],
.form_wrapper .um .um-form input[type=number],
.form_wrapper .um .um-form input[type=tel],
.form_wrapper .um .um-form input[type=password],
.form_wrapper .um .um-form input[type=search] {
    height: 75px !important;
    border: 1px solid var(--border-color-primary) !important;
    background-color: #F6F8F6 !important;
    color: var(--text) !important;
    border-radius: 12px !important;
    font-size: 18px !important;
    line-height: 1 !important;
    -webkit-text-fill-color: var(--text) !important;
    padding: 10px 18px !important;
}

.form_wrapper .um .um-form input[type=text]:focus,
.form_wrapper .um .um-form input[type=number]:focus,
.form_wrapper .um .um-form input[type=tel]:focus,
.form_wrapper .um .um-form input[type=password]:focus,
.form_wrapper .um .um-form input[type=search]:focus {
    border: 1px solid var(--primary) !important;
}

.form_wrapper .um .um-form input[type=submit].um-button {
    background: var(--primary) !important;
    color: var(--white) !important;
    display: block !important;
    width: 100% !important;
    padding: 18px 18px !important;
    font-size: 18px !important;
    line-height: 1 !important;
    min-height: 66px !important;
    border-radius: 12px !important;
    transition: all 0.3s ease-in-out !important;
}

.form_wrapper .um .um-form input[type=submit].um-button:hover {
    background: var(--bgdark) !important;
}

.registrar_text p {
    display: none;
}

.form_wrapper .um .um-form .um-col-alt-b {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    column-gap: 5px;
}

body:not(.custom-member-login) .form_wrapper .um .um-form .um-col-alt-b {
    padding-top: 0px !important;
}

body:not(.custom-member-login) .form_wrapper .um .um-form .um-col-alt-b .um-center {
    width: 100% !important;
}

body:not(.custom-member-login) .form_wrapper .um .um-form .um-col-alt-b .um-clear {
    display: none !important;
}

body:not(.custom-member-login) .form_wrapper .um .um-form .um-field .um-field-block>div {
    text-align: left !important;
}

.form_wrapper .um .um-form .um-col-alt-b p a {
    font-weight: 700 !important;
    text-decoration: underline !important;
}

.form_wrapper .um .um-form .um-col-alt-b a {
    font-size: 18px !important;
    line-height: 1.6 !important;
    transition: all 0.3s ease-in-out;
}

.form_wrapper .um .um-form .um-col-alt-b a:hover {
    color: var(--primary) !important;
    text-decoration: underline !important;
}

body.um-page-register .registration_form_row .um-col-1 {
    display: flex;
    flex-wrap: wrap;
    column-gap: 20px;
}

body.um-page-register .um-field-user_login,
body.um-page-register .um-field-user_email,
body.um-page-register .um-field-user_password {
    flex: 0 0 100%;
    max-width: 100%;
}

body.um-page-register .um-field-first_name,
body.um-page-register .um-field-last_name {
    flex: 0 0 calc(50% - 10px);
    max-width: calc(50% - 10px);
}

/* Member login end */

.bottom_top_btn button {
    position: fixed;
    bottom: 27px;
    right: 40px;
    display: none;
    align-items: center;
    justify-content: center;
    background-color: var(--white);
    border: none;
    padding: 0;
    border-radius: 50px;
    cursor: pointer;
    z-index: 999;
    transition: all 0.3s ease-in-out;
    width: 46px;
    height: 46px;
    box-shadow: 0px 2px 18px 0px #0000001A;
}

.bottom_top_btn button img {
    width: 22px;
    height: auto;
    object-fit: contain;
    rotate: -90deg;
}

.bottom_top_btn button:hover {
    background-color: var(--primary);
}

.bottom_top_btn button:hover img {
    filter: brightness(0) invert(1);
}

/* mamber database css start */

.back_section {
    padding: 90px 0px 30px;
    background-color: var(--bglight);
}

.back_section .title_block,
.journal_table_section .title_block {
    text-align: left;
    margin-bottom: 30px;
}

.back_section .title_block h2 {
    margin-bottom: 12px;
}

.back_section .title_block h2,
.journal_table_section .title_block h2 {
    color: var(--secondary);
}

.activity_meetings_part {
    margin-top: 36px;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 48px;
}

.upcoming_title h3 {
    display: flex;
}

.upcoming_title h3 .icon {
    flex: 0 0 20px;
    max-width: 20px;
    line-height: 1;
    display: inline-flex;
}

.upcoming_title h3 .icon img {
    width: 20px;
    height: auto;
}

.upcoming_title h3 .text {
    flex: 0 0 calc(100% - 20px);
    max-width: calc(100% - 20px);
    padding-left: 12px;
}

.upcoming_meetings_inner {
    padding: 36px;
    height: 100%;
    background-color: var(--white);
    border: 1.5px solid #44B64E1A;
    box-shadow: 0px 1.5px 3px 0px #0000000D;
    border-radius: 18px;
}

.upcoming_meetings_blocks {
    margin-top: 24px;
}

.upcoming_meetings_item {
    padding: 18px 18px 18px 24px;
    background-color: var(--white);
    border-left: 6px solid var(--text);
    margin-bottom: 24px;
    display: flex;
    flex-wrap: wrap;
    transition: all 0.3s ease-in-out;
}

.upcoming_meetings_item:hover {
    background-color: #44B64E0D;
    border-left: 6px solid var(--primary);
}

.upcoming_meetings_item:hover .meeting_date .month {
    color: var(--primary);
}

.upcoming_meetings_item:hover .meeting_date .day {
    color: #0F172A;
}

.upcoming_meetings_item:last-child {
    margin-bottom: 0;
}

.upcoming_meetings_item .meeting_date {
    display: flex;
    flex-direction: column;
    align-items: center;
    flex: 0 0 42px;
    max-width: 42px;
}

.upcoming_meetings_item .meeting_date .month {
    font-weight: 700;
    font-size: 18px;
    line-height: 1.6;
    color: var(--text);
    letter-spacing: 0px;
    text-align: center;
    text-transform: uppercase;
    transition: all 0.3s ease-in-out;
}

.upcoming_meetings_item .meeting_date .day {
    font-weight: 900;
    font-size: 30px;
    line-height: 1.2;
    text-align: center;
    color: var(--text);
    transition: all 0.3s ease-in-out;
}

.upcoming_meetings_item .meeting_details {
    align-self: center;
    padding-left: 24px;
    flex: 0 0 calc(100% - 42px);
    max-width: calc(100% - 42px);
}

.upcoming_meetings_item .meeting_details h5 {
    font-family: 'Instrument Sans';
    font-weight: 600;
    font-size: 20px;
    line-height: 1.2;
}

.journal_table_section {
    padding: 30px 0px 90px;
    background-color: var(--bglight);
}

.journal_subheader {
    background-color: var(--white);
    padding: 24px;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.journal_subheader h3 {
    padding-right: 20px;
    flex: 0 0 calc(100% - 180px);
    max-width: calc(100% - 180px);
}

.journal_search {
    flex: 0 0 180px;
    max-width: 180px;
}

.journal_search input {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none"><path d="M3.80697 11.0992C4.80786 12.1001 6.02323 12.6005 7.45308 12.6005C8.88293 12.6005 10.0983 12.1001 11.0992 11.0992C12.1001 10.0983 12.6005 8.88293 12.6005 7.45308C12.6005 6.02323 12.1001 4.80786 11.0992 3.80697C10.0983 2.80608 8.88293 2.30563 7.45308 2.30563C6.02323 2.30563 4.80786 2.80608 3.80697 3.80697C2.80608 4.80786 2.30563 6.02323 2.30563 7.45308C2.30563 8.88293 2.80608 10.0983 3.80697 11.0992ZM14.3164 12.6005L20 18.2842L18.2842 20L12.6005 14.3164V13.4048L12.2788 13.0831C10.9205 14.2627 9.31189 14.8525 7.45308 14.8525C5.3798 14.8525 3.6193 14.1376 2.17158 12.7078C0.723861 11.2779 0 9.52636 0 7.45308C0 5.3798 0.723861 3.6193 2.17158 2.17158C3.6193 0.723861 5.3798 0 7.45308 0C9.52636 0 11.2779 0.723861 12.7078 2.17158C14.1376 3.6193 14.8525 5.3798 14.8525 7.45308C14.8525 8.20375 14.6738 9.05273 14.3164 10C13.9589 10.9473 13.5478 11.7069 13.0831 12.2788L13.4048 12.6005H14.3164Z" fill="%23878680"/></svg>');
    background-repeat: no-repeat;
    background-position: left 14px center;
    background-size: 20px;
    padding: 13px 14px 13px 42px;
    border-radius: 50px;
    border: 1px solid #E5E2DC;
    max-width: 180px;
    color: var(--text);
}

.journal_table_inner {
    background-color: var(--white);
    border: 1.5px solid #14B83D1A;
    box-shadow: 0px 1.5px 3px 0px #0000000D;
}

table.table thead {
    background: #DFDFDF4D;
}

table.table {
    width: 100%;
    border-collapse: collapse;
}

table.table th {
    padding: 24px 24px;
    text-align: left;
    font-family: 'Instrument Sans';
    font-weight: 500;
    font-size: 20px;
    line-height: 1.2;
    vertical-align: middle;
    color: var(--secondary);
}

table.table tr {
    border-top: 1.5px solid #14B83D0D;
}

table.table th:first-child,
table.table td:first-child {
    padding-left: 142px;
}

table.table th:last-child,
table.table td:last-child {
    padding-right: 142px;
}

table.table td {
    padding: 24px 24px;
}

.journal_image {
    line-height: 1;
    display: flex;
}

.journal_image img {
    width: 60px;
    height: 85px;
    object-fit: cover;
    padding: 3px;
    box-shadow: 0px 4px 16.6px 0px #00000040;
}

.journal_title h5 {
    font-family: 'Instrument Sans';
    font-weight: 600;
    font-size: 20px;
    line-height: 1.2;
    color: #0F172A;
}

.journal_title span {
    font-family: 'Instrument Sans';
    font-weight: 400;
    font-size: 13.5px;
    line-height: 1.2;
    color: var(--text);
}

.journal_classification .badge {
    font-family: 'Instrument Sans';
    font-weight: 400;
    font-size: 18px;
    line-height: 1.2;
    padding: 7px 12px;
    display: inline-block;
    border-radius: 3px;
}

table.table tr:nth-child(3n + 1) .journal_classification .badge {
    background: #DCFCE7;
    color: #15803D;
}

table.table tr:nth-child(3n + 2) .journal_classification .badge {
    background: #DBEAFE;
    color: #1D4ED8;
}

table.table tr:nth-child(3n + 3) .journal_classification .badge {
    background: #FEF3C7;
    color: #B45309;
}

.journal_action a {
    display: inline-flex;
    line-height: 1;
}

.journal_action a img {
    width: 24px;
    height: 24px;
    object-fit: contain;
    object-position: center;
}

/* mamber database css end */

/* News detail page css start */

.tribe-events-single-section::before {
    display: none;
}

.tribe-events-single-section.tribe-events-event-meta.primary.tribe-clearfix {
    display: grid;
    grid-template-columns: 1fr;
    width: 100%;
    gap: 32px;
}

.tribe-events-meta-group.tribe-events-meta-group-details,
.tribe-events-meta-group.tribe-events-meta-group-venue,
.tribe-events-meta-group.tribe-events-meta-group-gmap {
    margin: 0;
    padding: 0;
    width: 100%;
}

.tribe-events-meta-group.tribe-events-meta-group-gmap {
    border-top: none;
}

.tribe-events-venue-map {
    margin: 0;
    width: 100%;
    height: 100%;
}

.tribe-events-venue-map iframe {
    height: 100%;
    max-height: 100%;
}

.tribe-events-meta-group .tribe-events-single-section-title {
    font-family: 'K2D';
    font-size: 26px;
    font-style: normal;
    font-weight: 700;
    line-height: 1.2;
    text-transform: capitalize;
    margin-bottom: 14px;
}

li.tribe-events-meta-item {
    display: flex;
    align-items: flex-start;
    gap: 5px;
    font-family: 'Instrument Sans';
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 1.6;
    color: var(--text);
}

span.tribe-events-meta-label {
    font-weight: 600;
    color: var(--secondary);
}

span.tribe-events-meta-value {
    color: var(--text) !important;
    text-decoration: none;
}

abbr.tribe-events-abbr.tribe-events-start-date.published.dtstart,
abbr.tribe-region.tribe-events-abbr {
    text-decoration: none;
}

span.tribe-events-meta-value a {
    color: var(--primary) !important;
    text-decoration: underline;
    transition: all 0.3s ease-in-out;
}

span.tribe-events-meta-value a:hover {
    color: var(--secondary) !important;
}

.tribe-common .tribe-common-c-btn-border,
.tribe-common a.tribe-common-c-btn-border {
    border: 1px solid var(--primary) !important;
    color: var(--primary);
}

.single-tribe_events .tribe-events-c-subscribe-dropdown .tribe-events-c-subscribe-dropdown__button:hover,
.tribe-events .tribe-events-c-subscribe-dropdown .tribe-events-c-subscribe-dropdown__button:hover {
    background-color: var(--primary) !important;
}

.single-tribe_events .tribe-events-c-subscribe-dropdown__export-icon path,
.tribe-block__events-link .tribe-events-c-subscribe-dropdown__export-icon path {
    fill: var(--primary) !important;
}

p.tribe-events-back {
    flex: 0 0 50%;
    max-width: 50%;
    order: 1;
}

p.tribe-events-back a {
    font-size: 0;
    font-style: normal;
    font-weight: 500;
    line-height: 1;
    display: inline-flex;
    align-items: center;
    padding: 17px 20px 17px 62px;
    border-radius: 100px;
    border: 1px solid;
    transition: all 0.3s ease-in-out;
    cursor: pointer;
    position: relative;
    background-color: var(--primary);
    border-color: var(--primary);
    color: var(--white);
    position: relative;
}

p.tribe-events-back a::before {
    content: "All Events";
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 1;
    font-family: 'Instrument Sans';
    color: var(--white);
}

p.tribe-events-back a::after {
    content: "";
    width: 46px;
    height: 46px;
    border-radius: 50px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    rotate: -135deg;
    transition: all 0.3s ease-in-out;
    position: absolute;
    top: 50%;
    left: 5px;
    right: auto;
    translate: 0 -50%;
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="22" height="16" viewBox="0 0 22 16" fill="none"><path d="M1.00021 8.98771L18.5862 8.98771L13.2932 14.2807C13.1977 14.373 13.1215 14.4833 13.0691 14.6053C13.0167 14.7273 12.9891 14.8585 12.988 14.9913C12.9868 15.1241 13.0121 15.2558 13.0624 15.3787C13.1127 15.5016 13.1869 15.6132 13.2808 15.7071C13.3747 15.801 13.4864 15.8753 13.6093 15.9255C13.7322 15.9758 13.8638 16.0011 13.9966 16C14.1294 15.9988 14.2606 15.9712 14.3826 15.9188C14.5046 15.8664 14.615 15.7902 14.7072 15.6947L21.7072 8.69471C21.8947 8.50718 22 8.25288 22 7.98771C22 7.72255 21.8947 7.46824 21.7072 7.28071L14.7072 0.280711C14.5186 0.098552 14.266 -0.00224181 14.0038 3.64942e-05C13.7416 0.0023148 13.4908 0.107484 13.3054 0.292893C13.12 0.478301 13.0148 0.729114 13.0125 0.99131C13.0103 1.25351 13.1111 1.50611 13.2932 1.69471L18.5862 6.98771L1.00021 6.98771C0.734998 6.98771 0.480643 7.09307 0.293107 7.2806C0.105571 7.46814 0.000214347 7.72249 0.000214324 7.98771C0.0002143 8.25293 0.10557 8.50728 0.293107 8.69482C0.480643 8.88235 0.734997 8.98771 1.00021 8.98771Z" fill="%2344B64E"/></svg>');
    background-color: var(--white);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 22px;
}

p.tribe-events-back a:hover::after {
    rotate: -180deg;
}

.tribe-events.tribe-common {
    flex: 0 0 50%;
    max-width: 50%;
    order: 2;
    text-align: right;
}

.tribe-events-c-subscribe-dropdown {
    margin-top: 0 !important;
    margin-bottom: 40px !important;
}

.tribe-events-single-section.tribe-events-event-meta.primary.tribe-clearfix {
    flex: 0 0 50%;
    max-width: 50%;
    order: 4;
    padding-right: 60px;
}

.featured_image_wrap {
    flex: 0 0 50%;
    max-width: 50%;
    order: 5;
    position: relative;
    padding-top: 48%;
    border-radius: 20px;
    overflow: hidden;
}

.featured_image_wrap img {
    max-width: 100%;
    max-height: 100%;
    min-width: 100%;
    min-height: 100%;
    object-fit: cover;
    position: absolute;
    top: 0;
    left: 0;
}

#tribe-events-footer {
    flex: 0 0 100%;
    max-width: 100%;
    order: 6;
    padding-bottom: 0px !important;
    margin-top: 30px;
}

.tribe-events-single-event-description.tribe-events-content {
    order: 3;
    flex: 0 0 100%;
    max-width: 100%;
}

/* news detail inner banner */

.single-tribe_events .tribe-events-pg-template {
    padding: 0 !important;
    margin: 0 !important;
    max-width: 100% !important;
}

.single-tribe_events .tribe-events-single {
    max-width: 1200px;
    margin: 0 auto;
    padding: 60px 30px;
    display: flex;
    flex-wrap: wrap;
}

.single-tribe_events .inner_page_banner_block h1.tribe-events-single-event-title {
    font-family: 'K2D';
    font-size: clamp(36px, 5vw, 80px);
    font-style: normal;
    font-weight: 700;
    line-height: 1.375;
    max-width: 100%;
}

.single-tribe_events .tribe-events-schedule.tribe-clearfix {
    font-family: 'Instrument Sans';
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 1.6;
    color: var(--white);
    text-align: center;
    justify-content: center;
    margin-top: 10px;
}

.single-tribe_events .inner_page_banner_block p {
    width: 100%;
    max-width: 1200px;
}

/* News detail page css end */

/* weather_data_section css start */
.weather_data_section>*,
.weather_graphs_tables>* {
    font-family: 'Instrument Sans' !important;
}

.weather_data_section,
.weather_tables_section,
.weather_graphs_section {
    padding: 100px 0;
}

.weather_data_section,
.weather_tables_section {
    background-color: var(--bglight);
}

.weather_data_blocks {
    margin-top: 10px;
}

.weather_data_blocks,
.weather_graphs_blocks,
.weather_tables_blocks {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
    justify-items: center;
}

.weather_data_block,
.weather_graphs_block,
.weather_tables_block {
    width: 100%;
    /* display: flex;
    justify-content: center; */
    display: block;
    background-color: var(--white);
    border: 1px solid #E5E2DC;
    border-radius: 20px;
    padding: 26px;
    position: relative;
}

.weather_data_block h4 {
    font-size: 18px;
    position: absolute;
    top: 40px;
    left: 5%;
    width: 90%;
    text-align: center;
    padding: 0 20px;
    background-color: #fff;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.weather_data_block iframe {
    width: 100%;
    max-width: 260px;
    height: 290px;
    margin: 0 auto;
    display: block;
}

.weather_graphs_block iframe {
    width: 100%;
    max-width: 418px;
    height: 371px;
    margin: 0 auto;
    display: block;
}

.weather_tables_block:first-child iframe {
    height: 194px;
}

.weather_tables_block iframe {
    width: 100%;
    max-width: 356px;
    height: 316px;
    margin: 0 auto;
    display: block;
}

.met_office {
    margin-top: 40px;
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
    align-items: center;
}

.met_office a {
    color: var(--primary);
    text-decoration: underline;
    transition: all 0.3s ease-in-out;
}

.met_office a:hover {
    color: var(--bgdark);
}

.met_office img {
    width: 118px;
    height: auto;
}

/* weather_data_section css end */

.data_map_section {
    overflow: hidden;
}

.data_map_section .container {
    max-width: 100%;
    padding: 0;
}

.multiple_btns {
    padding: 40px 0;
    background-color: var(--bgdark);
}

.multiple_btns_inner {
    display: flex;
    gap: 40px;
    justify-content: center;
    flex-wrap: wrap;
}

.multiple_btns_inner .btn_secondary:hover,
.multiple_btns_inner .btn_primary:hover {
    padding: 17px 62px 17px 20px;
}

/* strip CSS */

.payment_button {
    margin-top: 20px;
}

.ssm_modal {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    backdrop-filter: blur(5px);
    align-items: center;
    justify-content: center;
    z-index: 999;
    padding: 40px;
}

.ssm_modal_inner {
    display: flex;
    gap: 20px;
    background-color: var(--white);
    padding: 40px;
    border-radius: 20px;
    max-width: 60%;
    flex-wrap: wrap;
    position: relative;
    border: 1px solid #E5E2DC;
}

.ssm_modal_inner h4 {
    flex: 0 0 100%;
    max-width: 100%;
}

button.ssm-option {
    border: 1px solid #E5E2DC;
    border-radius: 10px;
    background-color: var(--white);
    color: var(--secondary);
    padding: 15px;
    font-size: 18px;
    font-weight: 500;
    letter-spacing: 1px;
    font-family: 'Instrument Sans';
    cursor: pointer;
    transition: all 0.3s ease-in-out;
}

button.ssm-option:hover {
    background-color: var(--primary);
    color: var(--white);
}

button.ssm_close {
    position: absolute;
    top: 15px;
    right: 20px;
    width: 20px;
    height: 20px;
    border: none;
    background-color: transparent;
    cursor: pointer;
}

.archaeology_history_section, .membership_dec_section, .member_area_section {
    overflow: hidden;
}

/* Responsive CSS */

@media only screen and (max-width: 1920px) {

    /* banner start */
    .slider_content {
        padding: 170px 0 280px;
    }

    .hero_banner_section .swiper-pagination.swiper-pagination-bullets {
        bottom: 210px;
    }

    /* banner end */
}

@media only screen and (max-width: 1600px) {

    /* header start */
    header .nav-wrap .main-nav ul.nav-links {
        gap: 40px;
    }

    header .nav-wrap li.menu-item.services-mega-menu ul.sub-menu {
        max-width: calc(100% - 60px);
    }

    header .nav-wrap li.menu-item.services-mega-menu ul.sub-menu .mega-menu-wrap .mega-menu-links {
        gap: 25px 20px;
    }

    li.menu-item.services-mega-menu ul.sub-menu .mega-menu-wrap .menu-blog {
        padding-right: 32px;
    }

    header .nav-wrap li.menu-item.services-mega-menu ul.sub-menu .mega-menu-wrap .mega-menu-links {
        padding-left: 32px;
    }

    /* header end */
    /* banner start */
    .slider_content p {
        max-width: 80%;
    }

    .slider_content h1 {
        max-width: 100%;
        line-height: 1.2;
    }

    .slider_content p {
        font-size: 18px;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }

    /* banner end */

    /* exploration start */
    .multiblock_slider_blocks {
        padding: 0 70px;
    }

    .instagram_feed_blocks main.ti-widget-body {
        padding: 0 70px !important;
    }

    .exploration_slide_content {
        padding: 25px;
    }

    .exploration_slide_dec p {
        font-size: 16px;
        line-height: 1.4;
        -webkit-line-clamp: 5;
    }

    /* exploration end */

    /* photography start */

    .photography_slide_content {
        padding: 25px;
    }

    /* photography end */

    .botany_section::after {
        opacity: 0.2;
    }

    /* archeology page css start */

    .inner_page_banner_section {
        max-height: 600px;
        min-height: 600px;
    }

    .gallery_blocks {
        row-gap: 10px;
        margin: 0 -5px;
    }

    .gallery_block {
        padding: 0 5px;
    }

    /* archeology page css end */

    .membership_dec_content.ic_content_block,
    .membership_des_cards.ic_card_block {
        flex: 0 0 50%;
        max-width: 50%;
    }

    .contact_form {
        padding: 0px 65px 0px 0px;
    }

    .contact_detail_block {
        padding: 65px 0 65px 65px;
    }

    .find_us_content {
        flex: 0 0 26%;
        max-width: 26%;
    }

    .find_us_img {
        flex: 0 0 38%;
        max-width: 38%;
    }

    .find_us_map {
        flex: 0 0 36%;
        max-width: 36%;
    }

    /* testimonial */

    /* .testimonials-items {
        flex: 0 0 33.33%;
        max-width: 33.33%;
    } */

    .member_area_content {
        padding-right: 40px;
    }

    .form_wrapper .um .um-form input[type=text],
    .form_wrapper .um .um-form input[type=number],
    .form_wrapper .um .um-form input[type=tel],
    .form_wrapper .um .um-form input[type=password],
    .form_wrapper .um .um-form input[type=search] {
        height: 55px !important;
    }

    .form_wrapper .um .um-form input[type=submit].um-button {
        padding: 10px 18px !important;
        min-height: 55px !important;
    }

    table.table th:first-child,
    table.table td:first-child {
        padding-left: 60px;
    }

    table.table th:last-child,
    table.table td:last-child {
        padding-right: 60px;
    }
}

@media only screen and (max-width: 1365px) {

    /* header start */
    header .nav-wrap .main-nav ul.nav-links {
        gap: 25px;
    }

    /* header end */

    /* exploration start */

    .exploration_slide_content {
        padding: 25px 20px;
    }

    /* exploration end */

    /* photography start */

    .photography_slide_content {
        padding: 25px 20px;
    }

    /* photography end */

    /* footer start */
    .main-footer::before {
        width: 256px;
        height: 218px;
        right: 20px;
    }

    .copyrights {
        position: relative;
        z-index: 1;
    }

    /* footer end */

    /* about start */
    .about_content.ic_content_block,
    .about_section.inner_page_about .about_content.ic_content_block,
    .club_section .ic_content_block {
        padding-left: 40px;
    }

    /* about end */

    /* discovery start */
    .discovery_content.ic_content_block {
        padding-right: 40px;
    }

    /* discovery end */

    /* botany start */

    .botany_content.ic_content_block {
        padding-left: 40px;
    }

    /* botany end */

    .astrophotography_section .title_block {
        margin-bottom: 50px;
    }

    .ic_mb_ltr .ic_mb_content {
        padding-right: 40px;
    }

    .ic_mb_rtl .ic_mb_content {
        padding-left: 40px;
    }

    /* archeology page css start */

    .legacy_img {
        flex: 0 0 calc(50% - 80px);
        max-width: calc(50% - 80px);
    }

    .legacy_content {
        flex: 0 0 calc(50% + 80px);
        max-width: calc(50% + 80px);
        padding: 80px 30px 80px 40px;
    }

    /* archeology page css end */

    .journal_blocks {
        gap: 20px;
    }

    .upcoming_events_blocks .event_content {
        padding: 0px;
    }

    .ic_card_inner {
        grid-template-columns: 1fr;
        grid-template-rows: auto;
    }

    .event-card .event-image {
        flex: 0 0 30%;
        max-width: 30%;
    }

    .event-card .event-content {
        flex: 0 0 70%;
        max-width: 70%;
        padding-left: 30px;
    }

    .event-content .event-info {
        margin-bottom: 10px;
    }

    .event-content h2.event-title {
        margin-bottom: 10px;
        font-size: 30px;
    }

    .event-content p.event-excerpt {
        margin-bottom: 24px;
    }

    table.table th:first-child,
    table.table td:first-child {
        padding-left: 24px;
    }

    table.table th:last-child,
    table.table td:last-child {
        padding-right: 24px;
    }

    .botany_section,
    .discovery_section,
    .about_section {
        overflow: hidden;
    }

    .about_section::after {
        top: 0;
    }

    .botany_section::after {
        bottom: 0;
    }

    .weather_data_blocks,
    .weather_graphs_blocks,
    .weather_tables_blocks {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media only screen and (max-width: 1199px) {

    /* global font size */

    /* h1 {
        font-size: 60px;
    } */

    h2 {
        font-size: 42px;
    }

    h3 {
        font-size: 28px;
    }

    h4 {
        font-size: 22px;
    }

    /* global font size end */

    /* header start */

    .mobile-toggle {
        display: flex;
        flex-direction: column;
        align-items: end;
        justify-content: center;
        gap: 6px;
        height: 28px;
        width: 28px;
        cursor: pointer;
    }

    .mobile-toggle .toggle-itme {
        height: 2px;
        background-color: var(--primary);
        width: 100%;
        transition: all 0.3s ease-in-out;
    }

    .mobile-toggle .toggle-itme:nth-child(2) {
        width: 80%;
    }

    .nav-wrap:has(.toggle-active) .mobile-toggle .toggle-itme:first-child {
        transform: translate(0px, 8px) rotate(46deg);
    }

    .nav-wrap:has(.toggle-active) .mobile-toggle .toggle-itme:nth-child(2) {
        opacity: 0;
    }

    .nav-wrap:has(.toggle-active) .mobile-toggle .toggle-itme:last-child {
        transform: translate(0px, -8px) rotate(132deg);
    }

    header#header {
        padding: 10px 0px;
    }

    .main-logo .logo img {
        width: 80px;
    }

    header .nav-wrap .contect-wrap {
        display: flex;
        align-items: center;
        gap: 30px;
        position: relative;
        z-index: 3;
    }

    header .nav-wrap .main-logo .logo {
        position: relative;
        z-index: 3;
    }

    header .nav-wrap nav {
        display: flex;
        position: fixed;
        height: 100vh;
        width: 500px;
        right: -500px;
        top: 0px;
        padding-top: 105px;
        background-color: var(--bgdark);
        z-index: 1;
        transition: all 0.5s ease-in-out;
    }

    header .nav-wrap nav.toggle-active {
        right: 0px;
    }

    header .nav-wrap .main-nav ul.nav-links {
        justify-content: start;
        flex-direction: column;
        align-items: start;
        gap: 25px;
        padding: 20px 30px 60px;
        width: 100%;
        overflow-y: auto;
    }

    header .nav-wrap nav .nav-links>li>a {
        width: 100%;
        justify-content: space-between;
    }

    header .nav-wrap nav .nav-links li {
        width: 100%;
    }

    /* mega menu css */

    header .nav-wrap li.menu-item.services-mega-menu ul.sub-menu {
        display: none;
        margin: 0px 0 10px;
        position: relative;
        box-shadow: none;
        transition: none;
        width: 100%;
        max-width: 100%;
        visibility: visible;
        opacity: 1;
        left: 0px;
        top: 10px;
        transform: none;
    }

    header .nav-wrap li.menu-item.services-mega-menu ul.sub-menu .mega-menu-wrap {
        grid-template-columns: 1fr;
        padding: 20px;
    }

    li.menu-item.services-mega-menu ul.sub-menu .mega-menu-wrap .menu-blog {
        padding-right: 0;
        padding-bottom: 20px;
        border-right: none;
        border-bottom: 1px solid #EBEBEB;
        grid-template-columns: 1fr;
        gap: 20px;
    }

    header .nav-wrap li.menu-item.services-mega-menu ul.sub-menu .mega-menu-wrap .mega-menu-links {
        grid-template-columns: auto auto;
        gap: 20px 20px;
        padding-left: 0;
        padding-top: 20px;
    }

    li.menu-item.services-mega-menu .mega-menu-wrap .menu-blog .blog-img {
        padding-top: 48%;
    }

    /* header end */
    /* banner start */
    .hero_banner_section .swiper-pagination.swiper-pagination-bullets {
        bottom: 200px;
    }

    .slider_content {
        padding: 150px 0 260px;
    }

    .slider_content p {
        max-width: 100%;
    }

    /* banner end */

    /* ic block and ic mb start */

    .ic_block,
    .ic_mb_inner {
        align-items: flex-start;
    }

    .ic_img_block,
    .ic_mb_img,
    .club_section .ic_img_block,
    .club_section .ic_content_block,
    .ic_content_block,
    .ic_mb_content,
    .botany_img.ic_img_block,
    .botany_content.ic_content_block,
    .legacy_img,
    .legacy_content {
        flex: 0 0 50%;
        max-width: 50%;
    }

    .ic_mb_ltr .ic_mb_content {
        padding-right: 30px;
    }

    .ic_mb_rtl .ic_mb_content {
        padding-left: 30px;
    }

    /* ic block and ic mb end */

    /* about start */
    .about_section,
    .astrophotography_section,
    .member_area_section {
        padding: 100px 0 100px;
    }

    .about_content.ic_content_block,
    .about_section.inner_page_about .about_content.ic_content_block,
    .club_section .ic_content_block {
        padding-left: 30px;
    }

    .about_img.ic_img_block {
        padding-left: 60px;
    }

    /* about end */

    /* discovery start */
    .discovery_content.ic_content_block {
        padding-right: 30px;
    }

    .discovery_img.ic_img_block {
        padding-right: 60px;
    }

    /* discovery end */
    /* botany start */

    .botany_section {
        padding: 120px 0 80px;
    }

    .botany_content.ic_content_block {
        padding-left: 30px;
    }

    /* botany end */

    .archaeology_content {
        padding: 120px 40px 120px 0;
    }

    /* archeology page css start */

    .inner_page_banner_block h1 {
        line-height: 1.1;
    }

    .legacy_content {
        padding: 60px 30px 60px 30px;
    }

    .timeline_section .title_block,
    .gallery_section .title_block,
    .gallery_filter_section {
        margin-bottom: 30px;
    }

    .inner_page_banner_block .download_btn {
        margin-top: 30px;
    }

    .timeline_inner ul li {
        margin-bottom: 40px;
        padding-left: 40px;
    }

    .timeline_inner ul li::before {
        top: 3px;
    }

    /* archeology page css end */

    .upcoming_events_blocks .event_image_wrap {
        padding-top: 145%;
    }

    .apply_renew_cards .ic_card_inner {
        grid-template-columns: 1fr 1fr;
    }

    .contact_detail_block {
        padding: 40px 0 40px 40px;
    }

    .contact_form {
        padding: 0px 40px 0px 0px;
    }

    .find_us_blocks {
        row-gap: 30px;
    }

    .find_us_content {
        flex: 0 0 100%;
        max-width: 100%;
        flex-direction: row;
    }

    .find_us_content .meeting_block,
    .find_us_content .meeting_time {
        flex: 0 0 calc(50% - 10px);
        max-width: calc(50% - 10px);
    }

    .find_us_content .meeting_time .card {
        height: 100%;
    }

    .find_us_img,
    .find_us_map {
        flex: 0 0 50%;
        max-width: 50%;
    }

    .parking_cards .ic_card_inner {
        grid-template-rows: auto;
        grid-template-columns: 1fr 1fr;
    }

    .find_us_content .meeting_block .card_description p {
        max-width: 100%;
    }

    .event-category {
        font-size: 22px;
    }

    .event-category span {
        font-size: 16px;
    }

    .member_area_form {
        padding: 30px;
    }

    .form_wrapper .um .um-form .um-field {
        margin-bottom: 14px;
    }

    .upcoming_meetings_inner {
        padding: 24px;
    }

    .upcoming_meetings_item {
        padding: 12px 18px;
    }

    table.table td,
    table.table th {
        padding: 20px;
    }

    table.table th:first-child,
    table.table td:first-child {
        padding-left: 20px;
    }

    table.table th:last-child,
    table.table td:last-child {
        padding-right: 20px;
    }

    .upcoming_meetings_item .meeting_details h5,
    .journal_title h5 {
        font-size: 18px;
    }

    .upcoming_meetings_item .meeting_date .day {
        font-size: 28px;
        line-height: 1;
    }

    .upcoming_meetings_item .meeting_date .month {
        font-size: 16px;
        line-height: 1.2;
    }

    .tribe-events-single-section.tribe-events-event-meta.primary.tribe-clearfix {
        padding-right: 30px;
    }
}

@media only screen and (max-width: 1024px) {

    /* global CSS */

    .container,
    .archaeology_inner,
    .astrophotography_content_main {
        padding: 0 20px;
    }

    .btn_primary,
    .btn_secondary {
        font-size: 16px;
        padding: 14px 52px 14px 14px;
    }

    .btn_primary:hover,
    .btn_secondary:hover {
        padding: 14px 62px 14px 20px;
    }

    .multiple_btns_inner .btn_secondary:hover,
    .multiple_btns_inner .btn_primary:hover {
        padding: 14px 52px 14px 14px;
    }

    .btn_arrow {
        width: 36px;
        height: 36px;
    }

    .btn_arrow img {
        width: 16px;
    }

    /* global CSS end*/
    /* header start */
    header .nav-wrap .main-nav ul.nav-links {
        padding: 20px 20px 60px;
    }

    .contect-wrap .btn_primary:hover {
        padding: 14px 62px 14px 20px;
    }

    /* header end */

    /* banner start */

    .hero_banner_section .swiper-pagination.swiper-pagination-bullets {
        padding: 0 20px;
    }

    .hero_banner_section .swiper-pagination span.swiper-pagination-bullet {
        width: 60px;
    }

    .supported_block {
        bottom: 40px;
    }

    /* banner end */
    /* footer start */

    .main-footer::before {
        display: none;
    }

    .main-footer .footer_wrap::before {
        position: absolute;
        content: "";
        background-image: url(./assets/images/footer_insect_img.png);
        background-repeat: no-repeat;
        background-size: contain;
        width: 206px;
        height: 168px;
        right: 0;
        bottom: 0px;
        z-index: 0;
    }

    .footer_logo a {
        width: 110px;
        height: 110px;
    }

    .copyrights p,
    .copyrights p a {
        font-size: 16px;
    }

    /* footer end */

    .about_section,
    .botany_section,
    .astrophotography_section,
    .instagram_feed_section,
    .member_area_section,
    .weather_data_section,
    .weather_tables_section,
    .weather_graphs_section {
        padding: 80px 0 80px;
    }

    .parking_section {
        padding: 80px 0px;
    }

    .ic_mb_blocks {
        gap: 60px;
    }

    .ic_img_primary,
    .ic_img_secondary,
    .ic_mb_img_primary,
    .exploration_slide_inner,
    .photography_slide_inner,
    .event-image-inner {
        border-radius: 20px;
    }

    .archaeology_content {
        padding: 80px 40px 80px 0;
    }

    .legacy_content {
        padding: 60px 20px 60px 20px;
    }

    .club_inner .ic_title {
        margin-bottom: 30px;
    }

    .submit_btn::after,
    p.tribe-events-back a::after {
        width: 36px;
        height: 36px;
        background-size: 16px;
    }

    input.wpcf7-submit {
        font-size: 16px;
        padding: 14px 52px 14px 14px;
    }

    .submit_btn:hover input.wpcf7-submit {
        padding: 14px 62px 14px 20px;
    }

    p.tribe-events-back a {
        padding: 14px 14px 14px 52px;
    }

    p.tribe-events-back a::before {
        font-size: 16px;
    }

    .event-card .event-content {
        padding-left: 20px;
    }

    .event-venue {
        margin-left: 0;
        align-self: auto;
    }

    .event-content .event-info {
        gap: 15px;
        flex-direction: column;
    }

    body.um-page-register .um-field-first_name,
    body.um-page-register .um-field-last_name {
        flex: 0 0 100%;
        max-width: 100%;
    }

    .ssm_modal_inner {
        max-width: 100%;
    }
}

@media only screen and (max-width: 991px) {

    /* global font size */

    /* h1 {
        font-size: 44px;
    } */

    h2 {
        font-size: 34px;
    }

    h3 {
        font-size: 24px;
    }

    h4 {
        font-size: 20px;
    }

    p,
    li,
    a,
    .title_block .sub_heading {
        font-size: 16px;
        line-height: 1.6;
    }

    input,
    select,
    textarea {
        font-size: 16px;
        line-height: normal;
    }

    /* global font size end*/

    .slider_block {
        min-height: 70vh;
    }

    /* footer start */
    .footer_wrap {
        gap: 40px 20px;
        flex-wrap: wrap;
        padding: 60px 0 110px;
    }

    .footer_wrap .company_details {
        flex: 0 0 100%;
        max-width: 100%;
    }

    .footer_wrap .company_details .footer_content {
        max-width: 100%;
        margin-bottom: 20px;
    }

    .main-footer .footer_wrap::before {
        width: 156px;
        height: 118px;
    }

    .main-footer::after {
        height: 50%;
        background-size: cover;
        background-position: right;
    }

    /* footer end */

    .title_block,
    .apply_renew_section .title_block {
        margin-bottom: 30px;
    }

    /* exploration start */
    .exploration_blocks {
        margin-bottom: 30px;
    }

    .exploration_slide_img {
        padding-top: 458px;
    }

    .exploration_slide_inner:not(:hover) .exploration_slide_img::before {
        opacity: 1;
    }

    .exploration_slide_img::after {
        display: none;
    }

    .exploration_slide_inner:not(:hover) .exploration_slide_content .exploration_slide_dec {
        opacity: 1;
        max-height: 100%;
    }

    /* exploration end */

    /* photography start */
    .photography_blocks {
        margin-bottom: 30px;
    }

    .photography_slide_img {
        padding-top: 376px;
    }

    .photography_slide_inner:not(:hover) .photography_slide_content .photography_slide_dec {
        opacity: 1;
        max-height: 100%;
    }

    /* photography end */

    /* ic blockstart */

    .ic_img_block,
    .botany_img.ic_img_block,
    .ic_mb_img,
    .club_section .ic_img_block {
        flex: 0 0 100%;
        max-width: 625px;
        order: 1;
        margin-bottom: 40px;
    }

    .ic_content_block,
    .botany_content.ic_content_block,
    .ic_mb_content,
    .club_section .ic_content_block {
        flex: 0 0 100%;
        max-width: 100%;
        order: 2;
    }

    .ic_title,
    .ic_title h2,
    .ic_description p:not(:last-child),
    .ic_mb_title,
    .ic_mb_title h2,
    .ic_mb_description p:not(:last-child),
    .apply_renew_section .title_block h2 {
        margin-bottom: 10px;
    }

    .ic_btn {
        margin-top: 20px;
    }

    .ic_mb_ltr .ic_mb_content {
        padding-right: 0px;
    }

    .ic_mb_rtl .ic_mb_content {
        padding-left: 0px;
    }

    /* ic block end */

    /* about start */

    .about_section,
    .discovery_section,
    .botany_section,
    .astrophotography_section,
    .archaeology_history_section,
    .exploration_society_section,
    .exploration_section.inner_page_exploration_section,
    .timeline_section,
    .instagram_feed_section,
    .find_us_section,
    .membership_dec_section,
    .apply_renew_section,
    .testimonials-sec,
    .news_listing_section,
    .programmes_listing_section,
    .member_area_section,
    .upcoming_events_section,
    .weather_data_section,
    .weather_tables_section,
    .weather_graphs_section {
        padding: 60px 0 60px;
    }

    .parking_section {
        padding: 60px 0px;
    }

    .back_section {
        padding: 60px 0px 30px;
    }

    .journal_table_section {
        padding: 30px 0px 60px;
    }

    .about_content.ic_content_block,
    .botany_content.ic_content_block,
    .about_section.inner_page_about .about_content.ic_content_block,
    .club_section .ic_content_block {
        padding-left: 0px;
    }

    .about_section.inner_page_about .ic_content_block .ic_description {
        max-width: 100%;
    }

    .about_img.ic_img_block {
        padding-left: 0px;
        padding-right: 60px;
    }

    .about_img.ic_img_block .ic_img_secondary {
        left: auto;
        right: 0;
    }

    /* about end */

    /* discovery start */
    .discovery_content.ic_content_block {
        padding-right: 0px;
    }

    .discovery_section::after {
        left: auto;
        right: 0;
        transform: scaleX(1);
    }

    .discovery_content.ic_content_block .ic_description {
        max-width: 100%;
    }

    /* discovery end */

    .astrophotography_section .title_block {
        margin-bottom: 30px;
    }

    .astrophotography_section::after {
        top: auto;
        bottom: -2%;
    }

    .symbolright .bg_symbol {
        top: 50%;
        width: 250px;
        height: auto;
    }

    .symbolleft .bg_symbol {
        top: 60%;
        width: 250px;
        height: auto;
    }

    .archaeology_content,
    .inner_page_archaeology .archaeology_content {
        padding: 60px 30px 60px 0;
    }

    .archaeology_title h2,
    .archaeology_description p:not(:last-child) {
        margin-bottom: 10px;
    }

    .archaeology_btn {
        margin-top: 20px;
    }

    /* archeology page css start */
    .inner_page_banner_section {
        max-height: 500px;
        min-height: auto;
    }

    .archaeology_history_content.ic_mb_content {
        flex: 0 0 100%;
        max-width: 100%;
        order: 2;
    }

    .archaeology_history_img.ic_mb_img {
        flex: 0 0 100%;
        max-width: 625px;
        order: 1;
        margin-bottom: 40px;
    }

    .archaeology_history_content .ic_mb_description {
        max-width: 100%;
    }

    .legacy_section {
        padding-top: 80px;
    }

    .legacy_img {
        padding-top: 0px;
        flex: 0 0 100%;
        max-width: 625px;
        order: 2;
    }

    .legacy_content {
        flex: 0 0 100%;
        max-width: 100%;
        order: 1;
        padding: 0px 20px 0px 20px;
        margin-bottom: 40px;
    }

    .exploration_society_inner .title_block,
    .exploration_society_content p,
    .legacy_title,
    .legacy_description h4,
    .legacy_description p:not(:last-child) {
        margin-bottom: 10px;
    }

    .legacy_description h4.author {
        margin-bottom: 20px;
    }

    .legacy_description .author::after {
        bottom: -5px;
    }

    .timeline_inner {
        padding: 40px 0px 40px 7px;
    }

    .timeline_inner::before {
        left: 7px;
    }

    .timeline_inner ul li {
        margin-bottom: 20px;
        padding-left: 30px;
    }

    .timeline_inner ul li::before {
        top: 5px;
    }

    .timeline_inner ul li::before {
        width: 15px;
        height: 15px;
        left: -7.5px;
    }

    /* archeology page css end */

    .club_inner .ic_title {
        margin-bottom: 20px;
    }

    .upcoming_events_blocks {
        grid-template-columns: 1fr 1fr;
    }

    .upcoming_events_blocks .event_card:not(:hover) .event_content .event_dec {
        opacity: 1;
        max-height: 100%;
    }

    .membership_dec_content.ic_content_block,
    .membership_des_cards.ic_card_block {
        flex: 0 0 100%;
        max-width: 100%;
    }

    .membership_dec_content.ic_content_block {
        padding-right: 0;
        order: 1;
        margin-bottom: 30px;
    }

    .membership_des_cards.ic_card_block {
        order: 2;
    }

    .membership_dec_content .ic_title,
    .membership_dec_content .ic_description {
        max-width: 100%;
    }

    .membership_des_cards .ic_card_inner {
        grid-template-columns: 1fr 1fr;
    }

    .contact_form,
    .contact_detail_block {
        flex: 0 0 100%;
        max-width: 100%;
    }

    .contact_form {
        padding: 0;
        margin-bottom: 40px;
    }

    .contact_detail_block {
        padding: 40px 0 0;
        border-left: none;
        border-top: 1px solid #DEDEDE;
    }

    .contact_details p strong {
        font-size: 18px;
    }

    .gallery_filter_slider a.filter_btn {
        padding: 13px 24px 13px;
    }

    .gallery_filter_slider .swiper-icon {
        width: 42px;
        height: 42px;
    }

    .gallery_filter_slider .swiper-icon img {
        width: 18px;
    }

    .gallery_filter_slider .swiper-button-prev::before,
    .gallery_filter_slider .swiper-button-next::before {
        width: 62px;
        height: 62px;
    }

    .gallery_section.main_gallery_section .gallery_blocks .gallery_block .gallery_block_inner {
        border-radius: 15px;
    }

    .form_row label {
        font-size: 16px;
        line-height: 1.4;
    }

    .attach_file_text p,
    .attach_file_btn p {
        font-size: 16px;
    }

    /* testimonial */

    .testimonials-sec .title_block h2 {
        margin-bottom: 10px;
    }

    /* .testimonials-list {
        margin: 0 -10px;
        padding-right: 10px;
    } */

    /* .testimonials-items {
        flex: 0 0 50%;
        max-width: 50%;
        padding: 0 10px;
    } */
    .testimonials-list.testimonial_slider {
        padding: 32px 12px 32px 12px;
    }

    .testimonials-inner {
        padding: 30px 20px 20px;
    }

    .testimonials-icon {
        width: 60px;
        height: 60px;
        top: -30px;
        right: -10px;
    }

    .testimonials-icon img {
        width: 20px;
    }

    .testimonials-img {
        flex: 0 0 60px;
        max-width: 60px;
    }

    .testimonials-img-inner {
        width: 60px;
        height: 60px;
        padding: 8px;
    }

    .testimonials-img-inner::after {
        width: 60px;
        height: 60px;
    }

    .testimonials-title {
        flex: 0 0 calc(100% - 60px);
        max-width: calc(100% - 60px);
    }

    .event-category {
        font-size: 20px;
    }

    .event-category span {
        font-size: 14px;
    }

    .event-card .event-image {
        flex: 0 0 40%;
        max-width: 40%;
    }

    .event-card .event-content {
        flex: 0 0 60%;
        max-width: 60%;
    }

    .event-content h2.event-title {
        font-size: 24px;
    }

    .events-list {
        row-gap: 40px;
    }

    .event-date {
        width: 64px;
        height: 60px;
    }

    .event-day {
        font-size: 24px;
    }

    .event-month {
        font-size: 10px;
    }

    .event-category {
        padding-left: 10px;
    }

    .event-category span {
        padding-left: 20px;
    }

    .event-category span::after {
        left: 8px;
        width: 5px;
        height: 5px;
    }

    .event-venue {
        font-size: 16px;
    }

    .programmes_listing .card-panel {
        padding: 20px;
    }

    .programmes_inner {
        gap: 20px;
    }

    .member_area_section .title_block h2 {
        margin-bottom: 10px;
    }

    .member_area_content {
        flex: 0 0 100%;
        max-width: 100%;
    }

    .member_area_card .ic_card_inner {
        grid-template-columns: 1fr 1fr;
    }

    .member_area_form {
        flex: 0 0 100%;
        max-width: 100%;
    }

    .form_wrapper .um .um-form label,
    .form_wrapper .um .um-form .um-col-alt-b a,
    .form_wrapper .um .um-form input[type=submit].um-button,
    .form_wrapper .um .um-form input[type=text],
    .form_wrapper .um .um-form input[type=number],
    .form_wrapper .um .um-form input[type=tel],
    .form_wrapper .um .um-form input[type=password],
    .form_wrapper .um .um-form input[type=search] {
        font-size: 16px !important;
    }

    .form_box_icon {
        flex: 0 0 52px;
        max-width: 52px;
        height: 52px;
    }

    .form_box_text {
        flex: 0 0 calc(100% - 52px);
        max-width: calc(100% - 52px);
    }

    .form_box_icon img {
        width: 15px;
    }

    .card_icon {
        border-radius: 10px;
    }

    .bottom_top_btn button {
        bottom: 20px;
        right: 20px;
        width: 36px;
        height: 36px;
    }

    .bottom_top_btn button img {
        width: 15px;
    }

    .back_section .title_block h2 {
        margin-bottom: 5px;
    }

    .activity_meetings_part {
        grid-template-columns: 1fr;
    }

    .table_responsive {
        width: 100%;
        overflow-y: hidden;
        overflow-x: auto;
    }

    table.table td,
    table.table th {
        padding: 12px 20px;
        white-space: nowrap;
    }

    .back_section .title_block,
    .journal_table_section .title_block {
        margin-bottom: 20px;
    }

    .activity_meetings_part {
        margin-top: 20px;
    }

    .journal_subheader {
        padding: 20px;
    }

    .upcoming_meetings_item .meeting_date .day {
        font-size: 24px;
    }

    .upcoming_meetings_item .meeting_date .month {
        font-size: 14px;
        line-height: 1.2;
    }

    .upcoming_meetings_item .meeting_details {
        padding-left: 20px;
    }

    table.table th {
        font-size: 18px;
    }

    .journal_classification .badge {
        font-size: 16px;
    }

    .journal_image img {
        width: 50px;
        height: 65px;
        padding: 2px;
    }

    .events-header {
        align-items: flex-start;
        flex-direction: column;
        gap: 16px;
    }

    .events-controls {
        justify-content: space-between;
        width: 100%;
    }

    h3.events-title {
        padding-right: 0px;
    }

    li.tribe-events-meta-item {
        font-size: 16px;
        line-height: 1.4;
    }

    .weather_data_blocks,
    .weather_graphs_blocks,
    .weather_tables_blocks {
        grid-template-columns: repeat(1, 1fr);
    }
}

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

    /* global font size */

    /* h1 {
        font-size: 36px;
    } */

    h2 {
        font-size: 28px;
    }

    h3 {
        font-size: 22px;
    }

    h4 {
        font-size: 18px;
    }

    /* global font size end*/
    /* header start */
    header .nav-wrap nav {
        width: 100%;
        right: -100%;
    }

    header .nav-wrap li.menu-item.services-mega-menu ul.sub-menu .mega-menu-wrap .mega-menu-links {
        grid-template-columns: 1fr 1fr;
    }

    /* header end */
    /* banner start*/
    .hero_banner_section .swiper-pagination.swiper-pagination-bullets {
        bottom: 150px;
    }

    .slider_content {
        padding: 145px 0 210px;
    }

    .slider_content h1 {
        margin-bottom: 15px;
    }

    .slider_content p {
        font-size: 16px;
        line-height: 1.4;
        margin-bottom: 30px;
        -webkit-line-clamp: 5;
    }

    .supported_block {
        bottom: 30px;
    }

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

    .supported_block img {
        max-height: 48px;
    }

    /* banner end */
    /* footer start */
    .company_details .footer_content p,
    ul.footer_nav li.menu-item a,
    .contact_detail a,
    .contact_detail p {
        font-size: 16px;
    }

    .copyrights {
        padding: 10px 0;
    }

    .copyrights p,
    .copyrights p a {
        font-size: 14px;
    }

    /* footer end */

    .inner_page_banner_block .download_btn {
        margin-top: 20px;
    }

    /* multiblock slider start */
    .multiblock_slider_blocks {
        padding: 0px 0 30px 0;
    }

    .multiblock_slider_blocks .swiper-button-next,
    .multiblock_slider_blocks .swiper-button-prev {
        display: none;
    }

    .multiblock_slider_blocks .swiper-pagination {
        bottom: 0px;
        display: flex;
        justify-content: center;
    }

    .multiblock_slider_blocks .swiper-pagination span.swiper-pagination-bullet {
        width: 20px;
        height: 3px;
        border-radius: 20px;
        background-color: var(--primary);
    }

    .multiblock_slider_blocks .swiper-pagination span.swiper-pagination-bullet.swiper-pagination-bullet-active {
        background-color: var(--primary);
    }

    /* multiblock slider end */

    .ic_img_block,
    .botany_img.ic_img_block,
    .ic_mb_img,
    .club_section .ic_img_block {
        margin-bottom: 20px;
    }

    .ic_mb_blocks {
        gap: 40px;
    }

    .archaeology_section {
        padding: 60px 0 0;
    }

    .archaeology_content,
    .inner_page_archaeology .archaeology_content {
        padding: 0px;
        flex: 0 0 100%;
        max-width: 100%;
        margin-bottom: 40px;
    }

    .archaeology_description,
    .inner_page_archaeology .archaeology_description {
        max-width: 100%;
    }

    .archaeology_img {
        position: relative;
        width: 100vw;
        height: 430px;
        margin: 0 -20px;
    }

    .timeline_inner ul li::before {
        top: 3px;
    }

    .gallery_blocks .gallery_block:nth-child(6n + 1),
    .gallery_blocks .gallery_block:nth-child(6n + 2),
    .gallery_blocks .gallery_block:nth-child(6n + 3),
    .gallery_blocks .gallery_block:nth-child(6n + 4),
    .gallery_blocks .gallery_block:nth-child(6n + 5),
    .gallery_blocks .gallery_block:nth-child(6n + 6),
    .gallery_blocks .gallery_block:nth-child(6n + 4):nth-last-child(1),
    .gallery_blocks .gallery_block:nth-child(6n + 1):nth-last-child(2),
    .gallery_blocks .gallery_block:nth-child(6n + 2):nth-last-child(1),
    .gallery_blocks .gallery_block:nth-child(6n + 4):nth-last-child(2) {
        flex: 0 0 50%;
        max-width: 50%;
    }

    .gallery_img {
        padding-top: 220px;
    }

    .gallery_blocks .gallery_block:nth-child(6n + 1):nth-last-child(1) .gallery_img,
    .gallery_blocks .gallery_block:nth-child(6n + 4):nth-last-child(1) .gallery_img,
    .gallery_blocks .gallery_block:nth-child(6n + 1):nth-last-child(2) .gallery_img,
    .gallery_blocks .gallery_block:nth-child(6n + 2):nth-last-child(1) .gallery_img,
    .gallery_blocks .gallery_block:nth-child(6n + 4):nth-last-child(2) .gallery_img,
    .gallery_blocks .gallery_block:nth-child(6n + 5):nth-last-child(1) .gallery_img {
        padding-top: 220px;
    }

    .gallery_blocks .gallery_block:nth-child(6n + 1):nth-last-child(1),
    .gallery_blocks .gallery_block:nth-child(6n + 3):nth-last-child(1),
    .gallery_blocks .gallery_block:nth-child(6n + 5):nth-last-child(1) {
        flex: 0 0 100%;
        max-width: 100%;
    }

    .upcoming_events_blocks .event_meta {
        align-items: flex-start;
        gap: 5px;
        flex-direction: column;
    }

    .upcoming_events_blocks .event_image_wrap {
        padding-top: 400px;
    }

    .instagram_feed_blocks main.ti-widget-body {
        padding: 0 45px !important;
    }

    .instagram_feed_blocks .ti-arrow-prev,
    .instagram_feed_blocks .ti-arrow-next {
        width: 36px;
        height: 36px !important;
    }

    .instagram_feed_blocks .ti-widget[data-wkey="feed-instagram"] .ti-nav-arrow .ti-arrow-next:after,
    .instagram_feed_blocks .ti-widget[data-wkey="feed-instagram"] .ti-nav-arrow .ti-arrow-prev:after {
        width: 16px !important;
        height: 12px !important;
    }

    .membership_des_cards .ic_card_inner,
    .apply_renew_cards .ic_card_inner {
        grid-template-columns: 1fr;
        gap: 10px;
    }

    .find_us_content .card .card_inner {
        padding: 20px 16px;
    }

    .find_us_blocks {
        row-gap: 20px;
    }

    .gallery_filter_slider .swiper-icon {
        width: 40px;
        height: 40px;
    }

    .gallery_filter_slider .swiper-icon img {
        width: 16px;
    }

    .gallery_filter_slider .swiper-button-prev::before,
    .gallery_filter_slider .swiper-button-next::before {
        width: 60px;
        height: 60px;
    }

    .event-card,
    .programmes_inner {
        gap: 20px;
    }

    .event-card .event-image,
    .programmes_listing,
    .connect_with_us {
        flex: 0 0 100%;
        max-width: 100%;
    }

    .event-card .event-content {
        flex: 0 0 100%;
        max-width: 100%;
        padding-left: 0;
    }

    .event-image-inner {
        padding-top: 280px;
    }

    .events-header {
        align-items: flex-start;
        flex-direction: column;
        gap: 20px;
    }

    .events-controls {
        margin-left: 0;
    }

    .member_area_card .ic_card_inner {
        grid-template-columns: 1fr;
    }

    .member_area_form {
        padding: 20px;
    }

    .upcoming_meetings_inner {
        padding: 20px;
    }

    .upcoming_meetings_item .meeting_date {
        flex-direction: row;
        align-items: flex-start;
        gap: 5px;
        flex: 0 0 100%;
        max-width: 100%;
    }

    .upcoming_meetings_item .meeting_date .month {
        font-size: 16px;
        line-height: 1.2;
        font-weight: 500;
        order: 2;
    }

    .upcoming_meetings_item .meeting_date .day {
        font-size: 18px;
        line-height: 1.2;
        order: 1;
    }

    .upcoming_meetings_item .meeting_details {
        padding-left: 0;
    }

    .upcoming_meetings_item {
        padding: 12px 14px;
        gap: 5px;
        border-left: 4px solid var(--text);
    }

    table.table th,
    .upcoming_meetings_item .meeting_details h5,
    .journal_title h5 {
        font-size: 16px;
    }

    .journal_title span {
        font-size: 12px;
    }

    .journal_action a img {
        width: 20px;
        height: 20px;
    }

    .journal_subheader h3 {
        padding-right: 0;
        flex: 0 0 100%;
        max-width: 100%;
        margin-bottom: 10px;
    }

    .journal_search {
        flex: 0 0 100%;
        max-width: 100%;
    }

    .journal_search input {
        max-width: 100%;
    }

    table.table td,
    table.table th {
        padding: 12px 12px;
    }

    input.events-search {
        max-width: 180px;
    }

    .events-filters button.filter-btn {
        padding: 12px 25px;
    }

    .events-filters {
        gap: 10px;
    }

    .inner_page_banner_img {
        overflow: hidden;
    }

    .tribe-events-meta-group.tribe-events-meta-group-details {
        order: 1;
    }

    .tribe-events-meta-group.tribe-events-meta-group-venue {
        order: 2 !important;
    }

    .tribe-events-meta-group.tribe-events-meta-group-gmap {
        order: 3;
        grid-column: span 2 / span 2;
    }

    .tribe-events.tribe-common,
    p.tribe-events-back {
        flex: 0 0 100%;
        max-width: 100%;
        text-align: left;
    }

    .tribe-events-single .tribe-events-sub-nav {
        flex-direction: column;
    }

    .tribe-events-single .tribe-events-sub-nav .tribe-events-nav-previous {
        text-align: left;
    }

    .tribe-events-single .tribe-events-sub-nav .tribe-events-nav-next {
        text-align: right;
    }

    .tribe-events-single-section.tribe-events-event-meta.primary.tribe-clearfix {
        padding-right: 0px;
        margin-bottom: 30px;
        padding-top: 0;
    }

    .tribe-events-single-section.tribe-events-event-meta.primary.tribe-clearfix {
        flex: 0 0 100%;
        max-width: 100%;
        gap: 20px;
        grid-template-columns: repeat(2, 1fr);
    }

    .featured_image_wrap {
        flex: 0 0 100%;
        max-width: 100%;
        padding-top: 450px;
    }

    .multiple_btns_inner {
        gap: 20px;
    }
}

@media only screen and (max-width: 576px) {

    /* global CSS */

    .btn_primary,
    .btn_secondary {
        padding: 10px 46px 10px 12px;
    }

    .btn_primary:hover,
    .btn_secondary:hover {
        padding: 10px 52px 10px 18px;
    }

    .multiple_btns_inner .btn_secondary:hover,
    .multiple_btns_inner .btn_primary:hover {
        padding: 10px 46px 10px 12px;
    }

    .btn_arrow {
        width: 28px;
        height: 28px;
    }

    .btn_arrow img {
        width: 14px;
    }

    /* global CSS end*/
    /* header start */
    .main-logo .logo img {
        width: 65px;
    }

    header .nav-wrap,
    header .nav-wrap .contect-wrap {
        gap: 20px;
    }

    header .nav-wrap li.menu-item.services-mega-menu ul.sub-menu .mega-menu-wrap .mega-menu-links {
        grid-template-columns: 1fr;
    }

    header .nav-wrap ul.nav-links li.menu-item a {
        font-size: 16px;
    }

    header .nav-wrap .main-nav ul.nav-links {
        gap: 20px;
    }

    /* header end */
    /* banner start */

    .slider_content {
        padding: 120px 0 210px;
    }

    /* banner end */
    /* footer start */

    .footer_logo a {
        width: 80px;
        height: 80px;
        padding: 8px;
    }

    .footer_wrap .footer_contact,
    .footer_wrap .footer_menu,
    .footer_wrap .footer_sections {
        flex: 0 0 100%;
        max-width: 100%;
    }

    /* footer end */

    .ic_img_secondary {
        padding-top: 150px;
        border: 5px solid #fff;
        max-width: 175px;
    }

    .about_img.ic_img_block,
    .discovery_img.ic_img_block {
        padding-right: 40px;
        padding-bottom: 60px;
    }

    .about_section,
    .about_section.inner_page_about,
    .discovery_section,
    .botany_section,
    .astrophotography_section,
    .archaeology_history_section,
    .exploration_society_section,
    .exploration_section.inner_page_exploration_section,
    .timeline_section,
    .journal_section,
    .club_section,
    .instagram_feed_section,
    .apply_renew_section,
    .membership_dec_section,
    .contact_info_section,
    .find_us_section,
    .gallery_section.main_gallery_section,
    .photography_section,
    .membership_dec_section,
    .apply_renew_section,
    .testimonials-sec,
    .news_listing_section,
    .programmes_listing_section,
    .member_area_section,
    .upcoming_events_section,
    .weather_data_section,
    .weather_tables_section,
    .weather_graphs_section {
        padding: 40px 0 40px;
    }

    .parking_section {
        padding: 40px 0px;
    }

    .back_section {
        padding: 40px 0px 20px;
    }

    .journal_table_section {
        padding: 20px 0px 40px;
    }

    .gallery_section {
        padding: 40px 0px;
    }

    .gallery_section .more_btn {
        margin-top: 20px;
    }

    .archaeology_content,
    .inner_page_archaeology .archaeology_content {
        margin-bottom: 30px;
    }

    .gallery_img {
        padding-top: 150px;
    }

    .gallery_blocks .gallery_block:nth-child(6n + 1):nth-last-child(1) .gallery_img,
    .gallery_blocks .gallery_block:nth-child(6n + 4):nth-last-child(1) .gallery_img,
    .gallery_blocks .gallery_block:nth-child(6n + 1):nth-last-child(2) .gallery_img,
    .gallery_blocks .gallery_block:nth-child(6n + 2):nth-last-child(1) .gallery_img,
    .gallery_blocks .gallery_block:nth-child(6n + 4):nth-last-child(2) .gallery_img,
    .gallery_blocks .gallery_block:nth-child(6n + 5):nth-last-child(1) .gallery_img {
        padding-top: 150px;
    }

    .timeline_inner ul li {
        padding-left: 20px;
    }

    .timeline_inner {
        padding: 20px 0px 20px 7px;
    }

    .journal_blocks {
        grid-template-columns: 1fr 1fr;
        gap: 15px;
    }

    .upcoming_events_blocks {
        grid-template-columns: 1fr;
    }

    .contact_form {
        margin-bottom: 30px;
    }

    .contact_details h3,
    .contact_details p {
        margin-bottom: 10px;
    }

    .contact_details .contact_info {
        gap: 10px;
    }

    .key_contacts ul li {
        margin-bottom: 10px;
    }

    .find_us_blocks {
        margin: 0px;
    }

    .find_us_content {
        padding: 0px;
    }

    .find_us_img,
    .find_us_map {
        flex: 0 0 100%;
        max-width: 100%;
        padding: 0px;
    }

    .find_us_content .meeting_block,
    .find_us_content .meeting_time {
        flex: 0 0 100%;
        max-width: 100%;
    }

    .find_us_map {
        min-height: 360px;
    }

    .parking_cards .ic_card_inner {
        grid-template-columns: 1fr;
        gap: 10px;
    }

    .submit_btn::after,
    p.tribe-events-back a::after {
        width: 28px;
        height: 28px;
        background-size: 14px;
    }

    input.wpcf7-submit {
        font-size: 16px;
        padding: 10px 46px 10px 12px;
    }

    p.tribe-events-back a {
        padding: 10px 12px 10px 46px;
    }

    p.tribe-events-back a::before {
        font-size: 16px;
    }

    .submit_btn:hover input.wpcf7-submit {
        padding: 10px 52px 10px 18px;
    }

    .form_col_6 {
        flex: 0 0 100%;
        max-width: 100%;
    }

    /* testimonials */

    /* .testimonials-list {
        margin: 0px;
    } */

    /* .testimonials-items {
        flex: 0 0 100%;
        max-width: 100%;
        padding: 0px;
    } */

    .form_wrapper .um .um-form input[type=text],
    .form_wrapper .um .um-form input[type=number],
    .form_wrapper .um .um-form input[type=tel],
    .form_wrapper .um .um-form input[type=password],
    .form_wrapper .um .um-form input[type=search] {
        height: 45px !important;
    }

    .form_wrapper .um .um-form input[type=submit].um-button {
        min-height: 45px !important;
    }

    .journal_image img {
        width: 40px;
        height: 50px;
    }

    .events-controls {
        flex-direction: column;
    }

    input.events-search {
        max-width: 100%;
    }

    .events-filters .day-picker-popup {
        left: 50%;
        translate: -50% 0;
        right: auto;
    }

    .symbolright .bg_symbol {
        top: auto;
        bottom: 0;
        right: -16vw;
    }

    .symbolleft .bg_symbol {
        top: auto;
        bottom: 0;
        left: -16vw;
    }

    .featured_image_wrap {
        padding-top: 350px;
    }

    .tribe-events-single-section.tribe-events-event-meta.primary.tribe-clearfix {
        grid-template-columns: 1fr;
    }

    .tribe-events-meta-group.tribe-events-meta-group-gmap {
        grid-column: auto;
    }

    .weather_graphs_block,
    .weather_tables_block {
        overflow: scroll hidden;
    }

    .weather_graphs_block::-webkit-scrollbar,
    .weather_tables_block::-webkit-scrollbar {
        display: none;
    }

    .weather_graphs_block iframe {
        width: 418px;
    }

    .weather_tables_block:first-child iframe {
        width: 356px;
    }

    .weather_data_block h4 {
        top: 28px;
    }

    .weather_data_block,
    .weather_graphs_block,
    .weather_tables_block {
        padding: 15px;
    }

    .multiple_btns {
        padding: 20px 0;
    }

    .multiple_btns_inner {
        gap: 10px;
    }

    .ssm_modal {
        padding: 20px;
    }

    .ssm_modal_inner h4 {
        font-size: 20px;
    }

    button.ssm-option {
        padding: 8px 15px;
        font-size: 16px;
        letter-spacing: 0.5px;
    }
}