@import url('https://fonts.googleapis.com/css2?family=Inter:wght@700&family=Open+Sans:wght@400;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600&display=swap');
* {
        white-space: pre-line;
}
@font-face {
        font-family: VostanGrapalatBoldItalic;
        src: url('/db/get?id=26b50474-e111-4603-b195-78a95645c8cd-ce64219a-6e6b-4ec2-a5e6-e78a33f718d9') format('truetype');
}
@font-face {
        font-family: VostanGrapalatItalic;
        src: url('/db/get?id=3c114ec2-1f14-4a96-b916-2c677114ab99-5c4dc3c8-5a31-48db-a54e-5ac0c4d9adac') format('truetype');
}
@font-face {
        font-family: VostanGrapalat;
        src: url('/db/get?id=e6956ba9-26fc-4e56-b220-e2180b49ee91-f3e52275-579e-4595-ba2b-38e8a4c7ad7f') format('truetype');
}
@font-face {
        font-family: VostanGrapalatBold;
        src: url('/db/get?id=fa5e8865-37c2-4058-9c95-b14ec8cd7124-5d17921d-cae4-41b6-bd12-88169e579ef1') format('truetype');
}
body {
        font-family: VostanGrapalat !important;
        margin: 0;
        color: #0A1F59;
        background-color: #fcfcff;
        box-sizing: border-box;
        display: flex;
        flex-direction: column;
        min-height: 97.6vh;
}

body.wait .loading{
        display: flex;
}
.loading{
        height: 100vh;
        width: 100vw;
        display: none;
        align-items: center;
        justify-content: center;
        background-color: #fff;
        position: fixed;
        top: 0;
        left: 0;
}
.loading span {
        width: 15px;
        height: 15px;
        margin: 0 5px;
        background-color: #0c7584;
        border-radius: 50%;
        display: inline-block;
        animation-name: dots;
        animation-duration: 2s;
        animation-iteration-count: infinite;
        animation-timing-function: ease-in-out;
}
.loading span:nth-child(2) {
        background-color: #cf922c;
        animation-delay: 0.4s;
}
.loading span:nth-child(3) {
        background-color: #0a4761;
        animation-delay: 0.8s;
}
.loading span:nth-child(4) {
        background-color: #aa2684;
        animation-delay: 1.2s;
}
@keyframes dots {
        50% {
                opacity: 0;
                transform: scale(0.7) translateY(10px);
        }
}

.header {
        background: rgba(255, 255, 255, 0.5);
        -webkit-backdrop-filter: blur(7.5px);
        backdrop-filter: blur(7.5px);
        height: 90px;
        display: flex;
        z-index: 100;
        position: fixed; width: 100%;
        top: 0;
}
.header-sections-container {
        margin-left: 320px;
        margin-right: 20px;
        width: 60%;
        display: flex;
}
.header-sections {
        color: #0A1F59;
        font-size: 16px;
        cursor: pointer;
        user-select: none;
}
.header-sections.active {
        color: #AA2684;
}
.languages-div {
        margin: 22px 0px 50px 10px;
        height: 24px;
        width: 55px;
        display: grid;
}
.languages-div.active {
        height: max-content;
}
.menu-plus {
        font-size: 20px;
        cursor: pointer;
        width: 10px;
        text-align: center;
        user-select: none;
        -webkit-user-select: none;
}
.menu-button {
        width: 70px;
        height: 30px;
        border: 1px solid black;
        margin: auto 20px auto auto;
        border-radius: 10px;
        display: none;
        cursor: pointer;
}
.menu {
        width: 270px;
        display: none;
        background: white;
        position: absolute;
        border: 1px solid #BDBDBD;
        border-radius: 10px;
        right: 20px;
        top: 10px;
        transition: opacity .2s ease-out;
        opacity: 0;
        height: 0;
        overflow: hidden;
}
.menu.active {
        opacity: 1;
        min-height: 300px;
        height: max-content;
}
.menu-section {
        display: flex;
        justify-content: space-between;
        margin: 5px 0;
        color: #0A1F59;
        user-select: none;
}
.menu-section.active {
        color: #aa2684;
}
.menu-subsection {
        user-select: none;
        cursor: pointer;
        color: #0A1F59;
}
.menu-subsection.active {
        color: #aa2684;
}
.menu-subsections {
        display: none;
        margin-left: 20px;
        font-size: 13px;
        gap: 5px;
}
.menu-subsections.active {
        display: grid;
}
.logo {
        display: flex;
        width: 15%;
        margin-left: 10px;
}
.logo img {
        cursor: pointer;
        width: 70%;
        margin: auto;
        height: 65px;
        object-fit: contain;
}
.home-gif {
        width: 100%;
        object-fit: contain;
        margin: auto;
}
.home-title {
        width: 600px;
        margin: auto;
        margin-top: 40px;
        text-align: center;
        font-size: 50px;
        font-weight: 700;
        font-style: normal;
        line-height: 116.8%;
        letter-spacing: 0.055em;
}
.section-title {
        margin-top: 100px;
        font-size: calc(2rem + 1vw);
        font-weight: 700;
        font-style: normal;
        line-height: 116.8%;
        letter-spacing: 0.055em;
}
.home-description {
        width: 70%;
        margin: 40px auto;
        text-align: center;
        line-height: 144.3%;
        letter-spacing: 0.055em;
        font-size: 14px;
}
.links {
        display: flex;
        gap: 100px;
        letter-spacing: 0.055em;
        margin: 0 0 65px 0;
        font-size: 14px;
}
.program {
        display: flex;
        margin: 20px auto;
}
.program-description {
        width: 50%;
}
.how-it-works img {
        width: 95%;
        margin-top: 30px;
        margin-left: 30px;
}
.subdescription {
        width: 90%;
        margin: auto;
}
.subdescription-title {
        width: max-content;
        margin: 45px 0 45px;
        font-size: 26px;
}
.subdescription-text {
        width: 85%;
        margin: 0;
        line-height: 25px;
        margin: 20px 0;
        font-size: 16px;
        margin-top: 30px;
        margin-bottom: 30px;
}
.subdescription-image {
        width: 50%;
        object-fit: contain;
        margin-top: 35px;
}
.line {
        width: 100px;
        margin:2px 0;
        margin-left: auto;
        margin-right: -30px;
        border: 3px solid #72BAC4;
}
.scheme-container {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        width: min-content;
        margin: 45px auto;
}
.scheme-block {
        line-height: 27px;
        padding: 0 0 10px 0;
        font-size: 16px;
        width: 350px;
        border: 1px solid;
        border-radius: 10px;
        min-height: 90px;
        height: 110px;
        display: flex;
}
.scheme-arrow {
        display: flex;
        width: 200px;
}
.scheme-bottom-arrow {
        margin: 20px auto;
        width: 10px;
        height: 50px;
        display: none;
}
.scheme-bottom-arrow img {
        margin: auto;
        width: 100%;
        height: 100%;
}
.scheme-first-column {
        display: grid;
        grid-gap: 15px;
}
.scheme-second-column {
        display: grid;
        grid-gap: 15px;
        margin-left: auto;
}
.subsections {
        display: none;
        position: absolute;
        margin-left: 10px;
        background: white;
        padding: 10px;
        border: 1px solid #BDBDBD;
        border-radius: 10px;
        margin-top: 10px;
        gap: 5px;
}
.subsections.active {
        display: grid;
}
.subsection {
        font-size: 13px;
        text-decoration: none; 
        color: #0A1F59;
}
.subsection.active {
        color: #AA2684;
}
.members-container {
        display: flex;
}
.member {
        width: 200px;
        height: 200px;
        display: flex;
        margin: auto;
        cursor: pointer;
}
.member img {
        width: 80%;
        height: 80%;
        margin: auto;
        border: 2px solid black;
        border-radius: 20px;
        padding: 5px;
}
.member-text{
        width: 65%;
        margin: -10% auto auto 30%;
}
.members {
        width: 100%;
        background-color: #72BAC4;
        display: flex;
}
.municipality-members-container {
        display: flex;
}
.municipality-member {
        width: 200px;
        display: grid;
        height: max-content;
        background: white;
        margin: 20px 0;
        margin-right: 30px;
        background-color: #fcfcff;
}
.municipality-member img {
        width: 200px;
        height: 210px;
        border-radius: 10px;
        object-fit: cover;
}
.videos-container {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        grid-gap: 20px;
        margin: 60px 0;
}
.video {
        width: 280px;
        height: 170px;
        margin: auto;
        margin-bottom: 25px;
}
.executive-members-container {
        display: flex;
        margin: 40px auto;
}
.executive-member {
        display: grid;
        height: max-content;
        background: white;
        width: 250px;
        margin: 0 auto;
        margin-right: 30px;
}
.executive-member img {
        width: 100%;
        height: 100%;
        border-radius: 10px;
}
.community-member {
        background: white;
        border: 1px solid black;
        border-radius: 10px;
        display: block;
        width: 250px;
        margin: auto;
        margin-top: 30px;
        height: 400px;
}
.member-image {
        width: calc(93%/3);
        object-fit: cover;
        cursor: pointer;
        height: 90px;
        border-radius: 10px;
        margin: 0 1%;
        opacity: 1;
}
.member-images-container {
        width: 100%;
}
.member-container {
        width: 50%;
        margin-top: 50px;
}
.member-image.active {
	opacity: .5;
	-webkit-transition: .2s ease-in-out;
	transition: .2s ease-in-out;
        border: 1px solid black;
}
.community-member-image-container {
        display: flex;
        height: 50%;
}
.community-member-image {
        border-radius: 10px;
        width: 90%;
        height: 90%;
        object-fit: contain;
        margin: 10px auto;
}
.community-members-list {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        margin-bottom: 100px;
}
.community-member-name {
        font-size: 19px;
        color: black;
        letter-spacing: 0.055em;
        margin: 10px 0;
        width:80%;
        margin:auto;
        margin-left:14px;
        font-weight: bold;
}
.community-member-description {
        font-size: 16px;
        color: #8B8B8B;
        height: 30%;
}
.beneficiaries-members-container {
        height: 150px;
        background: rgba(114, 186, 196, 0.25);
        display: flex;
        margin-top:65px;
}
.beneficiaries-members {
        margin: auto;
        display: flex;
        gap: 30px;
}
.beneficiaries-member {
        margin: auto;
        height: 110px;
        width: 110px;
        display: flex;
        background: white;
        border-radius: 10px;
        cursor: pointer;
}
.beneficiaries-member img {
        width: 80%;
        height: 80%;
        margin: auto;
}
.financical-container {
        display: flex;
        flex-flow: wrap;
}
.financical {
        margin: 20px auto;
        color: black;
        width: calc(90%/3);
        margin-left: 0px;
}
.financical a {
        font-size: 14px;
        color: black;
}
.text-container {
        margin: 20px auto;
        display: grid;
        grid-template-columns: repeat(2, 1fr);
}
.filter-btn {
        background-color: #F0F0F0;
        width: 110px;
        height: 30px;
        margin: auto 20px;
        border-radius: 10px;
}
.filter {
        appearance: auto !important;
        height: 30px;
        border-radius: 5px;
        border: 0;
        margin: auto 0;
}
.member-name {
        font-size: 20px;
        font-weight: 700;
        margin: 10px 0;
}
.executive-member-name {
        font-size: 20px;
        font-weight: 700;
        margin: 10px 0; 
}
.executive-member-description {
        font-size: 16px;
        margin: 0;
}
.member-border{
        padding: 20px;
        border: 1px solid #B6D3D7;
        display: flex;
        gap: 2%;
        width: 90%;
        height: 110px;
        margin: auto;

}
.mem-append-div{
        width:90%;
        margin:auto;
}
.aid-image-box{
        display: flex;
}
.aid-image-div{
        margin-top:20px;
        width:74%;
}
.aid-imgs{
        display: grid;
        grid-template-columns: repeat(3, calc(100% / 3));
        100%/3
}
.member-main-image {
        border: 1px solid black;
        border-radius: 10px;
        width: 100%;
        height: 400px;
        object-fit: contain;
        background: black;
}
.member-jobs-container {
        width: 45%;
        max-height: 500px;
        background: #F9F9F9;
        padding: 10px;
        margin-top: 20px;
        height: max-content;
        overflow: auto;
}
.aid-headers{
        margin-top:30px;
        display:flex;
        justify-content:center;
        }
.aid-box{
        gap:5%;
        display:grid;
        grid-template-columns:0fr 0fr;
        margin-top:5%;
        }
.edu-images-container {
        margin: auto;
        gap: 40px;
        display: flex;
}
.edu-blocks-container {
        display: flex;
        margin: 45px auto;
        width: 80%;
}
.edu-block {
        width: 200px;
        text-align: center;
        border: 1px solid black;
        border-radius: 15px;
        font-weight: 700;
        font-size: 14px;
        height: 60px;
        display: flex;
        margin: 0 auto;
}
.edu-main-block {
        width: 240px;
        height: 200px;
        border: 1px solid black;
        border-radius: 10px;
}
.jobs-header{
        width:90%;
        margin:auto;
}
.frame{
        border:0px solid;
        background-color:#F6F9F9;
        margin-top:60px;
        padding:70px;
}
.jobs-filter-text{
        width:20%;
        margin:auto;
}
.job-description-container {
        margin-left: 40px;
}
.combobox-width{
        width:100%;
}
.jobs-select{
        width: 30%;
        height: 35px;
        border: 1px;
        border-radius: 5px;
}
.jobs-container {
        width: 65%;
        margin: auto;
        background: #F9F9F9;
        padding: 20px;
        border-radius: 10px;
}
.jobs-image{
        width: 100%;
}
.jobs-text{
        width:60%;
}
.appand{
        min-height:900px;
        margin-top:75px;
}
.job-icons-container {
        display: flex;
        gap: 25px;
}
.job-header {
        width: 100%;
        height: 145px;
        background: #F6F9F9;
        margin-top: 71px;
        display: flex;
}
.job-name {
        font-size: 18px;
        font-weight: bold;
        margin-top: 35px;
}
.job-page-icons {
        width: 25px;
        height: 25px;
}
.job-page-icons img {
        object-fit: contain;
        width: 100%;
        height: 100%;
}
.job-page-icons-container {
        display: flex;
        flex-direction: column;
        width: 50%;
        margin-left: auto;
}
.job-info-with-img {
        display: flex;
        margin: 10px;
}
.job-icons {
        display: flex;
        margin: auto;
        gap: 20px;
}
.job-image{
        width: 150px;
        height: 170px;
        margin-top: 40px;
        margin-left: 40px;
}
.job-image img {
        width: 100%;
        height: 100%;
        object-fit: cover;
}
.job-page-title-container {
        width: max-content;
        gap: 10px;
        display: flex;
}
.description-top{
        margin-top:15%;
}
.event {
        display: flex;
        width: 80%;
        margin: 60px auto;
        gap: 20px;
        border: 1px solid black;
        padding: 10px;
        border-radius: 30px;
}
.event-image-container {
        width: 40%;
        margin: auto;
}
.event-images{
        width:100%;
        border-radius:10px;
        object-fit:cover;
        height:300px;
}
.event-text-container {
        display: grid;
        width: 50%;
}
.event-text {
        display: flex;
        gap: 20px;
        margin: 10px 0;
}
.event-text img{
        width: 23px;
        height: 23px;
}
.works-text{
        margin: auto;
        width: 70%;
        margin-top: 45px;
        font-size: 16px;
        margin-bottom: 60px;
        font-weight: bold;
}

.form{
        color:#031136;
        font-size:15px;
}
.form-input{
        border:1px solid #707070;
        border-radius:5px;
        height:35px;
        width: 90%;
        appearance:auto;
        padding-left: 10px;
}
.subscription-input{
        border:1px solid #707070;
        border-radius:5px;
        height:35px;
        width: 97%;
        appearance:auto;
        padding-left: 10px;
}
.form-text-spam{
        display:flex;
        justify-content:center;
        column-gap:10px;
}
.form-company-adress{
        display:flex;
        justify-content:center;
        margin-top:30px;
}
.form-width{
        width:50%;
}
.form-desc-email-phone{
        display:flex;
        grid-gap:10px;
        justify-content:center;
        margin-bottom: 30px;
}
.charecters{
        font-size:10px;
        color:#565656;
        display:flex;
}
.description-div{
        display:grid;
        width:50%;
        margin-top:30px;
        grid-gap:11%;
}
.incorrect-div{
        display:none;
        position:absolute;
        text-align:right;
        z-index: -1;
}
.req-button-div{
        height:50px;
        padding:10px;
        color:#FFF;
        font-size:20px;
        margin:auto;
        display:flex;
        background-color:#EBA352;
        border-radius:5px;
        margin-bottom:50px;
        cursor:pointer;
}
.message-close {
        cursor: pointer;
        color: black;
        margin-top: -10px;
        margin-left: auto;
        font-size: 25px;
        display: block;
}
.community-info-div{
        border: 1px solid;
        border-radius: 17px;
        padding: 30px;
        width: 40%;
        height: 410px;
}
.community-description {
        height: 105.5%;
        border-radius: 5px;
        width: 90%;
        border: 1px solid #707070;
        padding-left: 10px;
}
.message-div{
        background-color: white;
        width: 550px;
        margin: auto;
        border: 1px solid black;
        border-radius: 10px;
        padding: 16px;
        display: flex;
        flex-direction: row-reverse;
        height: max-content;
        position: fixed;
        gap: 5px;
        inset: 0;
}
.subscription {
        padding: 1px 5px;
        background: rgb(9, 116, 131);
        color: white;
        border-radius: 10px;
        width: 160px;
        text-align: center;
        cursor: pointer;
        margin: auto;
}
.subscription-container{
        background-color: white;
        width: 550px;
        margin: auto;
        border: 1px solid black;
        border-radius: 10px;
        padding: 16px;
        height: max-content;
        position: fixed;
        gap: 5px;
        inset: 0;
}
.subscription-button {
        width: max-content;
        padding: 10px;
        background: #EBA352;
        color: white;
        border-radius: 5px;
        margin: auto;
        margin-top: 17px;
        cursor: pointer;
        user-select: none;
}
.desc-div{
        width: 50%;
        margin-top: 30px;
}
.message{
        display:none;
}
.message-active{
        display:block;
}
.message-container {
        width: 100%;
        height: 1000%;
        position: absolute;
        background: #000000a3;
        z-index: 100;
        inset: 0;
}
.subscription-popup {
        width: 100%;
        height: 1000%;
        position: absolute;
        background: #000000a3;
        z-index: 100;
        display: none;
        inset: 0;
}
.subscription-popup.active {
        display: block;
}
.profile-info{
        width:90%;
        margin:auto;
        font-size:24px;
} 
.footer {
        display: flex;
        gap: 5%;
        background-image: url('/db/get?id=ec008eb3-8512-4d2d-9e4f-75f36e7ced49');
        object-fit: cover;
        width: 100%;
        height: 260px;
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
}
.footer-content {
        display: flex;
        width: 100%;
        justify-content: center;
}
.footer-image {
        height: max-content;
        width: max-content;
        margin: auto;
}
.footer-resources {
        margin: 5%;
        margin-left: 10%;
}
.footer-hub {
        margin: 5%;
}
.footer-contact {
        margin: 5%;
        display: flex;
        margin-left: 10%;
}
.privacy {
        gap: 10px;
        display: grid;
        width: max-content;
        margin-left: 25%;
}
.privacy-title {
        font-size: 12px;
        width: 80%;
        margin: auto;
        text-align: center;
}
.inno-hub{
        font-size: 17px;
        margin-bottom: 25px;
        width: max-content;
}
.cursor{
        cursor:pointer;
}
.img_educational_div {
        display: flex;
        justify-content: center;
        gap: 30px;
        margin-top: 30px;
}
.img_educational {
        height: 10em;
        width: 20%;
}
.title {
        font-size: 50px;
        font-family: Newake;
        font-style: normal;
        line-height: 116.8%;
        letter-spacing: 0.055em;
        margin-top: 2%;
        margin-bottom: 2%;
}
.accordion-container {
        cursor: pointer;
        user-select: none;
        display: flex;
        align-items: center;
        margin-bottom: 10px;
        gap: 20px;
}
.accordion {
        border-radius: 10px;
        border: 1px solid #000000;
        width: 100%;
        margin: auto;
        display: flex;
        align-items: center;
        
}
.accordion-image {
        width: 100%;
        object-fit: cover;
        border-radius: 15px;
}
.accordion-image-container {
        width: 50%;
        display: flex;
}
.accordion-description {
        width: 50%;
        margin: auto;
}
.accordion-text {
        display: block;
        width:100%;
        font-size:16px;
}
.toglle-block img {
        font-size: 3em;
        user-select: none;
        cursor: pointer;
}
.toggle-content {
        margin-bottom: 20px; 
        display: flex;
        flex-direction: row-reverse;
        gap: 20px;
}
.toggle-content img {
        width: 100%;
        border-radius: 10px;
        object-fit: contain;
}
.apply-now {
        padding: 7px 12px;
        overflow: hidden;
        text-decoration: none;
        text-align: center;
        width: 35%;
        height: 43px;
        border-radius: 17px;
}
.grid-box {
        border: 1px solid #000000;
        border-radius: 17px;
        align-items: center;
        display: flex;
        padding: 1.5%;
        width: 80%;
        margin: auto;
}
.grid-box span {
        text-align: center;
        margin-left:1%;
}
.grid-box-container {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 1.5em;
        margin-bottom:5%;
}
.box {
        border: 1px solid #000000;
        border-radius: 17px;
        width: 50%;
        display: grid;
}

.box img {
        width: 34%;
        margin: auto;
}
.box-container {
        display: flex;
        margin: auto;
        gap: 20px;
}
.toggle-div {
        display: none;
        margin-top: 30px;
        margin-bottom: 30px;
        gap: 5%;
}
.innofest-toggle-div {
        flex-wrap: wrap;
}
.toggle-div.active {
        display: flex;
}
.toggle-div-invest{
        display: none;
        margin-top: 5%;
        margin-bottom: 5%;
        gap: 5%;  
}
.toggle-div-invest.active {
        display: grid;
}
.divdal{
        width: 100%;
}
.smart-comm-text{
        width: 100%;
        font-size: 16px;
        line-height: 25px;
}
.video-text{
        width: 100%;
        height: 95%;
        border: 0px none;
}
.invest-button{
        border: 0px solid;
        background-color: rgb(235, 163, 82);
        padding: 15px;
        border-radius: 10px;
        display: grid;
        justify-content: center;
        width: 180px;
        margin: auto;
        cursor: pointer;
        margin: 20px 0;
}
.invest-button-text{
        color: white;
        font-size: 15px;
        font-weight: 700;
        text-decoration: none;
}
.vector-community-image{
        display: grid;
        margin: auto;
        margin-top:1%;
}
.vector-community-image img{
        width: 15px;
        height: 20px;
}
.desc-header{
        background-color: #F9F9F9;
        padding: 10px;
        width: 41.5%;
        margin-left: auto;
        margin-top: 50px;
}
.comm-desc-text{
        font-size: 14px;
}

.mySlides {
        width: 100%;
        display: none;
}
.slideshow-container {
        width: 100%;
        position: relative;
}
.slideshow-container img {
        width: 40%;
        object-fit: contain;
        margin-left: 30%;
}

.prev, .next {
        cursor: pointer;
        color: black;
        position: absolute;
        top: 35%;
        padding: 15px;
        font-size: 25px;
        user-select: none;
        transition: .3s;
}
.prev:hover, .next:hover {
        background-color: rgb(0, 0, 0, 0.8);
        color: white;
}
.next {
        right: -60px;
}
.prev {
        left: -60px;
}
.prev:hover, .next:hover {
        background-color: rgba(0,0,0,0.8);
        color: white;
}
.community-project-member-description{
        font-size: 16px;
        margin: 0;
}
.sector-text{
        display:grid;
        color:#8B8B8B;
        height: 20%;
}
.soft-skills{
        width: 100%;
}
.job-img-div{
        display: flex;
        gap: 10%;
        max-width: 23%;
}
.job{
        display: flex;
        background: white;
        width: 80%;
        margin: auto;
        margin-top: 10px;
        border: 2px solid #72BAC4;
        border-left: 6px solid #72BAC4;
        min-height: 100px;
        padding: 30px;
        color: black;
        border-top-right-radius: 10px;
        border-bottom-right-radius: 10px;
        cursor: pointer;
}
.job-image-container {
        margin: auto;
        width: 100px;
        height: 100px;
}
.job-image-container img{
        width: 100%;
        height: 100%;
        object-fit: cover;
        border-radius: 5px;
}
.job-texts {
        display: flex;
        width: 100%;
}
.job-title-container {
        margin: 0 15px;
}
.job-title {
        margin: 0;
        font-size: 18px;
}
.job-images {
        display: flex;
}
.job-images img {
        width: 25px;
        height: 25px;
        object-fit: contain;
}
.job-organization {
        font-size: 14px;
}
.job-img-div-width{
        width: 47%;
}
.job-img-width{
        width: 90%;
}
.job-text-pos{
        margin-top: 25%;
}
.job-contact-icons {
        display: flex;
        flex-direction: column;
        margin-left: 5px;
        gap: 10px;
        margin-top: 150px;
}
.wrapper{
        margin: auto;
        display: flex;
        max-width: 1200px;
        position: relative;
}
.fa-angle-right::before {
        margin: auto;
}
.fa-angle-left::before {
        margin: auto;
}
.invest-title {
        font-size: 25px;
        color: black;
        margin: 30px 0;
        height: max-content;
}
.invest-arrow{
        display: grid !important;
        top: 65%;
        height: 44px;
        width: 44px;
        color: #343F4F;
        cursor: pointer;
        font-size: 1.15rem;
        position: absolute;
        text-align: center;
        line-height: 44px;
        background: #fff;
        border-radius: 50%;
        transform: translateY(-50%);
        transition: transform 0.1s linear;
}
.invest-arrow:active{
        transform: translateY(-50%) scale(0.9);
}
.invest-arrow:hover{
        background: #cacaca;
}
.invest-arrow:first-child{
        left: -22px;
        display: none;
}
.invest-arrow:last-child{
        right: -22px;
}
.wrapper .carousel{
        font-size: 0px;
        cursor: pointer;
        overflow: hidden;
        white-space: nowrap;
        scroll-behavior: smooth;
        display: -webkit-box
}
.carousel {
        width: 100%;
        pointer-events: auto;
}
.carousel.disabled {
        pointer-events: none;
}
.carousel.dragging{
        cursor: grab;
        scroll-behavior: auto;
}
.carousel.dragging img{
        pointer-events: none;
}
.invest {
        height: 370px;
        margin-left: 14px;
        width: calc(100% / 3);
}
.invest img{
        width: 100%;
        object-fit: cover;
        user-select: none;
        height: 80%;
}
.invest:first-child{
        margin-left: 0px;
}
#myImg {
        border-radius: 5px;
        cursor: pointer;
        transition: 0.3s;
}

.model {
        position: fixed;
        z-index: 1000; 
        width: 80%;
        height: 70%;
        overflow: auto;
        background: white;
        cursor: auto;
        pointer-events: auto;
        inset: 0;
        margin: auto;
        border-radius: 15px;
}
.model-container {
        position: fixed;
        width: 100%;
        background: #000000a1;
        height: 100%;
        z-index: 800;
        inset: 0;
        display: none; 
        cursor: auto;
        overflow: auto;
}
.model-container.visible {
        display: flex;
        pointer-events: auto;
}
.model-content {
        display: block;
        max-width: 500px;
        margin: 60px 30px;
        width: 80% !important;
        max-width: 400px;
        height: 80% !important;
        object-fit: contain !important;
}
.invest-model-description{
        width: 70%;
        text-align: center;
        margin: auto;
        margin-bottom: 30px;
}

#caption {
        margin: auto;
        display: block;
        width: 80%;
        max-width: 700px;
        text-align: center;
        color: #ccc;
        padding: 10px 0;
        height: 150px;
}

.model-content, #caption {  
        -webkit-animation-name: zoom;
        -webkit-animation-duration: 0.6s;
        animation-name: zoom;
        animation-duration: 0.6s;
}


@-webkit-keyframes zoom {
        from {-webkit-transform:scale(0)} 
        to {-webkit-transform:scale(1)}
}

@keyframes zoom {
        from {transform:scale(0)} 
        to {transform:scale(1)}
}

.close {
        color: black;
        position: absolute;
        top: 15px;
        right: 35px;
        font-size: 40px;
        font-weight: bold;
        transition: 0.3s;
}

.close:hover,
.close:focus {
        color: #bbb;
        text-decoration: none;
        cursor: pointer;
}
.member-job-image{
        width: 18%;
        height: 90px;
        padding: 15px;
        border-radius: 30px;
}
.member-job-name{
        font-weight:600;
}
.member-job-calendar{
        margin:auto;
        display: flex;
        gap: 10px;
        justify-content:center;
        margin-top:40px;
        margin-left:120px;
}
.member-job-location{
        margin: auto;
        display: flex;
        gap: 10px;
        justify-content: center;
        margin-bottom: 20px;
        margin-left: 120px;
}
.member-job-adress{
        display:flex;
        gap:1%;
}
.member-job-org-name{
        margin-top: -40px;
}
.invest-model{
        display: grid;
        grid-template-columns: 1fr 1fr;
}
.invest-model-div-description{
        width: 200%;
        display: flex;
}
.inno-fest-header{
        font-weight: "bold";
        font-size: 28px;
        text-align: center;
        text-transform: uppercase;
        margin: 20px;
        white-space: normal;
}
.innofest-video{
        width: 370px;
        height: 240px;
        margin: auto;
        margin-bottom: 25px;
}
.speaker-div{
        width: 50%;
        display: grid; 
        grid-template-columns: repeat(3, 1fr);
}
.toggle-div-content {
        display: flex;
}
.timetable {
        width: 50%;
}
.speaker-image {
        width: 98%;
        margin: auto;
        border-radius: 10px;
}
.innofest-main-image {
        width: 100%;
        margin-top: 6%;
}
/*====================RESPONSIVE=========================*/
@media screen and (max-width: 1325px) {
        .videos-container {
                grid-template-columns: repeat(3, 1fr)
        }
        .header-sections-container{
                margin-left: 120px;
        }
        .innofest-main-image {
                margin-top: 20%;
        }
        
        .description_text_container {
                height: 25vh !important;
        }
        .description_text {
                width: 100% !important;
        }
        .about_rs_container {
                width: 95% !important;
                display: block !important;
        }
        .about_rs_img {
                width: 100% !important;
        }
        .about_rs_text {
                width: 100% !important;
        }
        .campaign {
                flex-direction: column !important;
                width: 95% !important;
        }
        .campaign_text {
                order: 2 !important;
                width: 100% !important;
        }
        .campaign_img {
                order: 1 !important;
                width: 100% !important;
        }
        .camp_desc_container {
                justify-content: normal !important;
                margin-bottom: 1% !important;
        }
        .donation_info {
                flex-direction: column !important;
        }
        .donation_text {
                order: 2 !important;
                width: 100% !important;
        }
        .donation_image {
                order: 1 !important;
                width: 100% !important;
        }
        .donate_btn {
                width: 30% !important;
        }
}
@media screen and (max-width: 1120px) {
        .community-members-list {
                grid-template-columns: repeat(3, 1fr);
        }
        .header-sections-container{
                margin-left: 120px;
        }
}
@media screen and (max-width: 1080px) {
        .header-sections-container{
                margin-left: 85px;
        }
}
@media screen and (max-width: 1060px) {
        .header-sections-container {
                display: none;
                margin-left: 320px;
        }
        .menu-button {
                display: flex;
        }
        .menu {
                display: block;
        }
        .program {
                display: block;
                margin: 20px auto;
        }
        .program-description {
                width: 100%;
                margin: 20px auto;
        }
        .subdescription-text {
                width: 100%;
                line-height: 25px;
        }
        .subdescription-image {
                width: 100%;
                object-fit: contain;
        }
        .home-title {
                width: 500px;
                font-size: 45px;
        }
        .scheme-arrow {
                display: none;
        }
        .scheme-bottom-arrow {
                display: flex;
        }
        .scheme-container {
                grid-template-columns: repeat(1, 1fr);
                width: 100%;
        }
        .scheme-first-column {
                margin: auto;
        }
        .scheme-second-column {
                margin: auto;
        }
        .scheme-block {
                height: 125px;
        }
        .toggle-div.active {
                display: grid;
                margin-bottom: 5%;
        }
        .toggle-div-invest.active {
                display: grid;
                margin-bottom: 15%;
        }
        .accordion-link{
                margin-bottom:40px;
        }
        .accordion-image {
                width: 100%;
                border-radius: 10px;
                margin-left: 0%;
        }
        .accordion-text {
                width: 100%;
                margin-bottom: 30px;
                display:block;
        }
        .toggle-content {
                display: grid;
        }
        .accordion-image-container {
                width: 100%;
        }
        .accordion-description {
                width: 100%;
        }
        .grid-box-container {
                grid-template-columns: repeat(1, 1fr);
        }
        .links {
                display: grid;
                gap: 10px;
                letter-spacing: 0.055em;
                margin: auto;
        }
        .link {
                margin: auto;
        }
        .line {
                border: 2px solid #72BAC4;
                width: 70px;
        }
        .text-container {
                grid-template-columns: repeat(1, 1fr);
        }
        .beneficiaries-members-container {
                height: 120px;
        }
        .beneficiaries-member {
                height: 80px;
                width: 80px;
        }
        .subdescription-title {
                font-size: 20px;
        }
        .edu-blocks-container {
                display: grid;
                gap: 20px;
        }
        .videos-container {
                grid-template-columns: repeat(2, 1fr);
        }
        .video {
                width: 350px;
                height: 190px;
        }
        .footer {
                height: max-content;
                display: grid;
                gap: 0;
        } 
        .footer-content {
                display: grid;
                grid-template-columns: repeat(2, 1fr);
        }
        .footer-image {
                width: 80%;
                width: max-content;
                margin: 5%;
                margin-top: 0;
        }
        .footer-resources {
                margin: 0;
                margin-left: 20px;
        }
        .footer-hub {
                margin: auto;
        }
        .footer-contact {
                display: grid;
                margin: 5%;
                margin-left: 10%;
        }
        .privacy {
                width: max-content;
                margin: 20px auto 20px 0;
        }
        .subscription {
                margin: 0;
        }
        .privacy-title {
                margin: 0;
                text-align: unset;
        }
}
@media screen and (max-width: 950px) {
        .executive-members-container {
                display: grid;
                grid-template-columns: repeat(2, 1fr);
                gap: 10px 0;
        }
        .executive-member {
                width: 85%;
                margin-right: auto;
        }
        .executive-member-description {
                font-size: 12px;
        }
        .executive-member-name {
                font-size: 15px;
        }
        .municipality-members-container {
                display: flex;
                gap: 30px 0;
                margin-left: 10%;
        }
        .municipality-member {
                margin: auto;
                width: 80%;
        }
        .community-members-list {
                grid-template-columns: repeat(2, 1fr);
        }
        .edu-main-block {
                width: 100px;
                height: 130px;
        }
        .logo {
                width: 140px;
        }
        .logo img {
                width: 100%;
                height: 60px;
        }
        .event {
                display: grid;
                width: 90%;
                border-radius: 10px;
        }
        .event-image-container {
                width: 100%;
                margin: auto;
        }
        .event-image-container img {
                object-fit: cover;
                border-radius: 10px;
                height: 100%;
        }
        .event-text-container {
                width: 90%;
                font-size: 14px;
        }
        .event-text {
                margin: 20px 0;
        }
        .form-text-spam{
                display: grid;
        }
        .comm-desc-text{
                width: 100%;
                font-size: 12px;
        }
        .form-desc-email-phone {
          display: grid;
          grid-gap: 10px;
          justify-content: center;
          margin-bottom: 30px;
        }
        .community-info-div {
                border: 1px solid;
                border-radius: 17px;
                padding: 30px;
                width: 50%;
                height: auto;
        }
        .form-width {
                width: 100%;
                margin-top: 25px;
        }
        .desc-div {
                width: 100%;
                margin-top: 30px;
        }
        .description-div {
                display: grid;
                width: 100%;
                margin-top: 30px;
                grid-gap: 11%;
        }
        .description-div {
                display: grid;
                width: 100%;
                margin-top: 30px;
                grid-gap: 11%;
                grid-row-start: 1;
        }
}
@media screen and (max-width: 900px) {
        .invest{
                width: calc(100% / 2);
        }
        .financical-container {
                display: grid;
        }
        .financical {
                width: 90%;
        }
        .municipality-members-container {
                display: flex;
                gap: 30px 0;
                margin-left: 10%;
        }
        .job-page-title-container {
                gap: 0;
                flex-direction: column-reverse;
                height: max-content;
                margin-left: 20px;
        }
        .job-image {
                width: 130px;
                height: 160px;
                margin-top: 0px;
                margin-left: 0px;
        }
        .job-name {
                margin-top: 0px;
        }
        .job-icons {
                display: block;
        }
        .job-description-container {
                margin-left: 20px;
        }
        .job-contact-icons {
                margin-top: auto;
        }
        .toggle-div-content {
                display: grid;
        }
        .timetable {
                width: 100%;
        }
        .speaker-div {
                width: 100%;
        }
}
@media screen and (max-width: 810px) {
        .header-sections-container {
                display: none;
                margin-left: 240px;
        }
        .aid-image-box {
                display: grid;
        }
        .member-container {
                width: 92%;
                margin: 50px auto; 
        }
        .videos-container {
                grid-template-columns: repeat(1, 2fr);
        }
        .video {
                width: 500px;
                height: 350px;
        }
        .form-text-spam{
                display: grid;
        }
        .form-width{
                width: 100%;
                margin-top: 25px;
        }
        .member-jobs-container {
                width: 95%;
                margin: auto;
                padding: 10px;
                margin-top: 50px;
        }
        .member-job-image{
                width: auto;
                height: 65px;
                padding: 15px;
                border-radius: 30px;
        }
        .member-job-name{
                font-weight:600;
                width: max-content;
        }
        .member-job-calendar{
                margin: 20px auto auto 35px;
                display: flex;
                gap: 10px;
                justify-content: center;
        }
        .member-job-location{
                margin: auto auto 20px 35px;
                display: flex;
                gap: 10px;
                justify-content: center;
        }
        .member-job-adress{
                display:flex;
                gap:1%;
                font-size: 12px;
        }
        .member-job-org-name{
                margin-top: -40px;
                font-size: 12px;
        }
        .desc-div{
                width: 100%;
        }
        .description-div{
                display: grid;
                width: 100%;
                margin-top: 30px;
                grid-gap: 11%;
                grid-row-start: 1;
        }
        .form-desc-email-phone{
                display: grid;
                grid-gap: 10px;
                justify-content: center;
                margin-bottom: 30px;
        }
        .message-div {
                width: 300px;
        }
        .subscription-container{
                width: 70%;
        }
        .community-info-div{
                border: 1px solid;
                border-radius: 17px;
                padding: 30px;
                width: 75%;
                height: auto;
        }
        .desc-header{
                width: 95%;
                margin: auto;
        }
        .member {
                width: 150px;
                height: 150px;
        }
        .jobs-container {
                width: 90%;
        }
        .job-image-container{
                width: 60px;
                height: 60px;
        }
        .job {
                width: 85%;
                padding: 20px;
        }
        .municipality-members-container {
                display: flex;
                gap: 30px 0;
                margin-left: 10%;
        }
        .description_text_container {
                height: 25vh !important;
        }
        .description_text {
                width: 100% !important;
        }
        .about_rs_container {
                width: 95% !important;
                display: block !important;
        }
        .about_rs_img {
                width: 100% !important;
        }
        .about_rs_text {
                width: 100% !important;
        }
        .campaign {
                flex-direction: column !important;
                width: 95% !important;
        }
        .campaign_text {
                order: 2 !important;
                width: 100% !important;
        }
        .campaign_img {
                order: 1 !important;
                width: 100% !important;
        }
        .camp_desc_container {
                justify-content: normal !important;
                margin-bottom: 1% !important;
        }
        .donation_info {
                flex-direction: column !important;
        }
        .donation_text {
                order: 2 !important;
                width: 100% !important;
        }
        .donation_image {
                order: 1 !important;
                width: 100% !important;
        }
        .donate_btn {
                width: 30% !important;
        }
}
@media only screen and (max-width: 700px){
        .modal-content {
                width: 100%;
        }
}
@media screen and (max-width: 660px) {
        .home-gif{
                width:100%;
                height: 0%;
                margin-left: 0%;
                margin-top: 20%;
        } 
        .home-title {
                width: 350px;
                font-size: 30px;
        }
        .section-title {
                font-size: 26px;
        }
        .subdescription-title {
                font-size: 20px;
        }
        .subdescription-text {
                font-size: 14px;
        }
        .home-description {
                font-size: 13px;
        }
        .links {
                font-size: 11px;
        }
        .links img {
                width: 10px;
        }
        .toggle-content img {
                width: 80%;
                height: 100%;
                margin-left: 10%;
        }
        .community-members-list {
                grid-template-columns: repeat(1, 1fr)
        }
        .community-member-name {
                font-size: 16px;
        }
        .community-member-description {
                font-size: 13px;
        }
        .member {
                width: 70px;
                height: 70px;
        }
        .hub-img {
                content: url('https://ehayq.am/db/get?id=64c45cac-05d5-47cb-891a-22923ec8f855');
        }
        .scheme-block {
                width: 290px;
        }
        .box-container {
                width: 300px;
                display: grid;
        }
        .box {
                height: 170px;
                width: 100%;
        }
        .video {
                width: 100%;
                height: 100%;
                margin: auto;
        }
        .jobs-filter-text{
                width:44%;
                margin:auto;
        }
        .jobs-select{
                width: 100%;
                height: 35px;
                border: 1px;
                border-radius: 5px;
        }
        .combobox-width{
                width:80%;
        }
        .description-top{
                margin-top:18%;
                width:128px;
        }
        .jobs-text{
                width:100%;
        }
        .frame{
                border: 0px solid;
                background-color: #F6F9F9;
                margin-top: 60px;
                padding: 5%;
                width: 90%;
        }
        
        .form-width{
                width: 100%;
                margin-top: 25px;
        }
        .form-desc-email-phone{
                display: grid;
        }
        .desc-div{
                width: 100%;
                margin-top: 20%;
        }
        .description-div{
                display: grid;
                width: 100%;
                margin-top: 35px;
                grid-gap: 0%;
                grid-row-start: 1;
                margin-top: 0px;        
        }
        .community-info-div{
                border: 1px solid;
                border-radius: 17px;
                padding: 30px;
                width: 70%;
                height: 100%;
        }
        .inno-hub{
                font-size: 17px;
                margin-bottom: 25px;
                width: 0%;
        }
        .capacity_line{
                width:90%;
        }
        .smart-comm-text{
                width: 100%;
        }
        .divda{
                width: 285px;
        }
        .video-text{
                width: 95%;
                height: 95%;
                border: 0px none;
                margin-bottom: -15px;
        }
        .divend{
                width: 65%
        }
        .invest-button{
                border: 0px solid;
                background-color: rgb(235, 163, 82);
                padding: 15px;
                border-radius: 10px;
                display: grid;
                justify-content: center;
                width: 65%;
                cursor: pointer;
                margin: 20px auto;
        }
        .aid-image-box{
                display: grid;
                gap: 2%;
        }
        .aid-image-div{
                margin-top: 20px;
                width: 100%;
        }
        .aid-headers{
                margin-top:15%;
                display:grid;
                justify-content:center;
        }
        .aid-box{
                gap:5%;
                display:grid;
                grid-template-columns:auto;
                margin-top:5%;
        }
        .member-border{
                  padding: 20px;
                  margin-top: auto;
                  border: 1px solid #B6D3D7;
                  display: grid;
                  gap: 2%;
                  height: 100%;
                  width: auto;
                  grid-template-columns: 31% 1fr;
        }
        .member-text{
                width: auto;
                margin-left: -50%;
                margin-top: 10%;
        }
        .name-text-div{
                display: grid;
        }
        .vector-community-image{
                display: grid;
                margin-left: 0px;
                margin-top: -6%;
        }
        .vector-community-image img{
                width: 15px;
        }
        .invest_accordion_fsize{
                font-size: 20px;
        }
        .mySlides {
                width: 100%;
                display: none;
                height: 180px;
                margin-bottom: 60%;
        }
        .prev, .next {
                cursor: pointer;
                color: black;
                position: absolute;
                top: 35%;
                padding: 15px;
                font-size: 25px;
                user-select: none;
                transition: .3s;
        }
        .prev:hover, .next:hover {
                background-color: rgb(0, 0, 0, 0.8);
                color: white;
        }
        .next {
                right: -55px;
        }
        .prev {
                left: -55px;
        }
        .community-project-member-description{
                font-size: 14px;
                margin: 0;
        }
        .sector-text{
        }
        .community-top-positiion{
                margin-top: -60px;
        }
        .form-text-spam{
                display: grid;
        }
        .description-div{
                display: grid;
                width: 100%;
                margin-top: 30px;
                grid-gap: 11%;
        }
        .form-desc-email-phone{
                display: grid;
                grid-gap: 10px;
                justify-content: center;
                margin-bottom: 30px;
        }
        .community-info-div{
                border: 1px solid;
                border-radius: 17px;
                padding: 30px;
                width: 75%;
        }
        .soft-skills{
                width:100%;
        }
@media screen and (max-width: 600px){
        .how-it-works {
                overflow: auto;
                width: 100%;
        }
        .message-div {
                width: 200px;
        }
        .how-it-works img {
                width: 100%;
                height: 220px;
                object-fit: contain;        
                margin-bottom: 0px;
                margin-left: 0px;
        }
        .member-image {
                width: calc(93%/2);
        }
        .form-text-spam{
                display: grid;
        }
        .description-div{
                display: grid;
                width: 100%;
                margin-top: 30px;
                grid-gap: 11%;
        }
        .form-desc-email-phone{
                display: grid;
                grid-gap: 10px;
                justify-content: center;
                margin-bottom: 30px;
        }
        .community-info-div{
                border: 1px solid;
                border-radius: 17px;
                padding: 30px;
                width: 75%;
        }
        .stakeholders_text{
                width: 75%;
                font-size: 20px;
        }
        .mun-width{
                width: 80%;
        }
        .subdescription {
                width: 90%;
                margin: auto;
        }
        .invest-title {
               font-size: 12px;
                color: black;
                margin: auto;
                width: 89%;
        }
        .close {
                color: black;
                position: absolute;
                top: 15px;
                right: 35px;
                font-size: 25px;
                font-weight: bold;
                transition: 0.3s;
        }
        .invest-model{
                display: grid;
                font-size: 14px;
                grid-template-columns: auto;
        }
        .model-content{
                display: block;
                max-width: 500px;
                margin: 40px auto;
                width: 80% !important;
                height: 80% !important;
                object-fit: contain !important;
        }
        .model{
                position: fixed;
                z-index: 1000;
                width: 80%;
                height: 90%;
                overflow: auto;
                background: white;
                cursor: auto;
                pointer-events: auto;
                inset: 0;
                margin: auto;
                overflow: auto;
        }
        .invest-model-div-description{
                width: 100%;
                display: flex;
                overflow: auto;
        }
        .invest-model-description{
                width: 100%;
                text-align: center;
                overflow: scroll;
        }
        .municipality-members-container {
                display: grid;
                gap: 30px 0;
                margin-left: 10%;
        }
        .about_rs_title h1{
                font-size: 20px !important;
        }
        .rs_texts {
                display: block !important;
                text-align: center !important;
                width: 90% !important;
                margin: auto !important;
        }
        .campaign_title h1 {
                font-size: 20px !important;
        }
        .camp_desc_container {
                display: block !important;
                text-align: center !important;
                width: 90% !important;
                margin: auto !important;
                margin-bottom: 1% !important;
                
        }
        .donation_page_main_image {
                margin-top: 17% !important;
        }
        .one_mentor_one_student {
                width: 100% !important;
                margin-top: 5%;
        }
        .one_mentor_one_student_title {
                font-size: 24px !important;
        }
        .one_mentor_one_student_text {
                font-size: 15px !important;
        }
        .description_text_container {
                margin: 11% auto;
        }
        .donate_section {
                display: block !important;
        }
        .money_input {
                width: 100% !important;
                border: none !important;
        }
        .credentials {
                width: 100% !important;
                margin: 5% 0 0 0 !important;
                text-align: center;
        }
        .donation_rules {
                margin-top: 2% !important;
        }
        .impact {
                text-align: center;
                margin: 10% 0;
        }
}
@media screen and (max-width: 550px) {
        .invest{
                width: 100%;
        }
        .description_text_container {
                margin: 30% auto;
        }
}
@media only screen and (max-width: 300px) {
        .prev, .next,.text {font-size: 11px}
        .description_text_container {
                margin: 30% auto;
        }
}