@font-face {

    font-family: 'Bahij TheSansArabic Plain';

    src: url('../fonts/BahijTheSansArabic-Plain.woff2') format('woff2'),

    url('../fonts/BahijTheSansArabic-Plain.woff') format('woff');

    font-weight: 500;

    font-style: normal;

    font-display: swap;

}



@font-face {

    font-family: 'Myriad Pro';

    src: url('../fonts/MyriadPro-Regular.woff2') format('woff2'),

    url('../fonts/MyriadPro-Regular.woff') format('woff');

    font-weight: normal;

    font-style: normal;

    font-display: swap;

}



@font-face {

    font-family: 'Myriad Pro';

    src: url('../fonts/MyriadPro-Bold.woff2') format('woff2'),

    url('../fonts/MyriadPro-Bold.woff') format('woff');

    font-weight: bold;

    font-style: normal;

    font-display: swap;

}



@font-face {

    font-family: 'GE Dinar Two';

    src: url('../fonts/GEDinarTwoMedium.woff2') format('woff2'),

    url('../fonts/GEDinarTwoMedium.woff') format('woff');

    font-weight: 500;

    font-style: normal;

    font-display: swap;

}



@font-face {

    font-family: 'Co Headline';

    src: url('../fonts/CoHeadline-Regular.woff2') format('woff2'),

    url('../fonts/CoHeadline-Regular.woff') format('woff');

    font-weight: normal;

    font-style: normal;

    font-display: swap;

}



@font-face {

    font-family: 'Co Headline';

    src: url('../fonts/CoHeadline-Bold.woff2') format('woff2'),

    url('../fonts/CoHeadline-Bold.woff') format('woff');

    font-weight: bold;

    font-style: normal;

    font-display: swap;

}



@font-face {

    font-family: 'DIN Condensed';

    src: url('../fonts/DINCondensed-Bold.woff2') format('woff2'),

    url('../fonts/DINCondensed-Bold.woff') format('woff');

    font-weight: bold;

    font-style: normal;

    font-display: swap;

}



@font-face {

    font-family: 'Gotham';

    src: url('../fonts/Gotham-Bold.woff2') format('woff2'),

    url('../fonts/Gotham-Bold.woff') format('woff');

    font-weight: bold;

    font-style: normal;

    font-display: swap;

}



@font-face {

    font-family: 'GE SS Unique';

    src: url('../fonts/GESSUniqueLight-Light.woff2') format('woff2'),

    url('../fonts/GESSUniqueLight-Light.woff') format('woff');

    font-weight: 300;

    font-style: normal;

    font-display: swap;

}



@font-face {

    font-family: 'Hacen Algeria';

    src: url('../fonts/HacenAlgeria.woff2') format('woff2'),

    url('../fonts/HacenAlgeria.woff') format('woff');

    font-weight: normal;

    font-style: normal;

    font-display: swap;

}







/* Let's get this party started */

::-webkit-scrollbar {

    width: 6px;

    background: #f6f6f6;

}



/* Track */

::-webkit-scrollbar-track {

    border-radius: 0;

}



/* Handle */

::-webkit-scrollbar-thumb {

    background: #285199;

}



::-webkit-scrollbar-thumb:window-inactive {

    background: #285199;

}



*, *:before, *:after {

    -moz-box-sizing: border-box;

    -webkit-box-sizing: border-box;

    box-sizing: border-box;

}



* {

    margin: 0px;

    padding: 0px;

    border: none;

    outline: none;

}



html {

    direction: rtl;

    overflow-x: hidden;

}



body {

    font-family: 'GE Dinar Two', sans-serif;

    background-color: #fff;

    font-weight: 500;

    overflow-x: hidden;



}

h1,h2,h3,h4,h5,h6 {

    font-family: 'GE Dinar Two', sans-serif;

    font-weight: 500;

}



::-moz-selection {

    background: #b3d4fc;

    text-shadow: none;

}



img {

    vertical-align: middle;

}



fieldset {

    border: 0;

    margin: 0;

    padding: 0;

}



textarea {

    resize: vertical;

}



a, button {

    -webkit-transition: all 0.2s ease;

    -moz-transition: all 0.2s ease;

    -ms-transition: all 0.2s ease;

    -o-transition: all 0.2s ease;

    transition: all 0.2s ease;

}



a {

    cursor: pointer !important;

    text-decoration: none !important;

}



a:hover, a:active, a:focus, a:visited {

    text-decoration: none !important;

}



input, textarea, a, button {

    outline: none !important;

    text-decoration: none;

}



.margin-auto {

    margin: 0 auto;

    float: none !important;

}



/* img hover */

.img-hover {

    overflow: hidden;

    display: block;

}



.img-hover > img {

    -webkit-transition: all 1s ease-out;

    -moz-transition: all 1s ease-out;

    -o-transition: all 1s ease-out;

    -ms-transition: all 1s ease-out;

    transition: all 1s ease-out;

}

.img-hover:hover > img{

    transform: scale(1.2);

}

img {

    max-width: 100%;

}



/* end img hover */

.main-wrapper {

    position: relative;

    min-height: 100vh;

    display: flex;

    flex-direction: column;

}





header{

    background: #1B2C65;

    padding: 40px 0;

}







/*mobile menu*/

.menu-mobile {

    position: fixed;

    right: 0px;

    top: 0px;

    bottom: 0;

    height: 100%;

    width: 250px;

    background: #285199;

    z-index: 1001;

    overflow-y: auto;

    -webkit-transform: translateX(275px);

    -moz-transform: translateX(275px);

    -ms-transform: translateX(275px);

    -o-transform: translateX(275px);

    transform: translateX(275px);

    -webkit-transition: -webkit-transform .4s ease;

    transition: -webkit-transform .4s ease;

    transition: transform .4s ease;

    transition: transform .4s ease, -webkit-transform .4s ease;

    -webkit-box-shadow: -2px 0 20px 0 rgba(33, 23, 23, 0.2);

    box-shadow: -2px 0 20px 0 rgba(33, 23, 23, 0.2);

}



.brand-area {

    position: relative;

    padding-top: 20px;

}



.brand-area a {

    width: 80%;

    height: auto;

    display: block;

    background-size: contain;

    margin: 0px auto 0 auto;

    margin-top: 10px;

    text-align: center;

    margin-bottom: 20px;

}



.brand-area a > img {

    max-width: 100%;

    max-height: 100%;

    margin: auto;

}



.mmenu > ul {

    list-style: none;

    padding: 0px;

    margin: 0px;

}



.mmenu > ul li a {

    display: flex;

    align-items: center;

    justify-content: space-between;

    border-bottom: 1px solid rgba(255, 255, 255, 0.05);

    color: #ffffff;

    font-size: 16px;

    padding: 10px;

    transition: all .3s;

    font-weight: 600;

    text-transform: capitalize;

}



.mmenu > ul li a:hover, a.mmenu > ul li.active a {

    background: #1EB5BC;

    color: #ffffff;

    border-color: #1EB5BC;

}



.m-overlay {

    position: fixed;

    content: '';

    left: 0px;

    top: 0px;

    right: 0px;

    bottom: 0px;

    background: #333;

    z-index: 1000;

    opacity: 0;

    visibility: hidden;

    transition: all .3s;

}



.menu-toggle {

    overflow: hidden;

}



.menu-toggle .m-overlay {

    opacity: 0.6;

    visibility: visible;

}



.menu-toggle .menu-mobile {

    -webkit-transform: translateX(0);

    -moz-transform: translateX(0);

    -ms-transform: translateX(0);

    -o-transform: translateX(0);

    transform: translateX(0);



}



/*.menu-toggle .main-wrapper{

  -webkit-transform:translate3d(-250px,0,0);

  -moz-transform:translate3d(-250px,0,0);

  -ms-transform:translate3d(-250px,0,0);

  -o-transform:translate3d(-250px,0,0);

  transform:translate3d(-250px,0,0);

}*/

html.menu-toggle {

    overflow: hidden;

}



/***

====================================================================

  Loading Transition

====================================================================

 ***/

/* Preloader */

.ctn-preloader {

    align-items: center;

    -webkit-align-items: center;

    display: flex;

    display: -ms-flexbox;

    height: 100%;

    justify-content: center;

    -webkit-justify-content: center;

    position: fixed;

    left: 0;

    top: 0;

    width: 100%;

    z-index: 99999999;

    background: #fff;

}



.txt-loading {

    direction: ltr;

}



.ctn-preloader .animation-preloader {

    position: absolute;

    z-index: 100;

}



/* Spinner cargando */

.ctn-preloader .animation-preloader .spinner {

    animation: spinner 1s infinite linear;

    border-radius: 50%;

    border: 1px solid rgba(30, 181, 188, 0.15);

    border-top-color: #1EB5BC;

    height: 100px;

    margin: 0 auto 0 auto;

    width: 100px;

}



/* Texto cargando */



.ctn-preloader .animation-preloader .txt-loading {

    text-align: center;

    user-select: none;

}



.ctn-preloader .animation-preloader .txt-loading .letters-loading:before {

    animation: letters-loading 4s infinite;

    color: #2196C6;

    content: attr(data-text-preloader);

    left: 0;

    opacity: 0;

    top: 0;

    line-height: 50px;

    position: absolute;

}



.ctn-preloader .animation-preloader .txt-loading .letters-loading {

    font-family: 'Montserrat', sans-serif;

    font-weight: 700;

    letter-spacing: 10px;

    display: inline-block;

    color: rgba(12, 58, 86, 0.15);

    position: relative;

    font-size: 50px;

    line-height: 50px;

}



.ctn-preloader .animation-preloader .txt-loading .letters-loading:nth-child(2):before {

    animation-delay: 0.2s;

}



.ctn-preloader .animation-preloader .txt-loading .letters-loading:nth-child(3):before {

    animation-delay: 0.4s;

}



.ctn-preloader .animation-preloader .txt-loading .letters-loading:nth-child(4):before {

    animation-delay: 0.6s;

}



.ctn-preloader .animation-preloader .txt-loading .letters-loading:nth-child(5):before {

    animation-delay: 0.8s;

}



.ctn-preloader .animation-preloader .txt-loading .letters-loading:nth-child(6):before {

    animation-delay: 1s;

}



.ctn-preloader .animation-preloader .txt-loading .letters-loading:nth-child(7):before {

    animation-delay: 1.2s;

}



.ctn-preloader .animation-preloader .txt-loading .letters-loading:nth-child(8):before {

    animation-delay: 1.4s;

}



.ctn-preloader .animation-preloader .txt-loading .letters-loading:nth-child(9):before {

    animation-delay: 1.6s;

}



.ctn-preloader .animation-preloader .txt-loading .letters-loading:nth-child(10):before {

    animation-delay: 1.8s;

}



.ctn-preloader .animation-preloader .txt-loading .letters-loading:nth-child(11):before {

    animation-delay: 2s;

}



.ctn-preloader .loader-section {

    background-color: #ffffff;

    height: 100%;

    position: fixed;

    top: 0;

    width: calc(50% + 1px);

}



.loaded .animation-preloader {

    opacity: 0;

    transition: 0.3s ease-out;

}



/* AnimaciĂłn del preloader */



@keyframes spinner {

    to {

        transform: rotateZ(360deg);

    }

}



@keyframes letters-loading {

    0%,

    75%,

    100% {

        opacity: 0;

        transform: rotateY(-90deg);

    }

    25%,

    50% {

        opacity: 1;

        transform: rotateY(0deg);

    }

}



@media screen and (max-width: 767px) {

    .ctn-preloader .animation-preloader .spinner {

        height: 80px;

        width: 80px;

    }

}



@media screen and (max-width: 500px) {

    .ctn-preloader .animation-preloader .spinner {

        height: 80px;

        width: 80px;

    }



    .ctn-preloader .animation-preloader .txt-loading .letters-loading {

        font-size: 30px;

        letter-spacing: 5px;

    }

}



.header .menu-trigger {

    cursor: pointer;

    position: relative;

    width: 25px;

    height: 25px;

    z-index: 99;

    display: none;

    color: #fff;

    font-size: 30px;

}





.main-menu {

    margin: 0;

    padding: 0;

    list-style: none;

    display: flex;

    align-items: center;

    gap: 30px;

}



.main-menu > li {

    display: flex;

    align-items: center;

}



.main-menu li > a {

    display: flex;

    color: #FFF;

    font-family: 'Co Headline';

    font-size: 16px;

    font-weight: 400;

    line-height: 160%;

    align-items: center;

    gap: 6px;

}



.main-menu li > a:hover {

    color: #1EB5BC;

}



.content-header {

    display: flex;

    /*flex-direction: row-reverse;*/

    gap: 36px;

    align-items: center;

    justify-content: space-between;

}



.logo-site img{

    height: 70px;

}

.home-hero{

    border-top:3px solid #fff;

    background-size: cover;

    background-position: center center;

    background-repeat: no-repeat;

}

.home-hero .container{

    height: 550px;

    padding: 40px 0;

    display: flex;

    flex-direction: column;

}

.main-logo{

    display: flex;

    justify-content: center;

    align-items: center;

}

.logos{

    display: flex;

    justify-content: space-evenly;

    gap: 40px;

    margin-top: auto;

    align-items: center;

}



.home-about{

    padding: 80px 0 40px 0;

}



.a-title{

    display: flex;

    font-family: "GE Dinar Two";

    color: #fff;

    font-size: 38px;

    margin-right: -15px;



}

.a-title span{

    border-radius: 50px 0 0 50px;

    background: #1B2C65;

    padding: 10px 40px 10px 60px;



}

.text-content{

    text-align:center;

    font-size: 20px;

    color: #1B2C65;

}



.branch-action .btn{

    width: 100%;

    border-radius: 0;

    height: 100px;

    font-size: 24px;

    margin-top: 5px;
    display: flex;
    align-items: center;
    justify-content: center;

}



.home-branches{

    padding: 80px 0;

}



footer{

    background: #1B2C65;

    padding: 40px 0 0 0;

    margin-top: auto;

}

.ft-logo img{

    height: 70px;

}

.ft-social{

    margin-top: 40px;

}

.ft-social ul{

    list-style: none;

    display: flex;

    gap: 16px;

    padding: 0;

    margin: 0;

}

.ft-social a{

    color: #fff;

    font-size: 20px;

}



.ft-group-menu h2{

    color: #fff;

    font-size: 24px;

    margin-bottom: 15px;

    font-family: 'Co Headline';



}

.ft-group-menu ul{

    list-style: none;

    padding: 0;

    display: flex;

    flex-direction: column;

    gap: 5px;

    margin: 0;

}

.ft-group-menu a{

    color: #C6C6C6;

    font-family: 'Co Headline';

    font-size: 16px;

}



.footer-2{

    padding: 25px 0;

    border-top: 5px solid #fff;

    margin-top: 40px;

    color: #fff;

    text-align: center;

}



.inner-hero-data{

    display: flex;

    align-items: center;

    flex-direction: column;

    justify-content: center;

    height: 100%;

    color: #fff;

}



.inner-hero .container{

    min-height: 600px;

    display: flex;

    flex-direction: column;

    justify-content: center;



}



.inner-hero-data h2{

    font-size: 30px;

    font-family: 'Co Headline';

    margin-bottom: 20px;

}

.inner-hero-data p{

    font-size: 24px;

    font-family: 'Co Headline';

    line-height: 170%;



}

.hero-logo{

    margin-bottom: 30px;

}

.hero-logo img{

    height: 90px;

}



.hero-social-list{

    list-style: none;

    padding: 0;

    margin: 0;

    display: flex;

    justify-content: center;

    gap: 16px;

    font-size: 20px;

    margin-top: 30px;

}

.hero-social-list a{

    color: #fff;

}

.hero-action{

    margin-top: 20px;

}



.who-we-help{

    padding: 80px 0 0 0;

    position: relative;

    z-index: 3;

}



.item-1 , .item2{

    display: flex;

    justify-content: flex-start;

}

.item-3 , .item-4{

    display: flex;

    justify-content: flex-end;

}



.item-4 .item-img{

 }



.programms-section{

    position: relative;

    z-index: 1;

    margin-top: -64px;

    background: #E6E7E8;

    padding: 80px 0;

}



.sec-header{

    text-align: center;

    margin-bottom: 40px;

}

.sec-header h2{

    color: #0DBCC5;

    font-size: 24px;

    font-family: 'Co Headline';

    font-weight: 700;

}



.program-item{

    position: relative;

    display: flex;

    flex-direction: column;

    align-items: center;

}



.program-item-img{

    width: 300px;

    height: 300px;

    border-radius: 50%;

    /*overflow: hidden;*/

    display: flex;

    justify-content: center;

    align-items: center;

    border:5px solid #006F8A;

    position: relative;

}

.program-item-img:after{

    width: 60px;

    height: 60px;

    position: absolute;

    right: -36px;

    top: -20px;

    content:'';

    background:#006F8A;

    border-radius: 50%;



}

.program-item-img img{

    width: 100%;

    height: 100%;

    object-fit: cover;

    border-radius: 50%;



}



.program-item-2 .program-item-img{

    border:5px solid #05BDC7;



}

.program-item-2 .program-item-img:after{

     background:#05BDC7;



}



.program-item h3{

    margin-top: 15px;

    text-align: center;

    font-family: 'Co Headline';

    font-size: 24px;

    font-weight: 700;

    color: #006F8A;

}



.google-map-links{

    display: flex;

    justify-content: center;

    align-items: center;

    flex-direction: column;

    gap:24px;

}



.form-section{

    padding: 80px 0 0 0;

}



.contact-form .form-control{

    height: 45px;

    border: none;

    text-align: center;

    font-size: 20px;

    font-family: 'Co Headline';

    font-weight: 400;

}



.contact-form .form-group{

    margin-bottom: 10px;

}



.contact-form .btn-primary{

    font-size: 20px;

    font-family: 'Co Headline';

    font-weight: 400;

    height: 45px;

    display: flex;

    align-items: center;

    justify-content: center;

    padding-bottom: 15px;

}



.contact-form .btn-primary:hover{

    background: #006F8A !important;

    color: #fff !important;

    border-color: #006F8A !important;

}



.text-w-image-section{

    padding: 80px 0;

}



.text-w-image{

    display: flex;

    gap: 30px;

}



.page-text-content{

    font-size: 30px;

    display: flex;

    flex-direction: column;

    justify-content: center;

}



.text-w-image--img > div{

    min-width: 250px;

}



.images-gallery-section{

    background-color: #D9F3F9;

    padding: 60px 0;

}



.images-gallery-section h2{

    font-size: 30px;

    color: #0074BC;

    text-align: center;

    margin-bottom: 30px;

}



.photo-img{

    width: 100%;

    height: 250px;

    overflow: hidden;

}

.col-md-2 .photo-img{

    height: 150px;

}

.photo-img img{

    width: 100%;

    height: 100%;

    object-fit: cover;

}



.contact-txt-section{

    padding: 80px 0;

}

.contact-txt-header{

    display: flex;

    justify-content: center;

}

.contact-txt-header h2{

    color: #fff;

    border-radius: 10px;

    background: #1B2C65;

    font-size: 30px;

    padding : 15px 40px;

}

.contact-text-sec h2{

    font-size: 26px;

    color: #A08254;

}

.contact-text-sec h2 i{

    color: #1B2C65;

}

.contact-text-sec{

    color: #1B2C65;

    font-size: 24px;

    margin-top: 40px;

}

.contact-text-sec a{

    color: #A08254;

    font-family: 'Hacen Algeria';

}

.text-o-section{

    padding: 60px 0;

}

.ptitle{

    font-size: 30px;

    margin-bottom: 40px;

}

.pdetails{

    font-size: 20px;

}

.pdetails p{

    margin-bottom: 15px;

}

.pdetails h2{

    font-size: 24px;

    margin-bottom: 15px;

}

.pdetails h3{

    font-size: 20px;

    margin-bottom: 15px;

}

@media(max-width: 1440px){

    .main-menu {
        gap: 20px;
    }

    header .container{
        max-width: 100%;
    }
}
@media(max-width: 1115px){

   .main-menu, .header-actions .btn-outline {
    display: none;
  }
  .header .menu-trigger {
    display: block;
  }
}

@media(max-width: 640px){

    .inner-hero-img{

        margin-bottom: 30px;

    }

    .inner-hero{

        padding-bottom: 40px;

    }



    .text-w-image {

        flex-direction: column;

    }

    .logos img{

        height: 55px;

    }

    .programms-section {

        margin-top: 0;

    }

    .programms-items > div{

        margin-bottom: 60px;

    }

    .help-items  > div{

        margin-bottom: 30px;

    }

}

.year-en{
    font-family: 'Myriad Pro';
}