* {
    font-family: 'Cairo', sans-serif;
}

header {
    background-color: #620c22d4;
    height: 150px;
}



.flech {
    width: 100px;
}

.s-logo {
    width: 200px;
}

.s-intro {
    position: relative;
    background: #24c9c5;
}

.s-intro::before {
    content: "";
    background: url("../imgs/bg.png") no-repeat;
    background-size: 100%;
    opacity: 0.03;
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

.intro-1 {
    width: 120%;
}

.s-intro h1 {
    color: #238d7f;
}

.s-intro h2,
.s-vision h2 {
    color: #002d70;
    font-weight: 900;
}

.s-intro p {
    color: #fff;
    text-align: justify;
    font-size: 26px;
}

.s-vision {
    background-image: url("../imgs/bg.png");
    background-size: cover;
}

.bg-none {
    background: none;
}

.s-vision h1 {
    color: rgb(227, 125, 120);
}

.s-vision p {
    font-size: 26px;
}

.s-vision .vision-img {
    direction: ltr;
}


/* .s-message {} */

.s-objective {
    background: #0bbbd9;
}

.s-intro::before {
    content: "";
    background: url("../imgs/bg.png") no-repeat;
    background-size: 100%;
    opacity: 0.1;
}

.s-objective h2 {
    font-weight: bolder;
    color: rgb(165, 255, 255);
}

.s-objective li {
    font-size: 22px;
    font-weight: bolder;
}

.s-objective ul,
.s-hokoma ul {
    list-style: '-';
    font-size: 25px;
    font-weight: bolder;
}

.s-hokoma,
.s-hokoma h2 {
    color: rgb(68, 70, 106);
}

.s-hokoma h1 {
    color: #24c9c5;
    font-weight: bolder;
}

.s-hokoma ul li span,
.s-hokoma ul li {
    color: rgb(68, 70, 106);
    font-size: 15px;
    text-align: justify;
    font-weight: bolder;
}

.s-hokoma ul li {
    font-weight: bolder;
    font-size: 23px;
}

.hr-hokoma {
    border: 3px #ffc25f solid;
    margin-left: 50%;
}

.s-hokoma p {
    margin-bottom: 0px;
    margin-left: 10px;
}

.s-hokoma2 p {
    font-size: 22px;
    text-align: justify;
}

.s-taawon h1 {
    color: #00b5e1;
    font-weight: bolder;
}

.s-taawon p {
    font-size: 25;
}

.s-taawon {
    background-image: url('../imgs/taawon.png');
    background-size: 100% 100%;
}

.s-kitaa {
    background-image: url('../imgs/kitaa.png');
    background-size: cover;
}

.s-etude {
    background-color: #61e89c;
}

.etude-content .section1 {
    background-color: rgba(117, 200, 196, 0.837);
    padding-right: 22%;
    padding-left: 10%;
}

.etude-content .section2 {
    /* background-color: #00b5e1; */
    background-color: rgba(102, 181, 223, 0.934);
    padding-right: 22%;
    padding-left: 10%;
}

.etude-content .section2 p,
.etude-content .section1 p {
    margin-bottom: 0px;
}

.s-etude .col {
    padding-left: 0px;
}

.etude-img {
    position: absolute;
    width: 500px;
    bottom: 0px;
    right: 0px;
}

.hr-sections {
    border: 4px orange solid;
    margin: 0px 10%;
}


/* table */

.table1 {
    border-collapse: separate;
}

.brd th {
    text-align: center;
    vertical-align: middle;
}

.table1 td {
    height: 100%;
    vertical-align: middle;
}

.table1 h1 {
    color: rgb(68, 70, 106);
    font-size: 28px;
    line-height: 26px;
    text-align: center;
    font-weight: bolder;
}

.table1 h5 {
    color: rgb(68, 70, 106);
    text-align: center;
}

.table1 p {
    font-size: 14px;
    text-align: justify;
}

.brd .th-1 {
    border-top: 5px #00b5e1 solid;
    border-bottom: 5px #00b5e1 solid !important;
    border-right: 5px #00b5e1 solid !important;
    border-top-right-radius: 20px;
    border-bottom-right-radius: 20px;
    width: 20%;
}

.brd .th-2 {
    width: 60%;
    border-top: 5px #00b5e1 solid;
    border-bottom: 5px #00b5e1 solid !important;
}

.brd .th-3 {
    width: 20%;
    border-top: 5px #00b5e1 solid;
    border-bottom: 5px #00b5e1 solid !important;
    border-left: 5px #00b5e1 solid !important;
    border-top-left-radius: 20px;
    border-bottom-left-radius: 20px;
}


/* 
table {
    border-collapse: collapse;
    border-radius: 2em;
    overflow: hidden;
}

th,
td {
    padding: 1em;
    background: #ddd;
    border-bottom: 2px solid white;
}
.brd {
    border: 10px #00b5e1 solid;
    border-radius: 50px;
}



 */

.s-contact {
    background-color: rgb(1, 197, 246);
}

.s-contact h1 {
    color: rgb(143, 253, 253);
    font-size: 7em;
    font-weight: bolder;
}

.s-contact h2 {
    color: #fff;
    font-size: 3em;
}

.s-contact p {
    color: #000;
    margin-bottom: 0px;
    font-size: 14px;
}

.s-contact .info {
    float: left;
    direction: ltr;
    border-left: 4px rgb(238, 190, 100) solid;
    padding-left: 15px;
    margin: 60px;
}

@media only screen and (max-width: 768px) {
    .intro-1 {
        width: 100%;
    }
    .s-kitaa {
        background-image: url('../imgs/kitaa.png');
        background-size: contain;
        background-position: bottom;
        background-repeat: no-repeat;
    }
    .etude-img {
        position: relative;
        width: 100%;
    }
    .s-contact h1 {
        font-size: 60px;
    }
    .s-contact h2 {
        font-size: 30px;
    }
    .s-vision {
        background-image: url("../imgs/bg.png");
        background-size: 100%;
        background-repeat: no-repeat;
    }
    .s-taawon {
        background-image: url('../imgs/taawon.png');
        background-size: contain;
        background-position: bottom;
        background-repeat: no-repeat;
    }
}

.z0 {
    z-index: 0;
}

.z1 {
    z-index: 1;
}

.card {
    margin-bottom: 2em;
}

.card p,
.card-footer {
    font-size: 14px;
    text-align: justify;
}

.card-header,
.card-footer {
    background-color: #24c9c5;
    color: #fff;
}

nav {
    background-color: #00b3dc;
}

nav a {
    color: #eee !important;
    font-weight: bold;
}

nav img {
    width: 165px;
}

.s-form form {
    background-color: #00b6e2;
    border-radius: 30px;
    color: #fff;
}

.s-form button {
    background-color: #ffc25f;
    color: #fff;
    text-align: center;
}

.row1 {
    /* border: 2px solid #eee; */
    /* background: #61e89c1b; */
    border-radius: 20px;
}

.row2 {
    margin-top: 10px;
    /* border: 2px solid #eee; */
    /* background: #00b4e118; */
    border-radius: 20px;
}

.row2 p {
    font-size: 15px;
}

.s-hokoma .row2 ul li span {
    color: #00b5e1;
    font-weight: bolder;
}

li {
    text-align: justify;
}

.s-hokoma ul.list-hokoma li {
    font-size: 20px;
}


/* Zoom In #2 */

.hover02 figure img {
    width: 165px;
    height: 110px;
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
}

.hover02 figure:hover img {
    width: 170px;
}

.s-cover {
    margin-top: 140px;
}

#landing_page .footer-1 {
    background-color: #6c757dcc !important;
}

#landing_page .footer-2 {
    color: #000000bf;
}

#landing_page .footer-1 {
    font-size: 12px;
}

#landing_page .footer-1 .d-flex div {
    margin: 5px;
}

#landing_page .footer-2 {
    font-size: 14px;
}

footer.row {
    text-align: center;
}

.footer-top,
.footer-top div {
    text-align: right;
}

.footer-top {
    background: #00b3dc;
}

footer.row {
    margin: 0;
    font-family: "Noto Kufi Arabic", sans-serif;
}

.footer-top a {
    color: #ffffff;
    font-weight: 500;
}

.footer-top h4 {
    color: #ffffff;
}

.footer-top-menu {
    padding-inline-start: 20px;
}

li {
    font: 300 14px/26px "Noto Kufi Arabic", sans-serif;
    color: #ffffff;
}

.menu-rights {
    padding: 35px 0;
}

.media-left,
.media>.pull-left {
    padding-left: 10px;
    padding-right: initial;
}

.media-left,
.media-right,
.media-body {
    display: table-cell;
    vertical-align: top;
}

.media-body {
    width: 10000px;
}

.chat-icon {
width: 48px;
height: auto;
position: fixed;
bottom: 32px;
right: 17px;
z-index: 1111;
border-radius: 100%;
background: white;
}

.btn-footer{
	background-color: #ffc25f !important;
	color: #000 !important;
}