.o-videoOverlay {

    display: none;

}



.o-modal {

    display: none;





}



svg path {

    stroke: rgb(14, 107, 22) !important;

}



a {

    color: #808080;

    /* width: -webkit-fill-available; */



}



.o-dropdownNavigation__item:after {

    content: "";

    background-color: #008355;

    bottom: 0;

    height: 2px;

    left: 50%;

    position: absolute;

    -webkit-transform: translateX(-50%);

    -ms-transform: translateX(-50%);

    transform: translateX(-50%);

    width: 0;

    -webkit-transition: bottom .4s ease;

    -o-transition: bottom .4s ease;

    transition: bottom .4s ease;

}



.card-img, .card-img-top{

object-fit: cover!important;

}



#nav.a.o-dropdownNavigation__link {

    font-weight: bolder;

}



.o-dropdownNavigation__item.-isActive {

    color: #008355;

    /* line-height: 7rem; */

}









.b-navigation.-hasNoHero,

.b-navigation.-isScrolled.-hasSecondaryNavigation {

    /* background-color: #ffffff; */

    position: relative;



}



header {

    position: relative;

}





body {

    background-image: url('front_website/Public/media_center/img/bg.svg');

    background-size: cover;

    background-repeat: no-repeat;

    margin: auto;

    font-family: Brown, Bukra, Arial, sans-serif;



}



.o-dropdownNavigation__list {

    list-style: none;

    /* margin: auto; */





}





.b-navigation {
    background: transparent;

    color: var(--color-white);
}



#mini-header {

    width: 66vw;

    border-radius: 15px;



    margin: 20px auto;

    height: auto;



}



.card {

    border: none;

    height: 420px;

}







#gallery {

    width: 66vw;

    margin: 0  auto 20px;

 }



@media (max-width: 800px) {



    a {

        color: #008355;

        width: inherit;



    }



    #mini-header {

        width: 90vw !important;





    }



    #gallery {

        width: 90vw !important;

    }



    #page-title {

        width: 90vw !important;



    }



    a.image-link {

        width: 90vw !important;



    }



    img.imageholder {

        width: 90vw !important;



    }



    #nav {

        width: 90vw !important;



    }

}



img {


    max-width: 100%;

    height: auto;

}



img.imageholder {

    border-radius: 15px;

    width: 66vw;



}



.imageholder {

    position: relative;

    float: left;

    width: 100%;



}



.caption {

    position: absolute;

    bottom: 0;

    left: 0;

    z-index: 1;

    font-weight: bold;

    font-size: 18px;

    color: #fff;

    padding: 2em 2em;

}



h4 {

    font-size: 18px;

    font-weight: bold;

    font-family: Brown, Bukra, Arial, sans-serif;



}



h5 {

    font-size: 13px;

    font-weight: bold;

    font-family: Brown, Bukra, Arial, sans-serif;



}



.card {

    background-color: transparent;

}



p.card-text {

    font-size: 11px;

    font-weight: 500;

    font-family: Brown, Bukra, Arial, sans-serif;



}



a.card-text {

    font-size: 11px;

    font-weight: 500;

    font-family: Brown, Bukra, Arial, sans-serif;



}



.a-icon svg {

    height: 100%;

    width: 100%;

    display: block;

    fill: rgb(255, 255, 255) !important;

}



.a-icon-navigation>svg {

    stroke: #008355;

}



a.card-text:hover {

    color: #008355;

}



.card-img,

.card-img-top {

    border-radius: 12px;

    height: 250px

}





.img-fluid {

    width: 100%;

    height: auto;

    max-height: 500px;

}







a:hover {

    color: #008355;

}



.img-gradient {

    position: relative;

    display: inline-block;

    border-bottom-left-radius: 15px;

    border-bottom-right-radius: 15px;

    width: -webkit-fill-available;

}



.img-gradient:after {

    content: '';

    border-bottom-left-radius: 15px;

    border-bottom-right-radius: 15px;

    position: absolute;

    left: 0;

    bottom: 0;

    width: -webkit-fill-available;

    height: 25%;

    display: inline-block;

    background-image: linear-gradient(to bottom, rgba(33, 33, 33, 0), rgba(33, 33, 33, 1));



    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#9f9c9a', endColorstr='#00000000', GradientType=0);

    /* IE6-9 */

}


header{

    font-size:16px !important;

}

.o-dropdownNavigation__item.-isActive {
    color: #008355;
    line-height: 11rem;
} 

li.o-panelNavigation__item{

    line-height:normal !important;



}
@media (max-width: 768px) {
  .m-logo {
      z-index: 4;
      }
}

/* @media (min-width: 480px){
.o-dropdownNavigation__item {
    line-height: 5.2!important;
    letter-spacing: .12em;
}
} */
svg path {
    stroke: rgb(255, 255, 255) !important;
    fill: rgb(255, 255, 255) !important;
}


.m-languageToggle__item:first-child {
    border: solid #008355;
    border-width: 0 1px 0 0;
}

 header a.o-dropdownNavigation__link{

         font-size: medium!important;
         color: #fff !important;
         white-space: nowrap!important;

 }

 .b-fullWidthAsset{
  margin: 0;
}

 
.o-panelNavigation__itemContent{
  padding: 20px 20px;
}

.-isOpen > button > span > span > svg > path {
    stroke: rgb(235 192 63)!important;
}
.-isOpen > button > span  {
background-color: #323b4cc7;
}

[dir=rtl] .sunmoon-icon{
    float: right;
    margin-left: 10px;
}
[dir=ltr] .sunmoon-icon{
    float: left;
    margin-right: 10px;

}
@media (min-width: 1440px) {
.sunmoon-icon{
margin-top: 0.7em;
}
}
@media (max-width: 1439px) {
.sunmoon-icon{
margin-top: 2.7em ;
}
}

a.m-languageToggle__link {
    color: #ffffff;
}

@media (min-width: 768px){
    .b-footer__title{
       margin-top: 7em;
     }
     .f_div6{
       margin-inline-start: auto;
     }
     [dir=rtl] .newscard{
       margin: 8rem;
     }
   }