@import url('https://fonts.googleapis.com/css2?family=Vazirmatn&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Almarai&display=swap');

main .region-content {
    padding: 0;
}

/*** Header ***/
header .region-header,
header .navbar {
    padding: 10px 20px;
    /* border-bottom: 2px solid #007362; */
}

header .region-header {
    background-color: #007362;
}

header .navbar-brand,
header .navbar-brand img {
    margin-right: 0;
}

#block-useraccountmenu .navbar-nav {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    column-gap: 20px;
    padding-right: 0;
}

#block-useraccountmenu .nav-item {
    border: 1px solid #ffffff;
    border-radius: 20px;
    color: #fff;
    font-size: 14px;
    padding: 0px 10px;
}

#block-useraccountmenu .nav-item:first-child {
    padding-right: 20px;
    position: relative;
    display: none;
}

.user-logged-in #block-useraccountmenu .nav-item:first-child {
    padding-right: 20px;
    position: relative;
    display: block;
}

#block-useraccountmenu .nav-item:first-child:before {
    content: "\f007";
    font-family: fontawesome;
    width: 20px;
    height: 20px;
    position: absolute;
    right: 7px;
    top: 5px;
}

#block-useraccountmenu .nav-item:hover {
    background-color: #fff;
    color: #007362;
    transition: all .3s ease;
}

#block-useraccountmenu .nav-item:first-child:hover:before {
    transition: all .5s ease;
}

#navbarSupportedContent .region {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
}

@media (max-width: 480px) {
    #navbarSupportedContent .region {
        flex-direction: column;
        gap: 30px;
    }
}

#block-taqyim-main-navigation ul {
    column-gap: 20px;
    padding-inline-start: 0;
}

#block-taqyim-main-navigation ul a {
    font-weight: 600;
}

#block-taqyim-main-navigation ul a.active {
    color: #007362;
}

#block-taqyim-main-navigation ul a::after {
    content: '';
    display: block;
    width: 0;
    height: 2px;
    background: #007362;
    transition: width .5s;
}

#block-taqyim-main-navigation ul a.active::after,
#block-taqyim-main-navigation ul a:hover::after {
    width: 100%;
}

@media (min-width: 992px) and (max-width: 1200px) {
    #block-taqyim-main-navigation ul {
        column-gap: 10px;
    }
}

#block-menulogos p {
    margin-bottom: 0;
}

#block-menulogos img {
    height: 60px;
    width: auto;
}

@media (max-width: 992px) {

    #navbarSupportedContent .region #block-taqyim-branding,
    #navbarSupportedContent .region #block-menulogos {
        display: none;
    }
}

@media (min-width: 992px) {
    .region-nav-branding {
        display: none;
    }
}

/*** Footer ***/
footer {
    color: #fff;
    background: url(/sites/default/files/footer_bg.png) no-repeat;
    background-size: cover;
    margin-top: 30px;
}

footer .region-footer {
    padding: 0 5%;
}

@media (min-width: 768px) {
    footer .region-footer {
        flex-direction: row;
    }
}

#block-footerapropos p {
    margin-bottom: 30px;
    text-align: justify;
}

#block-footerapropos p:last-child {
    margin-bottom: 0;
}

@media (min-width: 768px) {
    #block-mainnavigation {
        width: fit-content;
        margin: auto;
        margin-top: 0;
    }
}

#block-mainnavigation h5,
#block-footercontact h2 {
    font-size: 26px;
    border-bottom: 2px solid #007362;
    width: fit-content;
    margin-bottom: 25px;
}


#block-mainnavigation .navbar-nav {
    padding: 0;
}

#block-mainnavigation .navbar-nav a {
    display: inline-block;
    padding:  0;
}

#block-mainnavigation .navbar-nav a:before {
    content: '>';
    display: inline-block;
    font-size: 20px;
    font-weight: bold;
    vertical-align: text-top;
    margin-left: 10px;
}

#block-mainnavigation .navbar-nav a:hover,
#block-mainnavigation .navbar-nav a.active {
    color: #007362;
}

#block-footercontact a:hover svg,
#block-footercontact p:hover svg {
    fill: #007362;
}

/*** Login Page ***/
body.path-user .user-form-page {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

body.path-user div.page-wrapper div.user-form-page {
    margin: 100px 0;
    border-radius: 25px;
    box-shadow: 0px 0px 10px 3px rgb(0 0 0 / 30%);
    overflow: hidden;
}

@media (min-width: 800px) {
    body.path-user .user-form-page {
        flex-wrap: nowrap;
    }

    body.path-user .user-form-page__user-form,
    body.path-user .user-form-page__wallpaper {
        flex-basis: 50%;
    }
}

body.path-user .user-form-page__user-form,
body.path-user .user-form-page__wallpaper {
    display: flex;
    flex-wrap: wrap;
    position: relative;
}

@media (max-width: 800px) {
    body.path-user .user-form-page__user-form {
        flex-basis: 100%;
        align-content: flex-start;
    }
}

body.path-user .user-form-page__wallpaper img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

body.path-user .user-form-page__user-form {
    background-color: #007362;
    color: #fff;
    justify-content: center;
    padding: 0 5%;
    text-align: center;
    position: relative;
}

body.path-user .user-form-page__user-form:before {
    content: '';
    background: url(/sites/default/files/before_bg.png) no-repeat;
    background-size: cover;
    position: absolute;
    right: 0;
    top: -20px;
    width: 130px;
    height: 200px;
}

body.path-user .user-form-page__user-form header {
    margin-top: 40px;
    margin-bottom: 80px;
}

body.path-user .user-form-page__user-form .form-item {
    margin-bottom: 40px;
}

body.path-user .user-form-page__user-form .form-control {
    color: #fff;
    background-color: transparent;
    border: 2px solid #fff;
    margin: 5px 0;
}

body.path-user .user-form-page__user-form .form-control:focus {
    box-shadow: 0 0 0 0.25rem rgb(255 255 255 / 10%);
}

body.path-user .user-form-page__user-form .description {
    color: rgb(255 255 255 / 50%);
}

body.path-user .user-form-page__user-form #edit-actions {
    margin-top: 50px;
    margin-bottom: 100px;
}

body.path-user .user-form-page__user-form #edit-actions input {
    background-color: #fff;
    border-color: #fff;
    color: #000;
    font-size: 18px;
    font-weight: 600;
    padding: 10px 40px;
}

body.path-user .user-form-page__user-form #edit-actions input:hover {
    background-color: transparent;
    color: #fff;
    transition: all .3s linear;
}

#edit-more-links a {
    color: #fff;
    text-decoration: none;
    margin: 10px 20px;
    padding: 0;
    border: 0;
}

#edit-more-links a:hover {
    text-decoration: underline;
}

/*** Signup page ***/
body.path-user .signup .user-form-page__user-form {
    background-color: #fff;
    color: inherit;
    justify-content: inherit;
    text-align: inherit;
    padding-top: 50px;
    padding-right: 20px;
    width: 100%;
}

body.path-user .signup .user-form-page__user-form .layout-container{
    width: 100%;
}

body.path-user .signup .user-form-page__user-form #edit-actions,
.signup #edit-more-links {
    text-align: center;
}

.signup #edit-more-links a {
    color: inherit;
}

body.path-user .signup .user-form-page__user-form #edit-actions input {
    background-color: #007362;
    border-color: #007362;
    color: #fff;
}

body.path-user .signup .user-form-page__user-form .form-control {
    color: #212529;
    border-color: inherit;
    border-width: 1px;
}

body.path-user .signup .user-form-page__user-form .description {
    color: rgb(0 0 0 / 50%);
}

body.path-user .signup .user-form-page__user-form .form-item {
    margin-bottom: 10px;
    width: 100%!important;
}

body.path-user .signup .user-form-page__user-form .form-item input{
    width: 100%!important;
}

body.path-user .signup #edit-field-date-naissance-0-value-date {
    width: 100%;
    text-align: right;
    border: 1px solid;
    border-radius: 0.375rem;
    padding: 7px 0;
}

body.path-user .signup #edit-field-date-naissance-wrapper {
    margin-top: 20px;
}

body.path-user .signup #edit-field-date-naissance-wrapper .label {
    font-weight: normal;
}

/*** Bannière ***/
.banner-img {
    position: relative;
}

.banner-img img {
    width: 100%;
    height: 400px;
    object-fit: cover;
}

.banner-img .views-field-body {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 2;
}

.banner-img .views-field-body .field-content {
    color: #fff;
    font-size: 4rem;
    font-weight: bold;
}

@media (max-width: 992px) {
    .banner-img img {
        height: 300px;
    }

    .banner-img .views-field-body .field-content {
        font-size: 3rem;
    }
}

@media (max-width: 480px) {
    .banner-img img {
        height: 200px;
    }

    .banner-img .views-field-body .field-content {
        font-size: 2rem;
    }
}

/*** Breadcrumb ***/
.region-breadcrumb {
    position: relative;
}

#block-taqyim-breadcrumbs {
    position: absolute;
    bottom: 0;
    right: 30px;
    color: #fff;
    z-index: 99;
}

#block-taqyim-breadcrumbs a {
    color: #fff;
    text-decoration: none;
}

#block-taqyim-breadcrumbs a:hover {
    text-decoration: underline;
}

/*** Contact us ***/
.contact-us {
    margin-top: 50px;
    margin-bottom: 50px;
}

.contact-us .field--name-webform form {
    box-shadow: 0 3px 5px 3px rgb(0 0 0 / 30%);
    padding: 10px 20px;
    border-radius: 10px;
    position: relative;
    overflow: hidden;
}

.contact-us .field--name-webform form:after {
    content: '';
    background: url(/sites/default/files/bg_after.png) no-repeat;
    background-size: cover;
    position: absolute;
    left: -50px;
    bottom: -50px;
    width: 170px;
    height: 170px;
}

.contact-us .form-item-type .select2 * {
    height: 38px !important;
    line-height: 38px !important;
}

.contact-us #edit-actions {
    text-align: center;
    padding: 50px 0;
}

.contact-us #edit-actions-submit {
    background-color: #007362;
    border-color: #007362;
    color: #fff;
    font-size: 18px;
    /* font-weight: 600; */
    padding: 5px 40px;
}

.contact-us #edit-actions-submit:hover {
    background-color: #fff;
    color: #007362;
    transition: all .5s;
}

.contact-left {
    margin-bottom: 30px;
}

.contact-left h3 {
    margin-bottom: 30px;
    position: relative;
    padding-right: 40px;
}

.contact-left h3:before {
    content: "";
    width: 30px;
    height: 2px;
    background-color: #333;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}

.contact-left .contact-item {
    display: flex;
    align-items: center;
    gap: 10px;
}

.contact-left .item-icon {
    padding: 25px;
    position: relative;
}

.contact-left .item-icon:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: url(/sites/default/files/bg_cercle.png) no-repeat;
    background-size: contain;
}

.contact-left .contact-item:hover .item-icon:before {
    -webkit-animation: spin 2s infinite linear;
}

@keyframes spin {
    from {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(360deg)
    }
}

.contact-left svg {
    width: 25px;
    height: 25px;
    fill: #007362;
}

.contact-left .item-text p {
    margin-bottom: 5px;
}

@media (min-width: 768px) {
    .contact-us {
        display: flex;
        margin-top: 100px;
        margin-bottom: 100px;
        flex-direction: row-reverse;
        align-items: center;
    }

    .contact-us .field--name-body {
        width: 40%;
        float: left;
        padding-right: 30px;
    }

    .contact-us .field--name-webform {
        width: 60%;
        float: right;
        padding-left: 30px;
    }

    .contact-us .form-item-name,
    .contact-us .form-item-prenom,
    .contact-us .form-item-email,
    .contact-us .form-item-type {
        width: 50%;
        float: right;
    }

    .contact-us .form-item-name,
    .contact-us .form-item-email {
        padding-left: 10px;
    }

    .contact-us .form-item-prenom,
    .contact-us .form-item-type {
        padding-right: 10px;
    }

    .contact-left {
        margin-bottom: 0;
    }

    .contact-left .item-icon {
        padding: 35px;
    }
}

/*** Réalisations ***/
.path-الإنجازات .region-content {
    background: url(/sites/default/files/effet_bg_realisations.png) no-repeat;
    background-size: cover;
}

#views-bootstrap-alanjazat-page-1 {
    padding-top: 3%;
}

#views-bootstrap-alanjazat-page-1 .row>div {
    padding: 0 50px;
}

#views-bootstrap-alanjazat-page-1 .views-field-field-images-album , #views-bootstrap-alanjazat-page-1 .views-field-field-image-formation {
    border-radius: 10px;
    box-shadow: 0 5px 10px 3px #00000040;
    margin-bottom: 15px;
    overflow: hidden;
    position: relative;
}

#views-bootstrap-alanjazat-page-1 .row>div:hover .views-field-field-images-album a:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(0deg, rgba(0, 115, 98, 1) 0%, rgba(255, 255, 255, 0) 50%);
    transition: background-color 5s ease-in-out;
}

#views-bootstrap-alanjazat-page-1 img {
    height: 300px;
    object-fit: cover;
    transition: all .5s;
}

#views-bootstrap-alanjazat-page-1 .row>div:hover img {
    transform: scale(1.2);
}

#views-bootstrap-alanjazat-page-1 .views-field-title a {
    color: inherit;
    text-decoration: none;
    font-size: large;
    font-weight: 600;
    display: block;
    height: 28px;
    overflow: hidden;
    margin-bottom: 5px;
}

#views-bootstrap-alanjazat-page-1 .views-field-title a:hover {
    text-decoration: underline;
}

#views-bootstrap-alanjazat-page-1 .views-field-field-date-realisation,
#views-bootstrap-alanjazat-page-1 .views-field-field-lieu-realisation {
    width: fit-content;
    float: right;
    margin-left: 20px;
}

#views-bootstrap-alanjazat-page-1 .views-field-field-date-realisation .field-content,
#views-bootstrap-alanjazat-page-1 .views-field-field-date-fin-formation .field-content {
    position: relative;
    padding-right: 20px;
    margin-bottom: 5px;
}

#views-bootstrap-alanjazat-page-1 .views-field-field-date-realisation .field-content time:before, 
#views-bootstrap-alanjazat-page-1 .views-field-field-date-fin-formation .field-content time:before  {
    font-family: "FontAwesome";
    content: '\f274';
    position: absolute;
    right: 0;
    bottom: 3px;
    color: #007362;
}

#views-bootstrap-alanjazat-page-1 .views-field-field-lieu-realisation .field-content {
    position: relative;
    padding-right: 15px;
    margin-bottom: 5px;
}

#views-bootstrap-alanjazat-page-1 .views-field-field-lieu-realisation .field-content span:before {
    font-family: "FontAwesome";
    content: '\f041';
    position: absolute;
    right: 0;
    bottom: 3px;
    color: #007362;
}

#views-bootstrap-alanjazat-page-1 .views-field.views-field-body {
    width: 100%;
    display: flex;
}

#views-bootstrap-alanjazat-page-1 .views-field-body p {
    color: #333;
    margin-bottom: 50px;
    height: 70px;
    overflow: hidden;
}

/*** Détails Réalisation ***/
#block-views-block-alanjazat-block-2 {
    margin-top: 3%;
}

#block-views-block-alanjazat-block-2 .views-row {
    border-right: 4px solid #007362;
    padding-right: 10px;
    margin-bottom: 30px;
}

#block-views-block-alanjazat-block-2 .views-field-title {
    font-size: xx-large;
    font-weight: bold;
    margin-bottom: 20px;
}

#block-views-block-alanjazat-block-2 .views-field-field-date-realisation,
#block-views-block-alanjazat-block-2 .views-field-field-lieu-realisation {
    width: fit-content;
    float: right;
    margin-left: 20px;
}

#block-views-block-alanjazat-block-2 .views-field-field-date-realisation .field-content {
    position: relative;
    padding-right: 20px;
    margin-bottom: 5px;
}

#block-views-block-alanjazat-block-2 .views-field-field-date-realisation .field-content time:before {
    font-family: "FontAwesome";
    content: '\f274';
    position: absolute;
    right: 0;
    bottom: 3px;
    color: #007362;
}

#block-views-block-alanjazat-block-2 .views-field-field-lieu-realisation .field-content {
    position: relative;
    padding-right: 15px;
    margin-bottom: 5px;
}

#block-views-block-alanjazat-block-2 .views-field-field-lieu-realisation .field-content span:before {
    font-family: "FontAwesome";
    content: '\f041';
    position: absolute;
    right: 0;
    bottom: 3px;
    color: #007362;
}

#block-views-block-alanjazat-block-2 .views-field.views-field-body {
    width: 100%;
    display: flex;
}

#block-views-block-alanjazat-block-2 .views-field-body p {
    margin-bottom: 0;
}

#block-views-block-alanjazat-block-1 .view-content,
#block-views-block-alanjazat-block-3 .view-content {
    column-count: 3;
    column-gap: 15px;
}

#block-views-block-alanjazat-block-1 .field-content,
#block-views-block-alanjazat-block-3 .field-content {
    margin: 0;
    display: grid;
    grid-template-rows: 1fr auto;
    margin-bottom: 10px;
    break-inside: avoid;
}

@media (max-width: 480px) {
    #block-views-block-alanjazat-block-1 .view-content {
        column-count: 2;
        column-gap: 10px;
    }

    #block-views-block-alanjazat-block-3 .view-content {
        column-count: 1;
        column-gap: 10px;
    }
}

#block-views-block-alanjazat-block-3 {
    margin-top: 3%;
}

#block-views-block-alanjazat-block-4 {
    /* margin-top: 3%; */
    margin-bottom: 3%;
}

#block-views-block-alanjazat-block-4 .views-field-field-partenaires img {
    height: 70px;
    width: auto;
    margin: auto;
    object-fit: cover;
    filter: grayscale(1);
    transition: all 0.5s;
}

#block-views-block-alanjazat-block-4 .views-field-field-partenaires:hover img {
    filter: unset;
    scale: 1.1;
}

.page-node-type-realisations .titre-block {
    /* color: #007362; */
    margin-bottom: 20px;
    border-bottom: 2px solid #007362;
    width: fit-content;
}

/*** Pagination ***/
.pagination {
    justify-content: center;
    gap: 10px;
}

.pagination a.page-link {
    border-radius: 50% !important;
    border-color: transparent;
    background-color: transparent;
    color: inherit;
    font-weight: bold;
    line-height: 1;
    padding: 6px 7px 2px 7px !important;
    transition: all .5s;
}

.pagination .is-active a.page-link {
    color: #fff;
    background-color: #007362;
}

/*** Page Formateurs ***/
#views-bootstrap-formateurs-page-1 {
    margin: 5% auto;
}

#views-bootstrap-formateurs-page-1 .row {
    margin-bottom: 30px;
    text-align: center;
}

#views-bootstrap-formateurs-page-1 .row>div {
    padding: 20px;
    outline: 2px solid #007362;
    outline-offset: -15px;
    border-radius: 15px;
    border: 22px solid #fff;
}

#views-bootstrap-formateurs-page-1 .views-field-field-image-formateur {
    margin-bottom: 10px;
}

#views-bootstrap-formateurs-page-1 .views-field-title a {
    display: block;
    margin-bottom: 10px;
    text-decoration: none;
    font-size: x-large;
    color: #007362;
}

/*** Liste Formateurs ***/
.path-الدورات-التدريبية .region-content {
    display: flex;
    flex-direction: column-reverse;
}

#block-views-block-formateurs-block-2 {
    position: relative;
    margin-top: 60px;
    margin-bottom: 60px;
}

#block-views-block-formateurs-block-2:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 80%;
    background-color: #f1f1f1;
    z-index: -1;
}

#block-views-block-formateurs-block-2:after {
    content: "";
    background: url(/sites/default/files/decoration.png) no-repeat;
    position: absolute;
    top: -145px;
    right: 0;
    z-index: -1;
    animation: moveUp 6s infinite;
    width: 100px;
    height: 200px;
}

#block-views-block-formateurs-block-2 .box-formateur {
    border: 2px solid #007362;
    border-radius: 5px;
    position: relative;
    overflow: hidden;
}

#block-views-block-formateurs-block-2 .image-formateur img {
    height: 300px;
    width: 100%;
    object-fit: cover;
}

#block-views-block-formateurs-block-2 .nom-formateur {
    position: absolute;
    bottom: 0px;
    right: 0;
    padding: 10px;
    color: #fff;
    text-shadow: 0 0 3px black;
    transition: all .5s ease-in-out;
}

#block-views-block-formateurs-block-2 .box-formateur:hover .nom-formateur {
    opacity: 0;
}

#block-views-block-formateurs-block-2 .nom-formateur h3 {
    font-size: 18px;
    font-weight: bold;
}

#block-views-block-formateurs-block-2 .lien-formateur {
    position: absolute;
    bottom: 10px;
    left: -150px;
    opacity: 0;
    transition: all .5s ease-in-out;
}

#block-views-block-formateurs-block-2 .box-formateur:hover .lien-formateur {
    opacity: 1;
    left: 0;
}

#block-views-block-formateurs-block-2 .lien-formateur a {
    background-color: #007362;
    padding: 5px 15px 5px 5px;
    border-radius: 0 15px 15px 0;
    color: #fff;
    text-decoration: none;
}

/*** Détails Formateur ***/
#block-views-block-formateurs-block-1 {
    margin: 60px auto;
}

#block-views-block-formateurs-block-1 .box-formateur {
    padding: 20px 10px;
    row-gap: 30px;
}

#block-views-block-formateurs-block-1 .image-formateur {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-top: 30px;
}

#block-views-block-formateurs-block-1 .image-formateur img {
    border: 3px solid #007362;
    max-width: 80%;
    border-radius: 5px;
    overflow: hidden;
}

#block-views-block-formateurs-block-1 .nom-formateur {
    text-align: center;
    padding: 10px;
    background-color: #fff;
    width: 100%
}

#block-views-block-formateurs-block-1 .nom-formateur h3 {
    font-size: x-large;
    font-weight: bold;
    margin-bottom: 10px;
}

#block-views-block-formateurs-block-1 .desc-formateur {
    text-align: justify;
}

/***  EU Cookie Banner ***/
#sliding-popup {
    padding-top: 10px;
    padding-bottom: 10px;
}

#sliding-popup .eu-cookie-compliance-content {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    column-gap: 20px;
    row-gap: 10px;
}

#sliding-popup #popup-text {
    margin-top: 0;
}

#sliding-popup .eu-cookie-compliance-message h2 {
    font-size: 18px;
    line-height: 1;
    font-weight: normal;
    text-align: center;
    margin-bottom: 0;
}

#sliding-popup #popup-buttons {
    margin-bottom: 0;
}

#sliding-popup .button {
    background-color: #fff;
    color: #007362;
    padding: 5px 20px;
    margin: 0 5px;
}

#sliding-popup .button:hover {
    background-image: none;
    background-color: transparent;
    color: #fff;
    text-shadow: none;
}

/*** Page Formations ***/
.view-formations.view-display-id-page_1 {
    margin: 3% auto;
}

#views-exposed-form-formations-page-1 .form--inline {
    display: flex;
    justify-content: space-between;
    margin: 0 auto 5%;
    border: 1px solid #007362;
    border-radius: 15px;
    padding: 5px 10px;
    transition: all .5s ease-in-out;
}

#views-exposed-form-formations-page-1 .form-item {
    margin: 0 0 0 10px;
    border-left: 1px solid #007362;
    padding-left: 10px;
    width: 30%;
}

#views-exposed-form-formations-page-1 .form-item .form-control {
    border: 0;
    color: #6c757d;
}

#views-exposed-form-formations-page-1 .form-actions {
    width: 10%;
    float: right;
    clear: none;
    margin: 0;
}

#views-exposed-form-formations-page-1 .form-actions .btn {
    background-color: transparent;
    border: 0;
    color: #007362;
    font-weight: bold;
    width: 100%;
}

#views-exposed-form-formations-page-1 .form--inline:hover {
    background-color: #007362;
}

#views-exposed-form-formations-page-1 .form--inline:hover .form-actions .btn {
    color: #fff;
}

#views-bootstrap-formations-page-1 .row {
    margin-bottom: 30px;
    row-gap: 30px;
}

.view-formations .item-formation {
    border-radius: 10px;
    /* box-shadow: 0 5px 10px 3px #00000040; */
    padding-bottom: 10px;
    overflow: hidden;
    background-color: #fff;
}

.view-formations .img-formation {
    position: relative;
    margin-bottom: 20px;
    overflow: hidden;
}

.view-formations .img-formation .num-formation {
    position: absolute;
    right: 0;
    top: 30px;
    background-color: #fff;
    padding: 2px 5px 2px 10px;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    font-size: small;
    z-index: 2;
}

.view-formations .item-formation:hover .img-formation a:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #00736299;
}

.view-formations .img-formation img {
    width: 100%;
    height: 250px;
    object-fit: cover;
    transition: all .5s ease-in-out;
}

.view-formations .item-formation:hover img {
    scale: 1.2;
}

.view-formations .titre-formation a {
    color: inherit;
    font-size: large;
    font-weight: bold;
    text-decoration: none;
    margin-bottom: 10px;
    display: block;
    height: 27px;
    overflow: hidden;
    padding: 0 15px;
    text-align: right;
}

.view-formations .infos-formation {
    display: flex;
    flex-wrap: wrap;
    column-gap: 30px;
    row-gap: 10px;
    margin-bottom: 10px;
    padding: 0 15px;
}

.view-formations .date-formation {
    position: relative;
    padding-right: 20px;
}

.view-formations .date-formation:after {
    font-family: "FontAwesome";
    content: '\f017';
    position: absolute;
    right: 0;
    bottom: 3px;
}

.view-formations .type-formation span {
    position: relative;
    padding-right: 20px;
}

.view-formations .type-formation span:after {
    font-family: "FontAwesome";
    content: '\f108';
    position: absolute;
    right: 0;
    bottom: 2px;
}

.view-formations .type-formation .حضوري:after {
    content: '\f1e7';
}

.view-formations .desc-formation p {
    color: #000;
    font-size: 14px;
    height: 50px;
    overflow: hidden;
    text-align: right;
}
.view-formations .desc-formation {
    padding: 0 15px;
    color: #000;
    font-size: 14px;
    margin-bottom: 10px;
    height: 50px;
    overflow: hidden;
    text-align: right;
}
.view-formations .lien-formation {
    text-align: right;
    padding: 0 15px;
    margin-bottom: 10px;
}
.view-formations  .type-formation {
    display: flex;
    align-items: center;
}
.view-formations .lien-formation a {
    color: #007362;
    text-decoration: none;
    border-bottom: 1px solid #007362;
}

@media (max-width: 767px) {
    #views-exposed-form-formations-page-1 .form--inline {
        flex-wrap: wrap;
    }

    #views-exposed-form-formations-page-1 .form-item {
        margin: 0;
        border-bottom: 1px solid #007362;
        border-left: 0;
        width: 48%;
    }

    #views-exposed-form-formations-page-1 .form-item:nth-child(3) {
        border-bottom: 0;
    }

    #views-exposed-form-formations-page-1 .form-actions {
        width: 48%;
    }
}

@media (max-width: 480px) {

    #views-exposed-form-formations-page-1 .form-item,
    #views-exposed-form-formations-page-1 .form-actions {
        width: 100%;
    }

    #views-exposed-form-formations-page-1 .form-item .form-control {
        text-align: center;
    }
}

/*** Block Dernières Formations ***/
.view-formations #slick-views-formations-block-block-1-2-slider .slick-list {
    margin-bottom: 3%;
}

.view-formations .more-link {
    text-align: center;
    padding: 50px 0;
}

.view-formations .more-link a {
    text-decoration: none;
    color: black;
    border-radius: 25px;
    border: 1px solid #007362;
    padding: 10px 20px;
    transition: all 0.5s;
}

.view-formations .more-link a:hover {
    background-color: #007362;
    color: white;
}

#block-views-block-formations-block-1 {
    position: relative;
    background-color: #eeeff1;
    padding-top: 20px;
    margin-top: 60px;
}

#block-views-block-formations-block-1:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    background: url(/sites/default/files/bg_before_formations.png) no-repeat;
    background-size: contain;
    width: 400px;
    height: 400px;
    max-width: 25%;
}

/*** Profil user***/
.profil-sidebar {
    background: url(/sites/default/files/profil_sidebar_bg.png) no-repeat;
    background-size: cover;
    min-height: 500px;
    text-align: center;
    color: #fff;
    border-radius: 25px;
    overflow: hidden;
    padding: 50px 10px;
}

.profil-sidebar img {
    width: 130px;
    height: 130px;
    object-fit: contain;
    margin-bottom: 30px;
}

.profil-sidebar h3.profil-name {
    font-size: 20px;
    margin-bottom: 20px;
}

.profil-sidebar a.edit-profil {
    background-color: #fff;
    color: #000;
    border: 1px solid #fff;
    text-decoration: none;
    padding: 5px 15px;
    border-radius: 15px;
    margin-bottom: 20px;
    display: inline-block;
    transition: all .5s ease-in-out;
}

.profil-sidebar a.edit-profil:hover {
    background-color: transparent;
    color: #fff;
}

a.disabled-link {
    cursor: not-allowed;
}

@media (max-width: 480px) {
    #block-useraccountmenu .navbar-nav {
        column-gap: 10px;
    }

    #views-bootstrap-alanjazat-page-1 .row>div {
        padding: 0 20px;
    }

    #views-bootstrap-alanjazat-page-1 img {
        width: 100%;
    }
}
.field--name-field-logo-partenaires img {
     height: 70px !important;
    width: auto;
    object-fit: cover;
    cursor: pointer;
    filter: grayscale(1);
    max-width: 100%;
    transform: scale(0.9);
    transition: 0.5s ease all;
}

.field--name-field-logo-partenaires img:hover {
   
    filter: none;
    transform: scale(1.1);
}

.view-id-actualites.view-display-id-page_2 {
.row {
        box-shadow: 4px 4px 12px rgba(0, 0, 0, 0.1);
        border-radius: 12px;
        background-color: #ffffff;
        margin: 20px;
        overflow: hidden;
}

.details_actu {
  padding: 1.5rem;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.title_actu {
    font-size: 20px;
    font-weight: 600;
    color: #007362;
    margin-bottom: 0.75rem;
    height: 85px;
    overflow: hidden;
}

.clock {
  color: #666;
}

.desc_actu {
  font-size: 1rem;
  color: #444;
  line-height: 1.5;
  margin-bottom: 1rem;
}

.image_actu {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  padding: 1rem;
  background-color: #fff;
  text-align: center;
}

.image_actu img {
  max-width: 100%;
  height: auto;
  border-radius: 10px;
  margin-bottom: 0.75rem;
}

.category_actu {
  font-weight: bold;
  margin: 4px;
}

}

img.img-fluid.img-taquim {
     height: 180px !important;
    width: 310px !important;
    object-fit: contain;
    display: inline;
}

.footer-logo .logofooter {
    width: auto;
    height: 100px;
    object-fit: cover;
}
.boxlogo-interne img {
    max-width: 100%;
    height: 70px;
    object-fit: cover;
}
.card-cont .card {
    width: 100%;
}


#block-views-block-formateurs-block-2 .views-field.views-field-nothing {
    padding: 0 15px 40px;
}

.boxlogo-interne {
    display: flex;
}