@font-face { font-family: IBM Plex Sans Arabic; src: url(../font/ArbFONTS-ArbFONTS-Janna-LT-Regular.ttf); }
@font-face { font-family: IBM Plex Sans Arabic; src: url(../font/ArbFONTS-ArbFONTS-Janna-LT-Bold.ttf); font-weight: bold; }

body { font: 1rem/1.516 "IBM Plex Sans Arabic", Arial, sans-serif;  }
p {  font-size: 17px; text-align: justify;}
.text-right {text-align: right;}
.gols { font-size: 16px !important; padding: 10px 0 20px 20px; text-align: right }
.why { text-align: right;}
.why::before {content:' '; background-image: url(../img/Icons-01.svg); display: block; width: 40px; height: 35px; padding:10px; background-repeat: no-repeat;}


.font-weight-bold {font-weight: bold;}
li.nav-item { padding: 0px 10px }

.navbar-toggler, .navbar-toggler:focus {
    border:unset !important;
    box-shadow: unset;
}

.bg {
    background-color: #001820;
    background-repeat: no-repeat;
    background-size: cover;
    min-height: 100vh;
}

.bg-1 {
    background-image: url(../img/bg-1.png);
    background-position: left bottom;
}

.bg-2 {
    background-image: url(../img/bg-2.png);
    background-position: right bottom;
}

.bg-3 {
    background-image: url(../img/bg-3.png);
    background-position: left bottom;
}

.bg-4 {
    background-image: url(../img/bg-4.png);
    background-position: right bottom;
}


.bg-5 {
    background-image: url(../img/bg-5.png);
    background-position: left bottom;
}

.bg-6 {
    background-image: url(../img/bg-6.png);
    background-position: left bottom;
}


.bg-7 {
    background-image: url(../img/bg-7.png);
    background-position: center bottom;
}



.bg-11 {
    background-image: url(../img/bg-11.png);
    background-position: center bottom;
}



.bg-12 {
    background-image: url(../img/bg-12.png);
    background-position: center bottom;
}


.bg-13 {
    background-image: url(../img/bg-13.png);
    background-position: left bottom;
}


.bg-001820 { background-color: #001820; }
.bg-0b1f24 { background-color: #0b1f24; }

.text-A4CE5C { color: #A4CE5C; }

.nav-link.active {
    color: #A4CE5C !important;;
}

.accordion-button::after {
	margin-right: auto;
	margin-left: unset;
}


.accordion-body ul {
	padding: 0;
}

.accordion-button:not(.collapsed) {
    background-color: #f4f4f4;
}
.accordion-item {
    border-color: #f4f4f4;
}

.accordion-button:focus {
	box-shadow: unset;
}

button:disabled::after {
    width: 0;
}

.registration {
        border-radius: 5px 0px 0px 20px;
    background: rgb(161, 208, 94);
    background: linear-gradient(90deg, rgba(161, 208, 94, 1) 0%, rgba(12, 109, 91, 1) 100%);
    padding: 10px 30px;
    color: #fff;
    border: unset;
    font-weight: bold;
    font-size: 18px;
    margin-top: 40px;
    display: block;
    width: fit-content;
    text-decoration: unset;
}

.accordion-button strong {display: none;}

button.accordion-button { text-align: right; }

@media screen and (max-width: 600px) {
.bg { background-size: 180% ; }
.align-items-center { align-items: flex-start !important; }
    .ps-5, .px-5 { padding-left: 0 !important; padding-right: 0 !important;}
    .pt-5, .pb-5 {padding-top: unset !important; padding-bottom: unset !important;}
    
    li.nav-item {
        padding: 5px;
    border-bottom: 1px solid #1a343b;
}

div#navbarNav {
    margin-top: 20px;
    background-color: #091b1f;
}

ul.navbar-nav {
    margin: 0;
    padding: 0;
}

}