/* Please see documentation at https://docs.microsoft.com/aspnet/core/client-side/bundling-and-minification
for details on configuring this project to bundle and minify static web assets. */
@import url('https://fonts.googleapis.com/css2?family=Cairo:wght@200;300;400;600;700;900&display=swap');

:root {
    --dark-color: #3a6186;
    --green-color: #5c4d31d1;
    --red-color: #ff3150;
    --yellow-color: #ffc400;
    --section-color: #b5d9b585;
    --Logo-color: #2b4c2f;
}

body {
    font-family: 'Cairo', sans-serif;
    direction: rtl;
    background-color: #c6e4cc87;
    /*    background-image: url('images/sliderback.jpg');
*/
}

.alert-success {
    padding-right: 50px;
}

.alert-dismissible .close {
    left: unset;
    right: 0;
}
/*start custome droup down*/
.custdropdown {
    position: relative;
    display: inline-block;
}

.dropdown-content {
    display: none;
    position: absolute;
    background-color: #3a6186;
    border: 1px solid #ffffff;
    z-index: 10;
}

    .dropdown-content a {
        border-bottom: 1px solid #fff;
    }

        .dropdown-content a:hover,
        .dropdown-content a:focus,
        .dropdown-content a:active {
            background-color: #e5e5e585;
            -moz-transition: all ease-in-out 0.3s;
            -o-transition: all ease-in-out 0.3s;
            -webkit-transition: all ease-in-out 0.3s;
            transition: all ease-in-out 0.3s;
        }

.custdropdown:hover .dropdown-content {
    display: block;
    -moz-transition: all ease-in-out 0.3s;
    -o-transition: all ease-in-out 0.3s;
    -webkit-transition: all ease-in-out 0.3s;
    transition: all ease-in-out 0.3s;
}

/*start custome droup down*/
.imglogo {
    width: 100px;
    border-radius: 0 20px;
    margin-right: 15px;
    border: 3px solid #625538;
    padding: 1px;
    transition: all 0.5s ease-in-out;
}


@media screen and (min-width: 600px) {
    .imglogo:hover {
        border-color: #0101c4;
        width: 75px;
        transition: all 0.5s ease-in-out;
    }

    .navbar-dark .navbar-brand {
        font-size: 16px;
    }
}

.text-muted {
    color: #000000 !important;
}

.bg-dark {
    background-image: url(images/33.jpg);
    background-size: cover;
    background-color: #599be0 !important;
    border-bottom: solid;
    border-color: #ffffff;
}
/*Start NavBar*/
.navbar-dark .navbar-brand {
    color: #5c4d31;
    transition: all 0.5s ease-in-out;
}

a.navbar-brand:hover {
    color: #0101c4 !important;
    transition: all 0.5s ease-in-out;
}

.text-white {
    color: #fff !important;
    -moz-transition: all 3s ease-in-out;
    -o-transition: all 3s ease-in-out;
    -webkit-transition: all 3s ease-in-out;
    transition: all 3s ease-in-out;
}

.bg-light {
    background-color: transparent !important;
}
/* Change the color of links on hover */
.brdcrumb .navbar a:hover {
    color: #0101c4 !important;
    transition: all 1s ease-in-out;
}

/* Add an active class to highlight the current page */
.brdcrumb .navbar a.active {
    color: #f80018;
}

a.text-white {
    color: #fff;
    text-decoration: none;
    transition: all 0.5s ease-in-out;
}

    a.text-white:hover {
        padding-left: 5px;
        font-weight: bold;
        color: #0101c4 !important;
        transition: all 0.5s ease-in-out;
    }

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


    .brdcrumb .navbar.responsive {
        position: relative;
    }

        .brdcrumb .navbar.responsive a.icon {
            position: absolute;
            right: 0;
            top: 0;
        }

        .brdcrumb .navbar.responsive a {
            float: none;
            display: block;
            text-align: left;
        }
}

.navbar-dark .navbar-toggler {
    color: rgb(255 255 255);
    border-color: rgb(255 255 255);
    margin: 0 10px;
}

.navbar-dark .navbar-nav .nav-link {
    color: #5c4d31;
    font-weight: bold;
}
/*End NavBar*/
.Maintitle h5 {
    color: #5c4d31;
}

.Maintitle span {
    color: #0c0ec6
}

/* Sticky footer styles
-------------------------------------------------- */
html {
    font-family: 'Cairo', sans-serif;
    font-size: 14px;
}

@media (min-width: 768px) {
    html {
        font-size: 16px;
    }
}

.border-top {
    border-top: 1px solid #e5e5e5;
}

.border-bottom {
    border-bottom: 1px solid #e5e5e5;
}

.box-shadow {
    box-shadow: 0 .25rem .75rem rgba(0, 0, 0, .05);
}

button.accept-policy {
    font-size: 1rem;
    line-height: inherit;
}

/* Sticky footer styles
-------------------------------------------------- */
html {
    position: relative;
    min-height: 100%;
}

body {
    /* Margin bottom by footer height */
}

.footer {
    position: absolute;
    bottom: 0;
    width: 100%;
    white-space: nowrap;
    line-height: 60px; /* Vertically center the text there */
}
/*Customizing css*/
.ProfilePic {
    width: 250px;
    height: 250px;
    object-fit: cover;
    border: 2px solid #00000061;
    margin-left: 50px;
    border-radius: 15px;
    box-shadow: 10px 10px 5px #aaaaaa;
}

.Avatar {
    width: 50px;
    height: 50px;
    object-fit: cover;
    border: 2px solid #00000061;
    border-radius: 15px;
    box-shadow: 10px 10px 5px #aaaaaa;
}

.LogoPic {
    z-index: 1000;
}

    .LogoPic img {
        width: 85px;
        object-fit: cover;
    }

.GradiantBackground {
    background: #3a6186; /* fallback for old browsers */
    background: -webkit-linear-gradient(to right, #89253e, #3a6186); /* Chrome 10-25, Safari 5.1-6 */
    /* background: linear-gradient(to right, #89253e, #3a6186);  W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
    background: linear-gradient(to right, #894655, #5f779d);
}


input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

input[type=number] {
    -moz-appearance: textfield;
}

textarea {
    resize: none;
}
/*Landing Css Style*/
.Landing {
    background-image: url(../images/bg01.jpg);
    background-position: center; /* Center the image */
    background-repeat: no-repeat; /* Do not repeat the image */
    background-size: cover;
    background-color: var(--dark-color);
    min-height: calc(100vh - 111px);
}

    .Landing .overlay {
        position: absolute;
        min-height: calc(100vh - 111px);
        width: 100%;
        left: 0;
        top: 111px;
        background-color: rgba(0, 0, 0, 0.6);
        z-index: 2;
    }

.main-btn {
    background-color: var(--green-color);
    color: var(--red-color);
    padding: 0.5rem 1rem;
    -moz-box-shadow: 0 10px 20px -6px rgb(0 0 0 / 12%);
    -webkit-box-shadow: 0 10px 20px -6px rgb(0 0 0 / 12%);
    box-shadow: 0 10px 20px -6px rgb(0 0 0 / 12%);
}

    .main-btn:hover {
        background-color: var(--yellow-color);
        color: var(--red-color);
    }
/*End Landing Css Style*/
/*feautres start*/
.features h2 {
    color: #33d1cc;
    line-height: 4rem;
}

.features {
    background-color: #ffffff;
}

.project h2 {
    color: #f7b71a;
    line-height: 4rem;
}

.project p {
    line-height: 2.5rem;
}

.img-Compo {
    width: 150px;
}

.main-title::after {
    content: '';
    width: 30%;
    height: 2px;
    background-color: var(--green-color);
    position: absolute;
    bottom: -20px;
    left: 50%;
    transform: translateX(-50%);
    margin-bottom: 25px;
}
/*feautres End*/
/*start Project Dev*/
.project {
    background-color: var(--dark-color);
    background-color: #221d0f;
    background-image: url(images/sliderback.jpg);
    background-size: cover;
}
/*End 1Project Dev*/

/*start Galary Dev*/
.our-galary {
    background-color: var(--section-color);
    margin-top: -15px;
    margin-bottom: -60px;
}

    .our-galary .main-title h2, .our-galary .main-title p {
        color: var(--Logo-color);
    }

    .our-galary .box {
        padding: 5px;
        position: relative;
        overflow: hidden;
    }

        .our-galary .box::before {
            content: attr(data-work);
            position: absolute;
            background-color: rgb(55 74 102 / 41%);
            width: calc(100% - 10px);
            height: calc(100% - 10px);
            display: flex;
            justify-content: center;
            align-items: safe center;
            font-weight: bold;
            color: #ffffff;
            transition: 0.5s ease-in-out;
            font-size: 22px;
            border: 1px solid #ffffff;
            cursor: pointer;
            transform: translateY(calc(-100% - 5px));
        }

        .our-galary .box:hover::before {
            transition: 0.5s ease-in-out;
            transform: translateY(0);
        }
/*End Galary Dev*/

/*control cms*/
.form-group {
    margin-bottom: 1rem;
}

label {
    display: inline-block;
    margin-bottom: .5rem;
}

.custom-file {
    position: relative;
    display: inline-block;
    width: 100%;
    height: calc(1.5em + .75rem + 2px);
    margin-bottom: 0;
}

.custom-file-input {
    position: relative;
    z-index: 2;
    width: 100%;
    height: calc(1.5em + .75rem + 2px);
    margin: 0;
    opacity: 0;
    cursor: pointer;
}

.custom-file-label {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1;
    height: calc(1.5em + .75rem + 2px);
    padding: .375rem .75rem;
    color: #e5e5e5;
    background-color: #33d1cc4d;
    border: 1px solid #04c;
    border-radius: .25rem;
    text-indent: 30%;
    font-weight: bold
}


/*end control cms*/
.section-home-top-text {
    background-image: url(images/33.jpg);
    background-size: cover;
    background-color: #1480b6;
    -webkit-clip-path: polygon(0 0, 100% 100%, 100% 0);
    clip-path: polygon(0 0, 100% 100%, 100% 0);
    color: #fff;
    text-align: right;
    padding: 2%;
}

.section-home-top-text-inner {
    display: inline-block;
    padding-top: 15px;
    text-align: center;
    margin-bottom: 60px;
}

@media (max-width:767px) {
    .section-home-top-text h4, .section-home-top-text p {
        font-size: 14px;
        font-weight: bold;
        margin: 10px;
        padding: 0;
        text-align: center;
    }
}



.section-home-text {
    margin: 1.688vw 0 1.688vw 0 !important;
}

    .section-home-text p {
        font-size: 20px;
        color: #5c4d31;
    }

    .section-home-text iframe {
        border: 0px;
        width: 100%;
        height: 410px;
        height: 16.35vw;
    }

textarea {
    resize: none;
}

.field-validation-error {
    font-size: 14px;
}

.poster {
    min-height: 236px;
    background-position: center;
    background-size: 100%;
    border-radius: 5%;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

    .poster:hover {
        background-size: 125% !important;
        border-radius: 0%;
        /*cursor:pointer;*/
        -moz-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        -webkit-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
    }

.News a {
    text-decoration: none;
    color: #fffaf2;
}

    .News a:hover {
        text-decoration: none;
        color: #0c0ec6;
        -moz-transition: .3s ease-in-out;
        -o-transition: .3s ease-in-out;
        -webkit-transition: .3s ease-in-out;
        transition: .3s ease-in-out;
    }

.Newstitle a {
    text-decoration: none;
    color: #464541;
}

    .Newstitle a:hover {
        text-decoration: none;
        color: #000000;
    }

.CardBack {
    background-color: #d6d39c;
}

.mainVedEmbded {
    min-height: 250px;
}

.section-home-text iframe {
    min-height: 315px !important;
}

.Partners {
    border-radius: 5%;
}

    .Partners a, .Partners p {
        color: #f7b71a;
    }

        .Partners a:hover {
            color: #ffffff !important;
        }

    .Partners img {
        width: 300px;
        height: 250px;
        border-radius: 50%;
        -moz-transition: .5s ease-in-out;
        -o-transition: .5s ease-in-out;
        -webkit-transition: .5s ease-in-out;
        transition: .5s ease-in-out;
    }

        .Partners img:hover, .Partners .img-thumbnail img:hover {
            border-radius: unset;
            border-radius: 10%;
            background-color:#ffffff;
            background-size: 125% !important;
            -moz-transition: .5s ease-in-out;
            -o-transition: .5s ease-in-out;
            -webkit-transition: .5s ease-in-out;
            transition: .5s ease-in-out;
        }

    .Partners a {
        text-decoration: none;
        color: #33d1cc;
        font-size: 16px;
        -moz-transition: .3s ease-in-out;
        -o-transition: .3s ease-in-out;
        -webkit-transition: .3s ease-in-out;
        transition: .3s ease-in-out;
    }

        .Partners a:hover, .Partners p:hover {
            font-size: 18px;
            font-weight: bold;
            color: #ffffff !important;
            -moz-transition: .3s ease-in-out;
            -o-transition: .3s ease-in-out;
            -webkit-transition: .3s ease-in-out;
            transition: .3s ease-in-out;
        }

    .Partners .img-thumbnail {
        background-color: #f7b71a;
    }

.img-cover img {
    height: 250px;
    cursor: pointer
}
/*footer css*/

.footer-dark {
    padding: 50px 0;
    color: #5c4d31;
    background-color: #bcd8af;
    border-top: 2px solid #6f684d;
}

    .footer-dark h3 {
        margin-top: 0;
        margin-bottom: 12px;
        font-weight: bold;
        font-size: 18px;
    }

    .footer-dark ul {
        padding: 0;
        list-style: none;
        line-height: 1.6;
        font-size: 18px;
        margin-bottom: 0;
    }

        .footer-dark ul a {
            color: inherit;
            text-decoration: none;
            opacity: 0.8;
        }

            .footer-dark ul a:hover {
                opacity: 1;
                color: #0c0ec6b5;
                font-weight: bold;
                transition: all ease-in-out 0.3s;
            }

@media (max-width:767px) {
    .footer-dark .item:not(.social) {
        text-align: center;
        padding-bottom: 20px;
    }
}

.footer-dark .item.text {
    margin-bottom: 36px;
}

@media (max-width:767px) {
    .footer-dark .item.text {
        margin-bottom: 0;
    }
}

.footer-dark .item.text p {
    /* opacity: 0.6;*/
    margin-bottom: 0;
}

.footer-dark .item.social {
    text-align: center;
}

@media (max-width:991px) {
    .footer-dark .item.social {
        text-align: center;
        margin-top: 20px;
    }
}

.footer-dark .item.social > a {
    font-size: 20px;
    width: 36px;
    height: 36px;
    line-height: 36px;
    display: inline-block;
    text-align: center;
    border-radius: 50%;
    box-shadow: 0 0 0 1px rgba(255,255,255,0.4);
    margin: 0 8px;
    color: #fff;
    opacity: 0.75;
}

    .footer-dark .item.social > a:hover {
        opacity: 0.9;
    }

.footer-dark .copyright {
    text-align: center;
    padding-top: 24px;
    /*    opacity: 0.3;*/
    font-size: 14px;
    margin-bottom: 0;
}


/*end footer*/
/*News css*/
.News {
}

    .News img {
        float: left;
        width: 275px;
    }

.otherNews a {
    font-weight: bold;
    -moz-transition: .3s ease-in-out;
    -o-transition: .3s ease-in-out;
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
}

    .otherNews a:hover {
        margin-right: 5px;
        -moz-transition: .3s ease-in-out;
        -o-transition: .3s ease-in-out;
        -webkit-transition: .3s ease-in-out;
        transition: .3s ease-in-out;
    }
/*End News css*/
/*Album css*/
.card-deck {
    border: 1px solid #3a6186
}

.card-Box {
    -moz-box-shadow: 0px -1px 15px 4px #aec9e4, -1px -1px 6px 1px #63acb2;
    -webkit-box-shadow: 0px -1px 15px 4px #aec9e4, -1px -1px 6px 1px #63acb2;
    box-shadow: 0px -1px 15px 4px #aec9e4, -1px -1px 6px 1px #63acb2;
    border: 2px solid #00000012;
    margin: 10px 5px 10px 5px;
    padding: 10px 5px;
    -moz-transition: .3s ease-in-out;
    -o-transition: .3s ease-in-out;
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
    border-color: #33d1cc5c;
}

    .card-Box img {
        max-height: 300px;
    }

@media screen and (min-width: 760px) {
    .card-Box {
        width: 31%;
        height: 395px !important;
    }
}
/*Album css*/

/*-----------------------------
	News Ticker
------------------------------*/
.acme-news-ticker {
    background: #5c4d31;
    position: relative;
    height: 45px;
    border-bottom: 2px solid #bd8e23;
}

    .acme-news-ticker a {
        text-decoration: none;
        color: #ffd163;
    }

        .acme-news-ticker a:hover {
            color: #ffffff;
            -moz-transition: .5s ease-in-out;
            -o-transition: .5s ease-in-out;
            -webkit-transition: .5s ease-in-out;
        }

    .acme-news-ticker img {
        margin: 0 5px;
        border-radius: 50%;
    }

@media (min-width: 768px) {
    .acme-news-ticker {
        padding-top: 5px;
    }
}

.acme-news-ticker-label {
    background: #1974d2;
    padding: 10px;
    width: auto;
    float: right;
    margin-left: 15px;
    line-height: normal;
    height: 100%;
    color: #fff;
}

@media (max-width: 575px) {
    .acme-news-ticker-label {
        position: absolute;
        top: -45px;
    }
}


/*# sourceMappingURL=style.css.map */
/*Header Menu*/
/* Navbar container */
.navbarx {
    overflow: hidden;
    background-color: unset !important;
    padding-top: 8px;
}

    .navbarx ul {
        padding: 0;
    }

        .navbarx ul li {
            list-style-type: none;
            border-bottom: 1px solid #ffffff;
        }
    /* Links inside the navbar */
    .navbarx a {
        float: left;
        font-size: 16px;
        text-align: center;
        padding: 10px 5px;
        text-decoration: none;
    }

/* The dropdown container */
.dropdownx {
    float: right;
    overflow: hidden;
    color: #5c4d31;
    font-weight: bold;
}

    /* Dropdown button */
    .dropdownx .dropbtnx {
        font-size: 16px;
        border: none;
        outline: none;
        padding: 9px 10px;
        margin: 0; /* Important for vertical align on mobile phones */
    }

    /* Add a red background color to navbar links on hover */
    .navbarx a, .navbarx a:hover, .dropdownx:hover .dropbtnx {
        background-color: transparent;
    }

/* Dropdown content (hidden by default) */
.dropdown-contentx {
    display: none;
    position: absolute;
    background-color: #0404046e;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 100;
}

    /* Links inside the dropdown */
    .dropdown-contentx a {
        float: none;
        color: #ffa600;
        padding: 10px 20px;
        text-decoration: none;
        display: block;
        text-align: right;
        text-wrap: nowrap;
        text-align: center;
        font-weight: bold;
    }

/* Add a grey background color to dropdown links on hover */
.dropdownx .dropdown-contentx a:hover {
    background-color: #ffffff !important;
}

/* Show the dropdown menu on hover */
.dropdownx:hover .dropdown-contentx {
    display: block;
}
/*End Header Menu*/
.box-sh {
    border: 5px solid #ffffff;
    box-shadow: 6px -8px 4px rgb(13 110 253 / 25%), -10px 11px 4px rgb(34 34 34 / 28%);
}

.text-info {
    color: #464541 !important;
}