* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

@font-face {
    font-family: 'Onest';
    src: url(/assets/fonts/Onest-VariableFont_wght.ttf);
}

:root {
    --main-color-yellow: #FFCC0C;
    --main-color-red: #DC2328;
    --main-color-green: #13ae8c;
    --main-color-blue: #109ad0;
    --main-color-purple: #28387e;
    --main-color-black: #221F1F;
    --m-color-backgrond: #F8F8F8;
    --main-text-color: #555555;
    --main-bg-contact: #171717;

    --main-bg-newsletter: #EBEDF8;
    --main-form-input: #A5A5A5;
    --main-form-backg: #313131;
    --main-text-white: #ffffff;
    --main-dark-color: #000000;
    --dark-section-p: #D4D4D4;
    --dark-header: #1B1B1B;
}

html {
    scroll-behavior: smooth;
    font-family: 'Onest';
}

.dark {
    --dark-text-color: #ffffff;
    --dark-background: #0D0D0D;
    --dark-text-p: #D0D0D0;
    --dark-link-moore: #0BAE8C;
    --dark-bg-ls-news: rgba(27, 27, 27, 0.6);
	
    background: linear-gradient(135deg, #0D99CE -200%, #0D0D0D 50%, #293780 200%);
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed;
    height: 100vh;
    margin: 0;
    padding: 0;
}

body {
    color: var(--main-text-color);
    background: var(--m-color-backgrond);
}

/* ----- dark mode code ---- */
.white-logo {
    display: none;
}

.dark .white-logo {
    display: block;
}

.dark .dark-logo {
    display: none;
}

.button-dark-mode {
    position: fixed;
    top: 100px;
    right: 20px;
    z-index: 20;
}

.dark-mode {
    position: relative;
    padding: 0;
}

.custom-checkbox {
    opacity: 0;
    position: absolute;
}

.custom-checkbox-label {
    background-color: #111;
    width: 50px;
    height: 26px;
    border-radius: 50px;
    position: relative;
    padding: 5px;
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.fa-moon {
    color: #f1c40f;
}

.fa-sun {
    color: #f39c12;
}

.custom-checkbox-label .custom-ball {
    background-color: #fff;
    width: 22px;
    height: 22px;
    position: absolute;
    left: 2px;
    top: 2px;
    border-radius: 50%;
    transition: transform 0.2s linear;
}

.custom-checkbox:checked + .custom-checkbox-label .custom-ball {
    transform: translateX(24px);
}

.dark .custom-checkbox-label {
    background-color: #333;
}

.dark .fa-moon {
    color: #fff;
}

.dark .fa-sun {
    color: #ffd700;
}

/* -------------------------- */
a {
    color: var(--main-color-black);
    text-decoration: none;
}

button,
input[type="submit"],
input[type="reset"],
input[type="button"] {
    background-color: var(--main-color-purple);
}

button:hover,
input[type="submit"]:hover,
input[type="reset"]:hover,
input[type="button"]:hover {
    background-color: var(--main-color-blue);
}

ol, ul {
    list-style: none;
}

h1, h2, h3, h4, h5, h6 {
    color: var(--main-color-black);
}

.container {
    width: 95%;
    max-width: 1200px;
    margin: 0 auto;
}

section h1 {
    font-family: 'Onest';
    font-weight: 700;
    font-size: 36px;
    line-height: 46px;
    color: var(--main-color-black);
}

.dark section h1 {
    color: var(--dark-text-color);
}

section h2 {
    font-family: 'Onest';
    font-weight: 700;
    font-size: 20px;
    line-height: 25px;
    color: var(--main-text-white);
}

section p {
    font-family: 'Onest';
    font-weight: 400;
    font-size: 16px;
    line-height: 22px;
    color: var(--main-text-color);
}

.dark section p {
    color: var(--main-text-white);
}

.page-title h1 {
    font-family: 'Onest';
    font-weight: 700;
    font-size: 4em;
    line-height: 82px;
    color: var(--main-dark-color);
}

/* -----------------------------------------
          Pagination style
------------------------------------------- */

.pagination ul {
    display: flex;
    justify-content: center;
    margin: 50px 0;
    gap: 15px;
}

.pagination li a {
    color: var(--main-color-blue);
    border: 2px solid var(--main-color-blue);
    border-radius: 50%;
    font-size: 20px;
    font-family: 'Onest';
    transition: background-color .3s;
    width: 45px;
    height: 45px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.dark .pagination li a {
    border: 2px solid var(--main-color-green);
    color: var(--dark-link-moore);
}

.dark .pagination a.active {
    background: var(--dark-link-moore);
    color: var(--main-text-white);
}

.dark .pagination a:hover:not(.active) {
    background: var(--main-color-green);
}

.pagination a.active {
    background: var(--main-color-blue);
    color: var(--main-text-white);
}

.pagination a:hover:not(.active) {
    background: var(--main-color-blue);
    color: var(--main-text-white);
}

/* -----------------------------------------
        tap to top
  ---------------------------------------- */
.tap-to-top {
    visibility: hidden;
    opacity: 0;
    position: fixed;
    bottom: 20px;
    right: 30px;
    z-index: 99999;
    font-size: 0px;
    border: none;
    outline: none;
    border: 2px solid var(--main-color-purple);
    fill: none;
    cursor: pointer;
    padding: 15px;
    border-radius: 50%;
    transition: 0.3s ease-in-out;
}

.tap-to-top.show-top {
    transition: 0.3s ease-in-out;
    visibility: visible;
    opacity: 1;
}

.dark .tap-to-top {
    border: 2px solid #f8f8f8;
}

.tap-to-top svg {
    width: 20px;
    height: 20px;
    transition: stroke 0.3s ease;
    stroke: var(--main-color-purple);
}

.dark .tap-to-top svg {
    stroke: var(--m-color-backgrond);
}

.tap-to-top:hover {
    border: 2px solid #0BAE8C;
    margin-bottom: 5px;
}

.tap-to-top:hover svg {
    stroke: #0BAE8C;
}

/* -----------------------------------------
          share links
  ---------------------------------------- */
.news-single-socials .footer-socials a {
    transition: 0.3s;
}

.news-single-socials .footer-socials a:hover {
    transform: rotate(360deg);
}

.news-single-socials .footer-socials svg {
    fill: var(--dark-text-color);
    width: 24px;
}

/* -----------------------------------------
          banner homme page
  ---------------------------------------- */
.hero-slider {
    width: 100%;
    overflow: hidden;
    position: relative;
    height: 100vh;
    background: #000;
}

.hero-slide {
    position: absolute;
    width: 100%;
    height: 100%;
    transition: visibility 0s, opacity 1s ease;
}

.banner-home-page {
    position: absolute;
    width: 100%;
    height: 100%;
}

.banner-home-page img {
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.banner-overlay {
    position: absolute;
    background: #00000070;
    width: 100%;
    height: 100%;
    z-index: 10;
    display: flex;
}

.hero-slide > img {
    position: absolute;
    width: 102%;
    height: 102%;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    object-fit: cover;
    filter: blur(5px);
}

.home-banner-caption {
    display: grid;
    grid-template-columns: 50% auto;
    align-items: center;
    gap: 50px;
    justify-content: space-between;
}

.homme-banner-content h2 {
    color: #E0FFF9;
    font-family: 'Onest';
    font-weight: 700;
    font-size: 36px;
    line-height: 46px;
}

.homme-banner-content h1 {
    margin: 20px 0;
    font-family: 'Onest';
    font-weight: 700;
    font-size: 58px;
    line-height: 74px;
    color: var(--main-text-white);
}

.homme-banner-content p {
    font-family: 'Onest';
    font-weight: 400;
    font-size: 16px;
    line-height: 26px;
    color: var(--main-text-white);
}

.home-banner-thumb {
    width: 500px;
    height: 500px;
}

.home-banner-thumb img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    position: relative;
    animation: slideFromRight 1s ease-out;
}

@keyframes slideFromRight {
    from {
        left: 100%;
    }
    to {
        left: 0;
    }
}

.banner-button {
    display: inline-block;
    padding: 15px 80px;
    margin-top: 50px;
    background: #0BAE8C;
    border-radius: 0px 20px 20px 20px;
    font-family: 'Onest';
    font-weight: 700;
    font-size: 20px;
    line-height: 33px;
    color: var(--main-text-white);
    transition: 0.3s;
}

.banner-button:hover {
    background: var(--main-color-blue);
}

/* --------------------------- */

.hero-slide-nav-left,
.hero-slide-nav-right {
    cursor: pointer;
    width: auto;
    color: #fff;
    font-weight: bold;
    font-size: 16px;
    transition: 0.3s ease;
    border-radius: 0 3px 3px 0;
    background: none;
    border: none;
    display: flex;
    align-items: center;
}

.hero-slide-nav-left {
    margin-right: 10px;
}

.hero-slide-nav-right {
    margin-left: 10px;
}

.slides-position {
    position: absolute;
    display: flex;
    align-items: center;
    gap: 10px;
    z-index: 10;
    bottom: 100px;
    left: 50%;
    transform: translateX(-50%);
}

.slides-position button:hover {
    background: none;
}

.hero-slide-nav-left svg:hover {
    color: #0056b3;
    fill: #0BAE8C;
}

.slider-position-dot {
    cursor: pointer;
    width: 25px;
    height: 25px;
    border-radius: 50%;
    border: 1px solid #FFFFFF;
    display: inline-block;
    transition: 0.3s ease;
}

.slider-dot-active, .slider-position-dot:hover {
    background: var(--main-color-green);
    border: none;
}

.slide-fade {
    transition: 1.5s ease-in-out;
}

@-webkit-keyframes slide-fade {
    from {
        opacity: .4
    }
    to {
        opacity: 1;
    }
}

@keyframes slide-fade {
    from {
        opacity: .4;
    }
    to {
        opacity: 1;
    }
}

/* ---------------------------------------
           home pages styles
----------------------------------------- */

.header {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 30;
    background: var(--m-color-backgrond);
    transition: 0.3s;
    color: #FFFFFF;
}

.dark .header {
    background: var(--dark-header);
}

.header .header-inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 95%;
    max-width: 1200px;
    margin: auto;
}

.header .logo img {
    vertical-align: middle;
    width: 170px;
    object-fit: contain;
}

.header .menu .head {
    display: none;
}

.header .menu ul {
    list-style: none;
    padding: 10px;
}

.header .menu > ul {
    list-style: none;
    display: flex;
    gap: 20px;
    align-items: center;
}

.header .menu > ul > li {
    display: inline-block;
}

.header .menu .dropdown {
    position: relative;
    display: flex;
    align-items: center;
    gap: 5px;
}

.header .menu a {
    text-decoration: none;
    display: block;
    font-family: 'Onest';
    font-weight: 400;
    font-size: 14px;
    line-height: 1.5;
    color: #221F1F;
    padding: 10px 0;
    transition: 0.3s ease-in-out;
}

.dark .header .menu a {
    color: var(--dark-text-color);
}

.header .menu > ul > li > a {
    padding: 10px 0;
}

.header .menu i {
    font-size: 10px;
    pointer-events: none;
    user-select: none;
    color: #221F1F;
}

.dark .header .menu i {
    color: var(--dark-text-color);
}

.header .menu > ul > li > i {
    right: 0;
}

.header .menu .sub-menu {
    position: absolute;
    top: 100%;
    left: 0;
    width: max-content;
    background: var(--m-color-backgrond);
    border-radius: 0 10px 10px 10px;
    z-index: 1;
    transform-origin: top;
    transform: scaleY(0);
    visibility: hidden;
    opacity: 0;
}

.dark .header .menu .sub-menu {
    background: var(--dark-header);
}

.header .menu .sub-menu li {
    justify-content: space-between;
}

.header .menu .sub-menu-right {
    left: 100%;
    top: 0;
}

.header .menu .sub-menu-left {
    top: 0;
    left: auto;
    right: 100%;
}

.header .menu li:hover > .sub-menu {
    opacity: 1;
    transform: none;
    visibility: visible;
    transition: all 0.5s ease;
}

.header .menu a:hover {
    color: var(--main-color-green);
}

.menu a {
    color: #FFFFFF;
    text-decoration: none;
}

.header .menu .sub-menu span {
    background-image: linear-gradient(hsl(189, 92%, 24%), hsl(0, 0%, 100%));
    background-size: 0 1px;
    background-repeat: no-repeat;
    background-position: 0 100%;
    transition: background-size 0.5s ease;
    transition: 0.3s ease-in-out;
}

.header .menu .sub-menu i {
    transform: rotate(-90deg);
    right: 24px;
}

.header .menu .sub-menu li:hover > a > span {
    background-size: 100% 1px;
    color: var(--main-color-green);
}

.header .menu .sub-menu i {
    transform: rotate(-90deg);
    right: 24px;
}

.nav-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 5px;
}

.dropdown .nav-row {
    width: 100%;
}

.header-right {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.header-right > * {
    margin-left: 20px;
}

.header-right .icon-btn {
    background-color: transparent;
    border: none;
    cursor: pointer;
    color: var(--main-color-black);
    font-size: 16px;
}

.header-right .open-menu-btn {
    display: none;
}

.login-block {
    display: none;
}

/* -------------- language selector ------------- */
.lang-menu, .header-right {
    font-family: 'Onest';
    font-weight: 400;
    font-size: 16px;
    color: var(--main-bg-contact);
}

.dark .lang-menu, .header-right {
    color: var(--dark-text-color);
}

.lang-menu {
    display: flex;
    align-items: center;
    width: max-content;
    text-align: right;
    position: relative;
}

.lang-menu .selected-language {
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: space-between;
    line-height: 2;
}

.selected-language img {
    display: none;
    width: 25px;
    height: 25px;
    object-fit: contain;
    margin-right: 5px;
}

.lang-menu ul {
    display: none;
    background-color: var(--m-color-backgrond);
    position: absolute;
    top: 30px;
    right: 0px;
    border-radius: 5px;
}

.dark .lang-menu ul {
    background: var(--dark-header);
}

.lang-menu ul li {
    list-style: none;
    text-align: left;
    display: flex;
    justify-content: space-between;
}

.lang-menu ul li a {
    text-decoration: none;
    padding: 5px 10px;
    display: flex;
    align-items: center;
}

.dark .lang-menu ul li a {
    color: var(--dark-text-color);
}

.lang-menu ul li:hover {
    background-color: #f2f2f2;
    border-radius: 5px;
}

.dark .lang-menu ul li:hover {
    background: var(--dark-link-moore);
}

.lang-menu ul li a::before {
    content: '';
    display: inline-block;
    margin-top: 10px;
    position: relative;
}

.lang-menu ul li img {
    display: none;
    width: 32px;
    height: 32px;
    object-fit: contain;
    margin-left: 5px;
}

.lang-menu:hover ul {
    display: block;
}

/* ------------------------------------------------
          Last news content index page
  ------------------------------------------------ */

.last-news {
    display: block;
    position: relative;
}

.lst-news-cards {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 20px;
}

.lst-news-cards .last-card:last-child {
    display: none;
}

.last-card {
    background: var(--m-color-backgrond);
}

.dark .last-card {
    background: var(--dark-bg-ls-news);
}

.overlay-lst-news {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 2;
}

.last-card:hover .card-thumbnail img {
    transform: scale(1.05);
}

.card-thumbnail {
    position: relative;
    width: 100%;
    height: 240px;
    overflow: hidden;
}

.card-thumbnail img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: 0.3s;
}

.last-news {
    padding: 150px 0;
}

.card-content {
    margin: 30px 30px 70px;
}

.news-moore-info a {
    display: flex;
    gap: 10px;
    align-items: center;
    text-decoration: none;
    font-family: 'Onest';
    font-weight: 400;
    font-size: 16px;
    transition: 0.3s;
    color: var(--main-color-blue);
}

.last-card:hover .news-moore-info a {
    gap: 12px;
}

.news-moore-info a:hover {
    color: var(--main-color-green);
}

.dark .news-moore-info a {
    color: var(--dark-link-moore);
}

.dark .news-moore-info a:hover {
    color: var(--main-color-blue);
}

.dark .news-date i {
    color: var(--dark-text-color);
}

.dark .news-date span {
    color: var(--dark-text-color);
}

.card-thumbnail a {
    position: absolute;
    left: 30px;
    bottom: 20px;
    padding-right: 30px;
    font-size: 18px;
    font-weight: 700;
    color: var(--main-text-white);
}

.lst-news-cards {
    margin-top: 40px;
}

.gradient-overlay-lst-news {
    position: absolute;
    width: 100%;
    height: 150px;
    bottom: 0;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.9) 100%);
}

.card-content-dates {
  width: 100%;
  padding-right: 60px;
  position: absolute;
  display: flex;
  justify-content: space-between;
  align-items: center;
  bottom: 30px;
  flex-wrap: wrap;
}

.card-content-text p {
    font-family: 'Onest';
    font-weight: 400;
    font-size: 16px;
    line-height: 22px;
    color: var(--main-text-color);
}

.dark .card-content-text p {
    color: var(--dark-text-p);
}

.news-date {
    font-family: 'Onest';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 22px;
    display: block;
    align-items: center;
}

.news-date span {
    font-family: 'Onest';
    font-weight: 400;
    font-size: 16px;
    line-height: 22px;
    margin-left: 5px;
}

.last-card {
    position: relative;
    overflow: hidden;
    border-radius: 0px 30px 30px 30px;
}

.news-moore-info p {
    font-family: 'Onest';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 22px;
    color: #0D99CE;
    margin-right: 10px;
}


/* ------------------------------------------------
          Events content index page
  ------------------------------------------------ */
.coworking {
    display: none;
}

.events-container, .coworking-container {
    margin-bottom: 150px;
}

.cards-event-content {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
}

.event-container-2 {
    width: 100%;
    display: grid;
    grid-template-columns: 1fr 1fr;
	grid-template-rows: auto 1fr;
    gap: 20px;
}

.small-event-card-title {
	font-weight:700;
}

.dark .event-container-2 h3 {
    color: var(--main-text-white);
}

.events-container-initial p, .coworking-container-initial p {
    padding-top: 20px;
}

.cards-event-content {
    width: 100%;
    margin: 50px 0 40px 0;
}

/* ---------------- */
.event-card {
    border-radius: 0px 30px 30px 30px;
    background: var(--m-color-backgrond);
    overflow: hidden;
}

.dark .event-card {
    background: var(--dark-bg-ls-news);
}

.event-thumbnail {
    overflow: hidden;
    width: 100%;
    aspect-ratio: 16/9;
}

.event-thumbnail img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: 0.3s;
}

.event-card:hover .event-thumbnail img {
    transform: scale(1.05);
}

.category-list {
    display: flex;
    gap: 3px 15px;
    flex-wrap: wrap;
}

.event-container .category-list a {
    color: var(--main-color-blue);
}

.event-container {
    padding: 30px;
    font-family: 'Onest';
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.event-container > a {
    color: var(--main-color-black);
    font-size: 20px;
    font-weight: 700;
    line-height: normal;
}

.dark .event-container > a {
    color: var(--dark-text-color);
}

.event-container p {
    color: #555;
    font-size: 16px;
    line-height: 22px;
}

.dark .event-date p {
    color: var(--dark-text-color);
}

.event-icons {
    display: flex;
    align-items: center;
    font-family: 'Onest';
    justify-content: space-between;
}

.event-icons a {
    color: var(--main-color-blue);
    text-decoration: none;
    font-size: 16px;
    line-height: 22px;
    display: flex;
    align-items: center;
    gap: 10px;
}

.event-icons a:hover {
    color: var(--main-color-green);
}

.dark .event-icons a:hover {
    color: var(--main-color-blue);
}

.dark .event-icons a {
    color: var(--dark-link-moore);
    transition: 0.3s;
}

.event-icons a img {
    width: 20px;
}

.event-datetime {
    display: flex;
    gap: 30px;
}

.event-date {
    display: flex;
    gap: 10px;
    align-items: center;
}

.event-date i {
    font-size: 21px;
}

.dark .event-date i {
    color: var(--dark-text-color);
}

.event-date p {
    color: #000;
}

/* ----------------- */
.small-event-card {
    border-radius: 0px 20px 20px 20px;
    background: var(--m-color-backgrond);
    overflow: hidden;
}

.dark .small-event-card {
    background: var(--dark-bg-ls-news);
}

.small-event-thumbnail {
    overflow: hidden;
    width: 100%;
    aspect-ratio: 16/9;
}

.small-event-thumbnail img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: 0.3s;
}

.small-event-card:hover .small-event-thumbnail img {
    transform: scale(1.05);
}

.small-event-container {
    padding: 30px;
    font-family: 'Onest';
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.event-card-title {
    color: var(--main-dark-color);
    font-weight: 700;
}

.dark .event-card-title {
    color: var(--main-text-white);
}

.events-read-moore a {
    color: var(--main-color-black);
    font-size: 20px;
    font-weight: 700;
    line-height: normal;
}

.dark .events-read-moore a {
    color: var(--dark-text-color);
}

.small-event-container p {
    color: #555;
    font-size: 14px;
    line-height: 22px;
}

.small-event-icons {
    display: flex;
    align-items: center;
    font-family: 'Onest';
    justify-content: space-between;
}

.small-event-icons a i {
    display: flex;
    gap: 10px;
    font-size: 35px;
    color: var(--main-color-blue);
}

.small-event-icons a i:hover {
    color: var(--main-color-green);
}

.dark .small-event-icons a i:hover {
    color: var(--main-color-blue);
}

.dark .small-event-icons a i {
    color: var(--dark-link-moore);
    transition: 0.3s;
}

.events-read-moore {
    text-align: end;
}

.events-read-moore img, .events-read-moore i {
    width: 30%;
    font-size: 35px;
}

.small-event-datetime {
    display: flex;
    flex-direction: column;
}

.small-event-date {
    display: flex;
    gap: 10px;
    align-items: center;
}

.small-event-date p {
    color: #000;
}

.small-event-date i {
    font-size: 14px;
}

.dark .small-event-date i {
    color: var(--dark-text-color);
}

/* --------------------------------------
        Coworking index page
   -------------------------------------- */
.coworking-content {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 20px;
    margin-top: 40px;
}

.cw-card {
    border-radius: 0px 30px 30px 30px;
    background: var(--m-color-backgrond);
    overflow: hidden;
}

.coworking-content .cw-card:last-child {
    display: none;
}

.dark .cw-card {
    background: var(--dark-bg-ls-news);
}

.cw-card-data span, .cw-card-data p {
    color: var(--main-color-purple);
    font-family: 'Onest';
    font-weight: 400;
    font-size: 16px;
}

.dark .cw-card-data span, .dark .cw-card-data p {
    color: var(--main-text-white);
}

.cw-card-data-svg {
    display: flex;
    align-content: center;
    align-items: center;
    gap: 7px;
}

.cw-card-data-svg svg {
    display: block;
    width: 16px;
    height: 16px;
    fill: var(--main-color-purple);
}

.dark .cw-card-data-svg svg {
    fill: var(--main-text-white);
}

.cw-card-data-divider svg {
    width: 6px;
    height: 6px;
    fill: var(--main-color-purple);
    margin: 0 10px;
}

.dark .cw-card-data-divider svg {
    fill: var(--main-text-white);
}

.cw-card-data {
    display: flex;
    gap: 5px;
}

.cw-card-hr {
    border-top: 1px solid #0D99CE;
}

.cw-card-detail, .cv-card-details {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.cv-card-details p {
    font-size: 1.25em;
    color: var(--dark-background);
}

.cw-thumbnail {
    overflow: hidden;
    width: 100%;
    aspect-ratio: 16/9;
}

.cw-thumbnail img {
    width: 100%;
    height: 100%;
    transition: 0.3s;
    object-fit: cover;
}

.cw-card:hover img {
    transform: scale(1.05);
}

.cw-card-container {
    padding: 30px;
    display: flex;
    flex-direction: column;
    gap: 18px;
}

.cw-card-container h3 {
    color: var(--main-color-black);
    font-family: 'Onest';
    font-size: 20px;
    font-weight: 700;
    line-height: normal;
}

.dark .cw-card-container h3 {
    color: var(--dark-text-color);
}

.cw-card-container p {
    font-family: 'Onest';
}

.cw-card-data-svg p {
    margin: 0;
}

.cv-card-details a {
    text-decoration: none;
    display: block;
    padding: 10px 50px;
    text-align: center;
    border-radius: 0px 10px 10px 10px;
    background: var(--main-color-purple);
    color: #FFF;
    font-family: 'Onest';
    font-size: 16px;
    font-weight: 600;
    line-height: 22px;
    transition: 0.3s;
}

.cw-card-container a:hover, .dark .cw-card-container a:hover {
    background: var(--main-color-green);
}

.dark .cw-card-container a {
    background: var(--main-color-blue);
}

/* --------------------------------------------
          Terms & Conditions form index page
     ------------------------------------------- */
.term {
    padding: 150px 0 100px 0;
    color: var(--main-text-color);
}

.dark .term {
    color: var(--dark-text-color);
}

.dark .term h3 {
    color: var(--dark-text-color);
}

.term a {
    color: var(--main-color-blue);
}

.term a:hover {
    color: #0056b3;
}

.term h3 {
    font-size: 43px;
    font-family: 'Onest';
    line-height: 2;
}

.term p {
    font-size: 14px;
    line-height: 2;
}

/* --------------------------------------------
          Contact form index page
     ------------------------------------------- */
.team-member {
    width: 100%;
}

.team-member-container {
    background: var(--main-bg-contact);
    display: flex;
    position: relative;
}

.apply-form {
    width: 95%;
    max-width: 1200px;
    margin: 100px auto;
    position: relative;
    display: grid;
    grid-template-columns: 50% 50%;
}

.pattern-container {
    width: 45%;
    height: 100%;
    position: absolute;
}

.pattern-container img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.contact-form h3 {
    font-family: 'Onest';
    font-style: normal;
    font-weight: 700;
    font-size: 36px;
    line-height: 46px;
    color: var(--main-text-white);
}

.contact-form form {
    margin-top: 40px;
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.contact-form form input {
    display: block;
    width: 100%;
    border: none;
    border-radius: 0 20px 20px 20px;
    padding: 13px;
    background: var(--main-form-backg);
    font-family: 'Onest';
    font-weight: 400;
    font-size: 16px;
    color: var(--main-form-input);
    transition: 0.3s;
}

.contact-form form textarea {
    display: block;
    width: 100%;
    height: 95px;
    color: var(--main-form-input);
    border: none;
    border-radius: 0 20px 20px 20px;
    padding: 13px;
    background: var(--main-form-backg);
    font-family: 'Onest';
    font-weight: 400;
    font-size: 16px;
    transition: 0.3s;
}

.contact-form form input:focus-visible, .contact-form form textarea:focus-visible {
    outline: 1px solid var(--main-color-blue);
    color: var(--main-text-white);
}

.form-member-contact .submit-member {
    display: flex;
    justify-content: space-between;
    margin-top: 25px;
}

.form-member-contact .termcond {
    display: flex;
    gap: 18px;
}

.form-member-contact .checkbox {
    width: 22px;
    background: var(--main-text-color);
    border: 1px solid var(--main-form-input);
}
.submit-partner .termcond-prtnr{
	display: flex;
	gap: 20px;
}
.submit-partner .termcond-prtnr input{width: 22px;}
.form-member-contact label {
    color: var(--main-text-white);
    font-family: 'Onest';
    font-weight: 400;
    font-size: 16px;
    line-height: 22px;
}

.form-member-contact .termcond a, .dark .submit-partner .termcond-prtnr a {
    text-decoration: none;
    color: var(--main-color-yellow);
    font-size: 16px;
}
.submit-partner .termcond-prtnr a{color: #28387e;}
.submit-member button,.submit-partner button {
    display: inline-block;
    border: none;
    background-color: var(--main-color-green);
    border-radius: 0 15px 15px 15px;
    color: #FFF;
    font-weight: 700;
    font-size: 20px;
    padding: 13px 62px;
    cursor: pointer;
    font-family: 'Onest';
}

.submit-member button:hover,.submit-partner button:hover,.community-member button.active {background: var(--main-color-blue);}
.community-member button.active:hover{background: var(--main-color-green);}
.submitBtnMember.member_inactive,.submitBtnPartner.partnr_inactive,.contact-page-terms .contact-page-inactive,.community-member .community_inactive {
    background-color: var(--main-form-input);
    color: var(--main-text-color);
    cursor: not-allowed;
}
.submitBtnMember.member_inactive:hover,.submitBtnPartner.partnr_inactive:hover,.community-member .community_inactive:hover {background: var(--main-form-input);}
.submit-partner{
	display: flex;
  	justify-content: space-between;
	margin-top: 25px;
}
/* ----------------------------------------------
              footer styles
  ---------------------------------------------- */
.footer-content {
    display: grid;
    row-gap: 50px;
    grid-template-columns: auto auto auto auto;
}

.footer-container {
    padding: 100px 0;
}

.footer-logo img {
    width: 100%;
    max-width: 249px;
}

.footer-phone {
    display: inline-flex;
    gap: 10px;
    transition: 0.3s;
}

.footer-phone a {
    font-family: 'Onest';
    font-weight: 400;
    font-size: 16px;
    color: var(--main-color-black);
    transition: 0.3s;
}

.footer-phone:hover {
    gap: 15px;
}

.footer-phone:hover a {
    color: var(--main-color-purple);
}

.dark .footer-phone a {
    color: var(--dark-text-color);
}

.dark .footer-phone:hover a {
    color: var(--main-color-blue);
}

.footer-time {
    display: flex;
    gap: 10px;
    align-items: center;
}

.footer-logo-description p {
    font-family: 'Onest';
    font-weight: 400;
    font-size: 16px;
    color: var(--main-text-color);
    margin: 30px 0;
}

.footer-time-text p {
    font-family: 'Onest';
    font-weight: 400;
    font-size: 16px;
    line-height: 1.5;
}

.footer-time-text span {
    color: var(--main-color-purple);
}

.dark .footer-time-text span {
    color: var(--main-color-blue);
}

.footer-contact-dates i {
    font-size: 23px;
    margin-bottom: 15px;
    color: var(--main-color-purple);
}

.dark .footer-contact-dates i {
    color: var(--main-color-blue);
}

.footer-time p {
    font-family: 'Onest';
    font-weight: 400;
    font-size: 16px;
    color: var(--main-color-black);
}

.footer-content h3 {
    font-family: 'Onest';
    font-weight: 700;
    font-size: 30px;
    color: var(--main-color-black);
}

.dark .footer-content h3, .dark .footer-nav a, .dark .footer-nav-utilites a {
    color: var(--dark-text-color);
    transition: .3s;
}

.dark .footer-nav a:hover, .dark .footer-nav-utilites a:hover {
    color: var(--main-color-blue);
}

.footer-nav a:hover, .footer-nav-utilites a:hover {
    color: var(--main-color-purple);
    padding-left: 5px;
}

.footer-divider {
    width: 45px;
    margin: 25px 0;
    border-radius: 7px;
    border: 4px solid var(--main-color-purple);
}

.dark .footer-divider {
    border: 4px solid var(--main-color-blue);
}

.footer-nav a, .footer-nav-utilites a {
    font-family: 'Onest';
    font-weight: 400;
    font-size: 16px;
    line-height: 2;
    transition: .3s;
    color: var(--main-text-color);
}

.footer-socials {
    display: flex;
    gap: 20px;
}

.footer-socials a {
    font-size: 24px;
    color: var(--main-color-purple);
    object-fit: contain;
}

.dark .footer-socials a {
    color: var(--dark-text-color);
}

.dark .footer-socials a:hover {
    background: var(--main-color-blue);
}

.footer-socials a {
    width: 47px;
    height: 47px;
    background: var(--main-bg-newsletter);
    text-align: center;
    border-radius: 30px;
    display: flex;
    align-content: center;
    align-items: center;
    justify-content: center;
    transition: .3s;
}

.footer-socials a:hover {
    background: var(--main-color-purple);
    color: #ffffff;
    transform: rotate(360deg);
}

.dark .footer-socials a {
    background: #16262C;
}

/* form newsleter */
.footer-form {
    display: flex;
    align-items: center;
    margin: 20px 0 30px 0;

}

.footer-form form {
    display: flex;
}

.footer-form input[type="email"] {
    padding: 10px;
    border: none;
    background-color: var(--main-bg-newsletter);
    width: 250px;
    font-family: 'Onest';
    font-weight: 400;
    font-size: 16px;
    border-bottom-left-radius: 20px;
    outline-offset: -1px;
}

.footer-form input[type="email"]:focus-visible {
    outline: 1px solid var(--main-color-purple);
}

.dark .footer-form input[type="email"]:focus-visible {
    outline: 1px solid var(--main-color-blue);
}

.dark .footer-form input[type="email"] {
    background: #16262C;
    color: var(--main-text-white);
}

.footer-form input.footer-submit {
    font-family: 'Onest';
    padding: 10px 20px;
    margin-left: -25px;
    border: none;
    border-radius: 20px;
    background-color: var(--main-color-purple);
    color: var(--main-text-white);
    font-size: 16px;
    cursor: pointer;
    transition: .3s;
}

.dark .footer-form input.footer-submit {
    background: var(--main-color-blue);
}

.footer-form input.footer-submit:hover {
    background-color: #0056b3;
}

.footer-logo-description {
    width: 280px;
}

.footer-newsleter {
    width: min-content;
}

/* copyright styles footer */
.footer-copyright-container {
    border-top: 1px solid var(--m-color-backgrond);
    padding: 30px 0;
    text-align: center;
}

.dark .copyright a {
    color: var(--main-color-blue);
}

/* --------------------------------------------
            About Us page
   ------------------------------------------- */
.about-us {
    position: relative;
}

.about-us-container {
    padding-top: 200px;
}

.about-us-ctn {
    display: grid;
    gap: 100px;

}
.about-us-container .about-ctn-2{display: none;}
.about-us-ctn img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.about-divider {
    width: 100%;
    border: 1px solid var(--main-color-blue);
    border-radius: 10px;
    margin: 50px 0;
}

.dark .about-divider {
    border: 1px solid var(--dark-link-moore);
}

.about-ctn-1 p {
    margin-top: 50px;
    line-height: 1.6;
}

.about-ctn-1 h1 {
    font-family: 'Onest';
    font-weight: 700;
    font-size: 64px;
}

.about-ctn-2 {
    overflow: hidden;
    border-radius: 0px 30px 30px 30px;
}

.about-us-mission {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 100px;
}

.about-us-missn h1 {
    font-family: 'Onest';
    font-weight: 700;
    font-size: 36px;
}

.about-us-missn p, .about-number {
    padding-top: 50px;
    line-height: 1.6;
}

.aboutCtn h1 {
    font-weight: 700;
    font-size: 36px;
    line-height: 46px;
}

.aboutCtn .partn-plus li {
    font-weight: 400;
    font-size: 16px;
    line-height: 22px;
}

.aboutCtnSct {
    padding: 100px 0;
}

.aboutCtnSct2 {
    padding-bottom: 100px;
}

.aboutConseilFundation .hackathon-mentor-card {
    border-radius: 0 20px 20px 20px;
}

.aboutConseilFundation .hackathon-mentor-card-thumb {
    border-radius: 10px;
    border: none;
}

.dark .aboutConseilFundation .hackathon-mentor-card-thumb {
    border: none;
}

.aboutConseilFundation .hackathon-mentor-card {
    align-items: normal;
}

/* about in numbers */
.about-number {
  display: flex;
  flex-wrap: wrap;
  row-gap: 30px;
  column-gap: 40px;
}

.about-number-item {
    cursor: pointer;
    max-width: 210px;
}

.about-number-item h1 {
    font-family: 'Onest';
    font-style: normal;
    font-weight: 800;
    font-size: 64px;
}

.about-number-item p {
    padding-top: 20px;
    font-family: 'Onest';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    color: var(--dark-background);
}

/* card teams */
.our-teams {
    width: 100%;
    display: grid;
    padding: 50px 0 100px 0;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    gap: 20px;
}

.team-card {
    border-radius: 0px 20px 20px 20px;
    background: var(--m-color-backgrond);
    overflow: hidden;
}

.dark .team-card {
    background: rgba(19, 19, 19, 0.5);
    backdrop-filter: blur(300px);
}

.team-thumb {
    overflow: hidden;
    width: 100%;
    height: 360px;
    position: relative;
}

.team-thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
	object-position: top;
}

.thumb-overlay {
    position: absolute;
    width: 100%;
    height: 100%;
}

.overlay-bg {
    position: absolute;
    width: 0;
    height: 0;
    bottom: 0;
    left: 0;
    border-radius: 0 20px 0 0;
    background-color: var(--main-dark-color);
    transition: 0.6s;
}

.team-card:hover .overlay-bg {
    width: 100%;
    height: 100%;
    background-color: #00000030;
}

.team-social-links {
    position: absolute;
    width: 100%;
    display: flex;
    gap: 20px;
    justify-content: center;
    bottom: 30px;
    opacity: 0;
    visibility: hidden;
    transition: 0.6s;
    z-index: 2;
}

.team-social-links a {
    width: 50px;
    height: 50px;
    background: var(--main-dark-color);
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50px;
    transition: 0.3s;
}

.team-social-links img {
    width: 25px;
    height: 25px;
    object-fit: contain;
    fill: pink;
    color: red;
}

.team-card-mail a {
    font-family: 'Onest';
    color: #0056b3;
    font-size: 12px;
    line-height: 22px;
    display: flex;
    gap: 5px;
    align-content: center;
    justify-content: center;
    align-items: center;
}

.team-card-mail img {
    transition: filter 0.3s ease;
    width: 14px;
    height: 14px;
    filter: sepia(1) saturate(10000%) hue-rotate(190deg) brightness(0.2);
}

.dark .team-card-mail img {
    filter: brightness(0) invert(1);
}

.team-card-mail a:hover {
    color: var(--main-color-blue);
}

.dark .team-card-mail a {
    color: var(--main-color-blue);
}

.dark .team-card-mail a:hover {
    color: #0056b3;
}

.team-card:hover .team-social-links {
    visibility: visible;
    opacity: 1;
}

.team-social-links a:hover {
    background: var(--main-color-blue);
    transform: rotate(360deg);
}

.team-card-container {
    padding: 30px;
    text-align: center;
}

.team-card-container h3 {
    color: var(--main-dark-color);
    font-family: 'Onest';
    font-size: 20px;
    font-weight: 700;
}

.dark .team-card-container h3 {
    color: var(--dark-text-color);
}

.team-card-container p {
    color: var(--main-text-color);
    font-family: 'Onest';
    font-size: 12px;
    line-height: 22px;
}

.dark .team-card-container p {
    color: var(--dark-text-color);
}

/* -----------------------------------------------------
                  Contacts page
  ----------------------------------------------------- */
.contacts-info {
    padding-top: 200px;
}

.contacts-info h1 {
    font-family: 'Onest';
    font-weight: 700;
    font-size: 64px;
}

.contact-maps {
    margin: 150px 0;
}

.contact-map-container {
    width: 95%;
    border-radius: 0 20px 20px 20px
}

.contact-map-container iframe {
    width: 100%;
    height: 546px;
    border: none;
    border-radius: 0 20px 20px 20px;
    border: 2px solid var(--main-color-green);
}

.dark .contact-map-container iframe {
    border: 2px solid var(--main-color-blue);
}

.contact-card-cnt {
    margin-top: 50px;
}

/*Contact left side*/

.contact-card-cnt {
    width: 100%;
    display: grid;
    grid-template-columns: 50% 50%;
    border-radius: 0 30px 30px 30px;
    overflow: hidden;
}

.contact-info-cnt {
    position: relative;
    background: var(--main-color-purple);
    padding: 50px;
    color: var(--main-text-white);
    z-index: 2;
}

.dark .contact-info-cnt {
    background: var(--main-color-blue);
}

.contact-detail {
    z-index: 2;
}

.contact-detail p, .dark .contact-detail p {
    color: var(--main-text-white);
}

.contact-info-cnt h3 {
    font-family: 'Onest';
    font-weight: 700;
    font-size: 36px;
    margin-bottom: 40px;
    color: var(--main-text-white);
}

.contact-social-links {
    position: relative;
    margin-top: 50px;
    display: flex;
    gap: 20px;
    z-index: 2;
}

.contact-social-links img {
    width: 24px;
    height: 24px;
    object-fit: contain;
}

.contact-social-links a {
    width: 47px;
    height: 47px;
    background: #1F2959;
    color: #ffffff;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50px;
    transition: 0.3s;
}

.dark .contact-social-links a {
    background: #065877;
}

.contact-social-links a:hover {
    background: var(--main-color-blue);
    transform: rotate(360deg);
}

.dark .contact-social-links a:hover {
    background: var(--main-bg-contact);
}

.contact-decoration {
    position: absolute;
    bottom: 35px;
    right: 35px;
}

.dark .contact-decoration {
    opacity: 0.2;
}

.contact-details-cnt {
    display: flex;
    flex-direction: column;
    gap: 25px;
}

.contact-detail {
    display: flex;
    align-items: center;
    gap: 15px;
}

/*Contact right side*/

.contact-page-form-ct {
    background: var(--m-color-backgrond);
    padding: 50px;
}

.dark .contact-page-form-ct {
    background: rgba(27, 27, 27, 0.5);
    backdrop-filter: blur(127px);
}

.contact-page-form-ct h3 {
    color: var(--main-color-purple);
    font-family: 'Onest';
    font-weight: 700;
    font-size: 36px;
}

.dark .contact-page-form-ct h3 {
    color: var(--main-color-blue);
}

/* ------- form contact page -------- */

.contact-page-form form {
    padding-top: 40px;
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.contact-page-form input {
    width: 100%;
    padding: 13px;
    border: 2px solid var(--main-color-purple);
    border-radius: 0px 20px 20px 20px;
    display: block;
    font-family: 'Onest';
    font-weight: 400;
    font-size: 16px;
    color: var(--main-form-input);
    transition: 0.3s;
}

.dark .contact-page-form input, .dark .contact-page-form textarea {
    border: 2px solid var(--main-color-blue);
    background: none;
}

.contact-page-form input:focus-visible, .contact-page-form textarea:focus-visible {
    outline: none;
    border-color: var(--main-color-green);
}

.contact-page-form textarea {
    display: block;
    width: 100%;
    height: 95px;
    color: var(--main-form-input);
    padding: 13px;
    border: 2px solid var(--main-color-purple);
    border-radius: 0px 20px 20px 20px;
    font-family: 'Onest';
    font-weight: 400;
    font-size: 16px;
    transition: 0.3s;
}

.contact-page-terms {
    display: grid;
    justify-content: space-between;
    grid-template-columns: auto auto;
}

.contact-terms-condition {
    display: flex;
}

.contact-terms-condition input {
    width: 20px;
    border: none;
    margin-right: 13px;
}

.contact-terms-condition label, .contact-terms-condition a {
    color: var(--main-dark-color);
    font-family: 'Onest';
    font-weight: 400;
    font-size: 16px;
    line-height: 22px;
}

.dark .contact-terms-condition label {
    color: var(--dark-text-color);
}

.dark .contact-terms-condition a {
    color: var(--main-color-yellow);
}

.contact-terms-condition a {
    color: var(--main-color-red);
}

.contact-page-form button {
    display: block;
    border: none;
    background: var(--main-color-purple);
    border-radius: 0 15px 15px 15px;
    color: var(--main-text-white);
    font-weight: 700;
    font-size: 20px;
    padding: 13px 62px;
    cursor: pointer;
    font-family: 'Onest';
}
.contact-page-form .contact-page-inactive:hover {background: var(--main-form-input);}
.contact-page-form button:hover,.dark .contact-page-form .active {background: var(--main-color-blue);}
.dark .contact-page-form .active:hover {background: var(--main-color-green);}
.submitBtnContact.contact_inactive {
    background: var(--main-form-input);
    color: var(--main-text-color);
    cursor: not-allowed;
}

.submitBtnContact.contact_inactive {
    background: var(--main-form-input);
}

.submitBtnContact.contact_active {
    background: var(--main-color-purple);
    color: white;
    cursor: pointer;
    transition: 0.3s;
}

.dark .submitBtnContact.contact_active {
    background: var(--main-color-blue);
}

.dark .submitBtnContact.contact_active {
    background: var(--main-color-green);
}

/* ---------------------------------------------------------
              News  page
   -------------------------------------------------------- */
.filter-to-sort {
    display: flex;
	flex-wrap: wrap;
    gap: 10px;
    margin-bottom: 20px;
}

.filter-btn {
    font-family: 'Onest';
    padding: 10px 20px;
    font-size: 16px;
    border: none;
    cursor: pointer;
    transition: background-color 0.3s ease;
    background: var(--main-color-blue);
    color: var(--main-text-white);
    border-radius: 0 10px 10px 10px;
}

.filter-btn:hover {
    background: var(--main-color-purple);
}

.news-page {
    margin: 200px 0 150px;
}

.news-page-container h1 {
    font-size: 64px;
}

.news-page-card, .news-single-card {
    margin: 50px 0 100px 0;
    display: grid;
    grid-template-columns: 1fr 1fr;
    border-radius: 0px 30px 30px 30px;
    background: var(--m-color-backgrond);
    overflow: hidden;
}

.dark .news-page-card {
    background: #0F1513;
}

.news-card-image {
    width: 100%;
    height: 100%;

}

.news-card-image img {
    width: 100%;
    object-fit: cover;
    overflow: hidden;
    border-radius: 0px 0px 0 30px;
}

.news-card-title a {
    font-family: 'Onest';
    font-weight: 700;
    font-size: 36px;
    line-height: 46px;
    color: var(--main-dark-color);
}

.dark .news-card-title a {
    color: var(--dark-text-color);
}

.news-card-block-info {
    margin: 60px 50px;
}

.news-card-block-text p {
    margin: 45px 0;
}

.news-card-moore-news {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 20px;
}

.card-category {
    color: var(--main-color-blue);
    margin-bottom: 10px;
}

.news-page-card .card-content-dates {
    position: relative;
    bottom: 0;
}

/* -----------------------------------------------------------
                  News single page
  ---------------------------------------------------------- */

.news-single {
    padding-top: 200px;
}

.news-single-container .news-card-block-info {
    margin: 0 20px 0 0;;
    display: grid;
    align-content: center;
}

.news-single-card .news-card-image {
    border-radius: 0px 30px 30px 30px;
}

.news-single-card .news-card-image img {
    border-radius: 0px 30px 30px 30px;
}

.news-single .news-page-card, .news-single .news-single-card {
    background: transparent;
}

.news-single-card {
    margin: 0;
}

.news-single .card-content-dates {
    margin: 30px 0 50px 0;
}

.news-single .contact-social-links {
    margin-top: 0;
}

.news-single .news-date {
    color: var(--main-text-color);
}

.news-single .footer-socials a {
    background: var(--main-bg-newsletter);
}

.dark .news-single .footer-socials a {
    background: #16262C;
}

.dark .news-single-socials a {
    color: var(--dark-section-p);
}

.news-single-ctn-moore {
    display: grid;
    grid-template-columns: 2fr 1fr;
    gap: 50px;
    padding: 100px 0;
}

.news-single-text {
    display: flex;
    flex-direction: column;
    gap: 20px;
}
.news-single-text li {
    color: var(--main-text-color);
    line-height: 2;
    margin-left: 20px;
    list-style: disc;
}

.news-single-text iframe {
    width: 100%;
    aspect-ratio: 16/9;
    border-radius: 0 30px 30px 30px;
    border: 2px solid var(--main-color-green);
}

.news-single h2 {
    font-size: 50px;
    line-height: 1.1;
    color: var(--main-dark-color);
}

.dark .news-single h2 {
    color: var(--main-text-white);
}

.news-single .card-content-dates {
    position: relative;
    bottom: 0;
}
.news-single-gallery  .education-gallery {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 20px;
}
.speaker-card-cnt {
    background: var(--m-color-backgrond);
    display: flex;
    padding: 30px;
    justify-content: space-between;
    border-radius: 0px 30px 30px 30px;
}

.dark .speaker-card-cnt {
    background: #00000050;
}

.speaker-card-container {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.speaker-card-container .speaker-card-title h1 {
    font-weight: 400;
    font-size: 16px;
    line-height: 26px;
    text-transform: uppercase;
    color: var(--main-color-purple);
}

.dark .speaker-card-container .speaker-card-title h1 {
    color: var(--main-color-blue);
}

.speaker-card-thumb {
    overflow: hidden;
    display: flex;
    align-self: center;
}

.speaker-card-thumb img {
    width: 100%;
    object-fit: cover;
    max-width: 150px;
    border-radius: 0px 20px 20px 20px;
}

.speaker-card-function {
    width: 100%;
    max-width: 400px;
}

.speaker-card-container .speaker-card-function li {
    list-style: none;
    color: var(--main-form-backg);
    font-size: 16px;
}

/* ------ content and sidebar --------- */
.news-single-container-image {
    display: grid;
    grid-template-columns: auto auto;
    gap: 20px;
    margin: 50px 0;
    border-radius: 0 30px 30px 30px;
    overflow: hidden;
}

.news-single-container-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 0 30px 30px 30px;
    overflow: hidden;
}

.dark .news-single-quote {
    background: #131313;
}

.news-single-quote {
    position: relative;
    margin: 70px 0;
    padding: 20px;
    background: #ebf9ff;
    border-radius: 0 30px 30px 30px;
    overflow: hidden;
}

.dark .news-single-quote blockquote, .news-single-quote figcaption {
    color: var(--dark-text-color);
}

.news-single-quote blockquote, .news-single-quote figcaption {
    font-family: 'Onest';
    color: var(--main-dark-color);
    font-style: italic;
    font-weight: 400;
    font-size: 16px;
    line-height: 26px;
    z-index: 2;
    position: relative;
}

.news-single-quote figcaption {
    color: var(--main-color-purple);
    font-style: normal;
    margin-top: 15px;
    display: flex;
    gap: 10px;
}

.dark .news-single-quote figcaption, .dark .news-single-quote hr {
    color: var(--dark-link-moore);
}

.news-single-quote hr {
    width: 80px;
    height: 1px;
    display: flex;
    align-self: center;
    border-radius: 20px;
    color: var(--main-color-purple);
}

.dark .news-single-quote span {
    color: #1c1c1c;
}

.news-single-quote span {
    position: absolute;
    font-size: 300px;
    color: #d1f1ff;
    transform: translateX(-1%) translateY(40%) rotate(180deg);
    bottom: 50%;
    right: 0;
}

/* gallery */
.image-gallery {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}

.image-gallery > li {
    height: 370px;
    cursor: pointer;
    position: relative;
}

.image-gallery li img {
    object-fit: cover;
    width: 100%;
    height: 100%;
    vertical-align: middle;
    border-radius: 20px;
    cursor: initial;
}

.image-gallery > li {
    flex-grow: 1;
    flex: 1 1 auto;
}

.image-gallery::after {
    content: "";
    flex-grow: 999;
}

/* -------------------------- */
.news-single-content-sidebar {
    display: flex;
    flex-direction: column;
    gap: 40px;
}

.news-single-sidebar {
    padding: 30px;
    background: #DCF5FF;
    border-radius: 0 30px 30px 30px;
}

.dark .news-single-sidebar {
    background: rgba(27, 27, 27, 0.5);
    backdrop-filter: blur(102px);
}

.news-last-ctn h2 {
    font-family: 'Onest';
    font-weight: 400;
    font-size: 14px;
    line-height: 1.5;
    color: var(--dark-background);
}

.news-last-ctn a {
    display: flex;
    gap: 15px;
    transition: 0.3s;
}

.news-last-ctn a:hover {
    color: var(--main-color-blue);
}

.news-sidebar-last {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.news-sidebar-last img {
    width: 100px;
	height: 54px;
    aspect-ratio: 16/9;
    object-fit: cover;
    border-radius: 0 10px 10px 10px;
}

.news-single-sidebar h2 {
    transition: 0.3s;
    color: var(--dark-background);
}

.dark .news-single-sidebar h2 {
    color: var(--main-text-white);
}

.dark .news-last-ctn h2:hover {
    color: var(--main-color-blue);
}

.sidebar-divider {
    width: 100%;
    height: 1px;
    margin-top: 15px;
    margin-bottom: 25px;
    background: var(--main-color-blue);
}

/*----------------------------*/
.news-single-content {
    width: 100%;
}

.news-single-content a {
    color: var(--main-color-blue);
}

.news-single-content a:hover {
    color: var(--main-color-green);
}

.dark .news-single-content li {
    color: #ffffff;
}

/* ---------------------------------------------
            Events page
  --------------------------------------------- */
.events-page-container {
    margin: 150px auto;
    width: 98%;

}

.events-page-section {
    display: flex;
	flex-wrap: wrap;
	gap: 30px;
    align-items: center;
    justify-content: space-between;
}

.events-page-title h1 {
    font-size: 64px;
}

.dark .events-page-calendar-button a {
    background: var(--dark-link-moore);
}

.dark .events-page-calendar-button a:hover {
    background: var(--main-color-blue);
}

.events-page-calendar-button a {
    display: block;
    background: var(--main-color-blue);
    color: var(--main-text-white);
    border-radius: 0 20px 20px 20px;
    padding: 20px 61px;
    font-size: 1em;
    font-family: 'Onest';
    font-weight: 600;
    transform: 0.3s ease out;
}

.events-page-calendar-button a:hover {
    background: var(--main-color-green);
}

.events-page-principal {
    padding: 50px 0 100px 0;
}

.events-page-principal .event-container-1 {
    width: 100%;
}

.events-page-principal .event-container-1 .event-thumbnail {
    aspect-ratio: auto;
}

.events-page-principal .event-card {
    width: 100%;
    display: grid;
    grid-template-columns: 1fr 1fr;
}

.events-page-principal .event-container {
    padding: 40px 40px 120px;
    position: relative;
}

.events-page-principal .event-icons {
    position: absolute;
    bottom: 50px;
    width: 100%;
    padding-right: 100px;
}

.events-page-moore-events .event-container-2 {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 20px;
    row-gap: 30px;
}

.events-page-moore-events .small-event-card {
    width: 100%;
}


/* ---------------------------------------------
            Events single page
  --------------------------------------------- */
.events-single {
    margin: 230px 0 100px;
}

.events-single-container {
    width: 95%;
}

.events-single-card {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
}

.events-single-card-thumb {
    width: 100%;
    height: 100%;
}

.events-single-card-thumb img {
    width: 100%;
    object-fit: cover;
    overflow: hidden;
    border-radius: 0px 30px 30px 30px;
}

.events-single-card-button {
    margin-top: 30px;
}

.events-single-card-button a {
    background: var(--main-color-purple);
    color: var(--main-text-white);
    border-radius: 0 20px 20px 20px;
    padding: 20px 61px;
    font-size: 1em;
    font-family: 'Onest';
    font-weight: 600;
    transform: 0.3s ease out;
    display: inline-block;
}

.events-single-card-button a:hover {
    background: var(--main-color-green);
}

.events-single-ctn-moore {
    width: 95%;
    display: grid;
    gap: 50px;
    margin-bottom: 150px;
    grid-template-columns: 2fr 1fr;
}

.events-frame-date {
    margin-top: 20px;
    display: flex;
    flex-wrap: wrap;
    gap: 15px 40px;
}

.events-divider {
    display: none;
}

.events-block-date, .events-block-clock {
    display: flex;
    gap: 15px;
    align-items: center;
}

.events-single-date p {
    color: var(--main-color-purple);
    font-size: 23px;
}

.events-single-date p:first-child {
    font-size: 22px;
    font-weight: 600;
    line-height: 1;
}

.events-single-hour p {
    font-size: 22px;
    line-height: 1;
    font-weight: 500;
    color: var(--main-color-purple);
}

.dark .events-single-hour p, .dark .events-single-date p, .dark .events-single-hour span {
    color: var(--main-color-blue)
}

.events-single-hour {
    display: flex;
    gap: 15px
}

.events-block-date svg, .events-block-clock svg {
    width: 22px;
    height: 22px;
    fill: var(--main-color-purple);
    position: relative;
    bottom: 2px;
}

.dark .events-block-date svg, .dark .events-block-clock svg {
    fill: var(--main-color-blue);
}

.events-single-info-text {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.events-single-content .ProgramSngPartnrs{
	margin-top: 50px;
}

/* ---------------------------------------------
            Event modal button
  --------------------------------------------- */
.modal-container {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #00000070;
    z-index: 100;
    justify-content: center;
    align-items: center;
}

.modal-card {
    background: var(--main-text-white);
    padding: 50px;
    border-radius: 0px 30px 30px 30px;
    max-width: 810px;
    width: 100%;
    position: relative;
    z-index: 101;
	width: 95%;
    max-height: 90%;
    overflow: scroll;
}

.modal-container .modal-title {
    font-weight: 700;
    font-size: 36px;
    line-height: 46px;
    color: var(--main-dark-color);
    margin-bottom: 40px;
}

.eventModalForm .form-fst-group .form-group input, .eventFormInstitute .form-group input {
    width: 100%;
    padding: 20px;
    border: 2px solid #293780;
    border-radius: 0px 15px 15px 15px;
    font-family: 'Onest';
    font-weight: 400;
    font-size: 16px;
    line-height: 22px;
    color: #A5A5A5;
}

.eventFormInstitute input {
    font-weight: 400;
    font-family: 'Onest';
    font-size: 16px;
    line-height: 22px;
    color: #A5A5A5;
}

.eventFormInstitute {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
    align-items: center;
}

.eventFormInstitute .form-group input {
    width: 100%;
    margin-bottom: 20px;
}

.eventFormInstitute .modal-study label {
    display: grid;
    grid-template-columns: 1fr 1fr;
    width: 100%;
}

.form-fst-group {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
    margin-bottom: 20px;
}

.form-scnd-group {
    display: flex;
    gap: 25px;
    margin: 40px 0;
}

.form-thr-group {
    background: var(--main-form-input);
    background: #E7E7E7;
    border-radius: 15px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.form-thr-group .form-group label {
    margin-left: 20px;
    font-style: normal;
    font-weight: 400;
    font-size: 22px;
    line-height: 26px;
    color: #293780;
}

.modal-card .modal-close {
    position: absolute;
    right: 25px;
    top: 25px;
    cursor: pointer;
}

body.modal-open {
    overflow: hidden;
}

#submitButton.active {
    cursor: pointer;
    background: #293780;

}

#submitButton.disabled {
    background: grey;
    cursor: not-allowed;
}

#submitButton {
    padding: 10px 20px;
    border: none;
    background: var(--dark-text-p);
    color: var(--main-text-white);
    transition: background-color 0.3s ease;
    font-style: normal;
    font-weight: 700;
    font-size: 18px;
    line-height: 22px;
    cursor: not-allowed;
    border-radius: 0px 15px 15px 15px;
    padding: 20px 100px;
}

body.modal-open {
    overflow: hidden;
}

.eventFormInstitute .modal-study label,
.form-scnd-group .form-terms label {
    display: flex;
    gap: 10px;
    font-size: 16px;
    color: var(--main-dark-color);
}

.form-scnd-group .form-terms label a {
    color: var(--main-color-purple);
}

.form-terms{
	display:flex;
	gap:10px;
}

.form-scnd-group .form-terms label {
	display:block
}

.eventFormInstitute .modal-study input[type="checkbox"],
.form-scnd-group .form-terms input[type="checkbox"] {
    appearance: none;
    width: 10px;
    height: 10px;
    padding: 10px;
    border: 1px solid #979797;
    background: #383838;
    border-radius: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    position: relative;

}

.eventFormInstitute .modal-study input[type="checkbox"]:checked::before,
.form-scnd-group .form-terms input[type="checkbox"]:checked::before {
    content: "✔";
    position: absolute;
    font-size: 16px;
    color: #ffffff;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.eventFormTextarea textarea {
    width: 100%;
    height: 125px;
    border: 2px solid #293780;
    border-radius: 0px 15px 15px 15px;
    padding: 20px;
    font-family: 'Onest';
    font-weight: 400;
    font-size: 16px;
    line-height: 22px;
    color: #A5A5A5;
}

.eventModalForm .form-group input,
.eventModalForm .form-group textarea {
    color: var(--main-dark-color);
}

/* ---------------------------------------------
            Courses page modal
  --------------------------------------------- */
.courseModalForm .course-form-group {
    border: 2px solid #293780;
    border-radius: 0px 15px 15px 15px;
}

.courseModalForm .phone-input {
    display: flex;
    gap: 10px;
    width: 100%;
    border: 2px solid #293780;
    border-radius: 0px 15px 15px 15px;
    overflow: hidden;
}

.form-thr-group input {
    background: none;
    border: none;
    font-size: 22px;
    font-family: 'Onest';
    color: var(--main-color-purple);
    width: 80px;
    text-align: center;
}

.form-thr-group input:focus {
    outline: none;
}

.courseModalForm .phone-input select {
    padding: 0 5px 0 20px;
    margin: 6px;
    color: var(--main-text-white);
    background: var(--main-color-purple);
    border: none;
    outline: none;
    flex: 0 0 auto;
    font-weight: 400;
	font-family: 'Onest';
    font-size: 16px;
    line-height: 22px;
    background: #293780;
	width: 160px;
    border-radius: 0px 13px 13px 13px;
}
.courseModalForm .phone-input option{font-family: 'Onest';font-size: 16px;}
.courseModalForm .phone-input input[type="tel"] {
    font-family: 'Onest';
    font-weight: 400;
    font-size: 16px;
    line-height: 22px;
    color: #A5A5A5;
    border: none;
    flex: 1;
	width: 60%;
}

.courseModalForm .phone-input select:focus,
.courseModalForm .phone-input input[type="tel"]:focus {
    outline: none;
}

.formDataBirth input {
    font-family: 'Onest';
    font-weight: 400;
    font-size: 16px;
    line-height: 22px;
    color: #A5A5A5;
}

.ActivityDomain {
    display: flex;
    margin: 40px 0;
    flex-direction: column;
    align-items: normal;
}

.ActivityDomain .activityDomainTitle h1 {
    font-family: 'Onest';
    font-weight: 700;
    font-size: 20px;
    line-height: 26px;
    color: #000000;
}

.activityDomain-group {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    row-gap: 0px;
}

.ActivityDomain .activityDomain-group label {
    width: max-content;
}

.courseModalTextarea {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.courseModalTextarea textarea {
    height: 90px;
}

.courseModalForm #submitButton {
    background: var(--main-form-input);
}

#submitButton.active {
  cursor: pointer;
  background: #293780;
}

/* ---------------------------------------------
            Spaces page
  --------------------------------------------- */

.spaces-page-container {
    margin: 150px auto;
    display: flex;
    flex-direction: column;
    gap: 150px;
}

.spaces-page-heading {
    margin-bottom: 50px;
}

.spaces-page-heading h1 {
    font-weight: 700;
    font-size: 64px;
}

.dark .spaces-offices-text h2 {
    color: var(--dark-text-color);
}

.spaces-offices-text h2 {
    color: var(--main-color-black);
    font-weight: 700;
    font-size: 36px;
    padding-bottom: 20px;
}

.spaces-offices-text p {
    margin-bottom: 50px;
}

.spaces-offices-cards {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 20px;
}

.spaces-events {
    margin: 150px 0;
}

.spaces-sport {
    margin-bottom: 150px;
}

/* ---------------------------------------------
            Spaces single page
  --------------------------------------------- */
.single-spaces {
    padding: 200px 0 150px 0;
}

.spaces-sng-banner-text h1 {
    font-family: 'Onest';
    font-style: normal;
    font-weight: 700;
    font-size: 4em;
    line-height: 1.5;
}

.spaces-sng-banner-text a {
    color: var(--main-text-color);
    font-family: 'Onest';
    font-weight: 700;
    font-size: 2.25em;
    transition: 0.3s;
}

.dark .spaces-sng-banner-text a {
    color: var(--dark-text-color);
}

.spaces-sng-banner-text a:hover {
    color: var(--main-color-purple);
}

.spaces-single-heading {
    display: flex;
    align-items: center;
    gap: 50px;
}

.spaces-sng-banner-dates {
    display: flex;
}

.spaces-sng-banner-dates {
    margin: 40px 0 60px 0;
}

.spaces-sng-banner-dates .cw-card-data span,
.spaces-sng-banner-dates .cw-card-data p {
    font-family: 'Onest';
    font-style: normal;
    font-weight: 500;
    font-size: 1.25em;
}

.spaces-sng-banner-dates .cw-card-data-svg svg {
    width: 30px;
    height: 30px;
}

.spaces-sng-banner-dates .cw-card-data-svg {
    display: flex;
    align-content: center;
    align-items: center;
    gap: 15px;
}

.spaces-sng-banner-dates .cw-card-data-divider {
    display: flex;
    align-items: center;
}

.spaces-sng-banner-dates .cw-card-data-divider svg {
    width: 15px;
    height: 15px;
}

.dark .spaces-sng-banner-prices {
    background: #131313;
}

.spaces-sng-banner-prices {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: var(--m-color-backgrond);
    border-radius: 0px 20px 20px 20px;
    padding: 17px 0 17px 30px;
}

.dark .spaces-sng-price p {
    color: var(--dark-text-color);
}

.spaces-sng-price p {
    font-family: 'Onest';
    font-weight: 400;
    font-size: 1.625em;
    color: var(--main-dark-color);
}

.dark .spaces-sng-button a {
    background: var(--main-color-blue);
}

.dark .spaces-sng-button a:hover {
    background: var(--dark-link-moore);
}

.spaces-sng-button a {
    padding: 17px 75px;
    background: var(--main-color-purple);
    border-radius: 20px;
    color: var(--main-text-white);
    font-family: 'Onest';
    font-weight: 700;
    font-size: 1.25em;
}

.spaces-sng-button a:hover {
    background: var(--main-color-blue);
}

.card-facilites-block {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    width: 124px;
    height: 124px;
    background: linear-gradient(138.17deg, #25C3DA -22.7%, #504E9F 130.59%);
    border-radius: 20px;
    flex-direction: column;
}

.card-facilites-block p {
    text-align: center;
    color: var(--main-text-white);
    font-family: 'Onest';
    font-weight: 700;
    font-size: 1em;
}

.card-facilites-block img {
    width: 54px;
    height: 54px;
}

.single-pg-cards h1 {
    font-family: 'Onest';
    font-weight: 600;
    font-size: 2.25em;
}

.single-page-facilites {
    display: flex;
    gap: 150px;
    padding-top: 100px;
}

.single-pg-card-facilites {
    margin-top: 40px;
}

.single-pg-card-facilites {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 20px;
}

.spaces-heading-single-banner-info {
    width: 100%;
}

/* slider spaces single pages */

.sng-space-slider {
    --slider-width: 590px;
    --slider-height: 393px;
    --slider-bullets-spacing-y: 15px;
    --slider-bullets-height: 18px;
    --slider-border-width: 8px;

    position: relative;
    display: flex;
    gap: 8px;
    align-items: flex-end;
    justify-content: center;
    width: var(--slider-width);
    height: calc(
        var(--slider-bullets-spacing-y) + var(--slider-bullets-height) +
        var(--slider-height) + (var(--slider-border-width) * 2)
    );
}

.slider__content {
    position: absolute;
    bottom: calc(var(--slider-bullets-spacing-y) + var(--slider-bullets-height));
    left: 50%;
    z-index: 5;
    width: var(--slider-width);
    height: var(--slider-height);
    overflow: hidden;
    border-radius: 0px 30px 30px 30px;
    translate: -50% 0;

    > img {
        position: absolute;
        inset: 0;
        width: 100%;
        height: 100%;
        transition: translate 0.5s ease-in-out;
        object-fit: cover;
    }
}

.slider__control {
    &::after {
        position: absolute;
        bottom: calc(
            50% + (var(--slider-bullets-spacing-y) + var(--slider-bullets-height)) / 2);
        z-index: 10;
        width: 32px;
        height: 64px;
        cursor: pointer;
        content: "";
        background: rgba(0, 0, 0, 0.096);
        background-image: url('../images/icons/arrow-banner.png');
        transform: rotate(180deg);
        background-repeat: no-repeat;
        background-position: center;
        background-size: 23px 23px;
        transition: width 0.2s cubic-bezier(0.11, 1.03, 0.82, 1.33);
        translate: 0 50%;
    }

    &:hover::after {
        width: 48px;
    }

    > input {
        display: block;
        height: var(--slider-bullets-height);
        aspect-ratio: 1/1;
        margin: 0;
        appearance: none;
        cursor: pointer;
        border-radius: 50%;
        border: 1px solid var(--main-color-purple);
        opacity: 0.5;
        transition: all 0.2s cubic-bezier(0.11, 1.03, 0.82, 1.33);
        scale: 1;

        &:hover {
            scale: 1;
        }

        &:checked {
            opacity: 1;
            scale: 1;
            background: var(--main-color-purple);
        }
    }
}

.slider__item {
    &:not(:has(input:checked)) {
        .slider__content > img {
            translate: -100% 0;
        }

        .slider__control::after {
            right: 100%;
            border-top-left-radius: 0;
            border-bottom-left-radius: 0;

        }
    }

    /* Current slide */

    &:has(input:checked) {
        z-index: 1;

        .slider__content > img {
            translate: 0 0;
        }

        .slider__control::after {
            display: none;
        }
    }

    /* Slides after current slide */

    &:has(input:checked) ~ & {
        z-index: 5;

        .slider__content > img {
            translate: 100% 0;
        }

        & .slider__control::after {
            right: auto;
            left: 100%;
            rotate: 180deg;
        }
    }

    /* Direct next slide */

    &:has(input:checked) + & {
        z-index: 7;
        display: block;
    }
}


/* ---------------------------------------------
            entrepreneurship page
  --------------------------------------------- */
.CommunityPgCtn .events-single-card-button {
    text-align: center;
}

.entrepreneur-content {
    padding: 230px 0 150px 0;
}

.entrepreneurship-block-info {
    display: grid;
    gap: 150px;
}

.entrepreneur-first-section {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
    align-items: center;
}

.entrepreneurship-info h1 {
    font-family: 'Onest';
    font-weight: 700;
    font-size: 4em;
    margin-bottom: 50px;
}

.entrepreneurship-info p {
    font-weight: 400;
    font-size: 1em;
    line-height: 26px;
    color: var(--main-text-color);

}

.entrepreneurship-info-thumb {
    width: 100%;
    height: 100%;
}

.entrepreneurship-info-thumb img {
    width: 100%;
    height: 370px;
    object-fit: cover;
    border-radius: 0px 30px 30px 30px;
}

.dark .single-page-facilites-text p, .dark .single-page-facilites-text ul, .dark .single-page-facilites-text li {
    color: var(--dark-text-color);
}

.single-page-facilites-text p, .single-page-facilites-text ul, .single-page-facilites-text li {
    font-family: "Onest";
    font-weight: 400;
    font-size: 1em;
    line-height: 26px;
    color: var(--main-text-color);
}

.single-page-facilites-text li {
    list-style-type: disc;
    margin-left: 20px;
}

.single-page-facilites-text ul {
    padding: 20px 0 20px 0;
}

.entrepreneur-card-sectionentrepreneur, .entrepreneur-right-card-sectionentrepreneur {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
    background: var(--m-color-backgrond);
    border-radius: 0px 30px 30px 30px;
    overflow: hidden;
}

.dark .entrepreneur-card-sectionentrepreneur, .dark .entrepreneur-right-card-sectionentrepreneur {
    background: #13131330;
}

.entrepreneurship-info {
    padding: 30px 30px 30px 0;
}

.entrepreneur-right-card-sectionentrepreneur .entrepreneurship-info {
    padding: 30px;
}

.entrepreneur-card-sectionentrepreneur .entrepreneurship-info h1, .entrepreneur-right-card-sectionentrepreneur .entrepreneurship-info h1 {
    font-family: 'Onest';
    font-weight: 700;
    font-size: 2.25em;
    line-height: 46px;
    margin-bottom: 30px;
}

.entrepreneur-card-sectionentrepreneur .entrepreneurship-info-thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 0 0 0 30px;
}

.entrepreneur-right-card-sectionentrepreneur .entrepreneurship-info-thumb img {
    height: 100%;
    object-fit: cover;
    border-radius: 0;
}

.entrepreneurship-pluses-content h1 {
    font-family: 'Onest';
    font-weight: 700;
    font-size: 2.25em;
    line-height: 46px;
}

.entrepreneurship-pluses-content {
    margin-bottom: 150px;
}

.entrepreneurship-pluses-cards {
    padding-top: 50px;
}

.entrepreneurship-pluses-cards {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    gap: 20px;
}

.dark .entreprn-card {
    background: #13131330;
}

.entreprn-card {
    background: var(--m-color-backgrond);
    padding: 30px;
    border-radius: 0 30px 30px 30px;
}

.dark .entreprn-card h1 {
    color: var(--main-color-blue);
}

.entreprn-card h1 {
    font-family: 'Onest';
    font-weight: 700;
    font-size: 64px;
    line-height: 82px;
    text-align: center;
    color: var(--main-color-purple);
}

.dark .entreprn-card p {
    color: var(--dark-text-color);
}

.entreprn-card p {
    font-style: normal;
    font-weight: 400;
    font-size: 1em;
    line-height: 26px;
    color: var(--main-dark-color);
}
.education-offer-content table thead tr .community_fixed_table,.community_fixed_table{background: var(--main-text-white);}
.dark .education-offer-content table thead tr .community_fixed_table,.dark .community_fixed_table{background: #0D0D0D;}
/* ---------------------------------------------
            Education page
  --------------------------------------------- */
.education-page-cards {
    display: grid;
    gap: 50px;
}

.education-single-ctn .education-title-principal {
    margin-bottom: 50px;
}

.education-page {
    padding-top: 230px;
}

.education-page-content {
    padding: 70px 0 150px 0;
}

.education-card-link a, .education-card-link svg {
    width: 50px;
    height: 50px;
    position: absolute;
    right: 30px;
    top: 50%;
    transform: translateY(-50%);
    fill: transparent;
    transition: all .3s ease-in-out;
}

.education-course-card-info svg path,
.education-course-card-info h1 {
    transition: all .3s ease-in-out;
}

.dark .education-course-card-info:hover svg path,
.dark .education-course-card-info:hover h1 {
    fill: var(--main-color-green);
    color: var(--main-color-green);
}

.education-course-card-info:hover svg path,
.education-course-card-info:hover h1 {
    fill: var(--main-color-green);
    color: var(--main-color-green);
}

.education-course-card:hover svg {
    transform: translateX(10px);
    right: 20px;
    top: 50%;
    transform: translateY(-50%);

}

.dark .education-course-card {
    background: #131313;
}

.education-course-card {
    position: relative;
    display: flex;
    gap: 50px;
    transition: transform .3s;
    background: var(--m-color-backgrond);
    border-radius: 0 30px 30px 30px;
    overflow: hidden;
}

.course-card-thumb {
    padding: 40px;
    width: 191px;
    height: 191px;
    border-radius: 0 30px 30px 30px;
}

.course-card-thumb img {
    width: 110px;
    height: 110px;
    object-fit: contain;
    transition: all .3s ease-in-out;
}

.education-course-card:hover .course-card-thumb img {
    transform: scale(1.05);
}

.education-card-info-content h1 {
    font-family: 'Onest';
    font-weight: 700;
    font-size: 20px;
    line-height: 25px;
    padding-bottom: 30px;
}

.dark .education-card-info-content p {
    color: var(--dark-text-color);
}

.education-card-info-content p {
    font-family: 'Onest';
    font-weight: 400;
    font-size: 1em;
    line-height: 22px;
    color: var(--main-dark-color);
}

.education-card-info-content span {
    font-weight: bold;
}

.education-card-info-content .ed-card-info-span {
    color: var(--main-color-green);
}

.education-course-card-info {
    display: flex;
    align-items: center;
    gap: 90px;
}

.apply-to-community-form .courseModalForm .course-form-group {
    border: 2px solid #0D99CE;
}

.apply-to-community-form .courseModalForm .phone-input select {
    background: var(--main-color-blue);
}

.ComunityColapsible .collapsible-container {
    display: grid;
    gap: 20px;
    grid-template-columns: 1fr 1fr;
}

.dark .ComunityColapsible .collapsible-container .circle,
.dark .ComunityColapsible .collapsible-container .collapsible.active .circle {
    color: #ffffff;
    border: 1px solid #ffffff;
}


/* ---------------------------------------------
         Single Education page
  --------------------------------------------- */

.education-single-content {
    padding: 200px 0 150px 0;
    display: grid;
    gap: 150px;
}

.education-single-first-section {
    position: relative;
    z-index: 10;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
}

.education-single-first-section-thumb {
    border-radius: 0 30px 30px 30px;
    overflow: hidden;
}

.education-single-first-section-thumb img {
    width: 100%;
    object-fit: cover;
    border-radius: 0 30px 30px 30px;
}

.dark .education-sng-fst-sectn-cnt p {
    color: var(--dark-text-color);
}

.education-sng-fst-sectn-cnt p {
    display: none;
    font-style: normal;
    font-weight: 400;
    font-size: 1em;
    line-height: 26px;
    color: var(--main-text-color);
    margin: 30px 0;
}

.dark .eduction-sng-fst-sectn-registeration {
    background: #131313;
}

.eduction-sng-fst-sectn-registeration {
    margin-top: 40px;
    background: var(--m-color-backgrond);
    border-radius: 15px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.edu-sng-fst-sectn-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 60px;
    height: 60px;
    border-radius: 15px;
    object-fit: cover;
}

.edu-sng-fst-sectn-icon img {
    width: 34px;
    height: 34px;
}

.edu-sng-fst-sectn-txt {
    margin-left: 30px;
}

.edu-sng-fst-sectn-txt p {
    font-family: 'Onest';
    font-weight: 400;
    font-size: 1em;
    line-height: 22px;
    margin: 0;
}

.edu-sng-fst-sectn-txt span {
    color: var(--main-color-green);
    font-weight: 700;
}

.edu-sng-fst-sectn-btn {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 241px;
    height: 60px;
    background: var(--main-color-green);
    border-radius: 15px;
    margin-left: auto;
}

.edu-sng-fst-sectn-btn a {
    font-family: 'Onest';
    font-weight: 700;
    font-size: 1.25em;
    line-height: 25px;
    color: var(--main-text-white);
}

.program-table-contens {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 100px;
}

.program-table-contents-instructions h1, .program-table-contents-abilites h1 {
    margin-bottom: 60px;
    font-family: 'Onest';
    font-weight: 700;
    color: var(--main-dark-color);
}

.program-table-contents-instructions h1 {
    font-size: 2.25em;
    line-height: 46px;
}

.program-table-contents-abilites h1 {
    font-size: 1.625em;
    line-height: 33px;
}

.instructions-program-info, .program-course-abilites-cards {
    display: grid;
    gap: 50px;
}

.module-structure {
    display: grid;
    align-items: center;
    grid-template-columns: 50px auto;
    gap: 30px;
}

.dark .education-module-title h2,
.dark .education-module p,
.dark .education-module span {
    color: var(--dark-text-color);
}

.education-module-title h2 {
    font-family: 'Onest';
    font-weight: 600;
    font-size: 1.625em;
    line-height: 33px;
    color: var(--main-dark-color);
}

.education-module {
    margin-left: 80px;
}

.education-module p {
    font-weight: 400;
    font-size: 1em;
    line-height: 26px;
    color: var(--main-text-color);
    margin: 10px 0;
}

.education-module span {
    font-family: 'Onest';
    font-weight: 600;
    font-size: 1em;
    line-height: 26px;
    color: var(--main-text-color);
}

.dark .program-instruction-number {
    color: var(--dark-text-color);
    border: 1px solid #ffffff;
}

.program-instruction-number {
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: 'Onest';
    font-weight: 400;
    font-size: 20px;
    line-height: 25px;
    color: var(--main-dark-color);
    flex-direction: column;
    padding: 12px 21px;
    width: 50px;
    height: 50px;
    border: 1px solid #000000;
    border-radius: 50px;
}

.program-course-abilites {
    display: grid;
    grid-template-columns: 90px auto;
    align-items: center;
    gap: 20px;
}

.dark .program-course-abilites-thumb {
    background: none;
    border: 1px solid #0D99CE;
}

.program-course-abilites-thumb {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 90px;
    height: 90px;
    background: #FFF9E5;
    border-radius: 30px;
}

.program-course-abilites-thumb img {
    width: 46px;
    height: 46px;
    object-fit: contain;
}

.program-course-abilites p {
    font-weight: 500;
    font-size: 1em;
    line-height: 26px;
    color: var(--main-text-color);
}

/* teacher section */
.dark .course-teacher-container {
    background: transparent;
    border: 1px solid #0D99CE;
}

.course-teacher-container {
    position: relative;
    background: #FFF9E5;
    width: 100%;
    max-width: 1100px;
    margin: 0 auto;
    border-radius: 0 30px 30px 30px;
}

.teacher-info-thumb {
    position: absolute;
    right: 180px;
    bottom: -5px;
    transform: translatex(50%);
}

.teacher-info-thumb img {
    height: 208px;
	object-fit: contain;
}

.course-techers-container {
    display: flex;
    flex-direction: column;
    gap: 40px;
}

.teacher-details {
    padding: 30px;
    min-height: 240px;
    width: 50%;
}

.teacher-details-text {
    font-family: 'Onest';
    font-weight: 400;
    font-size: 24px;
    padding-bottom: 15px;
}

.dark .teacher-details-text {
    color: #ffffff;
}

.teacher-details-name h1 {
    font-family: 'Onest';
    font-weight: 700;
    font-size: 26px;
    line-height: 33px;
    padding-bottom: 10px;
}

.dark .teacher-details-function p,
.dark .teacher-details-skills li {
    color: var(--dark-text-color);
}

.teacher-details-function p {
    font-weight: 400;
    font-size: 14px;
    line-height: 26px;
    color: var(--main-dark-color);
    padding-bottom: 16px;
}

.teacher-details-skills li {
    font-family: 'Onest';
    font-size: 12px;
    line-height: 19px;
    color: var(--main-text-color);
    list-style-type: disc;
    margin-left: 20px;
}

/* ---------------------------------------------
         Oportunities page
  --------------------------------------------- */
.oportunities-page-content h1 {
    margin: 150px 0 85px 0;
}

.oportunites-card-container {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 20px;
    margin-bottom: 150px;
}

.dark .card-x {
    background: #13131330;
}

.card-x {
    background: var(--m-color-backgrond);
    border-radius: 0 30px 30px 30px;
    overflow: hidden;
    position: relative;
}

.status-badge {
    position: absolute;
    left: 0px;
    top: 19px;
    padding: 6px 27px;
    border-radius: 0px 10px 10px 0px;
    color: var(--main-text-white);
    font-family: 'Onest';
    font-weight: 700;
    font-size: 16px;
    line-height: 22px;
}

.status-badge.available {
    background: #0BAE8C;
}

.status-badge.expirat {
    background: #DB2227;
}

.card-x-image {
    width: 100%;
    height: auto;
}

.card-x-content {
    padding: 30px;
}

.card-x-content .acquisitions-card-title {
    color: var(--main-dark-color);
	font-weight:700;
}

.dark .card-x-title, .dark .card-x-content .acquisitions-card-title {
    color: var(--dark-text-color);
}

.card-x-title {
    font-family: 'Onest';
    font-weight: 700;
    font-size: 20px;
    line-height: 25px;
}

.card-x-details {
    margin-top: 45px;
    display: flex;
    justify-content: space-between;
}

.dark .card-x-title {
    color: var(--dark-text-color);
}

.card-x-date {
    font-family: 'Onest';
    font-weight: 400;
    font-size: 16px;
    line-height: 22px;
    color: var(--main-text-color);
}

.card-x-link {
    transition: 0.3s ease;
    font-family: 'Onest';
    font-weight: 400;
    font-size: 16px;
    line-height: 22px;
    color: #0D99CE;
}

.card-x-link:hover {
    color: var(--main-color-green);
}

/* ---------------------------------------------
         Oportunities single page
  --------------------------------------------- */
.oportunities-single-page-content {
    width: 100%;
    max-width: 1000px;
    margin: 0 auto;
    padding: 150px 0;
}

.oportunities-single-info {
    display: grid;
    gap: 50px;
}

.oportunities-single-heading h1 {
    font-family: 'Onest';
    font-weight: 700;
    font-size: 36px;
    line-height: 46px;
    color: #000000;
}

.oportunities-single-thumb img {
    border-radius: 0px 30px 30px 30px;
    overflow: hidden;
    width: 100%;
    object-fit: cover;
}

.dark .info-x-block {
    border-top: 1px solid #ffffff;
}

.info-x-block {
    display: grid;
    gap: 30px;
    grid-template-columns: 40% auto;
    padding: 10px 0;
    border-top: 1px solid #000000;
}

.dark .info-x-block:last-child {
    border-bottom: 1px solid #ffffff;
}

.info-x-block:last-child {
    border-bottom: 1px solid #000000;
}

.dark .info-x-block h3 {
    color: var(--dark-text-color);
}

.info-x-block h3 {
    font-family: 'Onest';
    color: var(--main-dark-color);
    font-weight: 700;
    font-size: 16px;
    line-height: 26px;
}

.info-x-block p {
    color: var(--main-dark-color);
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 26px;
}

.download-block {
    display: grid;
    align-items: center;
    gap: 30px;
}

.dark .download-icon {
    background: #0D99CE;
}

.dark .download-text a {
    color: #0D99CE;
}

.download-icon {
    background-color: #293780;
    fill: var(--main-text-white);
    border-radius: 0 10px 10px 10px;
    padding: 9px 20px;
    margin-right: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: background-color 0.3s ease, transform 0.3s ease;
}

.download-icon svg {
    fill: transparent;
    width: 24px;
    height: 24px;
    transition: 0.3s ease;
    transition: padding-top 0.3s ease, width 0.3s ease, height 0.3s ease;
}

.download-text a {
    display: flex;
    align-items: center;
    gap: 20px;
}

.download-text a {
    text-decoration: none;
    color: #293780;;
    font-family: 'Onest';
    font-weight: 400;
    font-size: 16px;
    line-height: 22px;
    transition: color 0.3s ease, transform 0.3s ease;
}

.download-text a:hover {
    color: #0BAE8C;
}

.download-text:hover .download-icon {
    background-color: #0BAE8C;
}

.oportunities-single-text {
    font-family: 'Onest';
    font-size: 16px;
    line-height: 26px;
}

.oportunities-single-text li {
    color: var(--main-text-color);
}

.dark .oportunities-single-text li {
    color: var(--main-text-white);
}

.oportunities-single-text a {
    color: var(--main-color-blue);
}

.oportunities-single-text a:hover {
    color: var(--main-color-green);
}

.dark .oportunities-single-text h3 {
    color: var(--dark-text-color);
}

.oportunities-single-text h3 {
    font-weight: 700;
    color: var(--main-dark-color);
    padding-bottom: 10px;
}

.oportunities-single-text p {
    color: var(--main-text-color);
    font-weight: 400;
    padding-bottom: 10px;
}

.dark .oportunities-single-text ul {
    color: var(--dark-text-color);
}

.oportunities-single-text ul {
    list-style: disc;
    margin: 0 0 20px 20px;
    color: var(--main-text-color);
    font-weight: 400;
    font-size: 16px;
    line-height: 26px;
}

.h3-important {
    display: flex;
    align-items: baseline;
    gap: 10px;
}

/* ---------------------------------------------
         Podcasts page
  --------------------------------------------- */
.podcast-page {
    margin: 150px 0;
}

.podacst-single-ctn {
    padding-top: 180px;
}

.section-title h1 {
    font-weight: 700;
    font-size: 64px;
    line-height: 82px;
    margin-bottom: 50px;
    color: var(--main-dark-color);
}

.dark .section-title h1 {
    color: var(--main-text-white);
}

.podcast-card-top {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
}

.podcast-date {
    display: flex;
    justify-content: space-between;
    align-items: center;
	gap: 30px;
}
.podcast-date .news-date{display: flex; gap: 3px;}
.podcast-card-top-info {
    display: flex;
    flex-direction: column;
    gap: 50px;
}

.podcast-card-top-thumb {
    position: relative;
}

.podcast-card-top-thumb img {
    width: 100%;
    border-radius: 0px 30px 30px 30px;
}

.podcast-link-moore a {
    color: var(--main-color-green);
    display: flex;
    align-items: center;
    gap: 10px;
}

.podcast-single-iframe img {
    display: none;
}

.podcast-link-moore a:hover {
    color: var(--main-color-blue);
}

.podcast-thumb-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 60%;
    height: 99%;
    background: linear-gradient(270deg, rgba(0, 255, 194, 0) 0%, #00FFC2 100%);
    display: flex;
    gap: 30px;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    padding-left: 40px;
    pointer-events: none;
}

.podcast-thumb-overlay img {
    height: 95px;
}

.podcast-thumb-overlay h1 {
    font-weight: 700;
    font-size: 35px;
    line-height: 45px;
    letter-spacing: 0.03em;
    color: var(--main-text-white);
    position: relative;
    text-shadow: 1px 1px 0 #000,
    -1px 1px 0 #000,
    1px -1px 0 #000,
    -1px -1px 0 #000;
}

.podacst-cards-bottom {
    margin-top: 150px;
}

.card-title h1 {
    font-weight: 700;
    font-size: 36px;
    line-height: 46px;
    color: var(--main-dark-color);
}

.dark .card-title h1 {
    color: var(--dark-text-color);
}

.podacst-cards-bottom {
    display: flex;
    flex-direction: column;
    gap: 50px;
}

.podcast-cards-container {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 20px;
}

.podcast-card {
    display: flex;
    flex-direction: column;
    gap: 15px;
    justify-content: space-between;
    height: 100%;
}

.podcast-card .podcast-title h1 {
    font-weight: 700;
    font-size: 20px;
    line-height: 25px;
    color: var(--main-dark-color);
}

.dark .podcast-card .podcast-title h1 {
    color: var(--dark-text-color);
}

.podcast-card .podcast-thumb-overlay {
    pointer-events: all;
    background: none;
    width: 100%;
    gap: 0;
}

.podcast-card .podcast-thumb-overlay h1 {
    font-size: 20px;
    line-height: 1;
}

.podcast-card .podcast-thumb-overlay h2 {
    font-size: 14px;
    font-weight: 400;
    position: relative;
    text-shadow: 1px 1px 0 #000,
    -1px 1px 0 #000,
    1px -1px 0 #000,
    -1px -1px 0 #000;
}

.podcast-card .podcast-card-top-thumb img {
    width: 100%;
}

.podcast-single-iframe iframe {
    width: 100%;
    aspect-ratio: 16/9;
    border: 2px solid #0BAE8C;
    border-radius: 0px 40.322px 40.322px 40.322px;
}

.podcast-single-page {
    display: flex;
    flex-direction: column;
    gap: 30px;
}
.podcast-single-page .podcast-card-top-thumb{display: none;}
.podcast-link-social ul {
    display: flex;
    gap: 20px;
}
.podacst-socials{display: flex; gap: 20px;}
.podcast-link-social a {
    display: flex;
    align-items: center;
    padding: 12px;
    background: #E5FFFA;
    border-radius: 30px;
    transition: 0.3s;
    transform-origin: center;
}

.dark .podcast-link-social a {
    border: 2px solid var(--dark-link-moore);
    background: none;
    color: var(--dark-text-color);
}

.podcast-link-social a:hover {
    transform: rotate(360deg);
}

.podcast-description p {
    font-weight: 400;
    font-size: 16px;
    line-height: 26px;
    color: var(--main-text-color);
}

/* ----------------------------------------------
           Partner  Up Putton
----------------------------------------------- */

.header .menu .partner-up-button {
    display: inline-block;
    padding: 10px 25px;
    width: max-content;
    background: var(--main-color-blue);
    border-radius: 0px 10px 10px 10px;
    font-family: 'Onest';
    color: var(--main-text-white);
    font-weight: 600;
    transition: background 0.3s;
}

.header .menu .partner-up-button:hover {
    color: var(--main-text-white);
    background: var(--main-color-purple);
}

/* ----------------------------------------------
            404 Page
----------------------------------------------- */
.page404-container {
    margin: 150px auto;
}

.page-404 {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
}

.page404-container {
    text-align: center;
    padding-top: 50px;
}

.dark .page404-content h1, .dark .page404-content p {
    color: var(--dark-text-color);
}

.page404-content h1 {
    line-height: 1.5;
    font-size: 48px;
    margin-bottom: 20px;
    color: var(--main-color-black);
}

.page404-content p {
    font-size: 18px;
    margin-bottom: 20px;
    color: var(--main-text-color);
}

.page404-content .btn {
    display: inline-block;
    padding: 10px 20px;
    font-size: 16px;
    color: #ffffff;
    background-color: var(--main-color-purple);
    border: none;
    border-radius: 5px;
    text-decoration: none;
    transition: background-color 0.3s;
}

.page404-content .btn:hover {
    background-color: #0056b3;
}

/* pagina event single adaugator */

.single-event-speaker {
    margin: 50px 0;
    background: #F3F3F3;
    border-radius: 0px 30px 30px 30px;
    padding: 30px;
    display: flex;
    gap: 20px;
    align-items: center;
    justify-content: space-between;
}

.dark .single-event-speaker, .dark .event-agenda {
    background: rgba(19, 19, 19, 0.5);
    backdrop-filter: blur(100px);
}

.event-speaker-thumbnail img {
    width: 150px;
    height: 150px;
	object-fit: cover;
    border-radius: 0px 20px 20px 20px;
    overflow: hidden;
}

.event-speaker {
    display: grid;
    gap: 10px;
}

.speaker-type {
    font-family: 'Onest';
    font-weight: 400;
    font-size: 16px;
    line-height: 26px;
    color: var(--main-color-purple);
}

.dark .speaker-type {
    color: var(--main-color-blue);
}

.dark .speaker-name, .dark .speaker-function {
    color: var(--main-text-white);
}

.speaker-name {
    font-weight: 700;
    font-size: 36px;
    line-height: 46px;
    color: var(--main-dark-color);
}

.dark .course-time {
    filter: brightness(0) invert(1);
}

.speaker-function {
    font-weight: 400;
    font-size: 16px;
    line-height: 22px;
    color: #464646;
}

.event-agenda {
    background: #F8F8F8;
    border-radius: 0px 20px 20px 20px;
    padding: 30px;
    margin: 50px 0;
}

.event-agenda h1 {
    font-weight: 700;
    font-size: 36px;
    line-height: 46px;
    color: var(--main-dark-color);
}

.agenda-tabs {
    margin-top: 20px;
}

/*tabs event page */
.tabs {
    display: inline-block;
}

.tabs {
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
    margin-bottom: 20px;
}

.dark .tab-btn {
    color: var(--dark-text-color);
    border: 2px solid var(--main-color-blue);
}

.tab-btn {
    font-size: 16px;
    border: none;
    cursor: pointer;
    transition: 0.3s ease;
    font-family: 'Onest';
    font-weight: 700;
    font-size: 16px;
    line-height: 20px;
    padding: 20px 40px;
    background: none;
    color: #293780;
    border-radius: 0px 15px 15px 15px;
    border: 2px solid #293780;
}

.tab-btn:hover, .tab-btn.active {
    background: #293780;
    color: var(--main-text-white);
}

.dark .tab-btn:hover, .dark .tab-btn.active {
    background: var(--main-color-blue);
    color: var(--dark-text-color);
}

.tab-content {
    display: none;
    padding-top: 30px;
}

.dark .tab-container {
    border-bottom: 1px solid var(--main-color-blue);
}

.tab-container {
    display: flex;
    gap: 30px;
    padding: 20px 0;
    border-top: 1px solid #0D99CE;
}

.tab-container:last-child {
    border-bottom: 1px solid #0D99CE;
}

.tab-content-time p {
    width: max-content;
    font-family: 'Onest';
    font-weight: 700;
    font-size: 16px;
    line-height: 22px;
    color: var(--main-color-purple);
}

.tab-content-info h1 {
    font-weight: 600;
    font-size: 16px;
    line-height: 22px;
    color: var(--main-dark-color);
}

.tab-content-info p {
    font-family: 'Onest';
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
    color: #555555;
}

.tab-content-info {
    display: grid;
    gap: 20px;
}

.tab-content.active {
    display: block;
}

/* ------------- */
.reports-container .page-descriptions p {
    margin-top: 50px;
}

.benefit-cards {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    gap: 20px;
}

.benefit-card-thumb img {
    width: 100%;
    object-fit: contain;
}

.benefit {
    margin: 100px 0;
}

.benefit h1 {
    padding-bottom: 50px;
}

.dark .benefit-card, .dark .partn-plus li, .dark .be-partner {
    background: rgba(27, 27, 27, 0.5);
    color: var(--dark-text-color);
}

.benefit-card {
    display: flex;
    flex-direction: column;
    gap: 30px;
    background: #F8F8F8;
    border-radius: 0px 20px 20px 20px;
    padding: 30px;
}

.partenrship-apply-thumb img {
    width: 100%;
    height: auto;
}
.partnership-apply{
	display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 100px;
}
}
.partnership-apply-content {
    display: flex;
    flex-direction: column;
    gap: 50px;
}
.partnership-apply-content h1{margin-bottom: 50px;}

.partn-plus {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.partn-plus li {
    background: var(--m-color-backgrond);
    border-radius: 0px 20px 20px 20px;
    padding: 20px 30px;
    font-weight: 700;
    font-size: 20px;
    line-height: 26px;
    color: var(--main-text-color);
    list-style: none;

}

.be-partner {
    margin: 100px 0;
    background: #F8F8F8;
    border-radius: 0px 20px 20px 20px;
    padding: 50px;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 70px;
}

.be-partner-thumb {
    display: flex;
    justify-content: center;
}

.be-partner-thumb img {
    width: 100%;
    object-fit: contain;
    height: auto;
}

.be-partner-content .contact-form h3 {
    font-weight: 700;
    font-size: 36px;
    line-height: 46px;
    color: var(--main-dark-color);
}

.dark .be-partner-content .contact-form h3,
.dark .be-partner-content .contact-form form input,
.dark .be-partner-content .form-member-contact label {
    color: var(--dark-text-color);
}

.be-partner-content .contact-form form input {
    border: 2px solid #0D99CE;
    border-radius: 0px 20px 20px 20px;
    background: transparent;
    color: var(--main-form-input);
}

.be-partner-content .form-member-contact label {
    color: var(--main-dark-color);
}

.be-partner-content .form-member-contact .termcond a {
    color: var(--main-color-blue);
}

.be-partner-content .submit-member button {
    background: var(--main-color-blue);
    color: var(--main-text-white);
}

.be-partner-content .submit-member button:hover {
    background: var(--main-color-green);
}

.be-partner-content .submitBtnMember.member_inactive, .be-partner-content .submitBtnMember.member_inactive:hover {
    background-color: var(--main-form-input);
    color: var(--main-text-color);
    cursor: not-allowed;
}

.partnership-infos{
	display:flex;
	flex-direction:column;
	gap:50px
}

.partners-carousel h1 {
    font-weight: 700;
    font-size: 36px;
    line-height: 46px;
    color: #000000;
}

.swiper-slide img {
    width: 100%;
   	aspect-ratio: 16/10;
    object-fit: contain;
}

.partners-carousel .slider-section {
    margin: 0 auto;
    padding: 30px 0 0px 0;
}

.partners-carousel .slider-column {
    height: auto;
    margin-inline: auto;
}

.swiper-wrapper {
    display: flex;
}

.swiper-slide {
    width: auto;
    background: #F8F8F8;
    border-radius: 0px 20px 20px 20px;
    padding: 28px 31px;
}

.swiper-slide .swipe-logo-dark {
    display: none;
}

.dark .slider-column .swiper-backface-hidden .swiper-slide {
    background: rgba(27, 27, 27, 0.5);
}

.dark .swiper-slide .swipe-logo-white {
    display: none;
}

.dark .swiper-slide .swipe-logo-dark {
    display: block;
}

.policies-form .contact-form .submit-member button {
    width: 40%;
}

.policies-form .contact-form form {
    gap: 10px;
}

.policies-form {
    margin: 40px 0 50px 0;
}

.policies-form .contact-form form input, .policies-form .contact-form form textarea {
    border: 2px solid #293780;
    border-radius: 0px 20px 20px 20px;
    background: transparent;
    color: var(--main-dark-color);
}

.dark .policies-form .contact-form form input, .dark .policies-form .contact-form form textarea {
    border: 2px solid #0D99CE;
}

.policies-form form p {
    font-weight: 700;
    font-size: 20px;
    line-height: 26px;
    color: var(--main-dark-color);
}

.policies-form .form-member-contact .submit-member {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.policies-form .msg-text {
    padding-top: 30px;
}

.policies-form .contact-form form textarea {
    height: 170px;
}

.policies-form .form-member-contact label {
    color: var(--main-dark-color);
    display: flex;
    gap: 5px;
}

.dark .policies-form form p,
.dark .policies-form .form-member-contact label,
.dark .policies-form .contact-form form input, .dark .policies-form .contact-form form textarea {
    color: var(--main-text-white);
}

.dark .project-single-content {
    background: rgba(27, 27, 27, 0.5);
    backdrop-filter: blur(102px);
}

.dark .project-page-content ul, .dark .project-page-content li {
    color: #fff;
    line-height: 1.5;
}

.project-single-content {
    background: var(--m-color-backgrond);
    padding: 40px;
    border-radius: 0px 30px 30px 30px;
    display: flex;
    flex-direction: column;
    gap: 30px;
}

.project-single-content ul {
    list-style: disc;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.project-single-content ul li {
    margin-left: 14px;
}

.project-single-thumb img {
    width: 100%;
    border-radius: 0px 10px 10px 10px;
}

.project-single-content h1 {
    font-weight: 700;
    font-size: 30px;
    line-height: 38px;
}

.project-single-terms {
    border-top: 1px solid #0BAE8C;
    display: flex;
    gap: 40px;
    padding-top: 30px;
}

.project-value {
    display: flex;
    gap: 15px;
}

.project-value-ctn h1 {
    font-weight: 600;
    font-size: 16px;
    line-height: 22px;
}

.project-value-ctn p {
    font-weight: 400;
    font-size: 16px;
    line-height: 22px;
    color: var(--main-text-color);
}

.education-divider {
    display: grid;
    grid-template-columns: 2fr 1fr;
    gap: 20px;
}

.education-card-info {
    display: flex;
    gap: 20px;
}

.course-time {
    display: flex;
    gap: 5px;
    align-items: center;
}

.education-card-moore {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.education-card-moore .card-price p {
    color: var(--main-dark-color);
}

.dark .education-card-moore .card-price p {
    color: var(--dark-text-color);
}

.education-card-moore a {
    color: #293780;
}

.sidebar-card-education {
    background: var(--m-color-backgrond);
    border-radius: 0px 20px 20px 20px;
    padding: 10px;
}

.dark .sidebar-card-education {
    background: var(--dark-background);
}

.education-thumb img {
    width: 100%;
    border-radius: 0px 10px 10px 10px;
}

.course-register, .sidebar-card-education .end_registration {
    display: block;
    background-color: #0BAE8C;
    border-radius: 5px;
    padding: 20px;
    text-align: center;
    color: white;
    font-size: 16px;
    font-weight: 600;
}
.sidebar-card-education .end_registration {
	cursor: not-allowed;
    background: #A5A5A5;
    color: #DC2328;
}
.sidebar-card-education .card-details li {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 0;
    margin: 0 10px;
    border-bottom: 1px solid #DADADA;
}

.dark .sidebar-card-education .card-details li {
    color: var(--dark-text-color);
}

.sidebar-card-education .card-details-fst {
    display: flex;
    align-items: center;
    gap: 5px;
}

.sidebar-card-education .card-details li:last-child {
    border-bottom: none;
}

.sidebar-card-education .course-price p {
    font-weight: 600;
    font-size: 24px;
    line-height: 31px;
    color: var(--main-dark-color);
    margin: 20px 10px;
}

.dark .sidebar-card-education .course-price p {
    color: var(--dark-text-color);
}

.sidebar-card-education .card-button {
    display: block;
    width: 100%;
    margin: 0 auto;
    font-weight: 700;
    font-size: 16px;
    line-height: 20px;
    color: #ffffff;
    padding: 20px 70px;
    background: #0BAE8C;
    border-radius: 5px;
    text-align: center;
}

.sidebar-card-education .card-details {
    padding-top: 20px;
}

.education-single-ctn .education-general-presence h1, .education-single-ctn .plan-of-course h1 {
    font-weight: 700;
    font-size: 20px;
    line-height: 26px;
    padding-bottom: 30px;
}

.education-single-page {
    display: flex;
    flex-direction: column;
    gap: 40px;
}

.education-general-presence p,
.education-general-presence li {
    line-height: 1.5;
    font-size: 16px;
    margin-bottom: 10px;
    color: var(--main-text-color);
}

.education-general-presence a {
    color: var(--main-color-purple);
}

.dark .education-general-presence a {
    color: var(--main-color-blue);
}

.education-general-presence a:hover {
    color: var(--main-color-blue);
}

.dark .education-general-presence a:hover {
    color: var(--main-color-green);
}

.education-general-presence li {
    list-style: decimal;
    margin-left: 30px;
    line-height: 1.5;
}

.dark .education-general-presence li {
    color: #ffff;
}

.education-single-ctn {
    padding: 150px 0;
}

.dark .card-details-fst img {
    filter: invert(100%) brightness(2);
}

.education-tap-links {
    border-bottom: 1px solid #555555;
    transition: 0.3s;
    padding: 10px 0;
    display: flex;
    gap: 20px;
}

.dark .education-tap-links {
    border-bottom: 1px solid #fff;
}

.education-tap-links a {
    font-weight: 400;
    font-size: 16px;
    line-height: 26px;
    color: var(--main-text-color);
}

.dark .education-tap-links a {
    color: var(--dark-text-color);
}

.plan-of-course .collapsible-container {
    width: 100%;
}

.plan-of-course .collapsible {
    margin-bottom: 20px;
    background: #f8f8f8;
    border-radius: 0px 20px 20px 20px;
}

.plan-of-course .collapsible-header {
    position: relative;
    z-index: 2;
    display: flex;
    gap: 30px;
    align-items: center;
    justify-content: space-between;
    padding: 20px;
    cursor: pointer;
}

.dark .plan-of-course .collapsible {
    background: #00000050;
    border: 1px solid #0D99CE;
    border-radius: 0px 20px 20px 20px;
    z-index: 1;
}

.dark .plan-of-course .collapsible-header {
    background: #00000050;
}

.plan-of-course .circle {
    width: 40px;
    height: 40px;
    padding: 7px 16px;
    border-radius: 50%;
    color: #000000;
    border: 1px solid #000000;
    font-size: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.plan-of-course .collapsible.active .circle {
    color: #293780;
    border: 1px solid #293780;
}

.dark .plan-of-course .circle, .dark .plan-of-course .collapsible.active .circle {
    color: #ffffff;
    border: 1px solid #ffffff;
}

.plan-of-course .collapsible-title {
    flex-grow: 1;
    font-weight: 600;
    font-size: 18px;
    color: #293780;
}

.dark .plan-of-course .collapsible-title {
    color: var(--main-text-white);
}

.dark .plan-of-course .arrow svg {
    fill: var(--main-color-blue);
}

.plan-of-course .arrow {
    transition: transform 0.3s;
}

.plan-of-course .arrow svg {
    fill: #000000;
}

.plan-of-course .collapsible-content {
    padding: 0 20px 20px 20px;
    display: none;
    color: var(--main-dark-color);
}

.dark .plan-of-course .collapsible-content {
    z-index: 2;
    background: #00000050;
    color: var(--main-text-white);
}

.plan-of-course .collapsible.active .arrow svg {
    fill: #293780;
}

.dark .plan-of-course .collapsible.active .arrow svg {
    fill: #ffffff;
}

.plan-of-course .collapsible.active .arrow {
    transform: rotate(180deg);
}

.collapsible-content ul, .collapsible-content ol {
    margin-left: 90px;
    list-style: decimal;
}

.collapsible-content ul li, .collapsible-content ol li {
    font-size: 16px;
    line-height: 31px;
}

/* Comunity styling */
.education-gallery-content {
    margin: 50px 0;
}

.education-offer {
    margin: 100px 0;
}

.education-offer h1 {
    margin-bottom: 30px;
}

.education-gallery {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 20px;
}

.education-gallery img {
    width: 100%;
    cursor: pointer;
    transition: 0.2s;
    border-radius: 20px;
}

.education-gallery img:hover {
    transform: scale(1.015);
}

.comunity-lightbox {
    display: none;
    position: fixed;
    z-index: 999;
    padding-top: 60px;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.8);
    justify-content: center;
    align-items: center;
}

.comunity-lightbox-content {
    max-width: 80%;
    max-height: 80%;
    margin: auto;
    display: block;
}

.edc-gallery-close {
    position: absolute;
    top: 20px;
    right: 35px;
    color: #fff;
    font-size: 40px;
    font-weight: bold;
    cursor: pointer;
}

.comunity-prev, .comunity-next {
    cursor: pointer;
    position: absolute;
    top: 50%;
    width: auto;
    padding: 16px;
    margin-top: -22px;
    color: white;
    font-weight: bold;
    font-size: 40px;
    user-select: none;
    transition: 0.6s ease;
}

.comunity-prev {
    left: 0;
}

.comunity-next {
    right: 0;
}

.ComunityColapsible .collapsible {
    margin: 0;
}

.comunity-prev:hover, .comunity-next:hover {
    background-color: rgba(0, 0, 0, 0.8);
}

.comunity-apply-form {
    background: #F8F8F8;
    padding: 50px;
    border-radius: 0px 20px 20px 20px;
}

.dark .comunity-apply-form {
    display: grid;
    background: none;
}

.comunity-form-row1, .comunity-form-row2 {
    gap: 20px;
    display: grid;
}

.comunity-form-row1 {
    grid-template-columns: 1fr 1fr 1fr;
}

.comunity-form-row2 {
    grid-template-columns: 1fr 1fr;
}

.comunity-form-row3 {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.comunity-apply-form {
    margin-bottom: 0;
}


.pricing-table {
    width: 100%;
    overflow-x: scroll;
    border-collapse: collapse;
}

.education-offer-content table {
    width: 100%;
	min-width: 920px;
    border-collapse: collapse;
    table-layout: fixed;
}

.education-offer-content thead {
    font-weight: 700;
    font-size: 20px;
    line-height: 26px;
    color: var(--main-dark-color);
}

.dark .education-offer-content thead,
.dark .education-offer-content th,
.dark .education-offer-content th,
.dark .education-offer-content td,
.education-offer .contact-form h3,
.education-offer .termcond label {
    color: var(--dark-text-color);
}

.education-offer .termcond a {
    color: var(--main-color-blue);
}

.education-offer .contact-form form input {
    border: 2px solid #0D99CE;
    color: var(--main-form-input);
    background: transparent;
    border-radius: 0px 20px 20px 20px;
}

.education-offer-content th, .education-offer-content td {
    border-bottom: 1px solid #D6D6D6;
    border-right: 1px solid #D6D6D6;
    text-align: left;
    padding: 12px;
    word-wrap: break-word;
}

.education-offer-content th:last-child, .education-offer-content td:last-child {
    border-right: none;
}

.education-offer-content th {
    background: none;
    color: var(--main-dark-color);
}

/* -----------------------------------
             Reports page
 ------------------------------------- */
.big-title {
    font-weight: 700;
    font-size: 64px;
    line-height: 82px;
    color: var(--main-color-black);
    margin-bottom: 50px;
}

.card-title {
    font-weight: 700;
    font-size: 20px;
    line-height: 25px;
    color: var(--main-color-black);
}

.section-container {
    padding: 150px 0;
}

.partnership-page {padding:150px 0 100px}

.reports-cards {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 20px;
	margin-bottom: 100px;
}

.reports-card {
    background: var(--m-color-backgrond);
    border-radius: 0px 20px 20px 20px;
    overflow: hidden;
}

.dark .reports-card {
    background: #13131350;
}

.report-card-info {
    padding: 30px;
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.report-card-thumb img {
    width: 100%;
    aspect-ratio: 16/9;
    object-fit: cover;
}

.report-card-moore a, .report-card-moore svg {
    color: #293780;
    transition: 0.3s;
}

.report-card-moore a:hover, .report-card-moore svg:hover {
    margin-left: 3px;
}

.dark .report-card-moore a, .dark .report-card-moore svg {
    color: var(--main-color-blue);
}

.dark .report-card-moore a:hover, .dark .report-card-moore svg:hover {
    color: var(--main-color-green);
}

/* ======================================================================================
 			Bussines Summit Page
	====================================================================================== */
.card-filter-name {
    font-weight: 400;
    font-size: 16px;
    line-height: 22px;
    text-transform: uppercase;
    margin-bottom: 15px;
    color: var(--main-color-blue);
}

.bussines-summit-card-title h2 {
    font-weight: 700;
    font-size: 36px;
    line-height: 46px;
    color: var(--main-dark-color);
}

.dark .bussines-summit-card-title h2 {
    color: var(--dark-text-color);
}

.bussines-summit-page-card {
    gap: 40px;
    align-items: center;
    background: none;
}

.dark .bussines-summit-page-card {
    background: none;
}

.bussines-summit-card-content {
    margin: 0;
}

.bussines-summit-card-info {
    margin: 30px 0;
}

.card-info-detail-fc p {
    font-weight: 400;
    font-size: 16px;
    line-height: 22px;
    color: #293780;
}

.bussines-summit-page-moore-info .card-button {
    background: #293780;
    color: var(--main-text-white);
    border-radius: 0px 15px 15px 15px;
    padding: 14px 68px;
    font-size: 20px;
    line-height: 26px;
    transition: 0.3s;
}

.dark .bussines-summit-page-moore-info .card-button {
    color: var(--dark-text-color);
    background: var(--main-color-blue);
}

.bussines-summit-page-moore-info .card-button:hover,
.dark .bussines-summit-page-moore-info .card-button:hover {
    background: var(--main-color-green);
    color: var(--main-text-white);
}

.bussines-summit-editions {
    font-weight: 700;
    font-size: 36px;
    line-height: 46px;
    margin-bottom: 50px;
}

.bussines-summit-moore-info {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 10px;
}

.bussines-summit-moore-info .card-info-details-fc {
    display: flex;
    align-items: center;
    font-weight: 400;
    font-size: 16px;
    line-height: 22px;
    color: var(--main-color-blue);
}

.bussines-summit-single-content {
    background: none;
    margin: 0;
    padding: 0;
    border-radius: none;
    gap: 0;
}

.dark .bussines-summit-single-content {
    background: none;
}

.bussines-summit-single-page {
    gap: 20px;
}

.bussines-summit-single-thumb img {
    border-radius: 0px 30px 30px 30px;
}

.bussines-summit-single-content {
    font-weight: 700;
    font-size: 36px;
    line-height: 46px;
}

.summit-frame iframe {
    width: 100%;
    aspect-ratio: 16/9;
    border: 2px solid #0BAE8C;
    border-radius: 0px 30px 30px 30px;
}

.bussines-summit-single-content .section-title {
    font-weight: 700;
    font-size: 36px;
    line-height: 46px;
    margin-top: 50px;
}

.bussines-summit-single-content .bussines-summit-card-info {
    margin: 30px 0 50px 0;
    gap: 40px;
}

.bussines-summit-single-page .education-card-info {
    flex-wrap: wrap
}

.bussines-summit-single-thumb2 {
    margin: 50px 0;
}

.bussines-summit-single-content .card-title {
    margin: 50px 0;
}

.dark .bussines-summit-single-content .card-title {
    color: var(--dark-text-color);
}

/* ======================================================================================
 		IT Career Expo
	====================================================================================== */
.ITCareer-sng-card-info {
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.ITCareer-sng-cd-info {
    display: flex;
    gap: 20px;
    margin: 30px 0;
	flex-wrap:wrap;
}

.ITCareer-sngl-page-card-info-sect2 {
    display: flex;
    gap: 40px;
}

.ITCareer-page-card-info-sect2 {
    display: flex;
    gap: 40px;
}

.ITCareer-partner-cards {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}

.ITCareer-partner-cards .swiper-slide {
    width: 175px;
    border-radius: 20px;
    padding: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.dark .ITCareer-partner-cards .swiper-slide {
    background: rgba(27, 27, 27, 0.5);
}

.ITCareers-results {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}

.ITCareer-result-card {
    background: var(--m-color-backgrond);
    padding: 30px;
    display: flex;
    gap: 25px;
    flex-direction: column;
    align-items: center;
    border-radius: 20px;
}

.dark .ITCareer-result-card {
    background: #00000050;
}

.ITCareer-result-card h1 {
    font-weight: 700;
    font-size: 44px;
    line-height: 22px;
}

.ITCareer-result-card p {
    width: 100%;
    max-width: 200px;
    text-align: center;
}

.ITCareer-partner-cards .swiper-slide img {
    width: 100%;
    max-width: 110px;
}

.Career-sesion-content .section-title {
    margin: 50px 0 30px 0;
}

/* ======================================================================================
 		Finances opportunities
	====================================================================================== */
.finance-oppurtunity-content {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.finance-oppurtunity-card {
    padding: 30px;
    display: flex;
    gap: 30px;
    background: var(--m-color-backgrond);
    border-radius: 0 30px 30px 30px;
}

.dark .finance-oppurtunity-card {
    background: var(--dark-background);
}

.finance-oppurtunity-card-thumb img {
    max-width: 100px;
    object-fit: contain;
}

.finance-oppurtunity-card-thumb .swipe-logo-dark,
.dark .finance-oppurtunity-card-thumb .swipe-logo-white {
    display: none;
}

.dark .finance-oppurtunity-card-thumb .swipe-logo-dark {
    display: block;
}

.finance-oppurtunity-card-content {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.finance-oppurtunity-card-content h1 {
    font-size: 20px;
    font-weight: 700;
    line-height: 26px;
}

.opportunity-card-moore a, .opportunity-card-moore svg {
    font-size: 16px;
    font-weight: 400;
    line-height: 22px;
    color: #293780;
    fill: #293780;
}

.op-link svg path {
    fill: #293780;
    transition: fill 0.3s ease;
}

.op-link:hover svg path {
    fill: var(--main-color-green);
}

.dark .op-link svg path {
    fill: var(--main-color-green);
}

.dark .op-link:hover svg path {
    fill: var(--main-color-blue);
}

/* ======================================================================================
 		Program page
	====================================================================================== */
.hackaton-card-perriod {
    border-bottom: 1px solid #0D99CE;
    padding: 15px 30px;
}

.hackathon-single-thumb img {
    width: 100%;
    object-fit: contain;
    aspect-ratio: 16/9;
}

.plan-of-hackathon .hackathon-colapsible-circle, .plan-of-hackathon .colapsible-hackathon.active .circle {
    border: none;
}

.plan-of-hackathon .hackathon-collapsible-content {
    padding: 0 20px 20px 90px;
}

.hackathon-mentor-card {
    display: grid;
    grid-template-columns: 100px auto;
    gap: 20px;
    padding: 10px;
    align-items: center;
    background: #F8F8F8;
    border-radius: 57px 20px 20px 57px;
}

.dark .hackathon-mentor-card {
    background: var(--main-color-black);
}

.hackathon-mentor-card-thumb {
    border: 2px solid #0D99CE;
    border-radius: 50%;

}

.hackathon-mentor-card-thumb img {
    width: 80px;
    object-fit: contain;
}

.hackathon-mentor-cards {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
}

.hackathon-mentor-card-thumb {
    width: 100px;
    height: 100px;
    border: 2px solid #293780;
    border-radius: 50%;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
}

.dark .hackathon-mentor-card-thumb {
    border: 2px solid #0D99CE;
}

.hackathon-mentor-card-thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.hackathon-mentor-card-details {
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin: 10px 0;
}

.hackathon-mentor-card-details h1 {
    font-weight: 700;
    font-size: 20px;
    line-height: 26px;
}

.program-singleDwnld .download-block {
    gap: 20px;
}

.program-singleParticipation {
    margin: 100px 0;
}

.program-singleParticipation h1,
.hackathon-mentor-heading h1,
.ProgramSngPartnrs .card-title {
    margin-bottom: 50px;
    font-weight: 700;
    font-size: 36px;
    line-height: 46px;
}

.dark .program-singleParticipation .circle,
.dark .program-singleParticipation .collapsible.active .circle {
    border: none;
}

.hackathon-mentor-card-function {
    display: flex;
    flex-direction: column;
    font-weight: 400;
    font-size: 16px;
    line-height: 26px;
    color: var(--main-text-color);
}

.dark .hackathon-mentor-card-function {
    color: var(--dark-text-color);
}

/* ======================================================================================
 		Events Calendar
	====================================================================================== */

.event-calendar-container {
    margin: 150px 0;
}

.calendar-page-title {
    margin-bottom: 50px;
}

.calendar-page-content {
    display: grid;
	grid-template-columns: 1fr 1fr;
    gap: 40px;
}

.calendar-page-content #calendar {
    width: 100%;
    border: 1px solid #DCDCDC;
    border-radius: 30px;
    padding: 30px;
}

.calendar-page-content .calendar-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 30px;
}

.calendar-page-content .calendar-header .nav-arrow,
.calendar-page-content .calendar-content .calendar-dates .date.other-month {
    font-family: 'Onest';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 22px;
}

.calendar-page-content .calendar-header .nav-arrow {
    background: none;
    cursor: pointer;
    display: flex;
    align-items: flex-start;
    padding: 10px 20px;
    gap: 10px;
    border: 1px solid #0D99CE;
    border-radius: 5px;
    color: #0D99CE;
}

.calendar-page-content .nav-arrow:hover {
    border: 1px solid #0BAE8C;
    color: #0BAE8C;
}
.dark .event-calendar-container .calendar-header .event-calendar-current-month{color: #ffffff;}
.event-calendar-container .calendar-header .event-calendar-current-month {
    font-family: 'Onest';
    font-style: normal;
    font-weight: 700;
    font-size: 20px;
    line-height: 26px;
    color: #000000;
}

.event-calendar-container .calendar-content .calendar-days span {
    background: #EEEEEE;
    border-radius: 10px;
	aspect-ratio: 1/1;
    text-transform: uppercase;
    font-family: 'Onest';
    font-style: normal;
    font-weight: 600;
    font-size: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}
.dark .event-calendar-container .calendar-content .calendar-days span {
    background: #353535;;
	outline: none;
    color: #fff;
}
.calendar-page-content .calendar-content .calendar-days {
    display: grid;
    grid-template-columns: repeat(7, 1fr);
    gap: 5px;
    text-align: center;
    font-weight: bold;
    margin-bottom: 10px;
}
.calendar-page-content .events-list .event-item a h4{
	font-weight: 700;
	font-size: 20px;
	line-height: 26px;
	color: #000000;
}
.dark .calendar-page-content .events-list .event-item a h4{
	color: #ffffff;
}
.calendar-page-content .events-list .event-item a small,.calendar-sd-data{
	font-weight: 400;
	font-size: 16px;
	color: #0D99CE;
	display: flex;
    align-items: center;
    gap: 10px;;
}
.dark .calendar-page-content .events-list .event-item a small{
	font-size:16px;
}
.calendar-page-content .calendar-content .calendar-dates .date.current .dots{color: #fff;}
.calendar-page-content .calendar-content .calendar-dates {
    display: grid;
    grid-template-columns: repeat(7, 1fr);
    text-align: center;
    gap: 5px;
}

.calendar-page-content .calendar-content .calendar-dates .date {
    aspect-ratio: 1/1;
    cursor: pointer;
    background: #F7F7F7;
    border-radius: 10px;
    color: #293780;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}

.dark .calendar-page-content .calendar-content .calendar-dates .date {
	background: #535353;
    color: #ffffff;
	outline: none;
}
.calendar-page-content .calendar-content .calendar-dates .date.other-month {
    color: #DCDCDC;
    border: 1px solid #DCDCDC;
    border-radius: 10px;
    background: none;
	cursor: default;
}
.dark .calendar-page-content .calendar-content .calendar-dates .date.other-month {
    color: #FFFFFF50;
    border: 1px solid #FFFFFF50;
	outline: #FFFFFF50;
}

.calendar-page-content .calendar-content .calendar-dates .date.current {
    color: #fff;
    background: #293780;
}
.dark .calendar-page-content .calendar-content .calendar-dates .date.current {
    color: #ffff;
    background: #109ad0;
	outline: 1px solid #109ad0;
	border: 1px solid #109ad0;
}
.calendar-page-content .calendar-content .calendar-dates .dots {
    display: block;
    color: var(--main-color-purple);
    font-size: 20px;
    line-height: 1;
    margin-top: 2px;
    position: absolute;
    bottom: 5px;
}
.dark .calendar-page-content .calendar-content .calendar-dates .dots {
    color: #DC2328;
}
.calendar-page-content .calendar-content .calendar-dates .date.active {
    outline: 1px solid #293780;
}
.dark .calendar-page-content .calendar-content .calendar-dates .date.active {
	background: #28387e;
}

.event-sidebar .events-list {
    margin-top: 30px;
}

.calendar-page-content .calendar-page-content .event-sidebar .events-list {
    margin-bottom: 100px;
    background: #0056b3;
}

.events-list .event-item img {
    width: 100%;
    object-fit: cover;
	grid-row-start: 1;
	grid-row-end: 3;
}

.events-list {
	margin-top:30px;
	display:flex;
	flex-direction:column-reverse;
	gap:20px
}

.events-list .event-item {
    display: flex;
}

.events-list .event-item a {
    display: grid;
    grid-template-columns: 130px auto;
	column-gap: 20px;
}

.calendar-page-content .event-details {
    display: flex;
    flex-direction: column;
	gap: 10px;
}

.calendar-page-content .event-details h4 {
    margin: 0;
    font-size: 16px;
}
.calendar-sd-data-row{
	display: flex;
	gap: 20px;
}
.calendar-sd-data{
	display: flex;
	align-items: center;
	gap: 5px;
}
.calendar_x-icon{width:20px}
.event-details .calendar-icon img, .calendar-sd-data img {
    width: 20px;
    height: 20px;
    vertical-align: sub;
}

/* ======================================================================================
 			Media queres
	====================================================================================== */

@media screen and (max-width: 1600px) {
    .slides-position {
        bottom: 50px;
    }
}

@media screen and (max-width: 1280px) {
    .home-banner-thumb {
        width: 400px;
        height: 400px;
    }
}

@media screen and (max-width: 1199px) {
    .homme-banner-content h2 {
        font-size: 26px;
        line-height: 36px;
    }

    .homme-banner-content h1 {
        font-size: 40px;
        line-height: 50px;
    }

    .homme-banner-content p {
        font-size: 14px;
        line-height: 20px;
    }

    .home-banner-thumb {
        width: 350px;
        height: 350px;
    }

    .slider-position-dot {
        width: 20px;
        height: 20px;
    }

    .slider-position {
        bottom: 30px;
    }

    .banner-button {
        padding: 10px 60px;
        border-radius: 0px 15px 15px 15px;
        font-size: 18px;
    }

    .hero-slide-nav-left svg, .hero-slide-nav-right svg {
        width: 18px;
        height: 18px;
    }

    .footer-content {
        grid-template-columns: auto auto auto;
    }

    .footer-newsleter {
        display: grid;
        grid-template-columns: auto auto;
        grid-column-start: 1;
        grid-column-end: 4;
        width: 100%;
        gap: 300px;
        align-items: end;
    }

    .footer-copyright-container {
        padding: 30px;
    }
}

@media screen and (max-width: 1080px) {
    .lst-news-cards {
        grid-template-columns: 1fr 1fr;
    }

    .lst-news-cards .last-card:last-child {
        display: block;
    }

    .footer-newsleter {
        gap: 170px
    }
	.calendar-page-content .calendar-content .calendar-dates .dots{bottom: 0;}
    .about-us-ctn, .about-us-mission {
        grid-template-columns: 1fr;
        gap: 50px;
    }

    .about-divider {
        display: none
    }

    .about-us-missn {
        margin-top: 50px;
    }

    .about-us-missn p {
        padding-top: 40px;
    }

    .news-card-moore-news {
        grid-template-columns: 1fr 1fr;
    }

    .spaces-sng-banner-text h1 {
        font-size: 50px;
    }

    .spaces-sng-banner-text a {
        font-size: 30px;
    }

    .sng-space-slider {
        --slider-width: 500px;
        --slider-height: 350px;
    }
	.comunity-form-row1 {
  grid-template-columns: 1fr auto 1fr;}
}

@media screen and (max-width: 1000px) {
    .homme-banner-content h1 {
        font-size: 34px;
        line-height: 40px;
    }
.comunity-form-row1 {
  grid-template-columns: 1fr 300px 1fr;
}
    .banner-button {
        margin-top: 30px;
    }

    .cards-event-content {
        grid-template-columns: 2fr 1fr;
    }

    .event-container-2 {
        grid-template-columns: 1fr;
    }

    .event-container-2 .small-event-card {
        display: none;
    }

    .event-container-2 .small-event-card:nth-child(1), .event-container-2 .small-event-card:nth-child(2) {
        display: block;
    }

    .coworking-content {
        grid-template-columns: 1fr 1fr;
    }

    .coworking-content .cw-card:last-child {
        display: block
    }

    .events-page-moore-events .event-container-2 .small-event-card {
        display: block
    }

    .footer-newsleter {
        gap: 110px
    }

    .our-teams {
        grid-template-columns: 1fr 1fr 1fr;
    }

    .contact-card-cnt {
        grid-template-columns: 100%;
    }

    .news-card-block-info {
        margin: 40px;
    }

    .news-card-block-text p {
        margin: 25px 0;
    }

    .news-last-ctn h2 {
        font-size: 14px;
    }

    .events-single-hour p, .dark .events-single-hour p, .events-single-date p:first-child {
        font-size: 20px;
    }

    .news-single-ctn-moore {
        grid-template-columns: 1fr;
    }

    .spaces-page-container {
        gap: 100px;
    }

    .spaces-page-heading {
        margin-bottom: 0;
    }

    .spaces-offices-cards {
        grid-template-columns: 1fr 1fr;
    }

    .spaces-sng-banner-dates .cw-card-data span, .spaces-sng-banner-dates .cw-card-data p {
        font-size: 16px;
    }

    .spaces-sng-banner-dates .cw-card-data-svg svg {
        width: 20px;
        height: 20px;
    }

    .spaces-sng-price p {
        font-size: 20px;
    }

    .spaces-sng-button a {
        font-size: 18px;
    }

    .single-page-facilites {
        gap: 80px;
    }

    .podcast-title h1 {
        font-size: 25px;
        line-height: 30px;
    }
}

@media screen and (max-width: 991px) {
    .header {
        padding: 12px 0;
    }

    .header .menu {
        position: fixed;
        right: 0;
        top: 0;
        width: 320px;
        height: 100%;
        background: var(--m-color-backgrond);
        padding: 15px 30px 30px;
        overflow-y: auto;
        z-index: 1;
        transform: translate(100%);
    }

    .dark .header .menu {
        background: var(--dark-header);
    }

    .header .menu.open {
        transform: none;
    }

    .header .menu .head {
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin-bottom: 25px;
    }

    .header .menu .close-menu-btn {
        height: 35px;
        width: 35px;
        position: relative;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        background-color: transparent;
        cursor: pointer;
        border: none;
    }

    .header .menu .close-menu-btn::before,
    .header .menu .close-menu-btn::after {
        content: '';
        position: absolute;
        width: 80%;
        height: 2px;
        background-color: var(--main-color-black);
    }

    .dark .header .menu .close-menu-btn::before,
    .dark .header .menu .close-menu-btn::after {
        background-color: var(--dark-text-color);
    }

    .header .menu .close-menu-btn::before {
        transform: rotate(45deg);
    }

    .header .menu .close-menu-btn::after {
        transform: rotate(-45deg);
    }

    .header .menu > ul li {
        display: flex;
        justify-content: space-between;
        width: 100%;
        border-top: 1px solid #00000050;
    }

    .dark .header .menu > ul li {
        border-top: 1px solid #FFFFFF50;
    }

    .header .menu .sub-menu li {
        padding: 0;
        border-bottom: 1px solid #00000050;
    }

    .dark .header .menu .sub-menu li {
        border-bottom: 1px solid #FFFFFF50;
    }

    .header .menu .dropdown.active {
        flex-direction: column;
    }

    .header .menu > ul > li > a {
        padding: 12px 0;
        display: inline-block;
    }

    .header .menu > ul {
        flex-direction: column;
        gap: 0px;
    }

    .header .menu i {
        height: 34px;
        width: 34px;
        display: inline-flex;
        justify-content: center;
        align-items: center;
        pointer-events: auto;
        cursor: pointer;
        top: 7px;
    }

    .dark .header .menu i {
        color: var(--dark-text-color);
    }

    .header .menu .dropdown.active > i {
        background-color: hsla(0, 0%, 100%, 0.25);
        transform: rotate(180deg);
    }

    .header .menu .sub-menu {
        position: static;
        opacity: 1;
        transform: none;
        visibility: visible;
        padding: 0;
        transition: none;
        box-shadow: none;
        width: 100%;
        display: none;
    }

    .header .menu .dropdown.active > .sub-menu {
        display: block;
    }

    .header .menu .sub-menu li:last-child {
        border: none;
    }

    .header .menu .sub-menu a {
        padding: 12px 0 12px 15px;
    }

    .header .menu .sub-menu .sub-menu a {
        padding-left: 30px;
    }

    .header .menu .sub-menu .sub-menu .sub-menu {
        padding-left: 45px;
    }

    .header .menu .sub-menu span {
        background-image: none;
    }

    .header .menu .sub-menu i {
        transform: none;
        right: 0;
    }

    .header-right .open-menu-btn {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        height: 40px;
        width: 40px;
        cursor: pointer;
        position: relative;
        background: none;
        border: none;
    }

    .header-right .open-menu-btn .line {
        height: 2px;
        width: 30px;
        background: var(--main-bg-contact);;
        position: absolute;
    }

    .dark .header-right .open-menu-btn .line {
        background: var(--dark-text-color);
    }

    .header-right .open-menu-btn .line-1 {
        transform: translateY(-8px);
    }

    .header-right .open-menu-btn .line-3 {
        transform: translateY(8px);
    }

    .header .menu .partner-up-button {
        margin-top: 30px;
    }

}

@media screen and (max-width: 980px) {
	.event-calendar-container .calendar-header .event-calendar-current-month{font-size: 16px;}
	.calendar-page-content .calendar-header .nav-arrow{padding: 10px 10px;}
    .events-single-ctn-moore {
        display: grid;
        grid-template-columns: auto;
		margin-bottom: 0;
    }

    .news-single-content-sidebar {
        display: grid;
        gap: 20px;
        grid-template-columns: 1fr 1fr;
    }

    .benefit-card {
        padding: 20px;
    }
	.comunity-form-row1 {grid-template-columns: 1fr;}
	.comunity-form-row2 {grid-template-columns: 1fr;}
}

@media screen and (max-width: 960px) {
	.project-cards{margin-bottom: 100px;}
    .events-page-moore-events .event-container-2 {
        grid-template-columns: 1fr 1fr;
    }
	.event-calendar-container .calendar-content .calendar-days span{font-size: 15px;}
	.calendar-page-content .calendar-content .calendar-dates .date,
	.calendar-page-content .calendar-content .calendar-dates .date.other-month,
	.calendar-page-content .calendar-header .nav-arrow{font-size: 14px;}
    .events-single-title h1 {
        font-size: 30px;
    }

    .education-page {
        padding-top: 150px;
    }

    .podcast-card-top-thumb img {
        width: 100%;
    }

    .podcast-thumb-overlay img {
        height: 80px;
    }

    .podcast-thumb-overlay h1 {
        font-size: 22px;
    }

    .be-partner {
        padding: 40px;
        gap: 40px;
    }

    .report-card-info {
        padding: 20px;
    }

    .education-divider {
        display: flex;
        flex-direction: column-reverse;
    }
	.section-container {padding: 150px 0 0 0;}
}

@media screen and (max-width: 920px) {
    .event-datetime {
        display: grid;
        gap: 10px;
    }

    .events-single {
        margin: 160px 0 50px;
    }

    .events-single-title h1 {
        font-size: 25px;
    }

    .partnership-apply {gap: 50px;}
    .partenrship-apply-thumb {display: flex;}
    .partenrship-apply-thumb img {
        width: 100%;
        object-fit: contain;
    }
    .oportunities-page-content .page-title h1 {font-size: 3em;}
    .oportunites-card-container {grid-template-columns: 1fr 1fr;}
    .entrepreneurship-block-info {gap: 80px;}
    .entrepreneur-content {padding: 160px 0 120px 0;}
    .entrepreneur-card-sectionentrepreneur, .entrepreneur-right-card-sectionentrepreneur {grid-template-columns: auto;}
    .entrepreneur-right-card-sectionentrepreneur .entrepreneurship-info {padding: 30px;}
    .entreprn-card h1 {font-size: 45px;}
    .entrepreneurship-pluses-cards {grid-template-columns: 1fr 1fr;}
    .spaces-sng-banner-text h1 {font-size: 40px;}
    .spaces-sng-banner-text a {font-size: 25px;}
    .sng-space-slider {
        --slider-width: 400px;
        --slider-height: 300px;
    }
    .single-page-facilites {
        display: grid;
        gap: 50px;
    }

    .single-pg-card-facilites {
        grid-template-columns: 1fr 1fr 1fr 1fr;
    }

    .podcast-card .podcast-thumb-overlay {
        padding-left: 20px;
    }
    .be-partner {grid-template-columns: 2fr 1fr;}
	.event-calendar-container .calendar-header .event-calendar-current-month{font-size: 15px;}
	.education-offer-content .pricing-table table thead tr .community_fixed_table,
    .education-offer-content .pricing-table table tbody tr .community_fixed_table {
        position: sticky;
		width: 190px;
        left: 0;
        z-index: 10;
    }
	.dark .education-offer-content .pricing-table table thead tr .community_fixed_table,
	.dark .education-offer-content .pricing-table table tbody tr .community_fixed_table{
		background: #0D0D0D; 
		color: #fff;
	}
    .education-offer-content .pricing-table {overflow-x: auto;-webkit-overflow-scrolling: touch;}
    .education-offer-content .pricing-table table {width: 100%;table-layout: fixed;}
}

@media screen and (max-width: 880px) {
    .podcast-cards-container {grid-template-columns: 1fr 1fr;}
	.calendar-page-content {grid-template-columns: 2fr 1fr;}
    .benefit-card-thumb img {width: 50%;}
}

@media screen and (max-width: 850px) {
    .apply-form {grid-template-columns: 40% 60%;}
    .pattern-container {width: 35%;}
    .footer-newsleter {gap: 50px;}
    .news-card-title h2 {
        font-size: 30px;
        line-height: 36px;
    }

    .news-card-title h2 {
        font-size: 30px;
    }

    .spaces-page-container {
        gap: 70px;
    }

    .single-spaces {
        padding: 130px 0 100px 0;
    }

    .spaces-single-heading {display: grid;}

    .spaces-heading-single-banner-info {width: 70%;}

    .sng-space-slider {
        --slider-width: 90%;
        --slider-height: 350px;
        margin: 0 auto;
    }
	.calendar-page-content .calendar-content .calendar-dates .dots{bottom: 12px;}
    .education-page {padding-top: 130px;}
	.calendar-page-content {grid-template-columns: 1fr;}
	.form-scnd-group{flex-direction: column;}
}

@media screen and (max-width: 780px) {
    .reports-cards {
        grid-template-columns: 1fr 1fr;
    }

    .big-title {
        font-size: 50px;
    }

    .event-agenda h1 {
        font-size: 30px;
    }
	.tab-content-info h1{font-size: 18px; line-height: 1.3;}
    .hackathon-mentor-cards {
        grid-template-columns: auto;
    }
	.form-fst-group {
	  grid-template-columns: 1fr;
	  gap: 15px;
	  margin-bottom: 15px;
	}
	.eventModalForm .form-fst-group .form-group input, .eventFormInstitute .form-group input{padding: 15px;}
	.courseModalForm .phone-input select {padding: 14px;margin: 3px;}
	.eventFormInstitute {grid-template-columns: 2fr 1fr;}
	.modal-card{padding: 25px; max-height: 95%;}
	#submitButton{padding: 20px 70px;}
	.courseModalForm .phone-input select{width: 150px;}
}

@media screen and (max-width: 768px) {
    .home-banner-thumb {
        display: none;
    }
.comunity-apply-form {padding: 20px;margin-bottom: 100px;}
    .education-gallery {
        display: flex;
        flex-wrap: wrap;
    }

    .ComunityColapsible .collapsible-container {
        grid-template-columns: 1fr;
    }

    .news-single-content-sidebar {

        grid-template-columns: 1fr;
    }

    .home-banner-caption {
        grid-template-columns: 100%;
    }

    .banner-overlay {
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .hero-slider {
        height: 600px;
    }

    .last-news {
        padding: 100px 0
    }

    .cards-event-content {
        grid-template-columns: 1fr;
    }

    .event-container-2 {
        grid-template-columns: 1fr 1fr
    }

    .footer-content {
        grid-template-columns: 1fr 1fr;
        justify-content: space-around;
    }

    .be-partner {
        grid-template-columns: 1fr;
    }

    .be-partner-thumb img {
        display: none;
    }

    .cv-card-details p {
        font-size: 18px;
    }

    .cv-card-details a {
        padding: 7px 40px;
        font-size: 16px;
        font-weight: 400;
    }

    .events-container, .coworking-container {
        margin-bottom: 100px;
    }

    .footer-newsleter {
        grid-template-columns: auto;
        grid-column-start: inherit;
        grid-column-end: inherit;
        gap: 0;
    }

    .our-teams {
        grid-template-columns: 1fr 1fr;
    }

    .about-us-container {
        padding-top: 150px;
    }

    .our-teams {
        padding-bottom: 100px;
    }

    .about-ctn-1 h1, .about-number-item h1, .news-page-container h1 {
        font-size: 50px
    }

    .contacts-info {
        padding-top: 150px;
    }

    .contact-maps {
        margin: 100px 0;
    }

    .contacts-info h1 {
        font-size: 50px;
    }

    .contact-info-cnt h3 {
        font-size: 30px;
    }

    .news-page {
        margin: 150px 0 100px;
    }

    .events-single-card-button a {
        border-radius: 0 10px 10px 10px;
        padding: 15px 40px;
    }

    .news-card-title h2 {
        font-size: 25px;
    }

    .news-single {
        padding-top: 150px
    }

    .news-page-card, .news-single-card {
        grid-template-columns: 1fr;
        gap: 50px;
    }

    .news-single .card-content-dates {margin: 30px 0 0 0; gap: 20px;}

    .news-single-content-sidebar {
        padding-bottom: 100px;
    }

    .news-single-text li {
        font-size: 14px;
        line-height: 18px;
    }

    .spaces-page-heading {
        margin-bottom: 50px;
    }

    .spaces-page-container {
        gap: 30px;
    }

    .spaces-offices-text h2 {
        padding-top: 5px;
        line-height: 1.3;
    }

    .entrepreneur-card-sectionentrepreneur .entrepreneurship-info h1, .entrepreneur-right-card-sectionentrepreneur .entrepreneurship-info h1 {
        font-size: 35px;
    }

    .entrepreneurship-block-info {
        gap: 60px;
    }

    .spaces-heading-single-banner-info {
        width: 95%;
    }

    .education-page {
        padding-top: 100px;
    }

    .podcast-card-top {
        display: flex;
        gap: 30px;
        flex-direction: column;
    }

    .podcast-thumb-overlay img {
        width: 100%;
        height: auto;
    }

    .podacst-cards-bottom {
        margin-top: 100px;
    }

    .benefit-cards {
        grid-template-columns: 1fr 1fr;
        text-align: center;
    }

    .partnership-apply {
        grid-template-columns: auto;
    }

    .partenrship-apply-thumb img {
        display: none;
    }

    .partenrship-apply-thumb {
        justify-content: center;
    }

    .teacher-info-thumb {
        right: 160px;
    }
}

@media screen and (max-width: 680px) {
    .section-title h1 {
        font-size: 40px;
        margin-bottom: 20px;
    }

    .big-title {
        font-size: 40px;
    }

    .card-title h1 {
        font-size: 30px;
    }

    section h2 {
        font-size: 18px;
        line-height: 22px;
        font-weight: 600;
    }

    .card-content-text p, section p, .event-container p, .about-number-item p, .card-content-text p, .event-container .category-list a {
        font-size: 15px;
        line-height: 25px;
    }

    .news-date, .news-date span {
        font-size: 15px;
    }

    .news-moore-info a {
        gap: 7px;
    }

    .news-moore-info a, .event-date i {
        font-size: 14px;
    }

    .last-card:hover .news-moore-info a {
        gap: 9px;
    }

    .card-content-dates {
        margin-top: 20px
    }

    .lst-news-cards, .cards-event-content, .event-container-2, .coworking-content, .contact-form form, .oportunites-card-container, .our-teams {
        gap: 15px
    }

    .event-container h3, .small-event-container h3, .events-button a, .cw-card-container h3 {
        font-size: 18px;
        font-weight: 600;
    }

    .event-container {
        gap: 15px;
    }

    .small-event-icons a i {
        font-size: 30px;
    }

    .pattern-container {
        display: none
    }

    .apply-form {
        grid-template-columns: 100%;
        margin: 50px;
    }

    .footer-logo-cnt {
        grid-column-start: 1;
        grid-column-end: 3;
        display: grid;
        grid-template-columns: auto auto;
        align-items: end;
    }

    .footer-logo-description p {
        margin-bottom: 0;
    }

    .footer-newsleter {
        grid-template-columns: 1fr 1fr;
        grid-column-start: 1;
        grid-column-end: 3;
        gap: 50px;
    }

    .footer-form input[type="email"] {
        width: 200px;
    }

    .footer-logo-description p, .footer-phone a, .footer-time p, .footer-nav a, .footer-nav-utilites a, .footer-form input[type="email"], .footer-form input.footer-submit, .contact-page-form input, .contact-page-form textarea, .contact-terms-condition label, .contact-terms-condition a {
        font-size: 14px;
    }

    .footer-contact-dates i {
        font-size: 17px;
    }

    .footer-content h3 {
        font-size: 26px;
    }

    .footer-divider {
        margin: 18px 0;
    }

    .footer-socials a {
        font-size: 20px;
        width: 40px;
        height: 40px;
    }

    .footer-socials {
        gap: 15px;
    }

    .about-us-missn p, .about-number {
        padding-top: 30px;
    }

    .about-ctn-1 p {
        margin-top: 30px;
    }

    .about-us-ctn {
        gap: 30px;
    }

    .contact-detail img {
        width: 20px;
        height: 20px;
    }

    .news-page-card {
        display: none;
    }

    .news-page-card p, .news-page-card .news-moore-info a, .news-page-card .news-date, .news-page-card .news-date span {
        font-size: 16px;
    }

    .news-page-container h1 {
        margin-bottom: 50px;
		font-size: 40px;
    }

    .events-page-principal .event-card {
        display: block;
    }

    .events-single-card-button {
        margin-top: 30px;
    }

    .events-single-card {
        display: grid;
        gap: 50px;
        grid-template-columns: auto;
    }

    .download-icon {
        margin-right: 0;
    }

    .download-text a {
        font-size: 14px;
    }

    .oportunities-single-heading h1 {
        font-size: 30px;
    }

    .entrepreneur-right-card-sectionentrepreneur .entrepreneurship-info {
        padding: 0;
    }

    .entrepreneur-card-sectionentrepreneur, .entrepreneur-right-card-sectionentrepreneur {
        background: none;
    }

    .podcast-cards-container {
        grid-template-columns: auto;
    }

    .podcast-single-iframe iframe {
        height: 300px;
    }

    .podacst-socials img {
        width: 20px;
    }

    .podcast-data span {
        font-size: 16px;
    }

    .plan-of-course .collapsible-title {
        font-size: 16px;
        line-height: 22px;
    }

    .plan-of-course .collapsible-header {
        gap: 20px;
    }

    .collapsible-content ul, .collapsible-content ol {
        margin-left: 30px
    }

    .project-single-terms {
        flex-direction: column;
    }
	.calendar-page-content #calendar{
		padding: 15px;
		border-radius: 15px;
	}
	.event-calendar-container .calendar-header .event-calendar-current-month,
	.event-calendar-container .calendar-content .calendar-days span{font-size: 14px;}
	.calendar-page-content .calendar-content .calendar-dates .date, 
	.calendar-page-content .calendar-content .calendar-dates .date.other-month{border-radius: 5px;}
	.events-page-section {flex-wrap: wrap;gap: 40px;}
	.news-single-gallery  .education-gallery {display: flex;}
}

@media screen and (max-width: 600px) {
	.calendar-page-content .calendar-content .calendar-dates .dots{bottom: 8px;}
    .card-content {margin: 20px 20px 60px;}

    .hackathon-mentor-card-function {font-size: 14px;}

    .plan-of-hackathon .hackathon-collapsible-content {padding: 0 20px 20px 20px;}

    .event-container, .cw-card-container, .card-x-content, .small-event-container {padding: 20px;}

    .finance-oppurtunity-card {
        flex-direction: column;
        align-items: center;
    }

    .finance-oppurtunity-card-thumb img {max-width: 100%;}

    .card-thumbnail h2 {
        left: 20px;
        padding-right: 20px;
    }

    .card-content-dates {
        bottom: 20px;
        padding-right: 40px;
    }

    .last-card, .event-card, .cw-card {
        border-radius: 0px 20px 20px 20px;
    }

    .apply-form {
        margin: 50px 30px;
    }

    .events-page-principal .event-container {
        padding: 30px 20px 120px;
    }

    .events-page-principal .event-icons {
        padding-right: 50px;
    }

    .news-single-container-image {
        grid-template-columns: auto;
    }

    .spaces-offices-cards {
        grid-template-columns: 1fr;
    }

    .spaces-page-heading h1 {
        font-size: 50px;
    }

    .card-x-title {
        font-size: 18px;
    }

    .oportunities-page-content .page-title h1 {
        font-size: 2em;
    }

    .oportunities-page-content h1 {
        margin: 120px 0 50px 0;
    }

    .oportunites-card-container {
        grid-template-columns: 1fr;
    }

    .info-x-block {
        grid-template-columns: 25% auto;
    }

    .entrepreneur-content {
        padding: 120px 0 80px 0;
    }

    .entrepreneurship-block-info {
        gap: 50px;
        margin: 0 20px;
    }

    .entrepreneurship-pluses-content h1 {
        font-size: 30px;
    }

    .spaces-sng-banner-prices {
        padding: 10px 0 10px 30px;
    }

    .spaces-sng-button a {
        padding: 10px 60px;
    }

    .single-pg-card-facilites {
        grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
        grid-gap: 20px;
    }

    .teacher-details-skills li {font-size: 14px;}
	.eventFormInstitute {grid-template-columns: auto;gap: 5px;}
	.modal-container .modal-title{font-size: 25px;line-height: 1.3;}
	.form-thr-group .form-group label{font-size: 20px;}
	#submitButton{font-size: 16px;padding: 20px 50px;}
	.news-single-ctn-moore{padding: 50px 0;}
	.submit-partner{display: grid; grid-template-columns: 1fr;gap: 30px;}
	.form-member-contact .termcond-prtnr label{display: flex; gap: 10px;}
}

@media screen and (max-width: 560px) {
    .event-agenda h1 {
        font-size: 25px;
    }

    .speaker-type, .speaker-function, .tab-content-info p {
        font-size: 14px;
        line-height: 22px;
    }

    .reports-cards {
        grid-template-columns: 1fr;
    }

    .single-event-speaker, .event-agenda {
        border-radius: 0px 20px 20px 20px;
        padding: 20px;
    }

    .big-title {
        font-size: 32px;
		line-height: 1.3;
    }

    .event-agenda .tab-content-info h1 {
        font-size: 18px;
        line-height: 22px;
    }

    .event-speaker-thumbnail img {
        border-radius: 0px 10px 10px 10px;
    }

    .speaker-name, .event-agenda h1 {
        font-size: 26px;
        line-height: 22px;
    }

    .tab-btn {
        padding: 15px 30px;
    }

    .policies-single-page {
        margin-top: 100px;
    }

    .policies-form .contact-form .submit-member button {
        width: 100%;
    }

    .tab-container {
        gap: 10px;
        flex-direction: column;
    }

    .lst-news-cards {
        grid-template-columns: 1fr;
    }

    .container {
        width: 100%;
        padding: 0 30px;
    }

    section h1, .contact-form h3, .about-us-missn h1, .contact-page-form-ct h3, .dark .news-card-title h2 {
        font-size: 25px;
        line-height: 35px;
    }

    .cw-card-data-divider {
        display: none;
    }

    .cw-card-data .cw-card-data-svg:last-child {
        display: none;
    }

    .cv-card-details p {
        display: none;
    }

    .cv-card-details a {
        width: 100%;
    }

    .footer-logo-cnt, .footer-newsleter {
        grid-template-columns: auto;
        gap: 20px;
    }

    .footer-logo-description {
        width: 100%;
    }

    .footer-form {
        margin-top: 0px;
    }

    .footer-contact-dates {
        display: grid;
        grid-template-columns: 1fr 1fr;
    }

    .team-card-container h3 {
        font-size: 18px;
    }

    .team-thumb {
        height: 250px;
    }

    .about-us-container {
        padding-top: 150px;
    }

    .about-number {
        justify-content: center;
        flex-wrap: wrap;
        row-gap: 30px;
    }

    .team-social-links {
        gap: 15px;
        bottom: 20px;
        opacity: 1;
        visibility: visible;
    }

    .team-card .overlay-bg {
        width: 100%;
        height: 100%;
        opacity: 30%;
        display: block;
    }

    .team-social-links img {
        width: 20px;
        height: 20px;
    }

    .team-social-links a {
        width: 40px;
        height: 40px;
    }

    .contacts-info {
        padding-top: 150px;
    }

    .contact-page-form button {
        font-weight: 600;
        font-size: 16px;
        padding: 7px 50px;
    }

    .news-card-moore-news {
        grid-template-columns: 1fr;
    }

    .button-dark-mode {
        right: 15px;
    }

    .events-page-title h1 {
        font-size: 40px;
    }

    .events-page-moore-events .event-container-2 {
        grid-template-columns: auto;
    }

    .events-block-date, .events-block-clock {
        gap: 15px;
    }

    .oportunities-single-heading h1 {
        font-size: 25px;
    }

    .entrepreneur-card-sectionentrepreneur .entrepreneurship-info h1, .entrepreneur-right-card-sectionentrepreneur .entrepreneurship-info h1 {
        font-size: 30px;
        line-height: 1.5;
    }

    .entrepreneur-content {
        padding: 120px 0 50px 0;
    }

    .spaces-sng-banner-dates .cw-card-data-svg:last-child {
        display: flex;
    }

    .sng-space-slider {
        --slider-height: 300px;
    }

    .education-page {
        padding-top: 150px;
    }

    .education-page .page-title h1 {
        font-size: 40px;
    }

    .term {
        width: 95%;
        padding: 100px 0;
    }

    .speaker-type, .speaker-function {
        font-size: 14px;
        line-height: 22px;
    }

    .about-number-item {
        text-align: center;
    }

    .team-card-mail a {
        font-size: 14px;
    }

    .team-card-container {
        display: flex;
        flex-direction: column;
        gap: 5px;
    }

    .form-member-contact .submit-member {
        flex-direction: column;
        gap: 20px;
    }

    .be-partner-content .contact-form label br {
        display: none;
    }

    .be-partner {
        margin: 80px 0;
    }

    .be-partner-content .contact-form h3, .partners-carousel h1 {
        font-size: 25px;
    }

    .teacher-info-thumb {
        position: relative;
        text-align: center;
        right: 0;
        transform: translatex(0);
    }

    .teacher-details {
        width: 100%;
    }

    .teacher-info-thumb img {
        width: 100%;
    }
    .teacher-details-text {font-size: 20px;}
    .teacher-details-name h1 {font-size: 24px;}
    .teacher-details {min-height: 200px;}
    .education-single-ctn {padding: 100px 30px;}
    .education-single-ctn .education-title-principal {margin-bottom: 30px;}
	.calendar-page-content .calendar-content .calendar-dates .dots{bottom: 5px;}
	.news-single-ctn-moore{padding: 30px 15px;}
	.event-card-title{font-size: 18px;}
}

@media screen and (max-width: 480px) {
    .container {padding: 0 20px;}
    .partnership-apply {gap: 0;}
    .partenrship-apply-thumb {display: none;}
    .partn-plus li {font-size: 18px;}
    .small-event-container h3 {font-size: 16px;}
    .small-event-container p {
        font-size: 12px;
        line-height: 16px;
    }
    .small-event-datetime {gap: 5px;}
    .benefit-card { gap: 0;}
    .event-datetime {
        flex-direction: column;
        gap: 5px;
    }
    .coworking-content {grid-template-columns: 1fr;}
    .coworking-content > .cw-card:last-child {display: none;}
    .small-event-container h3 {font-size: 14px;}
    .small-event-container p {font-size: 15px;line-height: 1.3;}
    .small-event-date i {font-size: 12px;}
    .form-member-contact .submit-member {
        flex-direction: column;
        gap: 20px;
    }
    .form-member-contact label br {display: none;}
    .footer-contact-dates {grid-template-columns: 1fr;}
    .about-us-container {padding-top: 150px;}
    .about-ctn-1 h1 {
        line-height: 45px;
        font-size: 45px;
    }
    .team-card-container {padding: 20px;}
    .team-card-container h3 {
        font-size: 16px;
        font-weight: 600;
        margin-bottom: 7px;
    }
    .team-thumb {
        height: 400px;
        overflow: visible;
    }
    .team-card-container p {
        font-size: 12px;
        line-height: 12px;
    }
    .team-social-links {gap: 10px;}
    .contact-info-cnt, .contact-page-form-ct {padding: 25px;}
    .contact-social-links {margin-top: 30px;}
    .contact-social-links {gap: 10px;}
    .contact-page-terms {
        grid-template-columns: 100%;
        gap: 20px;
    }
    .dark .contact-terms-condition label br {display: none;}
    .contact-map-container iframe{height: 440px;}
    .contacts-info {padding-top: 150px;}
    .entrepreneur-content {padding: 130px 0 30px 0;}
    .entrepreneurship-pluses-cards {
        grid-template-columns: 1fr;
        text-align: center;
    }
    .entrepreneurship-pluses-cards h1 {font-size: 45px;}
    .podcast-card-top-info .podcast-date {
        flex-direction: column;
        gap: 30px;
    }
    .single-event-speaker {flex-direction: column;}
    .event-speaker-thumbnail img {
        width: 100%;
        height: 100%;
        aspect-ratio: 1/1;
    }
    .tab-btn {
        font-size: 14px;
        padding: 10px 25px;
        border-radius: 0px 10px 10px 10px;
    }
    .our-teams {grid-template-columns: 1fr;}
    .education-single-ctn {padding: 150px 30px 100px 30px;}
    .education-tap-links {gap: 10px;}
	.calendar-page-content .calendar-content .calendar-dates .dots{bottom: -1px;}
	.news-single-ctn-moore{padding: 30px 15px;}
	.form-member-contact .termcond-prtnr label{display: grid;grid-template-columns: 1fr;gap: 0;}
	.comunity-apply-form {padding: 0px;}
}

@media screen and (max-width: 380px) {
    .events-page-principal .event-icons {
        display: grid;
        gap: 10px;
        bottom: 25px;
    }
    .benefit-cards {grid-template-columns: 1fr;}
    .benefit-card{gap: 15px;}
    .events-page-principal .event-container {padding: 25px 25px 120px;}
    .events-single-hour p, .dark .events-single-hour p, .events-single-date p:first-child {font-size: 16px;}
    .sng-space-slider {--slider-height: 250px;}
	.calendar-page-content .calendar-content .calendar-dates .dots{bottom: -2px;}
}

@media screen and (max-width: 360px) {
    .homme-banner-content h1 {
        font-size: 24px;
        line-height: 30px;
    }
    .homme-banner-content h2 {
        font-size: 20px;
        line-height: 26px;
    }
    .apply-form {margin: 25px;}
    .footer-content {
        grid-template-columns: 1fr;
        gap: 30px;
    }
    .footer-logo-cnt, .footer-newsleter {
        grid-column-start: inherit;
        grid-column-end: inherit;
    }
    .single-pg-card-facilites {grid-template-columns: 1fr 1fr;}
}