@font-face {
    font-family: 'Open-Sans-Regular';
    font-style: normal;
    src: url('font/Open_Sans/static/OpenSans/OpenSans-Regular.ttf'); /* IE9 Compat Modes */
  }
  @font-face {
    font-family: 'Open-Sans-Light';
    font-style: normal;
    src: url('font/Open_Sans/static/OpenSans/OpenSans-Light.ttf'); /* IE9 Compat Modes */
  }
  @font-face {
    font-family: 'Open-Sans-SemiBold';
    font-style: normal;
    src: url('font/Open_Sans/static/OpenSans/OpenSans-SemiBold.ttf'); /* IE9 Compat Modes */
  }
  @font-face {
    font-family: 'Inter-Regular';
    font-style: normal;
    src: url('font/Inter/static/Inter-Regular.ttf'); /* IE9 Compat Modes */
  }
  @font-face {
    font-family: 'Inter-Medium';
    font-style: normal;
    src: url('font/Inter/static/Inter-Medium.ttf'); /* IE9 Compat Modes */
  }
  @font-face {
    font-family: 'Inter-Light';
    font-style: normal;
    src: url('font/Inter/static/Inter-Light.ttf'); /* IE9 Compat Modes */
  }
  @font-face {
    font-family: 'Inter-ExtraBold';
    font-style: normal;
    src: url('font/Inter/static/Inter-ExtraBold.ttf'); /* IE9 Compat Modes */
  }
html {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
*, *:before, *:after {
    -webkit-box-sizing: inherit;
    -moz-box-sizing: inherit;
    box-sizing: inherit;
}
html,
body{
    padding: 0;
    margin: 0;
}
button{
    font-family: 'Open-Sans-Light'!important;
    font-weight: 600;
}
a{
    font-weight: 400;
    font-size: 18px;
    line-height: 19px;
    color: #0E6EB6!important;
}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6, p, .input-search, .filter-search select, .downloads-search select, span{
    font-family: 'Montserrat'!important;
}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6{
    line-height: 130%!important;
    color: #1D2939!important;
}

h1{
    font-weight: 800!important;
    font-size: 45px!important;
    color: #1D2939!important;
    font-family: 'Inter-ExtraBold'!important;

}
h2{
    font-size: 38px!important;
    font-weight: 800!important;
    color: #1D2939!important;
    font-family: 'Inter-ExtraBold'!important;

}
h3{
    font-size: 25px!important;
    font-weight: 600!important;
}
h4{
    font-size: 22px!important;
    color: #101727!important;
    font-weight: 600!important;
}
h5{
    font-size: 20px;
    color: #e2e6ed!important;
}
h6{
    font-size: 18px;
    color: #e2e6ed!important;
}
p, li{
    font-size: 16px;
    color: #344054;
    line-height: 150%;
    text-align: justify!important;

}
.backimg-slide::before,
.backimg-slide::after,
.section-card::before,
.section-card::after,
.backimg-blueline::before,
.backimg-blueline::after,
.location-img::before,
.proposals::before,
.backimg-info::before,
.backimg-info::after,
.backimg-programme::after,
.backimg-programme::before,
.news-backImg::before,
.news-backImg::after,
.single-post-proposals::after,
.contact-background::before,
.partner-top::after,
.programme-top::after,
.card-download a::before,
.slide::after{
    content: "";
    display: flex;
    background-repeat: no-repeat;
    position: absolute;
    z-index: -1;
}
@media (min-width: 1600px){
    .container, .container-lg, .container-md, .container-sm, .container-xl {
        max-width: 1500px!important;
    }
}
.body-high-contrast,
.button-high-contrast,
.section-high-contrast,
.section-high-contrast h1,
.section-high-contrast h2,
.section-high-contrast h3,
.section-high-contrast h4,
.section-high-contrast p {
    background-color: #000000 !important;
    color: #fff !important;
}
.button-high-contrast h4,
.select-high-contrast,
.panel-high-contrast a,
.card-high-contrast,
.card-high-contrast a,
.nav-high-contrast,
.nav-high-contrast a {
    background-color: #000000 !important;
    color: #ffff00 !important;
}
.section-high-contrast img{
    background-color: #000000 !important;
    display: none;
}
.card-high-contrast a img{
    background-color: #000000 !important;
    display: none;
}
a:hover{
    text-decoration: none!important;
}

.project-title{
    color: black !important;
    font-size: 18px !important
}
.project-title span{
    font-size: 14px
}

/* HEADER */
header{
    border-bottom: 1px solid #D9D9D9;
    font-family: 'Open-Sans-Regular'!important;
}
header.sticky{
    position: sticky;
    top: 0;
    background-color: white;
    width: 100%;
    z-index: 99;
    transition: transform 0.5s ease-in-out;
}
.header-icon img{
    margin: 0px 13px;
}
.logo{
    width: 350px;
    height: 100%;
}
.menu-ul{
    gap: 22px;
    align-items: flex-start;
}
.menu-ul li{
    text-align: center!important;
    line-height: 100%;
}
.menu-ul li a{
    color: #101727!important;
    font-weight: 400;
    font-size: 14px;
    line-height: 120%;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1);
    text-transform: uppercase;
}
.menu-ul li a:hover{
    text-decoration: none;
    color:#0E6EB6!important;
    border-bottom: 1px solid #FFD625;
}
.menu-ul li .active{
    border-bottom: 4px solid #FFD625;
    padding-bottom: 2px;
}
.button-blue, .load-more{
    box-shadow: inset 1px 1px 1px rgba(255, 255, 255, 0.1), inset -1px -1px 1px rgba(0, 0, 0, 0.1);
    padding: 8px 16px;
    border: none;
    text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2);
    font-family: 'Open-Sans-SemiBold'!important;
}
.button-blue:disabled {
    cursor: not-allowed;
  }
.load-more {
    padding: 13px 51px;
    font-size: 21px;
    margin-top: 40px;
}
.magnifier{
    gap: 27px;
}
.magnifier img{
    width: 18px;
    height: 18px;
}
.magnifier a{
    font-size: 14px;
    line-height: 120%;
    text-transform: capitalize;
    font-family: 'Open-Sans-SemiBold';
    border: 1px solid #0E6EB6;
}
.language .down-arrow{
    margin-left: 12px;
}
.language, .header-icon img, .add-organization img, .filter-search select, .downloads-search select, .contact-box img, .btn-search-img,.arrow-left,.call-button, .arrow-right, .strategic-row img, .read-more img, .magnifier img,.card, .lang, .down-arrow, .search-button img, .find-btn img{
    cursor: pointer;
}
.language{
    gap: 5px;
}
.lang{
    gap: 5px;
    padding: 7px 13px;
}
.lang:hover{
    background-color: #D9D9D9;
}
.lang p{
    color: #101727;
    font-weight: 400;
    font-size: 14px;
    line-height: 120%;
    text-shadow: 1px 1px 1px rgb(0 0 0 / 10%);
    font-family: 'Open-Sans-Regular';
    margin: 0;
}
.dropdown-language-mobile, .dropdown-language-desktop{
    background-color: white;
    border: 1px solid #D9D9D9;
    padding: 7px 0px;
    border-radius: 4px;
    position: absolute;
    top: 38px;
    left: -14px;
}
.dropdown-language-mobile.open, .dropdown-language-desktop.open{
    display: block;
    z-index: 99;
}
.border-lang{
    border-right: 1px solid #D9D9D9;
    margin: 4px 25px;
}
.icon-language{
    width: 26px;
    height: 26px;
    margin-right: 6px;
}
.search-button img{
    position: absolute;
    width: 16px;
    height: 16px;
    top: 10px;
    left: 14px;
}
.search-button button{
    padding: 10px 14px 10px 40px;
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
    text-transform: capitalize;
}
.search .search-bottom button{
    padding: 9px 14px 9px 40px;
}
#search {
    border: 1px solid #D9D9D9;
    border-radius: 6px;
    width: 600px;
    padding-left: 10px;
    font-family: 'Inter-Regular';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 17px;
}
.search {
    background: #F6F8FA;
    padding: 10px 0px;
}
.search.open{
    display: flex;
    position: absolute;
    width: 100%;
    z-index: 6;
}
.search .input-group{
    gap: 20px;
}
:focus-visible{
    outline: none;
}
.carousel-indicators .active{
    background-color: #24408F!important;
}
.carousel-indicators li{
    background-color: #0E6EB6!important;
}
.left-part, .partner-search{
    padding-left: 0px!important;
    padding-right: 0px!important;
}
.left-part p, .contact-left-part p{
    margin-right: 60px;
}
.find-btn, .card-programme h3{
    margin-bottom: 20px;
}
.find-btn a{
    padding: 11.5px 55px 11.5px 22px;
    font-size: 16px;
    line-height: 22px;
    border-radius: 5px!important;

}
.find-btn:hover a, .programme-button a:hover, .proposals-btn a:hover, .magnifier a:hover, .partner-search-btn button:hover{
    background-color: #E7F1F8;
    color:#0E6EB6!important;
    border: 1px solid #0E6EB6;
    transition: 0.5s;
    text-shadow: none;
}
.find-btn:hover a + svg path, .proposals-btn a:hover + svg path, .programme-button a:hover + svg path{
    fill:#0E6EB6;
}
.partner-search-btn button:hover + svg path{
    stroke: #0E6EB6;
}
.find-btn svg{
    position: absolute;
    left: 113px;
    top: 5px;
    width: 16px;
    height: 14px;
    cursor: pointer;
}
.carousel-item .find-btn svg{
    right: 20px;
    left: auto;
}
.backimg-slide::after{
    background-image: url(../img/Group\ 1000002235.png);
    height:119.5px;
    bottom: 120px;
    background-position: left;
}
.backimg-slide::before{
    background-image: url(../img/Group\ 100000223111.png);
    width: 44px;
    height: 60px;
    background-position: left;
    bottom: 140px;
    left: 660px;
    z-index: 1;
}

.carousel-inner{
    padding-bottom: 10px;
}

/* second section  */
.top-border, .useful-links{
    border-top: 1px solid #D9D9D9;
}
.section-card::before{
    background-image: url(../img/Frame\ 1000002224.png);
    height: 80px;
    background-position: right;
    top: 0;
}
.section-card::after{
    background-image: url(../img/Frame\ 1000002224\ \(1\).png);
    height: 80px;
    background-position: left;
    bottom: 0;
}
.section-card h2{
    margin-bottom: 80px;
}
.card{
    border: 1px solid #D9D9D9!important;
    border-radius: 12px!important;
    padding: 30px!important;
    transition: 0.3s;
    min-height: 360px!important;
}
#card-downloads {
    background-image: url(../img/Group1000002342.png);
    background-repeat: no-repeat;
    background-size: contain;
}
#card-news{
    background-image: url(../img/Group1000002341.png);
    background-repeat: no-repeat;
    background-size: contain;
}
#card-programme{
    background-image: url(../img/Group1000002340.png);
    background-repeat: no-repeat;
    background-size: contain;
}
#card-call-for-proposals{
    background-image: url(../img/Group1000002339.png);
    background-repeat: no-repeat;
    background-size: contain;
}

.magnifier a, .language-mobile p, .card h4, .user-contact p, .card-programme h3, .card-contact p, .find-btn a, .strategic-row h3, .date p, .date, .overview-content h3, .user-contact span p, .user-contact span p a{
    font-weight: 600;
}
.language-mobile p{
    color: #FFFFFF;
}
#card-call-for-proposals:hover, .call-button.active, .add-organization button, .button-blue, .load-more{
    background: #0E6EB6;
}

.load-more-1 {
    background-color: #9ACA3C;
}
.load-more-2 {
    background-color: #DA5C57;
}
.load-more-3 {
    background-color: #00ADDC;
}

.textProject1 h1{
    color: #9ACA3C!important;
}
.textProject2 h1{
    color: #DA5C57!important;;
}
.textProject3 h1{
    color: #00ADDC!important;;
}

.header-icon{
    background: #FFD625;
}
#card-programme:hover{
    background: #FF902D;
}
#card-news:hover{
    background: #A0D6FF;
}
#card-downloads:hover{
    background: #DA5C57;
}
#card-downloads:hover p, #card-news:hover p, #card-programme:hover p, #card-call-for-proposals:hover p{
    color: white;
}
.card:hover .hover-call-for-proposals{
    content:url(../img/notebook\ 4.png);
}
.card:hover .hover-programme{
    content:url(../img/award\ 4.png);
}
.card:hover .hover-news{
    content:url(../img/document\ 3.png);
}
.card:hover .hover-downloads{
    content:url(../img/download\ 2.png);
}
.card:hover .details p{
    color: white;
}
.card:hover .details img{
    content: url(../img/Group\ 988.png);
}
.card:hover h4{
    color: white!important;
}

/* third section  */
.call-info, .programme-info{
    width: 50%;
    background-color: white;
    z-index: 2;
}
.call-info h2{
    margin-bottom: 20px;
}
.call-info p{
    padding-bottom: 20px;
}
.news h2{
    margin: 25px 0px;
}
.programme-info h2{
    margin-bottom: 25px;
}
.programme-info p{
    margin: 0px 0px 25px 0px;
}
.proposals-btn svg, .programme-button svg{
    position: absolute;
    right: 15px;
    top: 15.5px;
    left: auto;
}
.proposals-btn, .programme-button{
    width: fit-content;
    margin: auto;
}
.proposals-btn{
    padding: 11px 0px;
}
.programme-button{
    text-align: center;
    margin-top: 80px;
    padding: 11px 0px;
}
.news-card{
    margin-top: 80px;
    gap: 30px;
}
.proposals{
    margin-top: 80px;
}
.swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;
    flex-direction: column;
    display: -webkit-box!important;
    display: -ms-flexbox!important;
    display: -webkit-flex!important;
    display: flex!important;
    -webkit-box-pack: center!important;
    -ms-flex-pack: center!important;
    -webkit-justify-content: center!important;
    justify-content: center!important;
    -webkit-box-align: center!important;
    -ms-flex-align: center!important;
    -webkit-align-items: center!important;
    align-items: center!important;
    align-self: flex-start;
    border: 1px solid gray;
    border-radius: 10px;
    padding:10px; 
    box-shadow: 0 0 2px;
}
.swiper-slide img {
    display: block;
}
.slider-image,.img-programme, .programme-card-img, .img-proposals, .img-proposals-single, .img-news, .img-proposals-single-page{
    width: 1200px;
    height: 600px;
    background-repeat: no-repeat;
    background-size: cover;
    object-fit: cover;
    background-position: center;
    border: 1px solid #A0D6FF;
    border-radius: 12px;
}
.slider-image , .img-proposals, .img-programme{
    background-size: contain;
    border: none;
}
.img-news{
    border: none;
    width: 100%;
    height: 400px;
    object-fit: contain;
}
.img-proposals-single-page, .img-programme, .img-proposals{
    height: 450px;
}
.img-proposals, .card-download, .one-project, .overview-programme, .card-partner, .contact-box, .img-news, .img-programme, #news-img-border3, #news-img-border2, #news-img-border1{
    border-radius: 12px;
}
.info-proposals{
    margin-top: 35px;
}
.info-proposals h3{
    margin-top: 15px;
    margin-bottom: 0px;
}
.single-post-proposals .info-proposals{
    margin-top: 0px;
}
.info-proposals span, .info-news span{
    border-radius: 6px;
    padding: 6px 10px;
    font-weight: 400;
    font-size: 14px;
    line-height: 120%;
    text-transform: capitalize;
}
.read-more img{
    width: 11px;
    margin-left: 10px;
    -webkit-transition: transform 0.3s ease-out;
    -moz-transition: transform 0.3s ease-out;
    -ms-transition: transform 0.3s ease-out;
    -o-transition: transform 0.3s ease-out;
    transition: transform 0.3s ease-out;
}
.read-more:hover img{
    -webkit-transform: translateX(4px);
    -moz-transform: translateX(4px);
    -ms-transform: translateX(4px);
    -o-transform: translateX(4px);
    transform: translateX(4px);
}
.info-proposals p{
    margin-top: 15px;
    margin-bottom: 40px;
}
.read-more a{
    font-weight: 400;
    font-size: 16px;
    line-height: 19px;
    color: #0E6EB6!important;
    text-transform: capitalize;
}
.read-more{
    margin-top: 40px;
}
.one-card-proposals h3, .search-button button{
    font-family: 'Inter-Medium'!important;
}
.one-card-proposals h3{
    margin-top: 15px;
    margin-bottom: 25px;
}
.one-card-proposals .info-proposals{
    padding: 0px 60px 0px 0px;
    margin: 0;
}
.one-card-proposals, .partners{
    gap: 20px;
}
.one-card-proposals .img-proposals{
    height: 450px;
}

.backimg-blueline::after{
    background-image: url(../img/Vector\ 13.png);
    width: 347.42px;
    height: 1105.35px;
    right: 140px;
    top: 0;
}
.backimg-blueline::before{
    background-image: url(../img/Group\ 1000002234.png);
    width: 1857.85px;
    height: 1956.32px;
    bottom: -872px;
    right: 115px;
}
.location-img::before{
    background-image: url(../img/Group\ 1000002231.png);
    width: 44px;
    height: 60px;
    right: -123px;
}
.proposals::before{
    background-image: url(../img/Vector.png);
    width: 113.55px;
    height: 33.37px;
    top: -193px;
}
/* fourth section  */
.card-download, .one-project, .left-part p, .contact-left-part p, .contact-box, .contact-image img{
    margin-bottom: 40px;
}
.strategic-row p{
    padding-right: 30px;
}
.strategic-row h3{
    margin-bottom: 20px;
    text-transform: capitalize;
}
.strategic-row{
    padding: 40px 20px 20px 0px;
    border-bottom: 1px solid #D9D9D9;
    margin-left: 20px;
}
.strategic-row ul li {
    text-align: left;
}
#img-slide1{
    transition: 0.3s;
    border: 1px solid #A0D6FF;
    border-radius: 24px;
    position: sticky;
    top: 20px;
}
#border1:hover img,#border2:hover img, #border3:hover img, #border4:hover img{
    content: url(../img/Group\ 10000022245.png);
    transition: 0.3s;
}
#border2:hover img, #border4:hover img{
    content: url(../img/Group\ 10000022244.png);
    transition: 0.3s;
}
#border1, #border2, #border3, #border4{
    border-left: 4px solid #FFFFFF;
    width: 100%;
}
#border1:hover{
    border-left: 4px solid #0E6EB6;
    transition: 0.3s;
}
#border2:hover{
    border-left: 4px solid #9ACA3C;
    transition: 0.3s;
}
#border3:hover{
    border-left: 4px solid #A2A0EB;
    transition: 0.3s;
}
#border4:hover{
    border-left: 4px solid #0E6EB6;
    transition: 0.3s;
}
.strategic-row h3{
    color: #0E6EB6!important;
}
.strategic-row img {
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    right: -10px;
    width: 28px;
    height: 28px;
}
.strategic-row .cutRows{
    margin-right: 25px;
}
.strategic{
    align-content: center;
}
.strategic a{
    width: 100%;
}
.img-programmeHover img{
    width: 100%;
    height: 100%;
    max-height: 800px;
    object-fit: cover;
}
.programms{
    gap: 25px;
}
.backimg-info{
    background-color: transparent!important;
}
.backimg-info::after{
    background-image: url(../img/Group\ 1000002244.png);
    width: 152.75px;
    height: 137.55px;
    top: 89px;
    right: 0;
}
.backimg-info::before{
    background-image: url(../img/Vector\ 99.png);
    width: 187.42px;
    height: 318px;
    right: 105px;
    top: 25px;
}
.backimg-programme::after{
    background-image: url(../img/Group\ 1000002242.png);
    width: 524.57px;
    height: 119.12px;
    top: 216px;
}
.backimg-programme::before{
    background-image: url(../img/Group\ 1000002239.png);
    width: 111.67px;
    height: 133.52px;
    top: 39px;
    left: 226px;
}
/* fifth section  */
.news-backImg::before{
    background-image: url(../img/Group\ 1000002243323.png);
    width: 1031.79px;
    height: 125.26px;
    top: 10px;
}
.news-backImg::after{
    background-image: url(../img/Vector\ 133.png);
    width: 909.47px;
    height: 888.8px;
    top: 0;
    right: 0;
}
#news-img-border1{
    border: 1px solid #9ACA3C;
}
#news-img-border2{
    border: 1px solid #18BAA8;
}
#news-img-border3{
    border: 1px solid #A0D6FF;
}
.news-btn{
    gap: 10px;
    white-space: nowrap;
    overflow-x: auto;
}
.buttons::-webkit-scrollbar {
  display: none;
}
.info-news{
    text-align: left;
}
.info-news h4{
    margin-top: 15px;
    margin-bottom: 15px;
}
.news-btn span{
    font-weight: 400;
    font-size: 16px;
    line-height: 22px;
    border: 1px solid #D9D9D9;
    border-radius: 6px;
    background-color: #FFFFFF;
    padding: 11.5px 15px;
    font-style: normal;
    text-transform: capitalize;
    color: #5B6371!important;
    font-family: 'Open-Sans-Regular';
}
.news-btn .active{
    color: #0E6EB6!important;
    border: 1px solid #0E6EB6;
    text-decoration: none;
    background-color: #E7F1F8;
}
.arrow-left, .arrow-right{
    padding: 14px;
    background: #F6F8FA;
    border-radius: 8px;
}
.date p, .date{
    font-size: 16px;
    line-height: 120%;
    color: #0E6EB6;
}
.news-btn, .language,.scroll-project span, .card-categories, .user-contact span, .contact-drop.open{
    display: flex;
}
.contact-drop{
    grid-template-columns: 1fr 1fr;
    align-items: start;
}
/* footer  */

.footer-two-part{
    position: absolute;
    bottom: 0;
    width: 100%;
    left: 0px;
}
.footer-content{
    gap: 60px;
    position: absolute;
    top: 100px;
}
.img-future img{
    position: absolute;
    top: 37px;
    right: 0;
}
.copyright{
    padding: 15px 0px;
    flex-direction: column;
    align-items: center;
    flex-direction: row-reverse;
    position: relative;
}
.copyright p{
    color: #24408F;
    font-weight: 400;
    font-size: 12px;
    line-height: 120%;
    margin: 0;
}
.europen-logo, .scroll-project span, .hamburger{
    align-items: center;
}
.footer-social-icon img{
    margin-right: 15px;
}
.footer-social-icon{
    align-items: center;
    place-content: center;
}
.back-projects{
    margin-left: 5px;
    color: #0E6EB6!important;
    font-size: 14px;
    line-height: 120%;
    font-weight: 700;
}
.copyright>.back-projects{
    position: absolute;
    left: 10px;
    bottom: 17px;
}
.back-projects:hover{
    fill: #E7F1F8!important;
}
.back-projects img{
    transform: rotate(3.142rad);
}
.border-footer{
    display: none;
}
/* search bottom  */
.search-bottom{
    background-color: #0E6EB6;
    border-radius: 8px;
    padding: 0!important;
    margin-bottom: 120px;
    margin-top: 60px;
}
.search-bottom>div{
    position: absolute;
    left: 0;
    right: 0;
    bottom: 56px;
}
.search-bottom h2{
    color: #FFFFFF!important;
    margin-bottom: 25px;
    font-size: 32px!important;
    font-family: 'Open-Sans-Regular'!important;
}
.search-input input{
    padding: 14px 4px 14px 16px;
    background: #FFFFFF;
    border: 1px solid #D9D9D9;
    border-radius: 6px;
    width: 600px;
    font-weight: 400;
    font-size: 14px;
    line-height: 19px;
    color: #8D8D8D;
}
.search-input button{
    color: white;
    padding: 10px 45px 10px 14px;
    position: relative;
    border-radius: 5px;
    font-size: 14px;
}
.search-input>div{
    top:4px;
    right: 438px;
    position: absolute;
}

/* news page  */
.news-card .row>div {
    padding: 15px 15px;
}
.newsPageCard{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 30px;
}

/* single proposals page */
.single-post-proposals .row, .programme-section{
    margin-left: 0px!important;
    margin-right: 0px!important;
}
.single-proposals h2{
    text-align: center;
    margin-bottom: 20px;
}
.call-button{
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 19px;
    text-transform: capitalize;
    color: #0E6EB6;
    margin: 0;
    padding: 13px 14.5px;
}
.call-button.active{
    padding: 13px 14.5px;
    border: 1px solid #0E6EB6;
    border-radius: 6px;
    color: white;
}
.overview-btn-proposals{
    background: #F6F8FA;
    border: 1px solid #D9D9D9;
    border-radius: 6px;
    height: 100%;
    padding: 17px 5px;
}
.group-btn-proposals{
    padding: 44px 0px;
    gap: 20px;
}
.content-proposals{
    max-width: 1010px;
    text-align: justify;
    margin: auto;
    padding-top: 40px;
}
.download-button{
    border: 1px solid #D9D9D9;
    border-radius: 10px;
    padding: 15px 22px;
}
.download-button>div{
    gap: 20px;
}
.gif-single-proposals img, .contact-left-part img, .search-left-part img, .call-info img, .programme-info img, .news>img, .card img, .useful-links img{
    width: 64px;
    height: 64px;
}
.search-bottom img, .cover-programme, .search-bottom, .contact-image img, .card-categories{
    height: 100%;
}
.slider-image, .scroll-project, .cover-programme, .contact-background::before, .input-search, .contact-image img, .image-proposals img, .backimg-slide::after, .section-card::before, .section-card::after, .swiper, .img-proposals, .news, .news-btn, .search-bottom img, .info-news, .search-bottom{
    width: 100%;
}
.programme-card-img{
    height: auto;
    position: sticky;
    top: 20px;
    transition: 0.3s;
    border: none!important;
    max-height: 566px;
}
.programme-card-img.topSticky{
    top: 130px;
}
.details img{
    width: 24px;
    height: 24px;
}
.search-input svg{
    position: absolute;
    top: 15px;
    width: 14px;
    height: 14px;
    z-index: 2;
    right: 10px;
}
.gif-single-proposals p{
    margin: 0;
}
.faq-content .faq-titleP{
    border: none;
    background: #E7F1F8;
    color: #0E6EB6;
    padding: 10px 25px;
    border-radius: 6px;
    font-family: 'Open-Sans-Light'!important;
}
.faq-content a{
    font-size: 16px!important;
}
.faq-content li::marker{
    font-weight: bolder;
}
.faq-questions{
    display: none;
}
.faq-questions-li-answer{
    display: none;
}
.faq-questions-li li{
    list-style: none!important;
}
.faq-questions.active{
    display: block;
}
.faq-questions-li-answer.active{
    display: block;
    padding-left: 56px;
}
.titleImage img{
    position: absolute;
    right: 24px;
    top: 49px;
    width: 24px;
    z-index: 1;
}
.faq-title, .faq-questions-li{
    position: relative;
    cursor: pointer;
}
.titleImage{
    position: relative;
}

/* contact page  */
.contact-box{
    padding: 20px;
    border: 1px solid #D9D9D9;
    background-color: white;
}
.contact-box p{
    max-width: 900px;
    margin-bottom: 0px;
}
.contact-box h3{
    margin-bottom: 20px;
    color: #0E6EB6!important;
}
.contact-left-part{
    padding-left: 0px!important;
    padding-right: 30px!important;
}
.contact-right-part{
    padding-right: 0px!important;
    padding-left: 0px!important;
}
.contact-down-arrow img{
    width: 18px;
    height: 9px;
}
.contact-down-arrow{
    padding: 11px 8px;
    background: #E7F1F8;
    border-radius: 4px;
}
.global-contact{
    padding-top: 160px;
    padding-bottom: 80px;
}
.contact-box img{
    width: 34px;
    height: 34px;
    background: #E7F1F8;
    padding: 13px 10px;
    border-radius: 4px;
}
.user-contact img{
    width: 17.97px;
    height: 18px;
    background-color: white;
    padding: 0px;
}
.overview-content h3{
    margin-bottom: 10px;
}
.card-categories{
    flex-direction: column;
    justify-content: space-between;
}
.user-contact{
    margin-bottom: 15px;
}
.user-contact p, .programe-two h2{
    margin-bottom: 15px;
}
.programe-two .text-center{
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-bottom: 40px;
}
.programe-two .text-center h2, .programe-two .text-center p, .single-proposals .text-center, .no-proposals, .no-projects p{
    max-width: 700px;
    width: 100%;
}
.no-projects p{
    margin: auto;
}
.single-proposals .text-center{
    margin: auto;
    margin-bottom: 40px;
}
.no-proposals{
    display: flex;
    margin: auto;
    margin-top: 80px;
    margin-bottom: 80px;
}
.first-content-programme{
    max-width: 1100px;
    margin: auto;
    margin-top: 40px;
}
.first-content-programme h3{
    color: #0E6EB6!important;
}
.card-partner h3{
    font-family: 'Montserrat', sans-serif!important;
    font-weight: 600!important;
    font-size: 20px!important;
    line-height: 22px;
    text-transform: capitalize;
    color: #124440 !important;
    font-style: normal;
}

.user-contact span{
    font-family: 'Montserrat', sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 22px;
    text-transform: none;
    color: #124440;
    font-style: normal;
}
.user-contact span p, .user-contact span p a{
    
    font-family: 'Montserrat', sans-serif;
    font-size: 16px;
    line-height: 22px;
    color: #124440!important;
    margin: 0px 0px 0px 15px;
}
.user-contact img{
    margin-right: 10.5px;
}
.width-left-contact{
    max-width: 450px;
}
.user-info h3{
    margin-bottom: 25px;
    color: black!important;
}
.user-info h4{
    margin-bottom: 15px;
}
.user-info{
    /* border-bottom: 1px solid #D9D9D9; */
    margin-top: 20px;
}
.useful-links {
    padding-top: 80px;
    padding-bottom: 120px;
}
.useful-links h2{
    margin: 20px 0px 0px 0px;
}
.useful-card{
    margin-bottom: 30px;
}
.useful-card img{
    width: 30px;
    height: 30px;
}
.card-contact{
    border: 1px solid #D9D9D9;
    border-radius: 10px;
    padding: 40px;
    background-color: white;
    width: 100%;
}
.card-contact p{
    text-transform: capitalize;
    color: #0E6EB6;
    margin-top: 20px;
    margin-bottom: 0px;
    font-size: 16px!important;
}

/* partner search page  */

.card-partner{
    border: 1px solid #D9D9D9;
    padding: 20px;
}
.card-partner h4{
    margin-bottom: 30px;
    margin-top: 15px;
}
.card-partner p{
    background: #E7F1F8;
    border-radius: 6px;
    padding: 6px 10px;
    color: #0E6EB6;
    margin: 0px 10px 0px 0px;
    font-weight: 400;
    font-size: 16px;
    line-height: 120%;
}
.user-contact p{
    line-height: 19px;
    /* text-transform: capitalize; */
    margin: 0; padding: 0;
    background-color: white;
}
.partners{
    display: grid;
    grid-template-columns: auto auto auto;
    margin: 40px 0px;
}
.select-row{
    margin-left: 15px;
    gap: 15px;
}
.select-input p{
    margin: 0;
    font-size: 16px!important;
}
.select-input img{
    top: 21px;
    right: 13px;
    width: 12px;
    height: 8px;
}
.select-input{
    border: 1px solid #D9D9D9;
    border-radius: 9px;
    align-self: center;
    padding: 13px 35px 13px 13px;
    cursor: pointer;
    width: 100%;
}
.partner-filter .select-input{
    width: 75%;
}
.drop-select{
    background-color: white;
    border: 1px solid #D9D9D9;
    border-radius: 6px;
    width: 100%;
    top: 51px;
    left: 0;
    padding: 5px;
    display: none;
    z-index: 1;
}
.drop-select p{
    padding: 5px 10px;
}
.drop-select p:hover{
    background-color: #E7F1F8;
    color: #0E6EB6;
    border-radius: 6px;
}
.drop-select.active{
    display: block;
}

/* programme page  */
.proposals-single, .single-project-header, .padding-section, .single-proposals, .filter-search, .downloads-search, .partner-top, .programme-top, .programe-two, .section-proposals, .section-calls, .section-news{
    padding: 30px 0px;
    border-bottom: 1px solid #D9D9D9;
}
.project{
    padding: 40px 0px;
}
.projects-filter{
    border-bottom: none!important;
    padding-bottom: 0!important;
}
.programme-bottom, .partner-search-bottom, .partner-add-bottom, .newDownloads{
    padding-bottom: 80px;
}
.single-proposals, .section-news, .padding-section{
    border-bottom: none;
}
.padding-section{
    padding: 120px 0px;
}
.card-programme h3{
    color: #0E6EB6!important;
}
.programe-two{
    border-bottom: none;
    padding: 80px 0px 0px 0px;
}
.proposals-single{
    gap: 30px;
    border-bottom: none;
}
/* .overview-programme{
    background: #FFF9F4;
    border: 1px solid #FFE0C7;
    padding: 80px 80px;
} */
.overview-programme img{
    border-radius: 12px;
}
.overview-content{
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
    padding-top: 40px;
    max-width: 1100px;
    margin: auto auto;
}
.programme-card-img{
    width: 100%!important;
}
.version1{
    display: grid;
    grid-template-columns: 52% 48%;
    padding-top: 80px;
    margin: auto;
    max-width: 1100px;
}
.version2{
    display: grid;
    grid-template-columns: 48% 52%;
    padding-top: 80px;
    margin: auto;
    max-width: 1100px;
}
.version1 .card-programme{
    margin-right: 50px;
    padding-bottom: 50px;
}
.version2 .card-programme{
    margin-left: 50px;
    padding-bottom: 50px;
}
.plus.active{
    content: url(../img/minimize-sign.png);
}
.pro-padding{
    padding-bottom: 50px;
}
.cutRows5 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 25;
    line-clamp: 25;
    -webkit-box-orient: vertical;
    max-height: 490px;
    margin-bottom: 20px;
}
.overview-btn{
    position: absolute;
    /* bottom: 0; */
    width: 100%;
}
.overview-btn button{
    width: 100%;
    border: none;
    background: #E7F1F8;
    color: #0E6EB6;
    padding: 10px 25px;
    border-radius: 6px;
    text-align: left;
}
.overview-btn img{
    position: absolute;
    bottom: 13px;
    right: 15px;
    width: 19px;
    cursor: pointer;
}
/* projects */
.one-project{
    border: 1px solid #D9D9D9;
    padding: 40px;
}
.arrow-project{
    position: absolute;
    top: 18px;
    right: 0;
}
.content-project span{
    color:#232425;
}
.content-project p{
    max-width: 1100px;
}
.content-project .cutRows5{
    -webkit-line-clamp: 2;
    margin-bottom: 0;
}
.content-project span{
    color: #5B6371;
    font-weight: 600;
    font-size: 18px;
}
.content-project .cutRows5 p{
    color: #5B6371;
    font-size: 18px;
    font-weight: 400;
    margin-bottom: 0;
}
.project-card{
    display: flex;
    gap: 40px;
    justify-content: space-between;
    align-items: center;
}
.project-card-left{
    padding-top: 10px;
    width: 70%;
}
.project-card-right{
    width: 30%;
}
.project-card-right img{
    width: 100%;
    clip-path: polygon(30% 100%, 0% 0%, 100% 0%, 100% 50%, 100% 100%);
    border-radius: 10px;
    max-height: 230px;
    object-fit: cover
}

.project-files a{
    border: 1px solid #D9D9D9;
    padding: 20px 70px 20px 30px;
    border-radius: 10px;
    position: relative;
    color: #0E6EB6;
    font-family: Inter-Regular;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 120%;
    align-self: center;
}
.project-files{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 10px 32px;
    margin-top: 57px;
}
.project-files a::after {
    background-image: url(../img/Vector.svg);
    content: "";
    position: absolute;
    width: 21px;
    height: 20px;
    right: 4%;
    top: 50%;
    transform: translate(-50%, -50%);
}
.scroll-project{
    overflow-x: scroll;
    white-space: nowrap;
}
.scroll-project::-webkit-scrollbar{
    height: 0;
}
.scroll-project span{
    border: 1px solid #D9D9D9;
    border-radius: 6px;
    padding: 10px;
    margin-right: 10px;
    background-color: white;
    gap: 6px;
}
.scroll-project span p{
    margin: 0;
}
.slider-image{
    height: 430px;
    margin-top: 20px;
}
.one-project:hover{
    background: #E7F1F8;
}
.one-project:hover .cfp{
    background: white!important;
}
.one-project:hover .cfp{
    background-color: white;
}
.one-project:hover .arrow-project{
    content: url(../img/Group\ 10000022245.png);
}
.priorityAxis{
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    width: 95%;
    margin-bottom: 10px;
}
.priorityAxis p{
    white-space: nowrap;
    flex: 0 1 0; /* flex-grow: 1, flex-shrink: 0, flex-basis: 0 */
    margin: 0;
    box-sizing: border-box;
    margin-bottom: 0!important;
    font-size: 14px
}
.cfp{
    width:fit-content;
    background: #E7F1F8;
    color: #0E6EB6;
    border-radius: 6px;
    padding: 6px;
  /*  width: 100%;*/
}
.hoverProject1:hover{
    background: rgba(154, 202, 60, 0.1);
}
.hoverProject1:hover .arrow-project{
    content: url(../img/Group\ 10000022244.png);
}
.hoverProject3:hover{
    background: #E7F1F8;
}
.hoverProject3:hover .cfp{
    background: white!important;
}
.hoverProject2:hover .arrow-project{
    content: url(../img/Group\ 10000022245.png);
}
.hoverProject2:hover{
    background: #FFF9F4;
}
.hoverProject2:hover .arrow-project{
    content: url(../img/Group\ 1000002224\ \(1\).png);
}
.lb-number{
    display:none!important;
}
#project1, .numProject1{
    background: rgba(154, 202, 60, 0.1);
    color: #9ACA3C;
    border-radius: 6px;
    padding: 6px 10px;
}
#project3, .numProject3{
    background: #E7F1F8;
    color: #00ADDC;
    border-radius: 6px;
    padding: 6px 10px;
}
#project2, .numProject2{
    background: rgba(255, 144, 45, 0.05);
    color: #DA5C57;
    border-radius: 6px;
    padding: 6px 10px;
}
#projectAcronym1{
    color: #9ACA3C;
    font-size: 30px;
    font-weight: 700;
    line-height: 130%;
}
#projectAcronym3{
    color: #00ADDC;
    font-size: 30px;
    font-weight: 700;
    line-height: 130%;
}
#projectAcronym2{
    color: #DA5C57;
    font-size: 30px;
    font-weight: 700;
    line-height: 130%;
}
.category-color-right ul{
    font-family: Inter-Regular;
}
.numProject1, .numProject2, .numProject3{
    margin-bottom: 20px;
}
.one-project h4{
    font-size: 28px!important;
   /* margin-bottom: 32px;*/
    color: #000;
}
.one-project .cfp{
    margin-bottom: 10px;
}

/* downloads  */
.card-download{
    border: 1px solid #D9D9D9;
    padding: 40px;
}
.card-download>div{
    align-items: center;
}
.card-download p{
    max-width: 950px;
}
.date{
    line-height: 210%;
}
.downloads-search{
    border-bottom: none;
    padding-bottom: 30px;
}

/* file  */
.file{
    /* border: 1px solid #D9D9D9; */
    padding: 0px;
    text-align: center;
    position: relative;
    border-radius: 12px;
    margin: 0px;
    width: 100%;
    display: inline-grid;
}
.card-download a::before{
    background-image: url(../img/Vector.svg);
    width: 40px;
    height: 25px;
    position: relative;
}

.card-download a{
    color: #0E6EB6!important;
    font-weight: 500;
    font-size: 16px;
    line-height: 120%;
    width: 100%;
    display: grid;
    grid-template-columns: auto auto;
    justify-content: start;
    gap: 15px;
    padding: 10px 0px 10px 15px;
    text-align: left;
    gap: 15px;
    align-items: center;
}

/* new single  */
.category-color{
    padding: 40px 70px 0px 70px;
    display: flex;
}
.basic-data-info{
    padding: 40px 0px 0px 0px;
}
.category-color-left{
    width: 30%;
    padding-right: 5px
}
.category-color-right{
    width: 70%;
}
.category-color-left p strong{
    color: #5B6371!important;
    background-color: transparent!important;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    text-transform: capitalize;
    padding: 0px!important;
    margin-bottom: 16px!important;
}
.category-color-left p{
    color: #0E6EB6;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    background-color: transparent!important;
    padding: 0px!important;
}
.image-gallery{
    padding: 42px 0px;
    grid-template-columns: 1fr 1fr 1fr;
    width: 100%;
    display: grid;
    gap: 32px;
}
.image-gallery img, .image-gallery video{
    width: 100%;
    max-width: 500px;
    max-height: 420px;
}

.video-thumbnail-container {
    position: relative;
    display: inline-block;
    width: 100%;
}

.video-thumbnail {
    display: block;
    width: 100%;
}

.play-button-overlay {
    position: absolute;
    top: 50%;
    left: 50%;
    background: url('play.svg') no-repeat center center;
    transform: translate(-50%, -50%);
    width: 64px;
    height: 64px;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0.8;
    pointer-events: none;
    animation: pulsate 1.5s infinite;
}

.size-6 {
    width: 100%;
    height: 100%;
}

@keyframes pulsate {
    0% {
        transform: translate(-50%, -50%) scale(1);
    }
    50% {
        transform: translate(-50%, -50%) scale(1.1);
    }
    100% {
        transform: translate(-50%, -50%) scale(1);
    }
}

.video-link:hover .video-thumbnail {
    filter: brightness(0.7);
}

.video-link:hover .play-button-overlay {
    opacity: 1;
}

.contact-drop, .language-mobile,.new-card, .new-media, .hamburger, .closeX, .search, .dropdown-language-mobile, .dropdown-language-desktop{
    display: none;
}

.basic-data-info{
    border-bottom: 1px solid #D9D9D9;
    padding-bottom: 42px;
    padding-top: 64px!important;
}
.category-color-left span{
    color: #101727;
    font-style: normal;
    font-weight: 600;
    line-height: 120%;
    margin-bottom: 24px;

}
.category-color-right{
    border-left: 1px solid #D9D9D9;
    padding-left: 42px;
}
.category-color-right p{
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
    color: #5B6371!important;
    background-color: transparent!important;
    padding-left: 0px!important;
    padding-right: 0px!important;
}
.category-color h2{
    margin-bottom: 15px;
}
.new-single-desc{
    flex-direction: column;
}
.content-news-single{
    padding: 0px 70px;
    margin-top: 70px;
}
.category-color p{
    background: #E7F1F8;
    color: #0E6EB6;
    width: fit-content;
    padding: 6px 10px;
    border-radius: 6px;
    margin-bottom: 15px;
}
.short-desc-new-single p{
    background-color: white;
    color: #5B6371;
    padding: 0;
}
.content-img-new{
    padding: 0px 70px;
}
.content-img-new img{
    width: 49%;
    margin-bottom: 5px;
    margin-right: 5px;
}
.category-color img{
    width: 100%;
    height: 100%;
    /* max-height: 500px; */
    object-fit: cover   ;
}
.basicData{
    margin-top: 24px;
}
.contact-info-project{
    margin-top: 28px;
}
.arrow-back p{
    margin: 0;
}
.projectDetails{
    color: #0E6EB6;
    font-weight: 600;
}
.news-single{
    padding: 80px 0px;
}
.latest-news, .photo-gallery, .announcements, .archive, .media{
    background: #E7F1F8; color: #0E6EB6; width: fit-content;
}
.btn-add-organization{
    padding-left: 15px;
}
.message-policy{
    display: flex;
}
.message-policy label{
    width: 100%!important;
    margin-bottom: 0px;
    margin-left: 10px;
}
.card-registration{
    border: 1px solid #D1D1D1;
    border-radius: 10px;
    margin-top: 40px;
}
.text-content img, .content-news-single img{
    max-width: 100%;
    height: 100%;
    margin-bottom: 15px;
}
.mobile-yellow{
    display: none;
}
.mobile-two-part{
    display: none;
}
.no-projects{
    padding: 80px 15px;
}

@media (max-width:1600px) {
    .section-card {
        padding: 80px 0px;
    }
    .card{
        padding: 20px!important;
    }
    .strategic-row h3{
        margin-bottom: 15px;
    }
    .magnifier {
        gap: 15px;
    }
    .strategic-row img{
        width: 25px;
        height: 25px;
    }
    .programms{
        gap: 20px;
    }
    .strategic-row {
        padding: 30px 0px 0px 20px;
    }
    .find-btn img{
        top: 7px;
    }
    .backimg-blueline::after{
        height: 1060.35px;
    }
    .news-backImg::after{
        height: 733.8px;
        top: 44px;
    }
    .proposals-btn img{
        left: 339px;
    }
    .backimg-slide::before{
        display: none;
    }
    .one-card-proposals .info-proposals{
        padding: 0px 20px 0px 0px;
    }
    .one-card-proposals h4{
        margin: 5px 0px 30px 0px;
    }
    .search{
        padding: 5px 0px;
    }
    .search-button button{
        padding: 6px 14px 6px 35px;
    }
    .search-button img{
        width: 14px;
        height: 14px;
        top: 8px;
        left: 11px;
    }
    .partners{
        grid-template-columns: auto auto;
    }
    .filter-search{
        grid-template-columns: 100%;
        gap: 20px;
    }
    .filter-search .select-row{
        margin-left: 0px;
    }
    .partner-filter .select-input {
        width: 98%;
    }
    .downloads-search{
        grid-template-columns: 50% 50%;
    }
    .search-bottom{
        margin-bottom: 80px;
    }
    .search-bottom h3{
        margin-bottom: 10px;
    }
    .search-input>div{
        right: 258px;
    }
    .search-bottom>div{
        bottom: 33px;
    }
    .img-programmeHover img{
        max-height: 620px;
    }
    .img-proposals{
        height: 350px;
    }
    .border-lang{
        margin: 4px 15px;
    }
    .logo{
        max-width: 250px;
    }
    .border-lang{
        margin: 4px 10px;
    }
    .menu-ul{
        gap: 15px;
    }
    .language {
        gap: 0px;
    }
    li{
        text-align: center;
    }
    .down-arrow{
        display: none;
    }
    .menu-ul li a{
        font-size: 12px;
    }
    .img-future img{
        width: 225px;
        top: 49px;
    }
    .img-proposals-single-page, .img-programme, .img-proposals{
        height: 300px;
    }
    .footer-content{
        top: 60px;
    }
    .project-card-left .position-relative{
        width: 80%;
    }
    .project-card-left .arrow-project{
        right: -25%;
    }
    .project-card-left{
        padding-top: 0px;
    }
    .priorityAxis{
        width: 100%;
    }

}
@media (max-width:1200px) {
    h1{
        font-size: 40px!important;
    }
    h2{
        font-size: 33px!important;
    }
    h3 {
        font-size: 24px!important;
    }
    h4 {
        font-size: 20px!important;
    }
    p, span, li, strong{
        font-size: 16px;
    }
    body.open{
        overflow: hidden;
    }
    .padding-section{
        padding: 50px 0px;
    }
    .date p, .date, .cfp{
        font-size: 14px;
    }
    .section-card h2 {
        margin-bottom: 50px;
    }
    .menu{
        display: none;
        animation: menu-slide 0.5s ease-out;
    }
    .news-backImg::before, .backimg-blueline::after,.language, .backimg-programme::after,.backimg-info::before{
        display: none;
    }
    .menu.open{
        display: block;
        background: #0E6EB6;
        position: fixed;
        top: 0;
        right: 0;
        height: 100vh;
        z-index: 999999;
        width: 300px;
    }
    @keyframes menu-slide {
        0% {
          transform: translateX(100%);
        }
        100% {
          transform: translateX(0%);
        }
    }
    .search-bottom h2{
        font-size: 29px!important;
    }
    .carousel-item .find-btn svg{
        right: 11px;
        top: 5px;
    }
    .menu.open .navbar .menu-ul li a:hover{
        color: #ffffff!important;
        padding-bottom: 1px;
        border-bottom: 1px solid white;
    }
    .version1, .version2{
        grid-template-columns: 1fr;
    }
    .version1 .card-programme , .version2 .card-programme{
        margin-right: 0px;
        margin-left: 0px;
    }
    .card-programme{
        margin-top: 20px;
    }
    .overview-content, .pro-padding{
        padding-left: 0px!important;
        padding-right: 0px!important;
    }
    .border-lang{
        margin: 4px 0px 4px 25px;
    }
    .closeX.open{
        display: block;
        position: absolute;
        right: 25px;
        top: 25px;
        width: 20px;
        z-index: 9;
        cursor: pointer;
    }
    .menu-ul li a{
        color: white!important;
        font-size: 21px;
    }
    .language-mobile.open{
        display: flex;
        position: absolute;
        top: 23px;
        right: 70px;
        gap: 7px;
    }
    .language-mobile p{
        font-size: 14px;
        font-family: 'Open-Sans-Light';
        margin: 0;
    }
    .language-mobile .lang p{
        color: #101727;
    }
    .language-mobile .down-arrow{
        width: 14px;
        height: 14px;
    }
    .navbar{
        margin-top: 120px;
    }
    .menu-ul{
        flex-direction: column;
    }
    .hamburger{
        display: flex;
        margin-left: 25px;
    }
    .hamburger img{
        width: 37px;
    }
    .find-btn a{
        padding: 9.5px 40px 9.5px 19px;
    }
    .find-btn img{
        top: 6px;
        left: 95px;
    }
    .slider-image{
        height: 450px;
    }
    .news-single, .filter-search, .downloads-search, .partner-top, .programme-top, .single-project-header, .section-card, .section-calls, .section-proposals, .section-news, .project{
        padding: 50px 0px;
    }
    .single-post-proposals{
        padding: 80px 0px;
    }
    .details img{
        width: 24px;
    }
    .proposals, .news-card, .programme-button{
        margin-top: 50px;
    }
    .proposals-single{
        padding: 50px 0px;
    }
    .strategic {
        margin: 0;
    }
    .section-card::after, .section-card::before{
        height: 40px;
    }
    .backimg-blueline::after {
        height:986.35px;
    }
    .backimg-programme::before{
        left: 130px;
    }
    .news-backImg::after {
        height: 545.8px;
        top: 3px;
    }
    .backimg-blueline::before{
        width: 1818.85px;
        height: 1879.32px;
        right: 118px;
    }
    .img-proposals, .img-programme, .img-proposals-single-page{
        height: 290px;
        width: 100%;
    }
    .programme-card-img {
        height: 550px;
        background-position-y: bottom;
    }
    .programme-bottom, .partner-search-bottom, .partner-add-bottom, .newDownloads{
        padding-bottom: 50px;
    }
    .proposals-btn img{
        left: 294px;
    }
    .one-card-proposals{
        gap: 25px;
    }
    .one-card-proposals h4{
        margin: 5px 0px 25px 0px;
    }
    .info-proposals {
        margin-top: 25px;
    }
    .info-proposals span, .info-news span{
        font-size: 12px;
    }
    .info-proposals p {
        margin-top: 10px;
        margin-bottom: 20px;
    }
    .one-card-proposals p{
        margin: 15px 0px 40px 0px;
    }
    .read-more a{
        font-size: 13px;
    }
    .read-more {
        margin-top: 20px;
    }
    .filter-search , .downloads-search{
        grid-template-columns: 100%;
        gap: 15px;
    }
    .partner-filter .select-input {
        width: 74%;
    }
    .select-row{
        margin-left: 0px;
    }
    .search-left-part{
        padding-right: 40px!important;
    }
    .card-partner{
        padding: 20px;
    }
    .partners{
        gap: 20px;
    }
    .partner-top::after, .single-post-proposals::after, .programme-top::after{
        height: 60px;
    }
    .search-input button{
        padding: 7px 35px 7px 9px;
        font-size: 14px;
    }
    .search-input input{
        padding: 10px 4px 10px 16px;
    }
    .search-input>div {
        right: 168px;
        top: 3px;
    }
    .search-input svg{
        top: 12px;
    }
    .search-bottom{
        margin-bottom: 50px;
        margin-top: 50px;
    }
    .news-btn::-webkit-scrollbar {
        height: 0px;
    }
    .img-future img {
        position: absolute;
        top: 10px;
        right: 24px;
        width: 180px;
    }
    .img-programmeHover img {
        max-height: 800px;
    }
    .one-card-proposals .img-proposals {
        height: 400px;
    }
    .card-programme{
        margin-bottom: 15px;
    }
    .content-news-single {
        padding: 0px 70px 0px 70px;
    }
    .img-future img{
        top: 39px;
    }
    .copyright {
        padding: 12px 0px;
    }
    .newsPageCard{
        grid-template-columns: 1fr 1fr;
    }
    .copyright>.back-projects{
        bottom: 15px;
    }
    .version2 .programme-card-img{
        order: 2;
    }
    .footer-content{
        top: 0px;
    }
    .strategic-row {
        padding: 20px 0px 0px 20px;
    }
    .proposals h2 strong{
        font-size: 38px!important;
    }
    .project-card-left .arrow-project{
        width: 25px;
    }
    .one-project h4, #projectAcronym1, #projectAcronym2, #projectAcronym3{
        font-size: 22px!important;
    }
    .content-project span, .content-project .cutRows5 p, .category-color-right p{
        font-size: 16px;
    }
    .project-card-right{
        align-self: self-start;
    }
    .project-card-left .position-relative{
        width: 95%;
    }
    .project-card-left .arrow-project {
        right: -10%;
    }
    .project-files{
        grid-template-columns: 1fr 1fr;
        gap: 10px;
    }
    .project-files a::before{
        left: 6%;
    }
    .project-files a{
        padding: 15px 50px 15px 50px;
    }
    .project-files{
        margin-top: 30px;
    }
    .image-gallery{
        padding: 30px 0px;
    }
}

@media (max-width:1135px) {
    .footer-hu, .footer-rs, .footer-en{
        background-size: contain;
    }
}
@media (max-width:992px) {
    h1{
        font-size: 33px!important;
    }
    .left-part p{
        margin-right: 0px;
    }
    #search{
        width: 63%;
    }
    .input-group{
        justify-content: center;
    }
    .search form{
        width: 100%;
    }
    .left-part{
        margin-bottom: 25px;
        padding-right: 0px!important;
    }
    .carousel-item .d-flex, .carousel-itemHeight .d-flex{
        flex-direction: column;
    }
    .news-single, .single-project-header, .project, .downloads-search, .filter-search, .partner-top, .section-card,.programme-top, .programe-two, .padding-section, .section-calls , .section-proposals, .section-news{
        padding: 40px 0px;
    }
    .proposals , .news-card, .news>div{
        gap: 50px;
    }
    .contact-drop{
        grid-template-columns: 1fr;
    }
    .call-info , .programme-info{
        width: 100%!important;
        background-color: transparent;
    }
    .backimg-blueline::after,.backimg-programme::before,.backimg-info::after,.backimg-slide::after,.backimg-info::before, .backimg-blueline::before {
        display: none;
    }
    .location-img::before{
        right: 0;
    }
    .proposals::before{
        top: -60px;
    }
    .backimg-programme::before{
        left: 132px;
    }
    .backimg-info::after{
        top: 34px;
    }
    .social-icon-img{
        width: 100%;
    }
    .img-proposals, .img-programme, .img-proposals-single-page{
        height: 350px;
        width: 100%;
    }
    .gif-single-proposals p{
        margin-bottom: 1rem;
    }
    .strategic-row {
        padding: 20px 0px 0px 0px;
    }
    .img-proposals-single-page{
        width: 100%!important;
    }
    .news-btn a{
        font-size: 15px;
    }
    .news-card{
        margin-top: 15px;
    }
    .news-btn span{
        font-size: 15px;
        padding: 9.5px 12px;
    }
    .news-backImg::after {
        height: 100%;
        width: 621.47px;
    }
    .one-card-proposals h4{
        margin: 5px 0px 10px 0px;
    }
    .one-card-proposals p{
        margin: 0px 0px 11px 0px;
    }
    .visible, .one-card-proposals, .news>div{
        flex-direction: column;
    }
    .programme-bottom, .partner-search-bottom, .partner-add-bottom, .newDownloads{
        padding-bottom: 40px;
    }
    .proposals-btn img {
        left: 406px;
    }
    .partner-search, .single-post-proposals, .programme-section ,
        .programme-section, .single-post-proposals{
        padding-left: 15px!important;
        padding-right: 15px!important;
    }
    .one-card-proposals, .partner-search, .filter-search, .downloads-search, .partners, .overview-content{
        padding-left: 0px!important;
        padding-right: 0px!important;
    }
    .one-card-proposals .info-proposals{
        padding: 0px;
    }
    .group-btn-proposals{
        padding: 20px 0px;
    }
    .partner-filter .select-input {
        width: 100%;
    }
    .call-button{
        font-size: 13px;
    }
    .call-button.active{
        padding: 9px 10.5px;
    }
    .global-contact, .useful-links{
        flex-direction: column;
        padding-top: 80px;
        padding-bottom: 80px;
    }
    .useful-links h2{
        margin-bottom: 40px;
    }
    .partner-search{
        flex-direction: column;
    }
    .partners {
        grid-template-columns: auto;
    }
    .select-row{
        flex-direction: column;
        gap: 15px;
    }
    .add-organization button{
        width: 100%;
    }
    .partner-top::after, .programme-top::after , .single-post-proposals::after{
        height: 20px;
        width: 100%;
    }
    .btn-search{
        font-size: 17px;
    }
    .btn-search-img{
        top: 17px;
    }
    .filter-search select, .downloads-search select{
        padding: 9px 35px 9px 13px;
    }
    .add-organization button{
        font-size: 16px;
    }
    .add-organization img{
        top: 16px;
    }
    /* .overview-programme{
        padding: 20px 20px;
    } */
    .version1{
        padding-top: 50px;
    }
    .one-project{
        padding: 20px;
        margin-bottom: 25px;
    }
    .scroll-project span{
        padding: 6px;
        font-size: 14px;
    }
    .arrow-project{
        top: 25px;
        right: 0;
        width: 20px;
    }
    .cfp{
        margin-bottom: 5px;
        font-size: 14px;
    }
    .card-download{
        padding: 20px;
    }
    .img-programmeHover img{
            max-height: 100%;
        }
    /* footer  */
    .copyright{
        padding: 7px 0px!important;
    }
    .copyright p{
        font-size: 12px!important;
        width: 100%;
    }
    .img-future img{
        width: 146px;
        top: 16px;
    }
    .search-bottom img{
        height: 150px;
    }
    .search-input input{
        width: 400px;
    }
    .search-input>div {
        right: 148px;
    }
    .search-input svg{
        height: 14px;
    }
    .europen-logo img{
        width: 95px;
    }
    .logo-kormany img{
        width: 175px;
    }
    .one-card-proposals .img-proposals {
        height: 500px;
    }
    .slide::after{
        display: none;
    }
    .add-organization-select .form-group{
        width: 100%!important;
    }
    .footer-social-icon{
        width: 100%;
    }
    .footer-hu, .footer-rs, .footer-en{
        padding-top: 50px;
    }
    .footer-social-icon{
        margin-top: 10px;
        width: 100%;
        text-align: left;
        flex-direction: column;
    }
    .content-img-new img{
        margin-right: 0;
    }
    .category-color{
        flex-direction: column-reverse;
    }
    .back-projects{
        width: 100%;
        margin-left: 0;
    }
    .copyright>.back-projects{
        left: 0px;
        bottom: 15px;
    }
    .copyright>.footer-social-icon{
        margin-bottom: 35px;
    }
    .footer-content {
        top: 46px;
        gap: 30px;
    }
    #project1, #project2, #project3{
        padding: 6px;
    }
    .project-card-left .arrow-project {
        width: 20px;
    }
    .project-card{
        gap: 20px;
    }
    .one-project h4{
        margin-bottom: 15px;
    }
    .category-color-left, .category-color-right{
        width: 100%;
    }
    .basic-data-info{
        flex-direction: column;
    }
    .category-color-right{
        padding-left: 0px;
        padding-top: 30px;
        border-left: none;
        border-top: 1px solid #D9D9D9;
        margin-top: 15px;
        padding-bottom: 30px;
    }
    .image-gallery{
        grid-template-columns: 1fr 1fr;
        gap: 15px;
    }
    .project-card-left .position-relative{
        width: 90%;
    }
    .project-card-left .arrow-project {
        right: -10%;
    }
    .priorityAxis p{
        white-space: unset;
        flex: unset;
        width: auto;
    }
    .project-files{
        gap: 15px;
    }
    .project-files a{
        font-size: 14px;

    }

}
@media (max-width: 768px){
    h1{
        font-size: 28px!important;
    }
    h2{
        font-size: 26px!important;
    }
    h3 {
        font-size: 20px!important;
    }
    p, .file_name a, .category-color-left p strong{
        font-size: 16px!important;
    }
    .img-proposals, .img-programme, .img-proposals-single-page{
        height: 300px;
    }
    .magnifier a{
        padding: 6px 8px;
    }
    .logo{
        width: 180px;
    }
    .hamburger img{
        width: 30px;
    }
    .magnifier button{
        padding: 7px 14px;
    }
    .magnifier img {
        width: 15px;
        height: 15px;
    }
    .icon-language {
        width: 21px;
        height: 21px;
    }
    .language p{
        font-size: 12px;
        line-height: 3px;
    }
    .find-btn a{
        font-size: 14px;
    }
    .find-btn img {
        top: 6px;
        left: 97px;
    }
    .carousel-item .find-btn svg{
        top: 4px;
    }
    .newsPageCard {
        grid-template-columns: 1fr;
    }
    .proposals-btn img {
        left: 317px;
    }
    .down-arrow{
        width: 10px;
    }
    .hamburger{
        margin-left: 15px;
    }
    .backimg-programme::before {
        left: 47px;
    }
    .search-button img{
        width: 11px;
        height: 11px;
        top: 9px;
        left: 8px;
    }
    .search-button button {
        padding: 5px 10px 5px 24px;
    }
    #search, .search-button button, .magnifier a{
        font-size: 12px;
    }
    .news-backImg::after {
        height: 422.8px;
        width: 621.47px;
    }
    .news-btn{
        overflow-x: scroll;
    }
    .news-btn::-webkit-scrollbar-track {
        background: #f1f1f1;
        border-radius: 3px;
    }
    .news-btn::-webkit-scrollbar-thumb {
        background: #D9D9D9;
        border-radius: 3px;
    }
    .news-btn::-webkit-scrollbar-thumb:hover {
        background: #d9d9d9a6;
    }
    .global-contact, .useful-links {
        padding-top: 40px;
        padding-bottom: 40px;
    }
    .contact-left-part h1{
        background-color: white;
    }
    .contact-background::before{
        display: none;
    }
    .card-contact{
        padding: 25px;
    }
    .card-contact p{
        margin-top: 15px;
    }
    .useful-card img {
        width: 25px;
        height: 25px;
    }
    .useful-links img {
        width: 50px;
        height: 50px;
    }
    .contact-box img{
        width: 28px;
        height: 27px;
        padding: 10px 8px;
    }
    .partners{
        margin-top: 40px !important;
    }
    .search-bottom {
        margin-bottom: 80px;
        margin-top: 40px;
    }
    .search-input button {
        padding: 4px 25px 3px 6px;
        font-size: 12px;
    }
    .search-input svg {
        height: 12px;
        width: 12px;
        top: 8px;
    }
    .search-input input {
        padding: 5px 4px 5px 5px;
    }
    .search-input>div {
        right: 58px;
    }
    .search-bottom>div {
        bottom: 47px;
    }
    .img-future img{
        width: 138px;
        top: 80px;
    }
    .footer{
        background-position: right;
        background-repeat: no-repeat;
    }
    .programme-card-img {
        height: 350px;
    }
    .copyright{
        flex-direction: column;
        text-align: right;
    }
    .carousel-indicators{
        bottom: -10px!important;
    }
    .one-card-proposals .img-proposals {
        height: 450px;
    }
    .search-input svg{
        right: 5px;
    }
    .search-bottom h2{
        font-size: 29px!important;
    }
    .content-proposals .proposals{
        margin-top: 20px;
    }
    .category-color {
        padding: 30px 30px 0px 30px;
    }
    .content-news-single, .content-img-new{
        margin-top: 0px;
        padding: 0px;
    }
    .content-news-single a{
        font-size: 14px!important;
    }
    .file{
        width: 100%;
    }
   
    .mobile-yellow{
        display: flex;
        background-color:#ffcf01;
        position: absolute;
        width: 100%;
        height: 38px;
        bottom: 0;
    }
    .content-img-new img{
        width: 100%;
    }
    .programme-button{
        margin-top: 40px;
    }
    .back-projects{
        text-align: left;
        font-size: 12px;
    }
    .titleImage img{
        top: 48px;
        right: 16px;
        width: 19px;
    }
    .faq-questions-li ul{
        padding-left: 0px!important;
    }
    .faq-questions-li-answer.active{
        padding-left: 0px;
    }
    .faq-content a{
        font-size: 14px!important;
    }
    .project-card{
        flex-direction: column;
        align-items: flex-start;
    }
    .project-card-left, .project-card-right{
        width: 100%;
    }
    .basic-data-info{
        padding: 30px 0px 0px 0px!important;
    }
    .project-files{
        grid-template-columns: 1fr;
    }

}
@media (max-width: 680px){
    .mobile-yellow{
        display: flex;
        background-color:#ffcf01;
        position: absolute;
        width: 100%;
        height: 62px;
        bottom: 0;
    }
    table{
        overflow: auto;
        display: block;
    }

    table tr td{
        min-width: 90px;
    }
}

@media (max-width: 576px){
    h1{
        font-size: 27px!important;
    }
    h2{
        font-size: 25px!important;
    }
    p, strong, li, a, span{
        font-size: 14px!important;
    }
    .left-part p, .contact-left-part p{
        margin-bottom: 20px;
    }
    .hamburger img{
        width: 77%;
    }
    #search, .search-button button , .search .input-group .search-button{
        width: 100%;
    }
    #search{
        padding: 5px 0px 5px 5px;
    }
    .search .input-group{
        padding: 10px 0px;
    }
    .search-bottom h2 {
        font-size: 24px!important;
    }
    .language-mobile.open {
        top: 24px;
        right: 75px;
        z-index: 9;
    }
    .find-btn img {
        left: 90px;
        width: 12px;
        height: 12px;
    }
    .user-info a, .user-contact{
        font-size: 12px;
    }
    .user-info h4{
        font-size: 14px!important;
    }
    .programme-button svg{
        top: 22px;
    }
    .proposals-btn img {
        left: 324px;
        width: 16px!important;
        top: 17px;
    }
    .hamburger {
        margin-left: 11px;
    }
    .search-button button, #search{
        font-size: 12px;
    }
    .search-button button {
        padding: 6px 10px 6px 25px;
    }
    .search-button img {
        width: 12px;
        height: 12px;
        top: 9px;
        left: 9px;
    }
    .magnifier button{
        font-size: 12px;
        padding: 5px 8px;
    }
    .logo {
        width: 120px;
    }
    .border-lang{
        margin: 4px 0px 4px 15px;
    }
    .magnifier img {
        width: 12px;
        height: 12px;
    }
    .magnifier{
        gap: 8px!important;
    }
    .call-info h2, .programme-info h2{
        margin: 16px 0px;
    }
    .menu.open{
        width: 100%;
    }
    .navbar {
        margin: auto;
        height: 100%;
    }
    .strategic-row h3{
        margin-bottom: 10px;
    }
    .strategic-row p{
        padding-bottom: 10px;
    }
    .strategic-row img {
        width: 18px;
        height: 18px;
    }
    .strategic{
        margin-right: 0!important;
        margin-left: 0!important;
    }
    .strategic-row {
        margin-left: 20px;
    }
    .backimg-programme::after, .backimg-programme::before, .backimg-info::after{
        display: none;
    }
    .arrow-left, .arrow-right{
        padding: 9px;
    }
    .swiper-button-next, .swiper-button-prev{
        width: 35px!important;
        height: 35px!important;
    }
    .swiper-button-next img, .swiper-button-prev img{
        width: 16px;
    }
    .info-proposals span, .info-news span, .read-more a{
        font-size: 13px;
    }
    .info-proposals span, .info-news span, .user-contact span,.user-contact span p a, .user-contact span p , .call-button{
        font-size: 12px;
    }
    .info-proposals h4, .info-news h4{
        margin-top: 9px;
    }
    .slider-image, .img-programme, .img-proposals, .img-news {
        height: 200px;
    }
    .slider-image{
        min-height: 300px;
        height: 100%;
    }
    .one-card-proposals .img-proposals{
        height: 300px;
    }
    .section-card h2 {
        margin-bottom: 20px;
        margin-top: 20px;
    }
    .proposals::before {
        top: -289px;
    }
    .read-more img{
        margin-left: 4px;
    }
    .news-btn a{
        padding: 9.5px 13px;
    }

    .load-more {
        padding: 12px 31px;
        font-size: 17px;
        margin-top: 15px;
    }

    .news-btn span{
        font-size: 13px;
        padding: 7.5px 9px;
    }
    .useful-card, .global-contact, .useful-links{
        flex-direction: column;
    }
    .global-contact, .useful-links {
        padding-top: 30px;
        padding-bottom: 30px;
    }
    .contact-box, .useful-links h2{
        margin-bottom: 30px;
    }
    .useful-links img {
        width: 30px;
        height: 30px;
    }
    .card-contact p{
        margin-top: 10px;
        font-size: 14px!important;
    }
    .europen-union{
        flex-direction: column;
    }
    .user-contact img {
        width: 18px;
        height: 18px;
        padding: 0px;
    }
    .user-info h3, .user-info h4{
        margin-bottom: 10px;
    }
    .group-btn-proposals{
        flex-direction: column;
        gap: 10px;
    }
    .call-button.active {
        padding: 6px 7px;
    }
    .content-proposals{
        padding-top: 20px;
    }
    .content-proposals h1{
        margin: 0px 0px 20px 0px;
    }

    .partner-top::after {
        height: 23px;
        width: 100%;
    }
    .user-contact {
        margin-bottom: 8px;
    }
    .search-input input {
        width: 82%;
    }
    .search-input>div{
        position: relative;
        text-align: right;
        width: 90%;
        right: auto;
        top: -28px;
    }
    .search-input svg{
        top: 8px;
        left: auto;
    }
    .search-bottom>div {
        bottom: 22px;
    }
    .search-input input{
        font-size: 12px;
    }
    .programme-card-img {
        height: 300px;
    }
    /* footer  */
    .copyright{
        flex-direction: column;
        text-align: center;
        gap: 6px;
    }
    .footer-social-icon img {
        margin-right: 11px;
    }
    .footer{
        background-image: none;
    }
    .img-future img {
        width: 100px;
        top: 83px;
        right: 25px;
    }
    .programme-button{
        display: flex;
        flex-wrap: wrap;
        width: fit-content;
        padding: 8px 0px;
    }
    .copyright p{
        width: 40%;
        align-self: start;
    }
    .footer-social-icon{
        align-items: flex-end;
    }
    .project, .single-project-header, .proposals-single, .padding-section, .single-proposals, .filter-search, .downloads-search, .partner-top, .programme-top, .programe-two, .section-proposals, .section-calls, .section-news{
        padding: 40px 0px;
        border-bottom: 1px solid #D9D9D9;
    }
    .version1{
        padding-top: 30px;
    }
    .overview-btn button{
        font-size: 12px;
    }
    .overview-btn img{
        width: 15px;
        bottom: 12px;
    }
    .single-post-proposals .info-proposals{
        margin-right: 0px!important;
    }
    .contact-right-part{
        padding-left: 0px!important;
    }
    .downloads-search{
        border-bottom: none;
    }
    .file_name a{
        font-size: 12px;
    }
    .date p, .date {
        font-size: 12px;
    }
    .content-news-single a{
        font-size: 14px!important;
    }
    .btn-search{
        padding: 12px 14px 12px 42px;
    }
    .mobile-yellow{
        height: 65px;
    }
    .footer-two-part{
        padding-top: 30px;
    }
    .search-bottom{
        margin-bottom: 40px;
    }
    .mobile-two-part{
        display: flex;
    }
    .footer-social-icon, .footer-social-icon p, .back-projects, .social-icon-img{
        display: none;
    }
    .mobile-two-part .footer-social-icon, .mobile-two-part .footer-social-icon p, .mobile-two-part .back-projects, .border-footer{
        display: flex;
    }
    .border-footer{
        margin: 10px;
    }
    .mobile-two-part .footer-social-icon{
        flex-direction: row;
        margin-top: 0px;
        width: auto;
    }
    .mobile-two-part .footer-two-part{
        padding-top: 0px;
    }
    .mobile-two-part .copyright p{
        width: 100%;
        align-self: center;
    }
    .mobile-two-part .copyright{
        padding: 20px 0px 20px 0px;
        align-items: flex-start;
    }
    .back-projects-mobile{
        width: auto;
        gap: 10px;
        align-items: center;
    }
    .copyright>.back-projects{
        position: relative;
        bottom: 0;
        left: 0;
    }
    .copyright>.footer-social-icon{
        margin-bottom: 5px;
    }
    .titleImage img{
        top: 45px;
    }
    .faq-content a{
        font-size: 14px!important;
    }
    .one-project h4, #projectAcronym1, #projectAcronym2, #projectAcronym3{
        font-size: 22px!important;
    }
    .image-gallery {
        grid-template-columns: 1fr;
        justify-items: center;
    }
    .basicData {
        margin-top: 15px;
    }
    .category-color-left span{
        font-size: 16px!important;
    }
    .category-color-left p{
        font-size: 14px!important;
    }
    .category-color-right p{
        padding: 0px!important;
    }
}
@media (max-width: 515px){
    .footer-social-icon{
        width: 100%;
    }
    .footer-content{
        gap: 0;
    }
}
@media (max-width: 483px){
    .footer-two-part {
        padding-top: 5px;
    }
    .mobile-yellow{
        height: 114px;
    }
    

}
@media (max-width: 455px){
    .mobile-yellow {
        height: 130px;
    }
}
@media (max-width: 400px){
    .user-contact span{
        flex-direction: column;
    }
    .user-contact span p, .user-contact span p a{
        margin: 0;
    }
    .user-contact{
        align-items: center;
    }
    .proposals::before,.news-backImg::after, .location-img::before {
        display: none;
    }
    .img-future img {
        top: 95px;
    }
    .programme-card-img {
        height: 250px;
    }
    .footer-two-part {
        padding-top: 0px;
    }
    .mobile-yellow {
        height: 129px;
    }
    .europen-logo img {
        width: 80px;
    }
    .logo-kormany img {
        width: 165px !important;
    }
}
@media (max-width: 365px){
    .mobile-yellow {
        height: 136px;
    }
}
@media (max-width: 363px){
    .mobile-yellow {
        height: 152px;
    }
}

.input-form{
    background: #FFFFFF;
    border: 1px solid #D1D1D1;
    border-radius: 8px;
    width: 100%;
    padding: 11.5px 15px;
}
.form-group, .form-group label{
    width: 33%;
    font-family: 'Inter-Regular';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    text-transform: capitalize;
    color: #5B6371;
}
.form-select{
    background: #FFFFFF;
    border: 1px solid #D1D1D1;
    border-radius: 8px;
    width: 100%;
    padding: 13.5px 15px;
    font-weight: 400;
    font-size: 16px;
    line-height: 19px;
    text-transform: capitalize;
    color: #5B6371;
    font-family: 'Inter-Regular';
    margin-top: 0.5rem;
}
.card-body .select-row{
    margin-left: 0px;
    margin-bottom: 24px;
    gap: 24px;
}
.card-body form .row label{
    width: 100%;
}

.gallery-card-body p {
    color: rgba(255, 255, 255, 0.7) !important;
    font-size: 16px !important;
    line-height: 1.5 !important;
}

.episode-description p {
    color: rgba(255, 255, 255, 0.7) !important;
    font-size: 16px !important;
    line-height: 1.5 !important;
}




.cardCatalog {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #fff;
    border: 1px solid #e0e0e0;
    border-radius: 10px;
    padding: 10px;
    max-width: 566px;
    max-height: 200px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    position: relative;
}


.cardCatalog-content {
    z-index: 1;
}

.cardCatalog-icon {
    display: inline-block;
    background-color: #fff5f5;
    color: #d9534f;
    border: 1px solid #d9534f;
    border-radius: 20px;
    font-size: 14px;
    padding: 5px 15px;
    margin-bottom: 10px;
    font-weight: bold;
}

.cardCatalog-text {
    font-size: 16px;
    color: #333;
    Line-height: 24px;
    color: #344054;
    margin: 0;
}
.cardCatalog-button {
    z-index: 1;
    background: #f8f9fa;
    border: 1px solid #ced4da;
    border-radius: 12px;
    padding: 10px 20px;
    font-size: 14px;
    color: #333;
    cursor: pointer;
    transition: background 0.3s ease, box-shadow 0.3s ease;
    bottom: 10px; /* Udaljenost od dna */
    right: 10px; /* Udaljenost od desne ivice */
    position: absolute; /* Apsolutno pozicioniranje */
}

.cardCatalog-button:hover {
    background: #e2e6ea;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}


/* Glavni kontejner za karticu */
.episode-card {
    background-color: #1c4438; /* Boja pozadine */
    border-radius: 8px;
    overflow: hidden;
    text-align: left;
}

/* Kontejner za sliku */
.image-container {
    position: relative;
    width: 100%;
    overflow: hidden;
    border-radius: 8px;
    background: #126861;
    border: 1px solid #ced4da;
}

.episode-card .image-container {
    padding: 10px; /* Razmak oko sadržaja videa */
}

/* Naslov epizode */
.episode-title {
    font-size: 18px;
    color: #fff !important;
    margin-top: 15px;
}

/* Opis epizode */
.episode-description {
    font-size: 14px;
    color: #fff !important;
    margin-bottom: 10px;
}

.video {
    border: 1px solid #ddd;
    align-self: center;
    max-width: 100%!important;
}
.video iframe {
    width: 100%;
    height: 250px; /* Održava pravilan aspekt videa */
    border: none; /* Ako ne želiš da ima border oko iframe-a */
}
.cardAndroid-button {
    z-index: 1;
    border-radius: 12px;
    padding: 10px 20px;
    font-size: 14px;
    color: #333;
    transition: background 0.3s ease, box-shadow 0.3s ease;
    bottom: 40px; /* Udaljenost od dna */
    left: 40px; /* Udaljenost od desne ivice */
    position: absolute; /* Apsolutno pozicioniranje */
}
.map-card {
    background-color: #1c4438; /* Boja pozadine */
    border-radius: 8px;
    overflow: hidden;
    text-align: left;
}

.map-card .image-container {
    padding: 10px; /* Razmak oko sadržaja videa */
}

/* Naslov epizode */
.map-card p {
    font-size: 18px;
    color: #fff !important;
    margin-top: 15px;
}

/* Opis epizode */
.map-card small {
    font-size: 13px;
    color: #fff !important;
    margin-bottom: 10px;
}
/* Background image */
.background-image {
    width: 100%;
    height: auto;
    object-fit: cover;
  }

  /* Contact box */
  .contact-box {
    position: relative; /* Ova pozicija omogućava da kutija bude unutar roditeljskog diva */
    background: #1c4438;
    color: white;
    padding: 20px 30px;
    border-radius: 10px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);
    text-align: center;
    width: 300px;
    margin-top: 50px; /* Dodaj marginu da bude unutar ekrana, možeš prilagoditi prema potrebi */
    z-index: 1;
}

  .contact-box h3 {
    margin-bottom: 15px;
  }

  /* Contact item */
  .contact-item {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 10px 0;
    background: #1c4438;
    color: #333;
    border-radius: 5px;
    border:1px #fff solid;
    padding: 10px;
    font-size: 14px;
    font-weight: bold;
  }

  .contact-item img {
    margin-right: 10px;
    width: 20px;
    height: 20px;
  }

  /* Button style */
  .btn {
    background-color: #007bff;
    color: #fff;
    padding: 8px 15px;
    border-radius: 5px;
    text-decoration: none;
    font-size: 14px;
    display: inline-block;
    margin-top: 15px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
  }

  .btn:hover {
    background-color: #0056b3;
  }
  iframe {
    max-width: 100%; /* Osigurava da se mapa prilagođava širini roditeljskog elementa */
    height: 300px; /* Povećana visina iframe-a */
    border: 0; /* Uklanja border sa iframe-a */
    max-height: 100%; /* Ograničava visinu iframe-a u odnosu na visinu roditeljskog elementa */
    border-radius: 15px; /* Zaobljene ivice iframe-a */
}
.cardAndroid-button {
    display: inline-flex; /* Omogućava lako centriranje */
    flex-direction: column; /* Poravnava sadržaj vertikalno */
    align-items: center; /* Horizontalno centriranje */
    justify-content: center; /* Vertikalno centriranje */
    padding: 1rem; /* Unutrašnje margine */
    border: 2px solid #aaa; /* Blago crni okvir */
    border-radius: 8px; /* Blago zaobljeni uglovi */
    text-decoration: none; /* Uklanja podvlačenje */
    background-color: white; /* Pozadina */
    transition: transform 0.2s ease-in-out, box-shadow 0.2s ease-in-out; /* Animacija pri hoveru */
}

.cardAndroid-button:hover {
    transform: scale(1.05); /* Blago povećanje na hover */
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); /* Dodaje blagu senku na hover */
}

.cardCatalog-text {
    color: black; /* Boja teksta */
    font-size: 1rem; /* Veličina fonta */
    text-align: center; /* Centriranje teksta */
    margin-top: 0.5rem; /* Razmak između ikone i teksta */
}

.button-container {
    display: flex;
    flex-direction: column;
    align-items: center;
}
@media screen and (max-width: 1200px) {
    .hamburger {
        width: 40px; 
        height: 40px;
        display: flex;
        justify-content: center;
        align-items: center;
        background-color: #f0f0f0;
        border-radius: 10px;
        margin-bottom: 10px;
    }
    
    .hamburger i {
        font-size: 24px; 
        color: #333;
        transition: transform 0.3s ease;
    }
    
    .hamburger:hover i {
        transform: scale(1.1); 
    }
        
}