@import "./css/color.css";
@import "./css/fonts.css";
#site-title h1,#site-title h2 {
    text-indent: -9999px;
    font-size: 0;
    display: none;
}
a {
    color: var(--noupia-color-1);
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    text-decoration: none;
}
a:hover {
    color: var(--noupia-color-2);
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    text-decoration: none;
}
.transition-noupia {
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
body {
    position: relative;
    font: 1em Shabnam;
    font-weight: normal;
    margin: 0 auto;
    background-color: #fff;
    height: 100%;
}
body.rtl-mode {
    text-align: right;
}
body.ltr-mode {
    text-align: left;
}
body, html {
    height: 100%;
    margin: 0;
    width: 100%;
}
html {
    scroll-behavior: smooth;
}
.clear-n {
    clear: both;
}
#main-body-noupia {
    margin: 0 auto;
    width: 100%;
}
*:focus-visible {
    outline: none !important;
}
.img-cover {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 100%;
    height: 100%;
    object-fit: cover;
    -o-object-fit: cover;
}
.img-contain {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 100%;
    height: 100%;
    object-fit: contain;
    -o-object-fit: contain;
}
.limit-line-1 {
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.limit-line-2 {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.limit-line-3 {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.limit-line-4 {
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.px-container {
    --bs-gutter-x: 9%;
}
.noupia-menu {
    position: absolute;
    top: 1rem;
    left: 0;
    width: 100%;
    z-index: 1000;
}
.logo-navbar {
    height: 80px;
    display: none;
}
.logo-navbar:hover {
    opacity: .8;
}
.navbar-noupia {
    border: 3px solid #000000;
    background-color: transparent;
}
.navbar-noupia .nav-link {
    font-size: 1.1rem;
    font-weight: 500;
    color: #000000;
    border-radius: .5rem;
    background-color: transparent;
    -webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
    box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.navbar-noupia .nav-link:focus {
    color: #000000;
}
.navbar-noupia .nav-item.active .nav-link,
.navbar-noupia .nav-link:hover {
    color: #ffffff;
    background-color: var(--noupia-color-1);
    -webkit-box-shadow: 4px 4px 0 1px #000000;
    box-shadow: 4px 4px 0 1px #000000;
}
.shadow-noupia {
    -webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
    box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
    -webkit-transition: box-shadow 0.3s ease-in-out;
    -o-transition: box-shadow 0.3s ease-in-out;
    transition: box-shadow 0.3s ease-in-out;
}
.shadow-noupia:hover {
    -webkit-box-shadow: 4px 4px 0 1px #000000;
    box-shadow: 4px 4px 0 1px #000000;
}
.btn-primary {
    --bs-btn-color: #fff;
    --bs-btn-bg: var(--noupia-color-1);
    --bs-btn-border-color: var(--noupia-color-1);
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: var(--noupia-color-1);
    --bs-btn-hover-border-color: var(--noupia-color-1);
    --bs-btn-focus-shadow-rgb: 49,132,253;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: var(--noupia-color-1);
    --bs-btn-active-border-color: var(--noupia-color-1);
    --bs-btn-active-shadow: none;
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: var(--noupia-color-1);
    --bs-btn-disabled-border-color: var(--noupia-color-1);
}
.btn-info {
    --bs-btn-color: #ffffff;
    --bs-btn-bg: var(--noupia-color-2);
    --bs-btn-border-color: var(--noupia-color-2);
    --bs-btn-hover-color: #ffffff;
    --bs-btn-hover-bg: var(--noupia-color-2);
    --bs-btn-hover-border-color: var(--noupia-color-2);
    --bs-btn-focus-shadow-rgb: 11,172,204;
    --bs-btn-active-color: #ffffff;
    --bs-btn-active-bg: var(--noupia-color-2);
    --bs-btn-active-border-color: var(--noupia-color-2);
    --bs-btn-active-shadow: none;
    --bs-btn-disabled-color: #ffffff;
    --bs-btn-disabled-bg: var(--noupia-color-2);
    --bs-btn-disabled-border-color: var(--noupia-color-2);
}
.btn-secondary {
    --bs-btn-color: #fff;
    --bs-btn-bg: var(--noupia-color-3);
    --bs-btn-border-color: var(--noupia-color-3);
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: var(--noupia-color-3);
    --bs-btn-hover-border-color: var(--noupia-color-3);
    --bs-btn-focus-shadow-rgb: 130,138,145;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: var(--noupia-color-3);
    --bs-btn-active-border-color: var(--noupia-color-3);
    --bs-btn-active-shadow: none;
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: var(--noupia-color-3);
    --bs-btn-disabled-border-color: var(--noupia-color-3);
}
.btn-noupia {
    font-size: 1rem;
    font-weight: normal;
    border-radius: .5rem;
    padding: .4rem 1rem;
}
.search-form-noupia {
    position: relative;
}
.search-form-noupia .form-control {
    border: 1px solid var(--noupia-color-1);
    background-color: var(--noupia-color-1);
    font-size: 1rem;
    position: relative;
    z-index: 1;
    padding: .4rem 2.5rem .4rem 1rem;
    color: rgba(0, 0, 0, 0.6);
}
.search-form-noupia .form-control::placeholder {
    color: #ffffff;
    opacity: .8;
}
.search-form-noupia .form-control:focus {
    color: #000000;
    background-color: #ffffff;
    border-color: var(--noupia-color-1);
    box-shadow: none;
}
.search-form-noupia .form-control:focus::placeholder {
    color: #000000;
    opacity: .8;
}
.search-form-noupia .btn {
    position: absolute;
    width: 1.25rem;
    height: 1.25rem;
    font-size: 0;
    background: url("img/search.png") no-repeat center center;
    background-size: contain;
    top: 50%;
    transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    z-index: 2;
    right: .5rem;
    border: none !important;
}
.search-form-noupia .form-control:focus + .btn {
    background-image: url("img/search-black.png");
}
.search-form-noupia .btn:hover {
    opacity: .8;
}
.navbar-toggler:focus {
    box-shadow: none;
}
.navbar-toggler {
    color: #ffffff;
    border: 1px solid transparent;
    border-radius: .5rem;
}
[data-bs-theme="dark"] .navbar-toggler-icon {
    --bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 1%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}
.navbar-noupia::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    width: calc(100% - 1rem);
    height: calc(100% - 1rem);
    border: 2px solid #ffffff;
    z-index: 0;
    opacity: 0;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.navbar-noupia .container-fluid {
    position: relative;
    z-index: 1;
}
.navbar-noupia .logo-navbar.logo-color {
    display: block;
}
.navbar-noupia .logo-navbar.logo-white {
    display: none;
}
.noupia-menu-mobile .navbar-noupia .logo-navbar.logo-color,
.noupia-menu-page .navbar-noupia .logo-navbar.logo-color,
.noupia-menu-fixed .navbar-noupia .logo-navbar.logo-color {
    display: none;
}
.noupia-menu-mobile .navbar-noupia .logo-navbar.logo-white,
.noupia-menu-page .navbar-noupia .logo-navbar.logo-white,
.noupia-menu-fixed .navbar-noupia .logo-navbar.logo-white {
    display: block;
}
.noupia-menu-mobile .navbar-noupia,
.noupia-menu-page .navbar-noupia,
.noupia-menu-fixed .navbar-noupia {
    background-color: var(--noupia-color-1);
    border-color: var(--noupia-color-1);
}
.noupia-menu-mobile .navbar-noupia::before,
.noupia-menu-page .navbar-noupia::before,
.noupia-menu-fixed .navbar-noupia::before {
    opacity: 1;
}
.noupia-menu-mobile .navbar-noupia .nav-item.active .nav-link,
.noupia-menu-mobile .navbar-noupia .nav-link:hover,
.noupia-menu-page .navbar-noupia .nav-item.active .nav-link,
.noupia-menu-page .navbar-noupia .nav-link:hover,
.noupia-menu-fixed .navbar-noupia .nav-item.active .nav-link,
.noupia-menu-fixed .navbar-noupia .nav-link:hover {
    color: var(--noupia-color-1);
    background-color: #ffffff;
}
.noupia-menu-mobile .btn-primary,
.noupia-menu-page .btn-primary,
.noupia-menu-fixed .btn-primary {
    --bs-btn-color: var(--noupia-color-1);
    --bs-btn-bg: #fff;
    --bs-btn-border-color: #fff;
    --bs-btn-hover-color: var(--noupia-color-1);
    --bs-btn-hover-bg: #fff;
    --bs-btn-hover-border-color: #fff;
    --bs-btn-active-color: var(--noupia-color-1);
    --bs-btn-active-bg: #fff;
    --bs-btn-active-border-color: #fff;
    --bs-btn-active-shadow: none;
    --bs-btn-disabled-color: var(--noupia-color-1);
    --bs-btn-disabled-bg: #fff;
    --bs-btn-disabled-border-color: #fff;
}
.noupia-menu-mobile .search-form-noupia .form-control,
.noupia-menu-page .search-form-noupia .form-control,
.noupia-menu-fixed .search-form-noupia .form-control {
    border: 1px solid #ffffff;
    background-color: #ffffff;
}
.noupia-menu-mobile .search-form-noupia .form-control::placeholder,
.noupia-menu-page .search-form-noupia .form-control::placeholder,
.noupia-menu-fixed .search-form-noupia .form-control::placeholder {
    color: #000000;
}
.noupia-menu-mobile .search-form-noupia .btn,
.noupia-menu-page .search-form-noupia .btn,
.noupia-menu-fixed .search-form-noupia .btn {
    background-image: url("img/search-black.png");
}
/*.noupia-menu-fixed .logo-navbar {*/
/*    height: 60px;*/
/*}*/
.pt-page {
    padding-top: 128px;
}
.header-section {
    position: relative;
    width: 100%;
    color: #000000;
    /*background: url("img/header-bg2.png") no-repeat top center;*/
    /*background-size: auto 100%;*/
}
.header-section h3 {
    font-size: 2.5rem;
    line-height: 3.5rem;
    font-weight: bold;
    margin-bottom: 2.5rem;
}
.header-item-inf {
    font-size: 1.5rem;
    font-weight: bold;
}
.header-item-inf img {
    height: 40px;
}
.header-section p {
    font-size: 1.125rem;
    line-height: 2rem;
    margin-bottom: 2rem;
    text-align: justify;
}
.header-section-thumb {
    position: relative;
    width: 100%;
    overflow: hidden;
    padding-top: 68%;
    border-radius: 1rem;
}
.header-section-thumb > img {
    z-index: 1;
}
.header-section-thumb .btn {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 2;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
}
.play-btn {
    background-color: #ffffff !important;
    border: 3px solid #000000 !important;
    width: 3.7rem;
    height: 3.7rem;
    border-radius: .5rem;
}
.play-btn svg {
    width: 2.5rem;
    height: 2.5rem;
}
.play-btn:hover svg path {
    fill: var(--noupia-color-1);
}
.header-section-btns {
    position: relative;
    width: 100%;
}
.header-section-btns .btn {
    padding: .7rem 1rem;
}
.header-section-btns svg {
    height: 1.6rem;
}
.countdown-box {
    position: absolute;
    bottom: 10%;
    left: 100%;
    transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    border: 2px solid #000000;
    background-color: #ffffff;
    padding: .5rem 1rem;
    z-index: 20;
    font-size: .9rem;
    font-weight: 500;
    direction: ltr;
}
.countdown-box span {
    font-size: 1.5rem;
    font-weight: bold;
}
.road-map-section {
    position: relative;
    width: 100%;
}
.section-title {
    position: relative;
    width: 100%;
    text-align: center;
    margin-bottom: 1.5rem;
}
.section-title::before {
    content: '';
    flex-grow: 1;
    height: 4px;
    background-color: #000000;
    position: relative;
    display: inline-block;
}
.section-title::after {
    content: '';
    flex-grow: 1;
    height: 4px;
    background-color: #000000;
    position: relative;
    display: inline-block;
}
.section-title-text {
    background-color: var(--noupia-color-1);
    color: #000000;
    padding: .5rem 1rem;
    border-radius: .5rem;
}
.section-title-text h3 {
    font-size: 1.15rem;
    font-weight: bold;
    margin-bottom: 0;
}
.section-title-text img {
    height: 2rem;
    display: inline-block;
}
.road-map-box {
    position: relative;
    width: 100%;
    border: 2px solid #000000;
    background-color: #ffffff;
    padding: 1.5rem 1.3rem;
    color: #000000;
    height: 100%;
}
.road-map-box img {
    height: 5.25rem;
    position: relative;
    display: inline-block;
}
.road-map-box h4 {
    text-align: center;
    font-size: 1.4rem;
    line-height: 2.3rem;
    font-weight: bold;
    margin-bottom: 0;
    padding: 0 .5rem;
}
.road-map-box-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: var(--noupia-color-1);
    color: #ffffff;
    padding: 1rem;
    opacity: 0;
}
.road-map-box-overlay h5 {
    text-align: center;
    font-size: 1.1rem;
    font-weight: 500;
    line-height: 2rem;
    margin-bottom: 0;
}
.road-map-box:hover .road-map-box-overlay {
    opacity: 1;
}
.statistics-section {
    position: relative;
    width: 100%;
    background-color: var(--noupia-color-3);
    border-radius: 1rem;
    overflow: hidden;
}
.statistics-section::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url("img/noise.png") repeat center center;
    background-size: contain;
    z-index: 0;
    opacity: .5;
}
.statistics-section .container-fluid {
    position: relative;
    z-index: 1;
}
.statistics-box {
    position: relative;
    width: 100%;
    color: #ffffff;
}
.statistics-box img {
    height: 7.5rem;
    display: inline-block;
}
.statistics-box-content {

}
.statistics-box-content h6 {
    font-size: 2.5rem;
    font-weight: bold;
    margin-bottom: 0;
    direction: ltr;
}
.statistics-box-content h5 {
    font-size: 1.2rem;
    line-height: 2rem;
    font-weight: bold;
    margin-bottom: 0;
}
.event-sections-section {
    position: relative;
    width: 100%;
}
.event-sections-box {
    position: relative;
    width: 100%;
    border: 2px solid #000000;
    padding-top: 50%;
    overflow: hidden;
}
.event-sections-box img {
    z-index: 1;
    filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
}
.event-sections-box:hover img {
    filter: grayscale(0);
    -webkit-filter: grayscale(0);
}
.event-sections-box-btn {
    position: absolute;
    bottom: 1rem;
    left: 50%;
    transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    z-index: 2;
    background-color: var(--noupia-color-3);
    border-radius: .5rem;
    padding: .6rem 1.2rem;
    color: #ffffff;
    font-size: 1.1rem;
    font-weight: 500;
    white-space: nowrap;
}
.event-sections-box:hover .event-sections-box-btn {
    color: #000000;
    background-color: #ffffff;
}
.event-sections-box-btn-icons {
    position: relative;
    height: 2rem;
    width: 2rem;
    display: inline-block;
}
.event-sections-box-btn img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    visibility: hidden;
    opacity: 0;
}
.event-sections-box .event-sections-box-btn img.primary {
    visibility: visible;
    opacity: 1;
}
.event-sections-box:hover .event-sections-box-btn img.primary {
    visibility: hidden;
    opacity: 0;
}
.event-sections-box:hover .event-sections-box-btn img.hover {
    visibility: visible;
    opacity: 1;
}
.timeline-section {
    position: relative;
    width: 100%;
    overflow: hidden;
}
.timeline-clocks-box {
    position: relative;
    width: 100%;
    background-color: var(--noupia-color-1);
    border-radius: 1rem;
    overflow: hidden;
    padding: 1.5rem 1.5rem 1rem;
}
.timeline-clocks-box::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url("img/noise.png") repeat center center;
    background-size: contain;
    z-index: 0;
}
.timeline-clocks-box > * {
    position: relative;
    z-index: 1;
}
.timeline-clocks-box h5 {
    color: #000000;
    font-size: 1.15rem;
    font-weight: 500;
    margin-bottom: .5rem;
    padding-top: .45rem;
}
.timeline-clocks-items {
    position: relative;
}
.nav-pills-noupia .nav-link {
    padding: .4rem .8rem;
    font-size: 1.125rem;
    font-weight: normal;
    color: #000000;
    border-radius: .25rem;
}
.nav-pills-noupia .nav-link.active,
.nav-pills-noupia .show > .nav-link {
    color: #000000;
    background-color: #ffffff;
}
.nav-pills-noupia .nav-item {
    margin: 0 .8rem .5rem;
    position: relative;
}
.nav-pills-noupia .nav-item:not(:last-child)::after {
    content: '';
    position: absolute;
    top: 50%;
    left: -0.8rem;
    transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    width: 2px;
    height: 15px;
    background-color: #ffffff;
}
.timeline-content-section {
    position: relative;
    width: 100%;
}
.timeline-content-item {
    position: relative;
    width: 100%;
}
.timeline-content-item h4 {
    font-size: 1.1rem;
    font-weight: 500;
    margin-bottom: 0;
    line-height: 2rem;
    position: relative;
    width: 15%;
    z-index: 5;
    padding-left: 1rem;
}
.timeline-content-item h4::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    width: 18px;
    height: 18px;
    background: url("img/bullet.svg") no-repeat center center;
    background-size: 100% 100%;
    z-index: 2;
}
.timeline-content-text {
    position: relative;
    padding-right: 3rem;
    padding-top: 3rem;
    padding-bottom: 3rem;
}
.timeline-content-item:not(:first-child) .timeline-content-text::after {
    content: '';
    position: absolute;
    right: 0;
    top: 0;
    height: 50%;
    width: 1px;
    border-left: 2px dashed #6D6E73;
    z-index: -1;
}
.timeline-content-item:not(:last-child) .timeline-content-text::before {
    content: '';
    position: absolute;
    right: 0;
    top: 50%;
    height: 50%;
    width: 1px;
    border-left: 2px dashed #6D6E73;
    z-index: -1;
}
.timeline-content-text-content {
    position: relative;
    width: 100%;
    border: 2px solid #000000;
    border-right: none;
    padding: 1.5rem;
    background-color: #ffffff;
    color: #000000;
}
.timeline-content-text-content::after,
.timeline-content-text-content::before {
    content: '';
    position: absolute;
    top: 0;
    left: calc(100% - 2px);
    width: 200px;
    height: 100%;
    background: url("img/quotation.svg") no-repeat left center;
    background-size: auto 100%;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    z-index: 0;
}
.timeline-content-text-content::after {
    background-image: url("img/quotation-fill.svg");
    opacity: 0;
}
.timeline-content-item h4:hover + .timeline-content-text .timeline-content-text-content,
.timeline-content-text-content:hover {
    background-color: var(--noupia-color-1);
    color: #000000;
}
.timeline-content-item h4:hover + .timeline-content-text .timeline-content-text-content::after,
.timeline-content-text-content:hover::after {
    opacity: 1;
}
.timeline-content-text-content h5 {
    font-size: 1.125rem;
    margin-bottom: 1rem;
    font-weight: bold;
}
.timeline-content-text-content p {
    font-size: 1rem;
    line-height: 1.7rem;
    margin-bottom: 0;
    font-weight: normal;
    text-align: justify;
}
.profile-box-item {
    position: relative;
    width: 100%;
    text-align: center;
    color: #000000;
}
.profile-box-thumb-parent {
    position: relative;
    width: 65%;
    display: block;
    margin: 0 auto;
}
.profile-box-thumb {
    position: relative;
    width: 100%;
    padding-top: 100%;
    border-radius: .75rem;
    background-color: rgba(0, 140, 167, 0.50);
    overflow: hidden;
}
.profile-box-thumb img {
    object-position: center bottom;
    -o-object-position: center bottom;
    z-index: 1;
    filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
}
.profile-box-item h4 {
    font-weight: bold;
    font-size: 1rem;
    margin-bottom: .5rem;
    line-height: 1.5rem;
}
.profile-box-item h5 {
    font-size: .9rem;
    font-weight: normal;
    margin-bottom: 0;
    line-height: 1.4rem;
}
.profile-box-title {
    position: relative;
    width: 100%;
    padding: 1rem .5rem;
    border: 2px solid transparent;
}
.profile-box-item:hover .profile-box-thumb {
    background-color: transparent;
}
.profile-box-item:hover .profile-box-thumb img {
    filter: grayscale(0);
    -webkit-filter: grayscale(0);
}
.profile-box-item:hover .profile-box-title {
    background-color: var(--noupia-color-2);
    color: #ffffff;
    border-color: #000;
    -webkit-box-shadow: 4px 4px 0 1px #000000;
    box-shadow: 4px 4px 0 1px #000000;
}
.profiles-section {
    position: relative;
    width: 100%;
}
.about-section {
    position: relative;
    width: 100%;
}
.about-section-thumb {
    width: 100%;
    padding-top: 100%;
    position: relative;
    overflow: hidden;
    border-radius: 1rem;
}
.noupia-free-text {
    position: relative;
    width: 100%;
    color: #000000;
    text-align: justify;
    font-size: 1.125rem;
    font-weight: normal;
    line-height: 2rem;
}
.noupia-free-text-form {
    font-size: .9rem !important;
    line-height: 1.5rem !important;
}
.noupia-free-text p {
    margin-bottom: 0;
}
.noupia-free-text .btn {
    padding: .6rem 1rem;
}
.noupia-free-text .btn i {
    font-size: 1.5rem;
}
.faq-section {
    position: relative;
    width: 100%;
}
.faq-section-body {
    position: relative;
    width: 100%;
    background: #a5def2;
}
.accordion-button:focus {
    box-shadow: none;
}
.accordion-flush .accordion-item:not(:last-child) {
    margin-bottom: .7rem;
}
.accordion-button {
    font-size: 1.1rem;
    color: #000000;
    font-weight: 500;
    background-color: transparent !important;
    border-radius: 0;
    padding: 1.8rem 1.5rem 1.8rem 5rem;
}
.accordion-item {
    color: #000000;
    background-color: #ffffff;
    border: 3px solid #000000 !important;
    border-radius: .75rem !important;
    position: relative;
}
.accordion-item.active-item {
    -webkit-box-shadow: 4px 4px 0 1px #000000;
    box-shadow: 4px 4px 0 1px #000000;
    background-color: var(--noupia-color-3);
    color: #ffffff;
    position: relative;
}
.accordion-button:not(.collapsed) {
    color: #ffffff;
    box-shadow: none;
    padding-bottom: 0;
}
.accordion-item.active-item::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url("img/noise.png") repeat center center;
    background-size: contain;
    z-index: 0;
}
.accordion-header, .accordion-collapse {
    position: relative;
    z-index: 1;
}
.accordion-body {
    padding: 1rem 1.5rem 4rem;
    font-size: 1rem;
    line-height: 1.9rem;
    font-weight: normal;
}
.accordion-button::after {
    display: none;
}
.accordion-item .close-acc-btn {
    font-size: 0;
    z-index: 1;
    width: 40px;
    height: 40px;
    background: url("img/arrow-down.svg") no-repeat center center;
    background-size: contain;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    position: absolute;
    margin: 0;
    top: 50%;
    transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    left: 1.5rem;
    border: none !important;
    border-radius: 0 !important;
}
.accordion-item.active-item .close-acc-btn {
    transform: rotate(180deg) translateY(100%);
    -ms-transform: rotate(180deg) translateY(100%);
    -webkit-transform: rotate(180deg) translateY(100%);
    top: calc(100% - 1rem);
}
.logo-company-box {
    position: relative;
    width: 100%;
    text-align: center;
}
.logo-company-frame {
    position: relative;
    width: 100%;
    padding-top: 80%;
}
.logo-company-frame img {
    width: 60%;
    filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
}
.logo-company-box h5 {
    font-size: 1rem;
    line-height: 1.6rem;
    color: #000000;
    margin-bottom: 0;
    opacity: 0;
    transform: translateY(50%);
    -ms-transform: translateY(50%);
    -webkit-transform: translateY(50%);
}
.logo-company-box:hover img {
    filter: grayscale(0%);
    -webkit-filter: grayscale(0%);
}
.logo-company-box:hover h5 {
    opacity: 1;
    transform: translateY(0%);
    -ms-transform: translateY(0%);
    -webkit-transform: translateY(0%);
}
.logos-section {
    position: relative;
    width: 100%;
}
#footer {
    position: relative;
    width: 100%;
    background-color: var(--noupia-color-1);
    padding: 2rem 0;
    color: #000000;
}
#footer::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    width: calc(100% - 1rem);
    height: calc(100% - 1rem);
    border: 2px solid #000000;
    z-index: 0;
}
#footer::after {
    content: '';
    position: relative;
    width: calc(100% - 1rem);
    display: block;
    margin: 2rem auto 0;
    height: 160px;
    background: url("img/footer.png") repeat-x center bottom;
    background-size: auto 100%;
}
#footer .container-fluid,
#footer .container {
    position: relative;
    z-index: 1;
}
.footer-logo {
    height: 80px;
    display: inline-block;
    margin-bottom: .2rem;
}
.footer-logo:hover {
    opacity: .8;
}
.logo-text-footer {
    font-size: 1.25rem;
    font-weight: bold;
    margin-bottom: .7rem;
    padding-bottom: .7rem;
    border-bottom: 2px solid #000000;
}
.social-icons a {
    width: 1.5rem;
    height: 1.5rem;
    margin: 0 .5rem .5rem;
}
.social-icons a:first-child {
    margin-right: 0;
}
.social-icons a:last-child {
    margin-left: 0;
}
.social-icons svg {
    width: 1.7rem;
    height: 1.7rem;
}
.social-icons svg path {
    fill: #000000;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.social-icons a:hover path {
    fill: var(--noupia-color-3);
}
.footer-menu {
     margin: 0;
    padding: 0;
}
.footer-menu li:not(:last-child) {
    margin-bottom: 1rem;
}
.footer-menu li {
    font-size: 1rem;
    font-weight: normal;
}
.footer-menu a {
    color: #000000;
}
.footer-menu a:hover {
    color: #ffffff;
}
.footer-text {
    font-size: 1rem;
    line-height: 1.7rem;
    margin-bottom: 0;
}
.newsletter-form {
    position: relative;
    width: 100%;
}
.copyright-footer {
    text-align: center;
    width: 100%;
    position: relative;
    display: block;
    color: #6C6C6C;
    font-size: 1rem;
    line-height: 1.5rem;
    padding: .8rem 0;
}
.copyright-footer p {
    margin-bottom: 0;
}
.categories-page-thumb {
    position: relative;
    width: 100%;
    overflow: hidden;
    border-radius: 1rem;
    padding-top: 70%;
}
.categories-page-icon {
    display: inline-block;
    width: 2rem;
    height: 2rem;
    position: relative;
    border: 2px solid #000000;
    top: .3rem;
}
.categories-page-title {
    font-size: 1.7rem;
    margin-bottom: 0;
    line-height: 2.5rem;
    color: #000000;
    font-weight: bold;
}
.categories-page-title-link:hover h2 {
    color: var(--noupia-color-1);
}
.categories-page-title-link:hover .categories-page-icon {
    border-color: var(--noupia-color-1);
}
.categories-page-title-link:hover .categories-page-icon img.hover,
.categories-page-title-link .categories-page-icon img.primary {
    opacity: 1;
    visibility: visible;
}
.categories-page-title-link:hover .categories-page-icon img.primary {
    opacity: 0;
    visibility: hidden;
}
.noupia-frame-box {
    position: relative;
    width: 100%;
    padding: 1rem .8rem;
    border: 2px solid #000000;
}
.noupia-frame-thumb-parent {
    position: relative;
    width: 25%;
    border-left: 2px solid #000000;
    padding-left: 1rem;
}
.noupia-frame-thumb {
    position: relative;
    width: 100%;
    border-radius: 1rem;
    padding-top: 100%;
    overflow: hidden;
}
.noupia-tags {
    position: relative;
    width: 100%;
}
.noupia-tag {
    background-color: var(--noupia-color-2);
    border-radius: .5rem;
    padding: .4rem .5rem;
    color: #ffffff;
    font-size: 1rem;
    font-weight: 500;
}
.noupia-tag:hover {
    color: #ffffff;
    background-color: #00667A;
}
.noupia-tag .noupia-tag-icon {
    position: relative;
    height: 1.7rem;
    width: 1.7rem;
    display: inline-block;
}
.noupia-tag:hover img.hover {
    visibility: visible;
    opacity: 1;
}
/*.noupia-frame-box .noupia-tag {*/
/*    color: #ffffff;*/
/*    background-color: var(--noupia-color-2);*/
/*}*/
.noupia-frame-content h3 {
    color: #000000;
    font-size: 1.2rem;
    line-height: 2rem;
    text-align: justify;
    font-weight: bold;
    margin-bottom: .65rem;
}
.person-name {
    font-size: 1rem;
    margin-bottom: 1rem;
    font-weight: normal;
}
.person-name a {
    color: #666565;
}
.person-name a:hover {
    color: var(--noupia-color-1);
}
.noupia-information-list {
    position: relative;
    width: 100%;
    /*margin-bottom: .7rem;*/
}
.noupia-information-item {
    position: relative;
    font-size: 1rem;
    font-weight: 500;
    line-height: 1.6rem;
    color: #000000;
}
.noupia-information-item-icon {
    width: 2rem;
    height: 2rem;
    display: inline-block;
    background-color: var(--noupia-color-2);
    border-radius: .25rem;
    position: relative;
}
.noupia-information-item-icon img {
    width: 70%;
}
.noupia-frame-content-text {
    color: #000000;
    font-size: 1rem;
    line-height: 1.7rem;
    margin-bottom: 1rem;
    text-align: justify;
}
.noupia-content-read-more a {
    color: #6C6C6C;
    font-size: 1rem;
    position: relative;
    border-radius: .35rem;
    padding: .4rem .8rem;
}
.noupia-content-read-more a:hover {
    color: #ffffff;
    background-color: var(--noupia-color-2);
}
.noupia-frame-box-single {
    border: none;
}
.noupia-frame-content-single .categories-page-title {
    font-size: 1.2rem;
    line-height: 2rem;
}
.noupia-frame-content-single .categories-page-icon {
    top: 0;
}
.noupia-frame-content-single h3 {
    font-size: 1.6rem;
    line-height: 2.5rem;
}
.noupia-frame-content-single .noupia-information-item-icon {
    width: 2.5rem;
    height: 2.5rem;
}
.noupia-frame-content-single .person-name {
    font-size: 1.1rem;
    line-height: 2rem;
    margin-bottom: 1rem;
}
.content-single-page {
    width: 100%;
    position: relative;
    color: #000000;
    font-weight: normal;
    font-size: 1rem;
    line-height: 2.1rem;
    text-align: justify;
}
.content-single-page h2 {
    margin-bottom: .5rem;
    font-weight: 700;
    font-size: 1.6rem;
}
.content-single-page h3 {
    margin-bottom: .5rem;
    font-weight: 700;
    font-size: 1.5rem;
}
.content-single-page h4 {
    margin-bottom: .5rem;
    font-weight: 700;
    font-size: 1.4rem;
}
.content-single-page h5 {
    margin-bottom: .5rem;
    font-weight: 700;
    font-size: 1.3rem;
}
.content-single-page h6 {
    margin-bottom: .5rem;
    font-weight: 700;
    font-size: 1.25rem;
}
.content-single-page ul {
    list-style: disc;
}
.content-single-page img {
    max-width: 100% !important;
    display: block;
    margin: 0 auto 1.5rem;
}
.content-single-page p {
    margin-bottom: .8rem;
}
.content-single-page strong {
    font-weight: 700;
}
.content-single-page a {
    text-decoration: underline;
    color: var(--noupia-color-2);
}
.content-single-page a:hover {
    color: var(--noupia-color-1);
}
.person-box-item {
    position: relative;
    width: 100%;
}
.person-box-items div:not(:last-child) .person-box-item-content {
    border-bottom: 1px solid #8E8E8E;
    padding-bottom: 2rem;
    margin-bottom: 1rem;
}
.person-box-thumb-parent {
    position: relative;
    width: 17%;
    display: block;
    margin: 0 auto;
}
.person-box-thumb {
    position: relative;
    width: 100%;
    padding-top: 100%;
    border-radius: .75rem;
    background-color: rgba(0, 140, 167, 0.50);
    overflow: hidden;
}
.person-box-thumb img {
    object-position: center bottom;
    -o-object-position: center bottom;
    z-index: 1;
    filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
}
.person-box-item:hover .person-box-thumb {
    background-color: transparent;
}
.person-box-item:hover .person-box-thumb img {
    filter: grayscale(0%);
    -webkit-filter: grayscale(0%);
}
.person-box-item-content {
    position: relative;
    color: #000000;
}
.person-box-item-content h4 {
    font-size: 1.1rem;
    margin-bottom: .3rem;
    line-height: 2rem;
    font-weight: bold;
}
.person-box-item-content h5 {
    font-size: 1rem;
    margin-bottom: .5rem;
    line-height: 1.9rem;
    font-weight: 500;
    color: #666565;
}
.person-box-item-content p {
    font-weight: normal;
    font-size: 1rem;
    line-height: 1.9rem;
    text-align: justify;
    margin-bottom: 0;
}
.person-box-item-single .person-box-thumb {
    background-color: rgba(0, 140, 167, 0.50) !important;
}
.person-box-item-single .person-box-thumb img {
    filter: grayscale(0%);
    -webkit-filter: grayscale(0%);
}
.person-box-item-single .person-box-item-content p {
    line-height: 2.1rem;
}
.road-map-item .noupia-frame-thumb-parent {
    width: 40%;
}
.road-map-item .noupia-frame-thumb {
    padding-top: 66%;
}
.road-map-item .noupia-tag {
    padding: .35rem .5rem;
    font-size: .9rem;
}
.road-map-item .noupia-tag .noupia-tag-icon {
    height: 1.4rem;
    width: 1.4rem;
}
.road-map-rows {
    position: relative;
    width: 100%;
}
.gallery-box-item {
    position: relative;
    width: 100%;
    text-align: center;
}
.gallery-box-thumb {
    position: relative;
    width: 100%;
    padding-top: 148%;
    overflow: hidden;
    border-radius: 1rem;
    margin-bottom: .7rem;
}
.gallery-box-item h4 {
    display: inline-block;
    color: #000000;
    font-size: 1.1rem;
    margin-bottom: 0;
    line-height: 1.7rem;
    padding: .2rem 1rem;
    border-radius: .5rem;
}
.gallery-box-item:hover h4 {
    color: #ffffff;
    background-color: var(--noupia-color-1);
}
.lb-nav a.lb-next,
.lb-nav a.lb-prev {
    opacity: 1 !important;
}
.nav-pills-year .nav-link {
    font-size: 1rem;
    font-weight: 500;
    color: var(--noupia-color-1);
    position: relative;
    padding: .8rem 2.5rem .8rem 1rem;
}
.nav-pills-year .nav-link::before {
    content: '';
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    right: .7rem;
    height: 1.5rem;
    width: 1.5rem;
    display: inline-block;
    background: url("img/calender-3-color.svg") no-repeat center center;
    background-size: contain;
    margin-left: .2rem;
}
.nav-pills.nav-pills-year .nav-link.active,
.nav-pills.nav-pills-year .show > .nav-link {
    color: var(--bs-nav-pills-link-active-color);
    background-color: #079D86;
}
.nav-pills.nav-pills-year .nav-link.active::before,
.nav-pills.nav-pills-year .show > .nav-link::before {
    color: var(--bs-nav-pills-link-active-color);
    background-image: url("img/calender-3.svg");
}
.nav-pills-day .nav-link {
    padding: 1.2rem;
    font-size: 2rem;
    font-weight: 500;
    color: #ffffff;
    background-color: var(--noupia-color-1);
    border-radius: .5rem;
    width: 100%;
    height: 100%;
    position: relative;
    text-align: center;
}
.nav-pills-day .nav-link span {
    font-size: 1rem;
    display: block;
}
.nav-pills.nav-pills-day .nav-link.active,
.nav-pills.nav-pills-day .show > .nav-link {
    color: #ffffff;
    background-color: #034037;
}
.calender-content {
    position: relative;
    width: 100%;
}
.about-us-header {
    position: relative;
    width: 100%;
}
/*.about-us-header::before {*/
/*    content: '';*/
/*    position: absolute;*/
/*    width: 100%;*/
/*    height: 100%;*/
/*    background: url("img/header-bg2.png") no-repeat top center;*/
/*    background-size: 99% auto;*/
/*    transform: scaleY(-1);*/
/*    -ms-transform: scaleY(-1);*/
/*    -webkit-transform: scaleY(-1);*/
/*    z-index: -1;*/
/*}*/
.page-title-noupia {
    text-align: center;
    margin-bottom: 1.5rem;
    color: #000000;
    font-weight: bold;
    font-size: 1.7rem;
    line-height: 3rem;
}
.about-us-thumb-row .col-auto {
    width: 20%;
}
.about-us-thumb {
    position: relative;
    width: 100%;
    border-radius: 1rem;
    overflow: hidden;
}
.about-us-thumb-1 {
    padding-top: 200%;
}
.about-us-thumb-2 {
    padding-top: 150%;
}
.about-us-thumb-3 {
    padding-top: 100%;
}
.statistics-section-about-us {
    background-color: var(--noupia-color-1);
}
.statistics-section-about-us::before {
    opacity: .8;
}
.profile-boxes-row-about-us {

}
.profile-boxes-row-about-us .profile-box-thumb {
    background-color: #7CB4AB;
}
.profile-boxes-row-about-us .profile-box-item:hover .profile-box-title {
    background-color: var(--noupia-color-1);
}
.mission-box-item {
    position: relative;
    width: 100%;
    overflow: hidden;
    border: 2px solid #000000;
    box-shadow: 6px 6px 0 0 #000000;
    -webkit-box-shadow: 6px 6px 0 0 #000000;
    background-color: #ffffff;
    padding: 1.7rem 1.3rem;
    color: #000000;
}
.mission-box-item-icon-parent {
    position: relative;
    width: 28%;
}
.mission-box-item-icon {
    position: relative;
    width: 100%;
    padding-top: 100%;
    z-index: 1;
}
.mission-box-item-icon-parent .icon-bg {
    position: absolute;
    top: -10px;
    left: 50%;
    transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    width: 110%;
    height: 110%;
    display: inline-block;
    z-index: 0;
}
.mission-box-item h4 {
    font-size: 1.3rem;
    line-height: 1.9rem;
    margin-bottom: 0;
    font-weight: bold;
}
.mission-box-item p {
    font-size: 1rem;
    line-height: 1.6rem;
    text-align: justify;
    margin-bottom: 0;
}
.mission-box-item:hover {
    background-color: var(--noupia-color-1);
    color: #ffffff;
}
.mission-box-item:hover .icon-bg ellipse {
    fill: #ffffff;
}
.bg-page-header {
    position: relative;
    width: 100%;
}
/*.bg-page-header::before {*/
/*    content: '';*/
/*    position: absolute;*/
/*    top: 0;*/
/*    left: 0;*/
/*    width: 100%;*/
/*    height: 100%;*/
/*    background: url("img/header-bg2.png") no-repeat center top;*/
/*    background-size: 100% auto;*/
/*    z-index: -1;*/
/*}*/
.page-title-t2 {
    position: relative;
    width: 100%;
    text-align: center;
    padding: 0 1.5rem;
}
.page-title-t2 h1 {
    display: inline-block;
    border: 3px solid #ffffff;
    box-shadow: 6px 6px 0 0 #ffffff;
    -webkit-box-shadow: 6px 6px 0 0 #ffffff;
    padding: 2.5rem 2rem;
    color: #ffffff;
    font-size: 1.7rem;
    margin-bottom: 0;
    font-weight: bold;
}
.player-frame-noupia {
    position: relative;
    width: 100%;
    border-radius: 1rem;
    overflow: hidden;
}
.section-title-t2::before {
    display: none;
}
.footer-email-form {
    position: relative;
    width: 100%;
}
.footer-email-form .gform_wrapper.gravity-theme .gform_fields {
    display: block !important;
}
.footer-email-form .gform_wrapper.gravity-theme input[type="text"] {
    background-color: #ffffff !important;
    border-radius: .5rem !important;
    border: none !important;
    padding: .5rem .8rem .5rem 108px !important;
    font-size: .9rem !important;
    line-height: 1rem !important;
    height: 55px;
}
.footer-email-form .gform_wrapper.gravity-theme input[type="text"]::placeholder {
    color: #000000 !important;
    opacity: .5;
}
.footer-email-form form {
    position: relative;
}
.footer-email-form .gform_button {
    position: absolute;
    top: 0;
    left: 0;
    margin: 0 !important;
    height: 3.4375rem;
    padding: 0 2rem !important;
    color: #ffffff;
    background-color: #000000;
    border-color: #000000;
    border-radius: .5rem 0 0 .5rem !important;
    outline: none !important;
    box-shadow: none !important;
    border: none !important;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.footer-email-form .gform_button:hover {
    background-color: var(--noupia-color-2);
    border-color: var(--noupia-color-2);
}
.footer-email-form .gform_wrapper.gravity-theme .gform_footer, .footer-email-form .gform_wrapper.gravity-theme .gform_page_footer {
    margin: 0 !important;
    padding: 0 !important;
}
.footer-email-form .gform_ajax_spinner {
    display: none !important;
}
p.gform_required_legend {
    display: none;
}
.gform_wrapper.gravity-theme .gform_validation_errors {
    font-size: .9rem !important;
    margin-top: .5rem !important;
    padding: .3rem .5rem !important;
    font-weight: 500 !important;
    border-radius: .5rem !important;
}
.gform_wrapper.gravity-theme .gform_validation_errors > h2 {
    margin: 0 !important;
    font-size: .9rem !important;
    padding: 0 !important;
    font-weight: 500 !important;
}
.gform_wrapper.gravity-theme .gfield_validation_message,
.gform_wrapper.gravity-theme .validation_message {
    /*background: transparent !important;*/
    /*border: none !important;*/
    padding: .3rem .5rem !important;
    margin-top: .5rem !important;
    /*color: #F43F5E !important;*/
    font-size: .75rem !important;
    font-weight: 500 !important;
    border-radius: .5rem !important;
}
#video-modal {
    position: relative;
    width: 100%;
    border-radius: 1rem;
    overflow: hidden;
}
.gform_wrapper.gravity-theme input[type="color"],
.gform_wrapper.gravity-theme input[type="date"],
.gform_wrapper.gravity-theme input[type="datetime-local"],
.gform_wrapper.gravity-theme input[type="datetime"],
.gform_wrapper.gravity-theme input[type="email"],
.gform_wrapper.gravity-theme input[type="month"],
.gform_wrapper.gravity-theme input[type="number"],
.gform_wrapper.gravity-theme input[type="password"],
.gform_wrapper.gravity-theme input[type="search"],
.gform_wrapper.gravity-theme input[type="tel"],
.gform_wrapper.gravity-theme input[type="text"],
.gform_wrapper.gravity-theme input[type="time"],
.gform_wrapper.gravity-theme input[type="url"],
.gform_wrapper.gravity-theme input[type="week"],
.gform_wrapper.gravity-theme select,
.gform_wrapper.gravity-theme textarea {
    font-size: 1rem !important;
    padding: .4rem 2rem .4rem .5rem !important;
    border-radius: 0 !important;
    border: 1px solid #000000;
    background: #ffffff !important;
    position: relative;
}
.gform_wrapper.gravity-theme textarea {
    padding: .7rem !important;
}
.gform_wrapper.gravity-theme input[type="color"]::placeholder,
.gform_wrapper.gravity-theme input[type="date"]::placeholder,
.gform_wrapper.gravity-theme input[type="datetime-local"]::placeholder,
.gform_wrapper.gravity-theme input[type="datetime"]::placeholder,
.gform_wrapper.gravity-theme input[type="email"]::placeholder,
.gform_wrapper.gravity-theme input[type="month"]::placeholder,
.gform_wrapper.gravity-theme input[type="number"]::placeholder,
.gform_wrapper.gravity-theme input[type="password"]::placeholder,
.gform_wrapper.gravity-theme input[type="search"]::placeholder,
.gform_wrapper.gravity-theme input[type="tel"]::placeholder,
.gform_wrapper.gravity-theme input[type="text"]::placeholder,
.gform_wrapper.gravity-theme input[type="time"]::placeholder,
.gform_wrapper.gravity-theme input[type="url"]::placeholder,
.gform_wrapper.gravity-theme input[type="week"]::placeholder,
.gform_wrapper.gravity-theme select,
.gform_wrapper.gravity-theme textarea {
    color: #000000;
    opacity: .7;
}
.gfield--type-select select {
    background: #ffffff;
}
.gform_wrapper.gravity-theme .gform_fields {
    grid-template-columns: repeat(10,1fr) !important;
}
.gform_wrapper.gravity-theme .gfield.gfield--width-full {
    -ms-grid-column-span: 10 !important;
    grid-column: span 10 !important;
}
.gform_wrapper.gravity-theme .gfield.gfield--width-quarter {
    -ms-grid-column-span: 2 !important;
    grid-column: span 2 !important;
}
.is-icon .ginput_container {
    position: relative;
}
.is-icon .ginput_container::before {
    content: '';
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    right: .4rem;
    height: 23px;
    width: 23px;
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
    z-index: 1;
}

.is-icon.name .ginput_container::before {
    background-image: url("img/icon/user.svg");
}
.is-icon.mobile .ginput_container::before {
    background-image: url("img/icon/phone.svg");
}
.is-icon.email .ginput_container::before {
    background-image: url("img/icon/email.svg");
}
.is-icon.age .ginput_container::before {
    background-image: url("img/icon/generic.svg");
}
.is-icon.education .ginput_container::before {
    background-image: url("img/icon/education.svg");
}
.form-title-noupia:not(:first-child) {
    margin-top: 1.25rem;
}
.gform_page_footer {
    text-align: left;
    margin-top: 1.5rem !important;
}
.gform_wrapper.gravity-theme .gfield_checkbox label, .gform_wrapper.gravity-theme .gfield_radio label {
    font-size: 1rem !important;
    border: 1px solid #000;
    color: #000000;
    padding: .4rem 1rem;
    cursor: pointer;
}
.gform_wrapper.gravity-theme .gfield-choice-input {
    width: 2rem;
    height: 2rem;
    margin-left: .7rem;
    appearance: none;
    border-radius: .25rem;
    background-color: rgba(5, 116, 99, 0.3);
    cursor: pointer;
}
.gform_wrapper.gravity-theme .gfield-choice-input:checked {
    background: var(--noupia-color-1) url("img/form.svg") no-repeat center center;
    background-size: contain;
}
.border-b-n {
    border-bottom: 1px solid #000000 !important;
    margin-bottom: 1rem !important;
    padding-bottom: 2rem !important;
}
.gform_wrapper.gravity-theme .gfield_label {
    font-size: 1rem !important;
    margin-bottom: 1rem !important;
}
.gfield_radio .gchoice,
.gfield_checkbox .gchoice {
    margin-bottom: 1rem;
    white-space: nowrap;
}




@media only screen and (min-width: 576px) {

}
@media only screen and (min-width: 641px) {
    .gform_wrapper.gravity-theme .gfield.gf_list_4col .gfield_checkbox,
    .gform_wrapper.gravity-theme .gfield.gf_list_4col .gfield_radio {
        grid-template-columns: repeat(2,1fr) !important;
    }
}
@media only screen and (min-width: 768px) {
    .road-map-row .road-map-item::after,
    .road-map-row .road-map-item::before {
        content: '';
        position: absolute;
        width: 18px;
        height: 18px;
        background: url("img/bullet-2.svg") no-repeat center center;
        background-size: contain;
        z-index: 1;
        display: none;
    }
    .road-map-row-t1 .road-map-item::after {
        top: 50%;
        left: -2rem;
        transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
    }
    .road-map-row-t1 .road-map-item::before {
        top: -2rem;
        left: 50%;
        transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        -webkit-transform: translateX(-50%);
    }
    .road-map-row-n1 .road-map-item::before {
        display: none;
    }
    .road-map-row-t2 .road-map-item::after {
        top: -2rem;
        left: 50%;
        transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        -webkit-transform: translateX(-50%);
    }
    .road-map-row-t2 .road-map-item::before {
        top: 50%;
        right: -2rem;
        transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
    }
    .road-map-row.road-map-row-t1:last-child .road-map-item::after,
    .road-map-row.road-map-row-t2:last-child .road-map-item::before {
        display: none;
    }
}
@media only screen and (min-width: 992px) {
    .noupia-menu .gx-lg-5 {
        --bs-gutter-x: 4rem;
    }
    .navbar-noupia .nav-item {
        margin-left: 1.2rem;
        position: relative;
    }
    .navbar-noupia .nav-item::before {
        content: '';
        position: absolute;
        left: -0.6rem;
        top: 50%;
        transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        width: 2px;
        height: 20px;
        background-color: #ffffff;
    }
    .navbar-noupia .nav-item:last-child::before {
        display: none;
    }
    .profile-boxes-row .col-lg-auto {
        width: 20%;
    }
    .footer-menu-col {
        width: 12%;
    }
}
@media only screen and (min-width: 1200px) {
    .footer-menu-col {
        width: 14%;
    }
}
@media only screen and (min-width: 1400px) {
    .container-noupia {
        max-width: 1500px;
    }
}
@media only screen and (min-width: 1490px) {
    .gform_wrapper.gravity-theme .gfield.gf_list_4col .gfield_checkbox,
    .gform_wrapper.gravity-theme .gfield.gf_list_4col .gfield_radio {
        grid-template-columns: repeat(4,1fr) !important;
    }
}

@media only screen and (max-width: 1399.98px) {
    .navbar-noupia .nav-link {
        font-size: 1rem;
    }
    .road-map-box img {
        height: 4.25rem;
    }
    .road-map-box h4 {
        font-size: 1rem;
        line-height: 1.7rem;
    }
}
@media only screen and (max-width: 1199.98px) {
    .countdown-box {
        bottom: 10%;
        left: 50%;
    }
    .road-map-box h4 {
        font-size: 1rem;
        line-height: 1.8rem;
    }
    .road-map-box-overlay h5 {
        font-size: 1rem;
        line-height: 1.9rem;
    }
    .statistics-box img {
        height: 6rem;
    }
    .statistics-box-content h6 {
        font-size: 2rem;
    }
    .statistics-box-content h5 {
        font-size: 1rem;
        line-height: 1.6rem;
        font-weight: 500;
    }
    .noupia-free-text {
        font-size: 1rem;
        line-height: 1.8rem;
    }
    .noupia-frame-content h3 {
        font-size: 1rem;
        margin-bottom: .5rem;
        line-height: 1.7rem;
    }
    .noupia-tag {
        border-radius: .4rem;
        padding: .3rem .45rem;
        font-size: .9rem;
        font-weight: normal;
    }
    .noupia-tag .noupia-tag-icon {
        height: 1.4rem;
        width: 1.4rem;
    }
    .person-name {
        font-size: .9rem;
        margin-bottom: .5rem;
    }
    .noupia-information-item-icon {
        width: 1.5rem;
        height: 1.5rem;
    }
    .noupia-information-item {
        font-size: .9rem;
        font-weight: normal;
        line-height: 1.5rem;
    }
    .noupia-frame-content-text {
        font-size: .9rem;
        line-height: 1.6rem;
        margin-bottom: .7rem;
    }
    .noupia-information-list {
        margin-bottom: 0;
    }
    .noupia-frame-thumb-parent {
        width: 30%;
    }
    .noupia-frame-box-single .noupia-frame-thumb-parent {
        width: 25%;
    }
    .person-box-thumb-parent {
        width: 23%;
    }
    .noupia-content-read-more a {
        font-size: .9rem;
        padding: .35rem .7rem;
    }
    .event-sections-box-btn {
        padding: .4rem 1rem;
        font-size: 1rem;
    }
}
@media only screen and (max-width: 991.98px) {
    .noupia-menu .logo-navbar {
        height: 60px;
    }
    .pt-page {
        padding-top: 108px;
    }
    .navbar-noupia .nav-link {
        padding: .3rem .5rem;
    }
    .navbar-noupia .nav-item:not(:last-child) {
        margin-bottom: 1rem;
    }
    .header-section {
        background-size: 150% auto;
    }
    .header-section h3 {
        font-size: 1.7rem;
        line-height: 2.7rem;
        margin-bottom: 1.5rem;
    }
    .header-item-inf {
        font-size: 1.2rem;
    }
    .header-item-inf img {
        height: 35px;
    }
    .header-section p {
        font-size: 1rem;
        line-height: 1.9rem;
        margin-bottom: 1.3rem;
    }
    .header-section-thumb {
        padding-top: 50%;
    }
    .countdown-box {
        bottom: auto;
        top: 0;
        left: 50%;
        transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, -50%);
    }
    .road-map-box img {
        height: 4rem;
    }
    .statistics-box-content {
        text-align: center;
    }
    .statistics-box img {
        height: 5rem;
    }
    .logo-text-footer {
        display: inline-block;
    }
    .categories-page-icon {
        top: .3rem;
    }
    .categories-page-title {
        font-size: 1.5rem;
        line-height: 2.3rem;
    }
    .noupia-frame-thumb-parent {
        width: 35%;
    }
    .noupia-frame-box-single .noupia-frame-thumb-parent {
        width: 35%;
    }
    .person-box-thumb-parent {
        width: 30%;
    }
    .gallery-box-item h4 {
        font-size: 1rem;
        line-height: 1.6rem;
    }
}
@media only screen and (max-width: 971px) {
    .gform_wrapper.gravity-theme .gform_fields {
        grid-template-columns: repeat(12,1fr) !important;
    }
    .gform_wrapper.gravity-theme .gfield.gfield--width-full {
        -ms-grid-column-span: 12 !important;
        grid-column: span 12 !important;
    }
    .gform_wrapper.gravity-theme .gfield.gfield--width-quarter {
        -ms-grid-column-span: 4 !important;
        grid-column: span 4 !important;
    }
}
@media only screen and (max-width: 870px) {
    .gform_wrapper.gravity-theme .gfield.gf_list_5col .gfield_checkbox,
    .gform_wrapper.gravity-theme .gfield.gf_list_5col .gfield_radio {
        grid-template-columns: repeat(2,1fr) !important;
    }
}
@media only screen and (max-width: 780px) {
    .gform_wrapper.gravity-theme .gfield.gf_list_4col .gfield_checkbox,
    .gform_wrapper.gravity-theme .gfield.gf_list_4col .gfield_radio {
        grid-template-columns: repeat(1,1fr) !important;
    }
}
@media only screen and (max-width: 767.98px) {
    .section-title-text h3 {
        font-size: 1rem;
    }
    .section-title-text img {
        height: 1.7rem;
    }
    .timeline-content-item h4 {
        font-size: 1rem;
        line-height: 1.9rem;
        width: 18%;
    }
    .timeline-content-text-content h5 {
        font-size: 1.1rem;
    }
    .timeline-content-text-content p {
        font-size: .9rem;
        line-height: 1.6rem;
    }
    .accordion-item .close-acc-btn {
        width: 30px;
        height: 30px;
        left: 1.3rem;
    }
    .accordion-button {
        font-size: 1rem;
        padding: 1.6rem 1.3rem 1.6rem 4rem;
    }
    .accordion-body {
        padding: 1rem 1.5rem 3.3rem;
    }
    .noupia-frame-box {
        flex-wrap: wrap;
    }
    .noupia-frame-thumb-parent {
        width: 50%;
        border-left: none;
        padding-left: 0;
        padding-right: 0;
    }
    .noupia-frame-content {
        width: 100%;
        padding-top: 1.5rem !important;
    }
    .noupia-frame-box-single .noupia-frame-thumb-parent {
        width: 50%;
    }
    .person-box-thumb-parent {
        width: 30%;
    }
    .person-box-item-content {
        text-align: center;
        padding-top: 1rem;
    }
    .road-map-item .noupia-frame-content {
        width: auto;
        padding-top: 0 !important;
    }
    .road-map-item .noupia-frame-thumb-parent {
        width: 40%;
        border-left: 2px solid #000000;
        padding-left: .5rem;
    }
    .noupia-frame-box.road-map-item {
        flex-wrap: nowrap;
    }
    .road-map-item .noupia-frame-thumb {
        padding-top: 70%;
    }
    .gallery-box-item h4 {
        font-size: .9rem;
        line-height: 1.4rem;
    }
    .mission-box-item h4 {
        font-size: 1.1rem;
        line-height: 1.7rem;
    }
    .mission-box-item p {
        font-size: .9rem;
        line-height: 1.5rem;
    }
    .page-title-t2 h1 {
        font-size: 1.5rem;
        color: #000000;
        border: 3px solid #000000;
        box-shadow: 6px 6px 0 0 #000000;
        -webkit-box-shadow: 6px 6px 0 0 #000000;
        padding: 1.5rem 1rem;
    }
}
@media only screen and (max-width: 640px) {
    .gform_wrapper.gravity-theme .gfield.gfield--width-quarter {
        -ms-grid-column-span: 12 !important;
        grid-column: span 12 !important;
    }
}
@media only screen and (max-width: 575.98px) {
    .header-item-inf {
        font-size: 1rem;
    }
    .header-item-inf img {
        height: 30px;
    }
    .header-section h3 {
        font-size: 1.5rem;
        line-height: 2.5rem;
        margin-bottom: 1.3rem;
    }
    .header-section {
        background-size: 200% auto;
    }
    .countdown-box span {
        font-size: 1.2rem;
    }
    .road-map-box img {
        height: 3rem;
    }
    .road-map-box h4 {
        font-size: 1rem;
        line-height: 1.8rem;
    }
    .timeline-content-item h4 {
        width: 22%;
    }
    .profile-box-thumb-parent {
        width: 75%;
    }
    .logo-company-box h5 {
        font-size: .9rem;
        line-height: 1.5rem;
    }
    .footer-text {
        font-size: .9rem;
        line-height: 1.5rem;
    }
    .noupia-frame-thumb-parent {
        width: 100%;
    }
    .noupia-frame-box-single .noupia-frame-thumb-parent {
        width: 100%;
    }
    .person-box-thumb-parent {
        width: 45%;
    }
    .noupia-frame-box.road-map-item {
        flex-wrap: wrap;
    }
    .road-map-item .noupia-frame-content {
        width: 100%;
        padding-top: 1rem !important;
    }
    .road-map-item .noupia-frame-thumb-parent {
        width: 100%;
        border-left: none;
        padding-left: 0;
    }
    .road-map-item .noupia-frame-thumb {
        padding-top: 56.25%;
    }
    .mission-box-item-icon-parent {
        width: 20%;
    }
    .page-title-t2 h1 {
        font-size: 1.2rem;
    }
    .road-map-box-overlay h5 {
        font-size: .9rem;
        line-height: 1.7rem;
    }
    .statistics-section::before {
        opacity: 1;
    }
    .gform_wrapper.gravity-theme .gfield_checkbox label,
    .gform_wrapper.gravity-theme .gfield_radio label {
        font-size: .9rem !important;
    }
}