@font-face {
    font-family: ElMessiri-Bold;
    src: url("../../../webfonts/El-Messiri/ElMessiri-Bold.ttf");
}
@font-face {
    font-family: ElMessiri-SemiBold;
    src: url("../../../webfonts/El-Messiri/ElMessiri-SemiBold.ttf");
}
@font-face {
font-family: ElMessiri-Regular;
src: url("../../../webfonts/El-Messiri/ElMessiri-Regular.ttf");
}
@font-face {
    font-family: ElMessiri-Medium;
    src: url("../../../webfonts/El-Messiri/ElMessiri-Medium.ttf");
}

@font-face {
    font-family: ElMessiri-Bold;
    src: url("../../../webfonts/Heebo/Heebo-Bold.ttf");
}
@font-face {
    font-family: ElMessiri-SemiBold;
    src: url("../../../webfonts/Heebo/Heebo-SemiBold.ttf");
}
@font-face {
    font-family: ElMessiri-Regular;
    src: url("../../../webfonts/Heebo/Heebo-Regular.ttf");
}
@font-face {
    font-family: ElMessiri-Medium;
    src: url("../../../webfonts/Heebo/Heebo-Medium.ttf");
}

body{
    position: relative;
    direction: rtl;
    font-family: var(--main-font-family);
    overflow-x: hidden;
}
a,a:hover{
    text-decoration: none;
}
.btn:focus{
    box-shadow: none;
}
.no-border{
    border: none;
}
.bold{
    font-weight: bold;
}
:root{
    --main-font-family: ElMessiri-Regular, sans-serif;
    --main-black-color: #151515;
    --dark-brown-color: #754921;
    --main-title-font-size: 30px;
    --section-title-font-size: 27px;
    --section-inside-title-font-size: 27px;
    --section-text-font-size: 18px;
    --font-size-16: 16px;
    --font-size-17: 17px;
    --font-size-18: 18px;
    --font-size-20: 20px;
}
.main-txt-div{
    width: 80%;
    margin: 10% 14% 0 auto;
}
.main-txt{
    font-family: ElMessiri-Bold, sans-serif;
    font-size: var(--main-title-font-size);
}
.main-txt.black{
    color: var(--main-black-color);
}
.main-txt.orange{
    color: #FC9727;
}
.main-img-bg{
    position: relative;
    /*background-image: url('../../images/asdfg.png');*/
    background-image: url('../../images/new img1.svg');/*imaaaage copy.png*/
    background-repeat: no-repeat;
    background-size: 40%;
    width: 100%;
    height: 83vh;
    background-position: top left;
}
.main-img{
    width: 100%;
}
.check-know-btn,.check-know-btn:hover{
    border: 1px solid #FC9727;
    border-radius: 24px;
    display: flex;
    width: 138px;
    height: 42px;
    justify-content: center;
    align-items: center;
    font-size: var(--font-size-17);
    color: #FC9727;
    padding-top: 3px;
}
.check-know-btn.orange{
    background-color: #FC9727;
    color: white;
}
/*.check-know-btn:hover{*/
/*    color: white;*/
/*    background-color: #FC9727;*/
/*}*/
.main-logos-div{
    background-color: #FFF4DE;
    border-radius: 5px;
    position: absolute;
    right: 0;
    left: 0;
    bottom: 0;
    width: 100%;
}
.main-logo-flex{
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    cursor: pointer;
}
.flex-logo{
    filter: grayscale(100%);
    opacity: 0.8;
}
.flex-logo.active{
    filter: grayscale(0);
    opacity: 1;
}
.org-logos{
    width: 100%;
}
/*.slick-slide{*/
/*    width: fit-content !important;*/
/*}*/
.section-title{
    font-family: ElMessiri-Bold,sans-serif;
    font-size: var(--section-title-font-size);
    color: var(--main-black-color);
}
.curves-div{display: inline-block;}
.curve-img{
    width: 40px;
}
.hand-wave{
    width: 40px;
}
/*.cc{*/
/*    background-image: url("../../images/orange-curve-bg.svg.jpg");*/
/*    background-repeat: no-repeat;*/
/*    background-size: cover;*/
/*    width: 100%;*/
/*    height: 85px;*/
/*}*/
.right-path{
    display: flex;
    background-color: rgb(236 236 252);
    border-radius: 5px;
    justify-content: center;
    align-items: center;
    width: 50%;
    height: 185px;
    text-align: center;
    padding: 20px;
    margin-right: 10px;
    transition: 0.5s;
}
.right-path .right-path-txt{
    font-family: ElMessiri-Bold,sans-serif;
    font-size: var(--font-size-18);
    line-height: 28px;
    color: var(--main-black-color);
}
.right-path:hover{
    background-color: #8367F7;
    transition: 0.5s;

}
.right-path:hover .right-path-txt{
    transition: 0.7s;
    color: white;
}
.path-img{
    width: 37px;
}
.path-img.active{
    transition: 0.7s;
    filter: brightness(0) invert(1);
}
.story-bg{
    background-image: url("../../images/blue-bg.png");
    background-repeat: no-repeat;
    background-size: 45% 100%;
    width: 100%;
    height: 480px;
    background-position: right;
}
.iframe-div{
    height: 400px;
}
.youtube-frame-div{
    display: block;
    width: 100%;
    height: 100%;
    border-radius: 5px;
    box-shadow: 0 0 8px #00000029;
    cursor: pointer;
    transition: 0.4s;
}
.youtube-frame-opacity{
    background-color: rgba(0,0,0,0.29);
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    border-radius: 5px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.play-vid{
    width: 60px;
}
.modal{
    background-color: rgba(0,0,0,0.4);
}
.video-modal-dialog{
    max-width: 750px;
}
.video-modal-content{
    border: none !important;
    background: none !important;
    height: 100%;
}
.video-modal-close,.video-modal-close:hover{
    opacity: 1 !important;
    color: white;
    font-size: 28px;
}
.section-text{
    font-size: var(--section-text-font-size);
    line-height: 28px;
    color: rgb(126 126 126);
}
.width-75{width: 75%;}
.nav-pills{
    justify-content: center;
    border-bottom: 2px solid rgb(236 236 252);
    width: fit-content;
    margin: auto;
    padding-right: 0;
}
.nav-pills .nav-link{border-radius: 0 !important;}
.nav-pills .nav-link{
    font-family: ElMessiri-Bold,sans-serif;
    font-size: var(--font-size-20);
    padding: 0;
    /*margin-left: 21px;*/
}
.nav-pills .nav-link.orange{
    color: #FDD4A6;
}
.nav-pills .nav-link.green{
    color: #B7FADD;
}
.nav-pills .nav-link.purple{
    color: #D5D5FD;
}
.nav-pills .nav-link.active, .nav-pills .show>.nav-link{
    background: none !important;
    position: relative;
    top: 2px;
    border-radius: 4px;
}
.nav-pills .nav-link.orange.active, .nav-pills .show>.nav-link{
    color: #FC9727;
}
.nav-pills .nav-link.green.active, .nav-pills .show>.nav-link{
    color: #59D9A3;
}
.nav-pills .nav-link.purple.active, .nav-pills .show>.nav-link{
    color: #8367F7;
}

.nav-pills .nav-link.active:after {
    content: "";
    display: block;
    width: 100%;
    height: 2px;
    margin-top: 6px;
}
.nav-pills .nav-link.orange.active:after {
    background-color: #FC9727;
}
.nav-pills .nav-link.green.active:after {
    background-color: #59D9A3;
}
.nav-pills .nav-link.purple.active:after {
    background-color: #8367F7;
}



.org-box,.org-box:hover,.org-box:focus{
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 175px;
    background-color: #FFF4DE;
    border-radius: 5px;
    padding: 0 30px;
    outline: none !important;
    box-shadow: none !important;
}


.org-box-title{
    font-family: ElMessiri-Bold,sans-serif;
    font-size: 15px;
    line-height: 28px;
    color: var(--main-black-color);
}
.carousel-indicators {
    position: relative !important;
    right: 0 !important;
    top: 15px !important;
    left: 0;
    z-index: 15;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    padding-left: 0;
    margin-right: 15%;
    margin-left: 15%;
    list-style: none;
    border-radius: 50%;
    padding-right: 0;
}
.carousel-indicators li{
    box-sizing: content-box;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    width: 11px;
    height: 11px;
    margin-right: 3px;
    margin-left: 3px;
    text-indent: -999px;
    cursor: pointer;
    background-color: #FFF4DE;
    background-clip: padding-box;
    opacity: 1;
    transition: opacity .6s ease;
    border-radius: 50%;
}
.carousel-indicators .active {
    background-color: #FC9727;
}
.book-box-div{
    background-color: rgb(231 248 241);
    border-radius: 5px;
    padding: 15px 0;
    position: relative;
    height: 100px;
    text-align: center;
    /* display: flex; */
    /* align-items: center; */
}
.nav-book-pills li{
    width: 25%;
    height: auto !important;
}
.nav-book-pills li button{
    width: 100%;
}
.book-div{
    width: 40%;
    position: relative;
    bottom: 83px;
    right: 15px;
    height: 100%;
    margin: auto;
}
.book-in-box{width: 100%;}
.book-title{
    font-family: ElMessiri-Medium, sans-serif;
    font-size: 14px;
    color: #7E7E7E;
}
.book-text-div{
    position: absolute;
    bottom: 5px;
    text-align: center;
    right: 0;
    left: 0;
}
.book-text{
    font-family: ElMessiri-Bold, sans-serif;
    font-size: var(--font-size-16);
    color: var(--main-black-color);
}
.more-link,.more-link:hover{
    font-family: ElMessiri-SemiBold,sans-serif;
    font-size: 15px;
    color: white;
    background-color: #59D9A3;
    border-radius: 26px;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 135px;
    height: 38px;
    margin: auto;
    padding-top: 2px;
}
.m-top-55{
    margin-top: 55px;
}
.m-top-80{
    margin-top: 80px;
}
.banner-opacity{
    background-color: rgba(0,0,0,0.51);
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
}
.banner-content-div{
    text-align: center;
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    top: 0;
}
.banner-title{
    font-family: ElMessiri-Bold, sans-serif;
    font-size: 28px;
    color: white
}
.banner-text{
    font-family: ElMessiri-Regular, sans-serif;
    font-size: 24px;
    line-height: 32px;
    color: white
}
.banner-icon{width:10%;}
.custom-width{
    width: 56%;
}
.inside-section-title{
    font-family: ElMessiri-Bold,sans-serif;
    font-size: var(--section-inside-title-font-size);
    color: var(--main-black-color);
}
.note-txt{
    font-family: ElMessiri-Regular,sans-serif;
    font-size: var(--font-size-18);
    color: #818181;
}
.curve-content{
    display: flex;
}
.curve-content-txt{
    font-family: ElMessiri-Regular,sans-serif;
    font-size: var(--font-size-17);
    color: var(--main-black-color);
    line-height: 28px;
    text-align: right;
}
.curve-content-img{
    width: 30px;
}

.curve-in-book-content{
    width: 27px;
}
.flex-logo,.org-logos{
    width: 100%;
}


.logo-org-div{
    display: flex;
    justify-content: center;
    align-items: center;
    width: 40%;
    margin: auto;
    height: 88px;
}
.lisan-div{
    width: 100%;
}
.maktab-div{
    width: 70%;
}
.mati-div{
    width: 55%;
}
.campus-div{
    width: 80%;
}
.org-link,.org-link:hover{
    font-family: ElMessiri-Bold,sans-serif;
    font-size: 17px;
    color: var(--main-black-color);
    display: flex !important;
    justify-content: center;
    align-items: center;
    width: 35%;
    margin: auto;
    height: 45px;
    background-color: rgb(251 251 251);
    border-radius: 5px;
}
.logo-img-div{
    border-radius: 5px;
}
.logo-img-div.orange{
    border: 10px solid rgb(252 191 52);
}
.logo-img-div.blue{
    border: 10px solid rgb(42 51 123);
}
.logo-img-div.purple{
    border: 10px solid rgb(144 93 160);
}
.logo-img-div.green{
    border: 10px solid rgb(164 201 61);
}
.logo-img-div.light-blue{
    border: 10px solid rgb(112 199 209);
}
.logo-img-link,.logo-img-link:hover{
    font-family: ElMessiri-Bold, sans-serif;
    font-size: 16px;
    color: white;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 23%;
    height: 50px;
    margin: auto;
    border-radius: 10px;
}

.logo-img-link.orange{
    background-color: rgb(252 191 52);
}
.logo-img-link.blue{
    background-color: rgb(42 51 123);
}
.logo-img-link.purple{
    background-color: rgb(144 93 160);
}
.logo-img-link.green{
    background-color: rgb(164 201 61);
}
.logo-img-link.light-blue{
    background-color: rgb(112 199 209);
}

.slick-dots{
    bottom: -40px !important;
}
.slick-dots li button:before{
    font-size: 13px !important;
    color: rgb(248 200 41) !important;
}
.slick-dots li.slick-active button:before {
    opacity: .75;
    color: rgb(253 164 39) !important;
}
.video-js{
    background: none !important;
}
.video-js .vjs-big-play-button{
    top: 0 !important;
    bottom: 0 !important;
    right: 0 !important;
    left: 0 !important;
    margin: auto;
}
.radius-5{
    border-radius: 5px;
}
.main-books-div,.nav-book-pills{
    width: 100%;
    height: 240px;
}
.main-books-div .slick-list,.nav-book-pills .slick-list{
    height: 100%;
    /*overflow: unset;*/
}
.slick-track{
    height: 100%;
}
.book-pos-div,.book-pos-li{
    position: relative;
    top: 85px;
}
.summary-row:not(:last-child){
    border-bottom: 5px solid rgb(131 103 247);
    padding-bottom: 10px;
}
/*.summary-div{
    border: 5px solid rgb(131 103 247);
    border-radius: 12px;
}*/
.slick-next, .slick-prev{
    top: 62% !important;
}
.slick-next:before, .slick-prev:before{
    font-size: 37px !important;
    color: rgba(89,217,163,0.33) !important;
}