/*.counter-content {
    justify-content: space-between;
}*/
.mm-listview img.circle {
    width: 30px;
}

.header.itqan-header #navigation ul > li.last-limenu {
    position: relative;
    right: 5%;
}
/*-----------------------------------------------new ---------------------------------------*/
.header.itqan-header #navigation li ul.other-links .nav-active {
    border-radius: 0px;
}

.itqan-logo {
    width: 132px !important;
    margin: -68px 0;
}

.header.itqan-header a.itqan-logo > img.logo-img {
    position: absolute;
    z-index: 1;
    top: -21px;
    width: 61px;
    left: 33px;
}

.header.itqan-header a.itqan-logo {
    width: auto;
    height: 165px;
    position: relative;
    /* right: -67%; */
}

    .header.itqan-header a.itqan-logo > img {
        margin-top: 0;
        left: 0;
        right: 0;
        position: absolute;
    }

a.translate-icon > img {
    padding-top: 0;
    width: 30px;
}

.main-cust-text a.button {
    font-size: 16px;
}

@font-face {
    font-family: cairo-semi;
    src: url(../fonts/Cairo/ArbFONTS-Cairo-SemiBold-1.ttf);
}
/*p {
    font-family: cairo-semi;
    font-size: 13px;
    text-align: justify;
    font-weight: 400;
}*/
.qaada-desc-home p {
    font-family: cairo-semi;
    font-size: 16px !important;
    color: #012733;
    text-align: justify;
    font-weight: 400;
    width: 90%;
}

.Itqan-Footer p.footer-description {
    font-family: cairo-semi;
    font-size: 13px !important;
    color: #012733;
    text-align: justify;
    font-weight: 400;
}

.counter-content1 .counterBlock .service-img {
    height: 30px;
    width: 45px;
    margin: 0 auto;
}



.section-small {
    padding-top: 45px;
    padding-bottom: 0px !important;
}


.container > :last-child {
    margin-bottom: 0;
}

.course-grid-slider {
    width: 85%;
    margin: auto;
}

/*.uk-position-center-left.slidenav-prev {
    right: 0 !important;
    left: 0px !important;
}*/

.course-card-back {
    height: 218px;
}

.course-container .course-card {
    height: 214px;
}

.course-card-back .course-card-body {
    padding: 35px 0 0;
}

    /*.course-card-back .course-card-footer {
    margin-top: 7%;
}*/

    .course-card-back .course-card-body .block-details p {
        color: #b96800;
        font-family: 'CairoSemiBold';
        font-size: 12px;
    }


.course-container .uk-position-center-left.slidenav-prev, .course-container .uk-position-center-right.slidenav-next {
    height: 226px;
    /* width: 15% !important;*/
    background-color: #f5f5dce3;
    opacity: 1.5;
    z-index: 11;
    border-radius: 0;
    position: absolute;
    top: 126px;
    padding: 0;
    margin: 0;
}

.course-container .uk-position-center-left.slidenav-prev {
    width: 7% !important;
}

.course-container .uk-position-center-right.slidenav-next {
    width: 7% !important;
}

.teacher-container .uk-position-center-left.slidenav-prev,
.teacher-container .uk-position-center-right.slidenav-next {
    height: 254px;
    top: 143px;
}

.slidenav-next:before, .slidenav-prev:before {
    /* left: auto;*/
    right: auto;
    transform: translate(-60%, -45%); /*100 , 43*/
}

.uk-position-center-left.slidenav-prev {
    /*right: 0 !important;*/
    left: 0px !important;
}
/*----------------------*/

.course-container .uk-position-center-right.slidenav-next,
.teacher-container .uk-position-center-right.slidenav-next,
.course-container .uk-position-center-left.slidenav-prev,
.teacher-container .uk-position-center-left.slidenav-prev {
    border-bottom-right-radius: 10px;
    border-top-right-radius: 10px;
}

.slidenav-prev:before {
    content: url("../images/itqan/InnerBackgrounds/arrowhead.png");
}

.slidenav-next:before {
    content: url("../images/itqan/InnerBackgrounds/arrowhead.png");
}

/*.course-container .uk-position-center-left.slidenav-prev {
    width: 13% !important;*/
/*background-image: linear-gradient(to left, #f6f6f6, #fefefe54);*/
/*}*/

.course-container .uk-position-center-right.slidenav-next {
    /* background-image: linear-gradient(to left, #f6f6f6, #fefefe54);*/
}
/*-----------------------*/
.uk-position-center-left.uk-invisible, .uk-position-center-right.uk-invisible {
    visibility: visible !important;
}

.teacher-cust-footer .block-details {
    background: rgb(249 167 63);
    padding: 9px 0 25px 0;
}

    .teacher-cust-footer .block-details h6 {
        font-size: 16px;
        margin: 0;
    }

    .teacher-cust-footer .block-details h6, .teacher-cust-footer .block-details p {
        color: #fff;
    }

.course-card-back.teacher-back .img-block-teacher {
    height: 150px;
}

.teacher-container .course-card {
    height: 255px;
}

.teacher-container .course-card-back .course-card-body .block-details p {
    color: rgb(255, 255, 255);
}

a.footer-about-link {
    color: #f9a73f;
}

.header.itqan-header .uk-navbar-right.last-side-nav {
    width: 25% !important;
}

.header.itqan-header .uk-navbar-right img.circle {
    width: 31px;
    border: 2px solid #f7f7f7;
}

.itqan-cust-steps {
    background-image: url(https://localhost:44395/assets2/images/itqan/Mask%20Group%201.svg);
    background-color: transparent;
    padding-bottom: 45px !important;
}

.about-overlay {
    background: transparent;
}

.Itqan-Footer h2 {
    font-size: 20px;
}


/*---------------- norania-----------*/

.services-content .service-block {
    height: 230px;
}
/*-----------------------------------------------------------------*/
.itqan-cust-steps .services-content .service-block {
    height: 103px !important;
    padding: 30px 0 16px 0;
}

    .itqan-cust-steps .services-content .service-block .service-img {
        height: 50px;
        margin-bottom: 15px;
    }

    .itqan-cust-steps .services-content .service-block:nth-child(2n+5) .service-img {
        height: 65px;
        margin-bottom: 0px;
    }

    .itqan-cust-steps .services-content .service-block:nth-child(2n+5) h3.first-service {
        top: 0;
    }

    .itqan-cust-steps .services-content .service-block h3 {
        font-size: 16px;
        top: 0;
    }

    .itqan-cust-steps .services-content .service-block:after {
        content: url('');
    }

.itqan-cust-steps .services-content .service-block {
    min-height: 100%;
    height: 100%;
}


    .itqan-cust-steps .services-content .service-block h3 {
        font-size: 15px;
        color: #003c4d;
        font-family: CairoBold;
        position: relative;
        top: 0 !important;
    }

.itqan-cust-steps .services-content .service-block {
    margin: 3% 1%;
    height: 100%;
    width: 300px;
}

.itqan-cust-steps .service-content {
    margin: 64px 0;
}
/*----------------------counter block---------------------------*/
.counterBlock {
    cursor: pointer;
}

.StackholderBlock {
    text-align: -webkit-center;
}

.counter-content1 .StackholderBlock:nth-child(2n+1) .counterBlock h3 {
    font-size: 25px;
    color: rgb(32 74 88);
    font-weight: bold;
    margin-bottom: 0;
    position: relative;
    top: 18px;
    letter-spacing: 2px;
}

.counter-content1 .StackholderBlock:nth-child(2n+2) .counterBlock h3 {
    font-size: 25px;
    color: rgb(249 167 63);
    font-weight: bold;
    margin-bottom: 0;
    position: relative;
    top: 18px;
    letter-spacing: 2px;
}

.counter-content1 .StackholderBlock:nth-child(2n+2) .counterBlock p {
    color: rgb(0 59 79);
    font-size: 30px;
    position: relative;
    top: 30px;
}

.counter-content1 .StackholderBlock .counterBlock {
    margin: 20px 0;
}

.counter-content1 .StackholderBlock .counterBlock {
    width: 270px;
    height: 160px;
}

.counter-content1 .StackholderBlock:nth-child(2n+1) .counterBlock p {
    color: rgb(249 167 63);
    font-size: 30px;
    position: relative;
    top: 30px;
}

.counter-content1 .StackholderBlock .counterBlock {
    padding-top: 14px;
    border-radius: 25px;
}

.counter-section {
    margin: 50px 0;
}


.white-img {
    display: none;
}

.service-img:hover img.black-img {
    display: block;
}

.video-frame .media-content {
    border: none;
}


.counter-content1 .StackholderBlock:nth-child(2n+1) .counterBlock {
    background: 0% 0% no-repeat padding-box padding-box rgb(255 255 255);
    box-shadow: none;
    border: 4px solid #204a58;
}

.counter-content1 .StackholderBlock:nth-child(2n+2) .counterBlock {
    background: #ffffff 0% 0% no-repeat padding-box;
    box-shadow: none;
    border: 4px solid rgb(249 167 63);
}


/*html.mm-blocking #mm-blocker {
    display: none;
}*/

.section-small.counter-section {
    background-color: rgb(230 222 209 / 27%);
    padding-bottom: 40px !important;
}

.Itqan-Service .Itqan-service-background {
    background-position: top;
}

/*------------------------------------slider block ----------------------------------*/


/*-----------------------------------------------------*/
/*--------------------------itqan register --------------------------*/
.Itqan-register {
    padding-top: 2rem;
    padding-bottom: 2rem;
}



/*--------------------------------------------home service ---------------------------------*/
.services-content {
    display: flex;
    justify-content: center;
}

.service-block {
    flex-basis: 25%;
    text-align: center;
    margin: 10px auto;
}


.first-service {
    font-size: 18px;
    margin-bottom: 5px;
}





/*-------------------------------------------------------------*/

/*-------------------- about page --------------------------------------*/


.about-cust-block {
    margin-top: 2%;
}

    .about-cust-block p.about-cust-description {
        text-align: justify;
        padding: 20px;
    }

.about-cust-block {
    height: 300px;
    display: flex;
    align-items: center;
    justify-content: center;
    -webkit-align-items: center;
    background: #fff;
    border-radius: 20px;
}

.Itqan-about .Itqan-service-background .course-card {
    height: 331px;
}

.Itqan-about .about-block.circle p {
    text-align: center;
}

.Itqan-about .about-block.circle {
    height: 273px;
    padding-right: 0;
    display: flex;
    padding: 0;
    align-items: center;
    justify-content: center;
    -webkit-align-items: center;
}

.Itqan-about .services-content .about-amazing {
    display: flex;
    align-items: center;
    justify-content: center;
    -webkit-align-items: center;
}

.services-content {
    justify-content: center;
}

.Itqan-about .services-content .about-amazing p {
    font-family: 'cairo-semi';
    text-align: center;
    height: 122px;
    padding: 6% 0;
    overflow: auto;
}

.services-content .block {
    display: table-cell;
    width: auto;
    height: 200px;
    padding: 10px;
    vertical-align: middle;
}


.Itqan-character .services-content {
    justify-content: center;
    padding-bottom: 70px;
}

.services-content.eductional-seesion {
    padding-bottom: 70px;
}

.Itqan-Service .Itqan-service-background {
    background-position: top;
}


.about-header {
    width: 100%;
    top: 0px;
}

.Itqan-about .Itqan-service-background .block-details p {
    color: #022f3d;
    font-family: 'cairo-semi';
    text-align: center;
}

.Itqan-about .Itqan-service-background .block-details {
    height: 121px;
    padding-right: 52px;
    display: flex;
    align-items: center;
    justify-content: center;
    -webkit-align-items: center;
}

.alqaada-desc p {
    color: #022f3d;
    font-family: 'cairo-semi';
    text-align: justify;
}

.alnoorania .course-card p {
    text-align: justify;
}



.services-content .service-block p {
    font-family: 'cairo-semi';
    text-align: center;
}

.Itqan-about .session:nth-child(2n + 1) .session-block .number-block,
.Itqan-about .session:nth-child(2n + 2) .session-block .number-block {
    top: inherit;
}

.services-content.qadaa-norania-block .service-block {
    width: 78%;
    height: 100px;
    padding-right: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    -webkit-align-items: center;
}

.Itqan-about .session:nth-child(2n+1) .session-block p, .Itqan-about .session:nth-child(2n+2) .session-block p {
    padding: 14px;
    font-size: 12px;
    text-align: justify;
    margin: 0;
}

.Itqan-about .session:nth-child(2n+1) .session-block, .Itqan-about .session:nth-child(2n+2) .session-block {
    width: 78%;
    height: 100px;
    padding-right: 52px;
    display: flex;
    align-items: center;
    justify-content: center;
    -webkit-align-items: center;
}

.Itqan-about .session:nth-child(2n+2) .session-block {
    padding-left: 52px;
    padding-right: 0;
}

.Itqaan-qaada .course-card-list.course-card .course-card-body {
    padding: 0px 6px !important;
}


/*------------------contact us ----------------------*/
.home-about {
    height: 450px;
    width: 100%;
    margin-top: 75px;
}

.about-header, .Contact-header, .program-header, .alqaada-header {
    background-size: contain;
    background-repeat: no-repeat;
    background-position: right;
}

.home-about .p-3 {
    padding: 0;
    text-align: left;
}

    .home-about .p-3 h1.mt-4 {
        margin-top: 0 !important;
        font-size: 45px;
    }

.about-itqan p {
    font-family: cairo-semi;
    font-size: 17px;
    color: #003c4e;
}

.important-links .course-card {
    height: 236px;
    margin-bottom: 20px;
}

.contact-cust-details .course-card {
    height: 239px;
}

.itqan-custom-feature .course-card {
    height: 100%;
    margin-bottom: 5% !important;
}

.program-page .important-links .course-card-back .course-card-body .img-block {
    width: 90px !important;
    height: 90px;
}

    .program-page .important-links .course-card-back .course-card-body .img-block img {
        background-image: url("") !important;
    }

.course-card-back .course-card-body .img-block {
    width: 50px;
    height: 50px;
}

.noorania-background .course-card-thumbnail img {
    background-image: url("") !important;
}

.Home-Cust-Header {
    direction: rtl;
}

    .Home-Cust-Header .main-cust-text {
        margin: 10% 30% 0 0%;
    }

.Itqan-about .course-card-back .course-card-body .img-block {
    width: 100px;
    height: 100px;
}

.courses-cust-slider .course-card {
    width: 100%;
}

.courses-cust-slider .course-card-back .course-card-footer {
    margin-top: 5%;
}

.Itqan-Service.Itqan-character .Itqan-service-background {
    background-position: bottom;
}

.program-page .important-links .course-card-back .course-card-body .img-block img {
    border-radius: 20px;
}

.page-content {
    background-image: url("../images/itqan/InnerBackgrounds/arabic_pattern.png");
    background-position: center;
    background-repeat: repeat;
    background-size: contain;
    background-color: #e9e0d200;
}

.about-itqan h2::after {
    right: 0;
    left: 0;
}

.about-itqan .video-frame1 {
    position: relative;
    text-align: right;
    /*top: 21%;*/
}

.about-itqan .IntroVideo {
    column-gap: 20px;
}


.Itqan-register h2 {
    color: #f9a73f;
}

.Itqan-about .about-block.circle {
    background: rgb(247 244 222);
}

.Itqan-about .services-content .about-amazing p {
    overflow: hidden;
}

.course-card-back .course-card-footer {
    margin-top: 14%;
}

/*------------------about responsive -----------------------*/

.about-container {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
}


.new-top-left {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    padding: 20px;
    width: 50%;
    height: 70%;
    text-align: justify;
    background: #fff;
    border-radius: 20px;
}

.about-cust-description {
    color: #555;
}

.uk-container {
    overflow: hidden;
}

    .uk-container.Course-Details-content {
        overflow: visible;
    }
/*----------------------------contact us -----------------------------------*/
.custom-contactUs .course-card {
    height: 240px;
    margin-bottom: 20px;
}

.contact-page .contact-form {
    margin-top: 0;
}

.Itqan-register h2 {
    font-size: 20px;
    line-height: 3rem;
}

.contact-page .Itqan-register {
    margin-top: 0;
}

.Itqan-register .uk-button {
    margin-left: -61px;
    position: relative;
    z-index: 11;
    background: #f9a73f;
    color: #fff;
    font-family: CairoBold;
    height: 40px;
    font-size: 12px;
}

.Itqan-Footer ul > li > a {
    font-size: 14px;
}

/*-------------------------------------------------------------*/
.contact-page .about-overlay {
    padding: 0;
}

.program-courses .course-card-thumbnail {
    width: 100%;
    height: 150px;
}

.course-container .course-card.program-courses {
    height: 335px;
    display: block;
}

    .course-container .course-card.program-courses .details p {
        font-size: 12px;
    }

.course-card.program-courses .course-card-body .img-icon {
    height: 20px;
    width: 20px;
    line-height: 20px;
    margin-right: 5px;
    position: absolute;
}

.details.text-right {
    left: 25px;
    position: relative;
    width: 117px;
}

.course-container .course-card.program-courses {
    height: 380px;
}

    .course-container .course-card.program-courses .course-card-info h4.courseName {
        width: 300px !important;
        text-align: justify;
    }

.Itqan-service-background.itqan-program-border {
    background-image: none;
}

.Itqan-service-background2.itqan-program-border {
    background-image: none;
}

.course-container .course-card.program-courses .course-card-thumbnail img {
    background-image: url(../images/itqan/counterImages/noImg.svg);
}

.about-overlay .section-small, .section-small.itqan-program-border {
    padding-top: 0px !important
}

.program-page .Itqan-Service .Itqan-service-background {
    padding-top: 0px !important;
}

.openion-slider {
    width: 420px;
}

/*------------------- course details--------------------------------*/
.course-details-wrapper.topic-1 {
    background-color: #dbac4663 !important;
    height: auto;
    padding-top: 5%;
    padding-bottom: .8%;
}

    .course-details-wrapper.topic-1 .course-details h1 {
        color: #003a4e;
    }

    .course-details-wrapper.topic-1 .details p, .course-details-wrapper.topic-1 .details span {
        text-wrap: wrap;
        color: #797878 !important;
    }

    .course-details-wrapper.topic-1 .course-details .CourseTitle {
        display: flex;
        justify-content: space-between;
    }

    .course-details-wrapper.topic-1 .course-details .details p {
        margin-bottom: 0;
    }

    .course-details-wrapper.topic-1 .course-details .img-icon {
        width: 30px;
        height: 30px;
        margin-right: 5px;
    }

    .course-details-wrapper.topic-1 .responsive-tab.style-5 {
        height: auto;
        position: relative;
        top: -75px;
    }

    .course-details-wrapper.topic-1 .uk-grid-match > * {
        display: block;
        flex-wrap: wrap;
    }

    .course-details-wrapper.topic-1 .responsive-tab.style-5 li.uk-active a {
        background-color: #edeff0 !important;
        color: #003d4f !important;
    }

    .course-details-wrapper.topic-1 .responsive-tab a {
        background: transparent !important;
        border-bottom: none !important;
    }

.course-card-trailer {
    box-shadow: 1px 12px 21px -5px rgba(25, 42, 70, .13);
}

    .course-card-trailer .button.grey {
        border-color: #047b9e;
        background-color: #047b9e;
        font-size: 20px;
    }

.Course-Details-content .cards .card-title h5 {
    height: auto;
    color: #0a4455;
    line-height: 40px;
    margin-bottom: 0;
}

.Course-Details-content .cards .card-title {
    border-radius: 8px;
}

.Course-Details-content .teacher-card {
    background: #ffffff;
    border-radius: 25px;
}

    .Course-Details-content .teacher-card .course-card.course-card-list {
        height: auto !important;
        padding-bottom: 0px !important;
    }

.Course-Details-content .course-card-list.course-card p {
    margin-bottom: 14px;
    text-wrap: balance;
}

.Course-Details-content .teacher-card .course-details-info img {
    background-image: url() !important;
    margin-right: 5px;
}

.Course-Details-content .teacher-card .course-card-list.course-card .course-card-thumbnail {
    border: none !important;
}

#trailer-modal .uk-modal-dialog {
    width: 600px !important;
    border: none;
    border-radius: 13px;
    height: 500px;
}

.testimonial-video-container .uk-light .uk-slidenav:hover {
    color: rgb(32 74 88);
}

.testimonial-video-container {
    padding: 0 10% !important;
}

    .testimonial-video-container .uk-card-body p {
        height: 100px;
        overflow: hidden;
        transition: .5s ease-in-out;
    }

        .testimonial-video-container .uk-card-body p:hover {
            overflow: scroll;
            overflow-x: hidden;
        }

    .testimonial-video-container .openion-slider {
        right: 100%;
        left: auto;
        position: relative;
        align-items: center;
        display: inline-table;
    }

.header.itqan-header a.itqan-logo.GhroseLogo > img.logo-img {
    position: relative;
    z-index: 1;
    top: -43px;
    width: 100%;
    height: 85px;
    left: 0;
}

.itqan-logo.GhroseLogo {
    width: 180px !important;
}

/*.testimonial-video  {
    width: 70%;
}*/
.testimonial-video .testimonial-container {
    align-items: normal;
}

.testimonial-video .uk-slideshow-items {
    width: 500px;
    height: 250px;
}





.slider-home-position {
    position: relative;
    left: 0;
    right: 0;
    justify-content: flex-end;
}

.uk-light .course-details .course-info p {
    color: rgb(119 121 122) !important;
}

.UserProfileImg {
    height: 30px;
    width: 30px;
    line-height: 30px;
    margin-right: 10px;
}

    .UserProfileImg img {
        height: 100%;
        width: 100%;
    }

.header-widget-icon {
    display: flex;
    align-items: baseline;
}

.course-card.program-courses .course-card-body {
    height: 150px;
}

.grid-slider-header .slide-nav-prev, .grid-slider-header .slide-nav-next {
    background: #f9a73f;
}

.course-card-back .course-card-body .img-block img {
    width: 100%;
    height: 100%;
    border-radius: 50px;
    border: 3px solid #f8f6e9;
}

.course-card-back .course-card-body .block-details h4 {
    font-size: 14px;
}

.course-card-back.teacher-back .img-block-teacher {
    height: 150px;
    width: 150px;
}

    .course-card-back.teacher-back .img-block-teacher img {
        width: 100%;
        height: 100%;
        box-sizing: border-box;
        border-radius: 8px;
        object-fit: cover;
    }

.media-content1 iframe {
    border-radius: 8px;
}

.uk-slideshow .uk-slidenav {
    display: none !important;
}

.last-limenu .user-name {
    width: 110px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: clip;
    text-align: left;
    direction: ltr;
}

.header.itqan-header #navigation ul li ul {
    width: 187px;
    left: auto;
    right: 0;
}