/**************************GENERAL STYLE*********************************/

:root {
    --primary: #f5a623;
    --blue: #b0a58b;
}

.colored {
    color: #f5a623;
}

/*Fonts*/
/*@font-face {*/
/*    font-family: 'AbdoMaster-bold';*/
/*    src: url('../webfonts/bold/GESSTwoBold-Bold.eot');*/
/*    src: url('../webfonts/bold/GESSTwoBold-Bold.eot?#iefix') format('embedded-opentype'),*/
/*    url('../webfonts/bold/GESSTwoBold-Bold.woff2') format('woff2'),*/
/*    url('../webfonts/bold/GESSTwoBold-Bold.woff') format('woff'),*/
/*    url('../webfonts/bold/GESSTwoBold-Bold.ttf') format('truetype'),*/
/*    url('../webfonts/bold/GESSTwoBold-Bold.svg#GESSTwoBold-Bold') format('svg');*/
/*    font-weight: bold;*/
/*    font-style: normal;*/
/*}*/

/*@font-face {*/
/*    font-family: 'AbdoMaster-Light';*/
/*    src: url('../webfonts/light/GESSTwoLight-Light.eot');*/
/*    src: url('../webfonts/light/GESSTwoLight-Light.eot?#iefix') format('embedded-opentype'),*/
/*    url('../webfonts/light/GESSTwoLight-Light.woff2') format('woff2'),*/
/*    url('../webfonts/light/GESSTwoLight-Light.woff') format('woff'),*/
/*    url('../webfonts/light/GESSTwoLight-Light.ttf') format('truetype'),*/
/*    url('../webfonts/light/GESSTwoLight-Light.svg#GESSTwoLight-Light') format('svg');*/
/*    font-weight: 300;*/
/*    font-style: normal;*/
/*}*/

/*@font-face {*/
/*    font-family: 'AbdoMaster-Medium';*/
/*    src: url('../webfonts/medium/GESSTwoMedium-Medium.eot');*/
/*    src: url('../webfonts/medium/GESSTwoMedium-Medium.eot?#iefix') format('embedded-opentype'),*/
/*    url('../webfonts/medium/GESSTwoMedium-Medium.woff2') format('woff2'),*/
/*    url('../webfonts/medium/GESSTwoMedium-Medium.woff') format('woff'),*/
/*    url('../webfonts/medium/GESSTwoMedium-Medium.ttf') format('truetype'),*/
/*    url('../webfonts/medium/GESSTwoMedium-Medium.svg#GESSTwoMedium-Medium') format('svg');*/
/*    font-weight: 500;*/
/*    font-style: normal;*/
/*}*/

@font-face {
    font-family: 'AbdoMaster-bold';
    src: url('../webfonts/new_fonts/AbdoMaster-Bold.eot');
    src: url('../webfonts/new_fonts/AbdoMaster-Bold.eot?#iefix') format('embedded-opentype'),
    url('../webfonts/new_fonts/AbdoMaster-Bold.woff2') format('woff2'),
    url('../webfonts/new_fonts/AbdoMaster-Bold.woff') format('woff'),
    url('../webfonts/new_fonts/AbdoMaster-Bold.ttf') format('truetype'),
    url('../webfonts/new_fonts/AbdoMaster-Bold.svg#AbdoMaster-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'AbdoMaster-Light';
    src: url('../webfonts/new_fonts/AbdoMaster-Light.eot');
    src: url('../webfonts/new_fonts/AbdoMaster-Light.eot?#iefix') format('embedded-opentype'),
    url('../webfonts/new_fonts/AbdoMaster-Light.woff2') format('woff2'),
    url('../webfonts/new_fonts/AbdoMaster-Light.woff') format('woff'),
    url('../webfonts/new_fonts/AbdoMaster-Light.ttf') format('truetype'),
    url('../webfonts/new_fonts/AbdoMaster-Light.svg#AbdoMaster-Light') format('svg');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'AbdoMaster-Medium';
    src: url('../webfonts/new_fonts/AbdoMaster-Medium.eot');
    src: url('../webfonts/new_fonts/AbdoMaster-Medium.eot?#iefix') format('embedded-opentype'),
    url('../webfonts/new_fonts/AbdoMaster-Medium.woff2') format('woff2'),
    url('../webfonts/new_fonts/AbdoMaster-Medium.woff') format('woff'),
    url('../webfonts/new_fonts/AbdoMaster-Medium.ttf') format('truetype'),
    url('../webfonts/new_fonts/AbdoMaster-Medium.svg#AbdoMaster-Medium') format('svg');
    font-weight: 500;
    font-style: normal;
}


html, body {
    font-size: 16px;
    font-family: "AbdoMaster-Medium";
    color: #000000;
}

.btn, .btn-primary,
.btn:focus, .btn-primary:focus, .btn:active, .btn-primary:active,
.btn-primary:not(:disabled):not(.disabled):active,
.btn-primary:not(:disabled):not(.disabled):active:focus {
    border: 2px solid #b0a58b;
    -webkit-box-shadow: none;
    box-shadow: none;
    background: #b0a58b;
    color: #fff;
    -webkit-border-radius: 15px;
    border-radius: 15px;

}
.btn-primary.disabled, .btn-primary:disabled {
    border: 2px solid #b0a58b;
    -webkit-box-shadow: none;
    box-shadow: none;
    background: #b0a58b;
    color: #fff;
    -webkit-border-radius: 15px;
    border-radius: 15px;
    opacity: 0.8;
    cursor: not-allowed;
}

.btn:hover, .btn-primary:hover {
    background: transparent;
    color: #b0a58b;
    border: 2px solid #b0a58b;
}

.mfp-arrow-left::after {
    border-right: 17px solid #f5a623;
}

.mfp-arrow-right::after {
    border-left: 17px solid #f5a623;
}

.container {
    max-width: 90%;
    position: relative;
}

a, a:hover, a:active, a:focus {
    color: inherit;
    text-decoration: none;
}

.breadcrumb {
    background-color: transparent;
    padding-right: 0;
    padding-left: 0;
}

.breadcrumb .breadcrumb-item {
    color: #f5a623;
    font-family: "AbdoMaster-Light";

}

.breadcrumb .breadcrumb-item::after {
    content: '\f104';
    font-family: "Font Awesome 5 Free";
    font-weight: 600;
    margin: 0 10px;
}

.breadcrumb .breadcrumb-item:last-of-type::after {
    content: none;
}

.breadcrumb-item + .breadcrumb-item::before {
    content: none;
}

/****************************************************************************************************************/

/*HEADER*/

header .navbar-light {
    border-bottom: 1px solid #f5a623;
}

header .navbar-light {
    padding-right: 0;
    padding-left: 0;
}

header nav.navbar-light .navbar-collapse .navbar-nav {
    padding: 5px 0;
    display: -ms-grid;
    display: grid;
    grid-gap: 5px;
    -ms-grid-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
    grid-template-columns: repeat(7, auto);
}
header nav.navbar-light .nav-addons .navbar-nav {
    padding: 0;
    display: -ms-grid;
    display: grid;
    grid-gap: 50px;
    -ms-grid-columns: auto 50px auto;
    grid-template-columns: repeat(2, auto);
}

header nav.navbar-light .nav-addons .navbar-nav .nav-item:first-of-type {
    margin-right: 10px;
}
.navbar-brand {
    margin-right: 0;
    margin-top: 30px;
}
.navbar-brand:first-of-type img {
    width: 120px;
    margin-left: 20px;
    max-height: 130px
}
.navbar-brand:last-of-type img {
    width: 450px;
}
header nav.navbar-light .navbar-brand,
header nav.navbar-light .navbar-nav .nav-item + .nav-item {
    margin: 0;
}
header nav.navbar-light .navbar-nav .nav-item {
    position: relative;
    padding-bottom: 10px !important;
}
header nav.navbar-light .navbar-nav .nav-item.active > .nav-link,
header nav.navbar-light .navbar-nav .nav-item > .nav-link {
    color: #b0a58b;
    font-size: 18px;
}
header nav.navbar-light .navbar-nav .nav-item.active:after {
    content: '';
    width: 100%;
    position: absolute;
    right: 0;
    height: 35px;
    top: -3px;
    background:  rgb(239, 181, 68);
    z-index: -1;
}
header nav.navbar-light .navbar-nav .nav-item > .nav-link,
header nav.navbar-light .navbar-nav .nav-item > .nav-link:hover {
    padding: 0 0 0 0;
}


header nav.navbar-light .navbar-nav .nav-item:first-of-type {
    padding: 0;
    text-align: center;
    -ms-grid-column: 1;
    -ms-grid-row: 1;
}

header nav.navbar-light .navbar-nav .nav-item:nth-of-type(2) {
    padding: 0;
    text-align: center;
    -ms-grid-column: 2;
    -ms-grid-row: 1;
}

header nav.navbar-light .navbar-nav .nav-item:nth-of-type(3) {
    padding: 0;
    text-align: center;
    -ms-grid-column: 3;
    -ms-grid-row: 1;
}

header nav.navbar-light .navbar-nav .nav-item:nth-of-type(4) {
    padding: 0;
    text-align: center;
    -ms-grid-column: 4;
    -ms-grid-row: 1;
}

header nav.navbar-light .navbar-nav .nav-item:nth-of-type(5) {
    padding: 0;
    text-align: center;
    -ms-grid-column: 5;
    -ms-grid-row: 1;
}

header nav.navbar-light .navbar-nav .nav-item:nth-of-type(6) {
    padding: 0;
    text-align: center;
    -ms-grid-column: 6;
    -ms-grid-row: 1;
}

header nav.navbar-light .navbar-nav .nav-item:nth-of-type(7) {
    padding: 0;
    text-align: center;
    -ms-grid-column: 7;
    -ms-grid-row: 1;
}

header nav.navbar-light .nav-addons .navbar-nav .nav-item.dropdown a:after {
    content: none;
}

header nav.navbar-light .nav-addons .navbar-nav i {
    color: #b0a58b;
    font-size: 20px;
}

header nav.navbar-light .navbar-nav .nav-item.dropdown .dropdown-menu {
    left: 1px;
    text-align: center;
    background: #b0a58b;
    padding: 0;
    border: none;
    right: 0;
    border-radius: 0 0 0.25rem 0.25rem;
    top: 90%;
    position: absolute;
}

header nav.navbar-light .navbar-nav .nav-item.dropdown .dropdown-menu.search-input {
    padding: 10px;
    right: auto;
    left: 0;
    min-width: 350px;
}

header nav.navbar-light .navbar-nav .nav-item.dropdown .dropdown-menu.search-input .form-control {
    max-width: 300px;
}

header nav.navbar-light .nav-addons .navbar-nav .nav-item.dropdown .dropdown-menu {
    top: 90%;
}

/*header nav.navbar-light .navbar-nav .nav-item.dropdown .dropdown-menu:after {*/
/*    content: '\f0d8';*/
/*    color: #efb544;*/
/*    font-family: "Font Awesome 5 Free";*/
/*    font-weight: 600;*/
/*    position: absolute;*/
/*    top: -29.5%;*/
/*    font-size: 34px;*/
/*    left: 0%;*/
/*}*/

.dropdown-item:focus, .dropdown-item {
    border-bottom: 1px solid #fff;
}

.dropdown-item:focus, .dropdown-item:last-of-type {
    border-bottom: none;
}

.dropdown-item:focus, .dropdown-item:hover {
    color: #fff;
    text-decoration: none;
    background-color: transparent;
}

header nav.navbar-light .navbar-nav .nav-item.dropdown .dropdown-menu a {
    color: #fff;
    text-align: right;
}

header nav.navbar-light .navbar-nav .nav-item.dropdown .dropdown-menu a:hover {
    padding: .25rem 1.5rem;
}

#highlight {
    position: absolute;
    top: 0;
    left: 0;
    height: 5px;
    background: #f00;
    transition: all .5s;
}
@media screen and (max-width: 1199px) {
    header nav.navbar-light .nav-addons .navbar-nav {
        grid-gap: 25px;
    }
}

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

    header nav.navbar-light .navbar-collapse .navbar-nav {
        -ms-grid-columns: auto;
        grid-template-columns: repeat(1, auto);
    }

    header nav.navbar-light .navbar-nav .nav-item.dropdown .dropdown-menu:after {
        content: none;
    }
    header nav.navbar-light .navbar-nav .nav-item.dropdown .dropdown-menu {
        top: 100%;
    }
    header nav.navbar-light .navbar-nav .nav-item.dropdown .dropdown-menu.search-input {
        right: 0;
        left: auto;
    }
}

@media screen and (max-width: 767px) {
    .navbar-brand:first-of-type img {
        width: 100px;
    }
    .navbar-brand:last-of-type img {
        width: 300px;
    }
}

@media screen and (max-width: 575px) {
    header nav.navbar-light .navbar-nav .nav-item.dropdown .dropdown-menu.search-input {
        min-width: 250px;
        right: -100%;
    }
}


/*********************************************************************************************************/

/*PREY-PAGE*/
.prey .header {
    background: url("../img/prey-banner.png");
    padding: 25px 25px 0 0;
}

.prey .header .text {
    padding: 70px 20px;
    color: #235795;
}

.prey .header .text span {
    color: #b0a58b;
}

.prey .header img {
    width: 100%;
}

.prey .types h2 {
    font-family: "AbdoMaster-Light";
}

.prey .prey-item {
    -webkit-box-shadow: 0 0px 10px #444;
    box-shadow: 0 0px 10px #444;
    -webkit-border-radius: 15px;
    border-radius: 15px;
    margin: 30px 0;
}

.prey .types .prey-item h2 {
    padding-top: 15px;
    font-family: "AbdoMaster-Medium";
    text-align: center;
}

.prey .types .prey-item .price {
    color: #efb544;
}

.prey .types .prey-item a {
    font-size: 2rem;
    margin-bottom: 20px;
    font-family: "AbdoMaster-Light";
}

@media screen and (max-width: 1409px) {
    .prey .header .text {
        padding: 50px 20px;
    }
}

@media screen and (max-width: 1379px) {
    .prey .header .text {
        padding: 30px 20px;
    }
}

@media screen and (max-width: 1199px) {
    .prey .header .text {
        padding: 20px 20px;
    }

    .prey .header .text h1 {
        font-size: 2.1rem;
    }

    .prey .types h2 {
        font-size: 1.8rem;
    }

    .prey .types .prey-item a {
        font-size: 1.8rem;
    }
}

@media screen and (max-width: 991px) {
    .prey .header {
        padding: 10px 10px 0 0;
    }

    .prey .header .text {
        padding: 10px 10px;
    }

    .prey .header .text h1 {
        font-size: 1.7rem;
    }

    .prey .types h2 {
        font-size: 1.5rem;
    }

    .prey .types .prey-item a {
        font-size: 1.5rem;
    }
}

@media screen and (max-width: 575px) {
    .prey .header .text h1 {
        font-size: 1.3rem;
    }

    .prey .types h2 {
        font-size: 1.2rem;
    }

    .prey .types .prey-item a {
        font-size: 1.2rem;
    }
}

/***************************************************************************************************/

/*FOOTER*/
footer {
    margin-top: 60px;
}

footer .container {
    -webkit-box-shadow: 0 0 25px rgba(68, 68, 68, 0.2);
    box-shadow: 0 0 25px rgba(68, 68, 68, 0.2);
    max-width: 75%;
    padding: 15px 15px;
    background: #fff;
    z-index: 1;

}

footer .container p {
    font-size: 13px;
    font-family: "AbdoMaster-Light";
    margin-bottom: 45px;

}

footer .container img {
    width: 100%;
    max-height: 210px;
    height: 185px;
}

footer ul {
    padding: 0;
    list-style: none;
}

footer ul li {
    padding-right: 25px;
    margin: 0 0 23px 0;
    font-family: "AbdoMaster-Light";
    font-size: 13px;
    position: relative;
}

footer ul li.address:before {
    content: '\f3c5';
    font-family: "Font Awesome 5 Free";
    font-weight: 600;
    position: absolute;
    right: 0;
    top: 30%;
    color: #108ce4;
}

footer ul li.tel:before {
    content: '\f095';
    font-family: "Font Awesome 5 Free";
    font-weight: 600;
    position: absolute;
    right: 0;
    top: 0;
    color: #108ce4;
}

footer .social a {
    margin: 0 25px;
}

footer .social a img {
    width: 30px;
    height: auto;
}

footer form .form-control {
    font-size: 13px;
    font-family: "AbdoMaster-Light";
}

footer form textarea.form-control {
    height: 110px;
}

footer .separator {
    background: #b0a58b;
    height: 100px;
    margin-top: -70px;
    z-index: 0;
}

footer .copyrights {
    background: #15110e;
    text-align: center;
    padding: 30px 0;
}

footer .copyrights p {
    color: #fff;
    font-size: 20px;
    font-family: "AbdoMaster-bold";
}

@media screen and (max-width: 1199px) {
    footer .container {
        max-width: 85%;
    }
}

@media screen and (max-width: 991px) {
    footer .container {
        max-width: 95%;
    }

    footer .container p {
        margin-bottom: 10px;
    }

    footer .container img {
        height: auto;
    }

    footer ul li {
        font-size: 13px;
        margin-bottom: 0;
    }

    footer form .form-control {
        font-size: 13px;
    }

    footer form textarea.form-control {
        height: 110px;
    }

    footer .copyrights p {
        font-size: 13px;
    }
}

/***************************************************************************************************/

/*PROFILE*/
.profile .custom-grid {
    display: -ms-grid;
    display: grid;
    grid-gap: 5px;
    -ms-grid-columns: 20vw 67vw;
    grid-template-columns: 20vw auto;
    -webkit-transition: all 0.25s linear;
    -o-transition: all 0.25s linear;
    transition: all 0.25s linear;
}

.profile .side-menu,
.profile .main-data {
    border: 2px solid #b0a58b;
    padding: 30px 0 0;
    -webkit-border-radius: 5px;
    border-radius: 5px;

}

.profile .side-menu {
    -ms-grid-column: 1;
    -ms-grid-row: 1;
}

.profile .main-data {
    padding: 30px 50px;
    -ms-grid-column: 2;
    -ms-grid-row: 1;
    max-height: 650px;
    overflow: auto;
}

.profile .side-menu .img {
    background: #000;
    width: 60px;
    height: 60px;
    -webkit-border-radius: 100%;
    border-radius: 100%;
    text-align: center;
    margin: 15px 0;
}

.profile .side-menu .img img {
    width: 50%;
    height: 50%;
    margin: 23% 0;
}

.profile .side-menu p {
    margin: 0;
}

.profile .side-menu .items {
    margin: 30px 0 0;
    list-style: none;
    padding: 0;
    font-size: 20px;
    font-family: "AbdoMaster-Light";
}

.profile .side-menu .items li {
    padding: 10px 10px;
    -webkit-transition: all 0.25s linear;
    -o-transition: all 0.25s linear;
    transition: all 0.25s linear;
    cursor: pointer;
    font-size: 18px;
}

.profile .side-menu .items li:hover,
.profile .side-menu .items li.active {
    color: #fff;
    background: #b0a58b;
    font-family: "AbdoMaster-Medium";
}

.profile .side-menu .items li img {
    margin: 0 0 0 15px;
    -webkit-transition: all 0.25s linear;
    -o-transition: all 0.25s linear;
    transition: all 0.25s linear;
    max-width: 20px
}

.profile .main-data > .data {
    opacity: 0;
    display: none;
}

.profile .main-data > .data.active {
    opacity: 1;
    display: block
}

.profile .main-data .data[data-controlled-by='hajaj'] .card {
    height: 60px;
    overflow: hidden;
    transition: all 0.25s linear;
}
.profile .main-data .data[data-controlled-by='hajaj'] .card h5 {
    margin-bottom: 20px
}
.profile .main-data .data[data-controlled-by='hajaj'] .card.active {
    height: auto;
    overflow: hidden
}

.profile .main-data .card,
.news .more-news .card {
    -webkit-box-shadow: 0 0px 5px #444;
    box-shadow: 0 0px 5px #444;
    margin-bottom: 20px;
}

.profile .main-data .card .card-subtitle,
.news .more-news .card .card-subtitle {
    font-family: "AbdoMaster-Light";
}

.profile .main-data .card .card-title,
.news .more-news .card .card-title {
    color: #efb544;
    font-family: "AbdoMaster-bold";
}

.profile .main-data .card .card-text,
.news .more-news .card .card-text {
    font-family: "AbdoMaster-Light";
}

.profile .main-data .card .card-link,
.news .news-cards .card .card-link,
.news .more-news .card .card-link {
    color: #b0a58b;
    float: left;
}

@media screen and (max-width: 1199px) {
    .profile .side-menu h4 {
        font-size: 1.3rem;
    }

    .profile .side-menu p {
        font-size: 0.8rem;
    }
}

@media screen and (max-width: 991px) {
    .profile .custom-grid {
        -ms-grid-columns: 8vw 70vw;
        grid-template-columns: 8vw auto;
        overflow: hidden;
    }

    .profile .side-menu .title,
    .profile .side-menu .info,
    .profile .side-menu ul li span {
        display: none;
    }

    .profile .side-menu ul li {
        font-size: 16px;
    }

    .profile .side-menu ul li:hover {
        display: block;
        z-index: 100;
        position: relative;
        width: 210px;
        text-align: right;
    }

    .profile .side-menu ul li:hover span {
        display: inline;
        z-index: 100;
    }

    .profile .side-menu .items li {
        padding: 10px 0;
        text-align: center;
    }

    .profile .side-menu .items li img {
        margin: 0;
    }

    .profile .side-menu .items li:hover img {
        margin: 0 25px 0 15px;
    }

}

@media screen and (max-width: 767px) {
    .profile .main-data {
        padding: 20px 20px;
    }

    .profile .side-menu .img {
        width: 40px;
        height: 40px;
    }

    .profile .side-menu .items li:hover img {
        margin: 0 15px 0 15px;
    }
}

@media screen and (max-width: 575px) {
    .profile .main-data {
        padding: 10px 10px;
    }

    .profile .side-menu .img {
        width: 25px;
        height: 25px;
    }

    .profile .main-data .card {
        -webkit-box-shadow: 0 0px 5px #444;
        box-shadow: 0 0px 5px #444;
        margin-bottom: 20px;
        padding: 0;
    }

    .profile .main-data .card .card-body {
        padding: 1.25rem 0.5rem;
    }
}

/***************************************************************************************************/

/*STEPS*/

.bg {
    background: url("../img/steps-bg.png") repeat-y 100%;
    -webkit-background-size: 100% auto;
    background-size: 100% auto;
}

.steps .header img {
    width: 50%;
    max-width: 100%;
    height: auto;
}

.steps .intro {
    font-size: 23px;
    font-family: "AbdoMaster-Light";
}

.steps .steps-graph {
    padding-top: 50px;
}

.steps .steps-graph > img {
    width: 95%;
    max-width: 100%;
    height: auto;
}

.steps .steps-graph [class^=step-] {
    position: absolute;

}

.steps .steps-graph .step-1 {
    top: 37%;
    left: 12%;

}

.steps .steps-graph .step-2 {
    top: 18%;
    left: 39%;
}

.steps .steps-graph .step-3 {
    top: 7%;
    left: 60%;
}

.steps .steps-graph .step-4 {
    top: 12%;
    left: 82%;
}

.steps .steps-graph .step-5 {
    top: 40%;
    left: 86%;
}

.steps .steps-graph .step-6 {
    top: 52%;
    left: 76%;
}

.steps .steps-graph .step-7 {
    top: 55%;
    left: 63%;
}

.steps .steps-graph .step-8 {
    top: 72%;
    left: 50%;
}

.steps .steps-graph .step-9 {
    top: 67%;
    left: 27%;
}

.steps .steps-graph .step-10 {
    top: 48%;
    left: 34%;
}

.steps .steps-graph .step-11 {
    top: 45%;
    left: 45%;
}

.steps .steps-graph .step-12 {
    top: 26%;
    left: 54%;
}

.steps .steps-graph [class^=step-] b {
    position: absolute;
    color: #fff;
    z-index: 2;
    font-size: 30px;
    top: 17px;
    left: 34px;
}

.steps .steps-graph [class^=step-] img.step-info {
    position: absolute;
    top: -166px;
    right: -87px;
    opacity: 0;
    display: none;
    z-index: 3;
    -webkit-transition: opacity 0.25s linear;
    -o-transition: opacity 0.25s linear;
    transition: opacity 0.25s linear;
}

.steps .steps-graph [class^=step-]:hover img.step-info {
    display: block;
    opacity: 1;
}

@media screen and (max-width: 991px) {
    .steps .intro {
        font-size: 20px;
    }

    .steps .steps-graph .stepNumber {
        width: 60px;
    }

    .steps .steps-graph [class^=step-] b {
        top: 10px;
        left: 25px;
    }
}

@media screen and (max-width: 767px) {
    .steps .header img {
        width: 60%;
    }

    .steps .intro {
        font-size: 18px;
    }

    .steps .steps-graph .stepNumber {
        width: 43px;
    }

    .steps .steps-graph [class^=step-] b {
        font-size: 20px;
        top: 10px;
        left: 16px;
    }
}

@media screen and (max-width: 575px) {
    .steps .header img {
        width: 80%;
    }

    .steps .intro {
        font-size: 16px;
    }

    .steps .steps-graph {
        padding-right: 0;
    }

    .steps .steps-graph > img {
        width: 112%;
        max-width: 115%;
    }

    .steps .steps-graph .stepNumber {
        width: 35px;
    }

    .steps .steps-graph [class^=step-] b {
        font-size: 18px;
        top: 5px;
        left: 14px;
    }

    .steps .steps-graph .step-1 {
        top: 41%;
        left: 2%;
    }

    .steps .steps-graph .step-2 {
        top: 18%;
        left: 30%;
    }

    .steps .steps-graph .step-3 {
        top: 7%;
        left: 57%;
    }

    .steps .steps-graph .step-4 {
        top: 14%;
        left: 79%;
    }

    .steps .steps-graph .step-5 {
        top: 38%;
        left: 84%;
    }

    .steps .steps-graph .step-6 {
        top: 49%;
        left: 74%;
    }

    .steps .steps-graph .step-7 {
        top: 58%;
        left: 58%;
    }

    .steps .steps-graph .step-8 {
        top: 72%;
        left: 45%;
    }

    .steps .steps-graph .step-9 {
        top: 70%;
        left: 21%;
    }

    .steps .steps-graph .step-10 {
        top: 49%;
        left: 26%;
    }

    .steps .steps-graph .step-11 {
        top: 42%;
        left: 39%;
    }

    .steps .steps-graph .step-12 {
        top: 29%;
        left: 49%;
    }

    .steps .steps-graph [class^="step-"] img.step-info {
        top: -114px;
        width: 165px;
    }

    .steps .steps-graph .step-4 img.step-info,
    .steps .steps-graph .step-5 img.step-info,
    .steps .steps-graph .step-6 img.step-info {
        right: -44px;
    }
}

/*********************************************************************************************************/

/*NEWS*/
.news .pray-times {
    border: 2px solid #efb544;
    -webkit-border-radius: 10px;
    border-radius: 10px;
}

.news .pray-times .title {
    background: #b0a58b;
    padding: 15px 25px 0 0;
    color: #fff;
    font-size: 20px;
    -webkit-border-radius: 0 5px 5px 0;
    border-radius: 0 5px 5px 0;

}

.news .pray-times marquee {
    padding: 15px 0;
    color: #b0a58b;
    font-family: "AbdoMaster-bold";
    font-size: 20px;
}

.news .pray-times marquee span {
    margin: 0 50px;
}

.news-cards {
    padding: 1.75rem 0;
}

.news-cards h2,
.more-news h2 {
    color: #b0a58b;
}

.news-cards h2 img {
    width: 50px;
}

.news-cards .card-container:nth-of-type(2) {
    padding-left: 00.5rem;
    padding-right: 0;
}

.news-cards .card-container {
    padding-right: 0.5rem;
}

.news-cards .card-container:first-of-type {
    padding-right: 0;
}

.news-cards .card-container:last-of-type {
    padding-left: 0;
}

.news-cards .card-container .card {
    -webkit-border-radius: 0;
    border-radius: 0;
}

.news-cards .card-container .card .card-img-top {
    height: 250px;
}

.news-cards .card-container .card .card-body {
    border-top: 2px solid #b0a58b;

}

.news-cards .card-container .card .card-body .card-title {
    color: #b0a58b;
}

.news-cards .card-container .card .card-body .card-text {
    font-family: "AbdoMaster-Light";
}

.news-cards .card-container .card:hover .card-body {
    background: #b0a58b;

}

.news-cards .card-container .card:hover .card-body .card-title,
.news-cards .card-container .card:hover .card-body .card-text {
    color: #fff;
}

.news-cards .card-container .card .card-body .card-text {
    max-height: 50px;
    overflow: hidden;
    -webkit-transition: all 0.25s linear;
    -o-transition: all 0.25s linear;
    transition: all 0.25s linear;
}

.news-cards .card-container .card:hover .card-body .card-link {
    color: #000;
}

.news-cards .card-container .card .card-body .card-title {
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    -webkit-transition: all 0.25s linear;
    -o-transition: all 0.25s linear;
    transition: all 0.25s linear;
}

.news-cards .card-container:hover .card .card-body .card-title {
    overflow: visible;
    white-space: normal;
}

.news-cards .card-container:hover .card .card-body .card-text {
    max-height: 100%;
}

.news .more-news .card {
    padding: 15px;
}

.news .more-news .card .card-body img {
    max-height: 160px;
}

.news .more-news .card .card-title {
    font-family: "AbdoMaster-Medium";
}

.more-news .news-pagination span {
    color: #b0a58b;
    margin: 0 5px;
}

.more-news .news-pagination span.active {
    font-family: "AbdoMaster-bold";
    color: #000;
}

.more-news .news-pagination span.active:first-of-type:before {
    color: #b0a58b;
    font-family: "AbdoMaster-Medium";
}

.more-news .news-pagination span:first-of-type:before {
    content: '<';
    margin: 0 10px;
    font-size: 22px;
}

.more-news .news-pagination span:last-of-type:after {
    content: '>';
    margin: 0 10px;
    font-size: 22px;
}

@media screen and (max-width: 1199px) {
    .news .pray-times .title {
        padding: 15px 15px 0 0;
        font-size: 18px;
    }

    .news .pray-times marquee {
        font-size: 18px;
    }
}

@media screen and (max-width: 991px) {
    .news-cards .card-container {
        margin-bottom: 15px;
    }

    .news-cards .card-container:first-of-type {
        padding-left: 0;
    }
}

@media screen and (max-width: 767px) {
    .news .pray-times .title {
        padding: 10px 7px 0 0;
        font-size: 16px;
    }

    .news .pray-times marquee {
        padding: 10px 0;
        font-size: 16px;

    }

    .news-cards h2,
    .more-news h2 {
        font-size: 1.8rem;
    }

    .news-cards h2 img {
        width: 40px;
    }

    .news-cards .card-container .card .card-body .card-title,
    .more-news .card .card-body .card-title {
        font-size: 1.1rem;
    }

    .news-cards .card-container .card .card-body .card-text {
        max-height: 43px;
        font-size: 14px;
    }

    .more-news .card .card-body .card-text {
        font-size: 14px;
    }
}

@media screen and (max-width: 575px) {
    .news .pray-times .title {
        padding: 5px 5px 0 0;
        font-size: 14px;
    }

    .news .pray-times marquee {
        padding: 5px 0;
        font-size: 14px;
    }

    .news-cards .card-container {
        padding: 0 !important;
    }
}

@media screen and (max-width: 435px) {
    .news .pray-times marquee {
        padding: 12px 0;
    }
}

/*********************************************************************************************************/

/*REGISTRATION*/
.registration {
    background: #b0a58b;
    margin: 0 10%;
    -webkit-border-radius: 50px;
    border-radius: 50px;
    padding: 3%;
}

.registration h1 {
    color: #fff;
    text-align: center;
    font-size: 3rem;
    margin-bottom: 3%;
}

.registration .wizard {
    background: #fff;
    -webkit-border-radius: 50px;
    border-radius: 50px;
    padding: 3%;
    margin-bottom: -8%;
    -webkit-box-shadow: 0px 10px 15px rgba(0, 0, 0, 0.4);
    box-shadow: 0px 10px 15px rgba(0, 0, 0, 0.4);
}

.registration .wizard .wizard-inner .nav-tabs {
    list-style: none;
    text-align: center;
    border-bottom: none;

}

.registration .wizard .wizard-inner .nav-tabs li {
    display: inline-block;
    margin: 0 30px;
    font-size: 20px;
}

.registration .wizard .wizard-inner .nav-tabs li.active {
    color: #b0a58b;
    border-bottom: 2px solid #efb544;
}

.registration .wizard p {
    font-family: "AbdoMaster-Light";
    color: #b0a58b;
    margin: 15px 0;
    font-size: 20px;
}

.registration .wizard form {
    margin: 0 -3%;
}

.registration .wizard form .stage {
    background: #f1f1f1;
    padding: 20px 30px;
    margin-bottom: 15px;
}

.registration .wizard form .stage h4 {
    color: #b0a58b;
}

.registration .wizard form .stage .form-control,
.registration .wizard form .stage select {
    background: transparent;
    border: none;
    border-bottom: 1px solid #b0a58b;
    -webkit-border-radius: 0;
    border-radius: 0;
    font-size: 20px;
    font-family: "AbdoMaster-Light";
    color: #6c757d;
    height: 3rem;
}

.registration .wizard form .stage .form-control:focus,
.registration .wizard form .stage select:focus {
    -webkit-box-shadow: none;
    box-shadow: none;
}

.registration .wizard form .stage select {
    padding: .375rem .375rem .375rem 0.375rem;
}

.registration .wizard form .stage .input-title {
    font-family: "AbdoMaster-Light";
    color: #6c757d;
    font-size: 17px;
    line-height: 3;
}

.registration .wizard form .stage textarea.form-control {
    padding-top: 0;
    padding-bottom: 0;
    height: 40px;
}

.registration .wizard form .custom-file-input {
    position: absolute;
}

.registration .wizard form .custom-file label {
    position: absolute;
    top: 0;
    /* right: 0; */
}

/* .registration .wizard form .custom-file.first {
    margin-right: 40px;
} */

.registration .wizard form .next-step-btn a {
    cursor: pointer;
    text-align: left;
    font-size: 20px;
    margin: 20px;

}

.registration .wizard form .required {
    position: relative;
}

.registration .wizard form .required:after {
    content: '*';
    color: #d1071f;
    position: absolute;
    left: 7%;
    top: 0;
    font-size: 20px;
}

.registration .wizard form #step2 label {
    font-size: 20px;
    margin: 0;
    font-family: "AbdoMaster-Light";
}

.registration .wizard form #step2 .form-check-input {
    margin: 0;
    opacity: 0;
}

.registration .wizard form #step2 .form-check-label {
    /* position: absolute; */
    top: 0;
    right: 0;
    border: 1px solid #b0a58b;
    width: 100%;
    font-size: 20px;
    padding: 5px;
    text-align: center;
    color: #efb544;

}

.registration .wizard form #step2 .rooms .form-check-label {
    /* position: absolute; */
    top: 0;
    right: 5%;
    width: 90%;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    height: 100px;
    font-size: 16px;
    margin-bottom: 10px;
    padding-top: 10px;
}
.registration .wizard form #step2 .rooms .form-check-label img {
    display: block;
    max-width: 45px;
    height: 35px;
    margin: 0 auto;
}

.registration .wizard form #step2 .rooms {
    padding: 0 0 20px;
}

.registration .wizard form #step2 .rooms:last-of-type {
    padding: 0;
}

.registration .wizard form #step2 .form-check-input#radio1 + .form-check-label {
    -webkit-border-radius: 0 5px 5px 0;
    border-radius: 0 5px 5px 0;
}

.registration .wizard form #step2 .form-check-input#radio2 + .form-check-label {
    -webkit-border-radius: 5px 0 0 5px;
    border-radius: 5px 0 0 5px;
}

.registration .wizard form #step2 .form-check-input.radio:checked + .form-check-label {
    background: #b0a58b;
    color: #fff;
}

.registration .wizard form #step2 .form-check-label.active {
    background: #b0a58b;
    color: #fff;
}

.registration .wizard form #step2 .rooms .room {
    margin: 10px 0;
    padding: 0 0 0 40px;
}

.registration .wizard form #step2 .rooms .room span {
    position: absolute;
    left: 3%;
    top: 9%;
    border: 1px solid #000;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    padding: 0px 5px;
    font-size: 12px;
    height: 22px;
    width: 22px;
    cursor: pointer;
}

.registration .wizard form #step2 .rooms .room span:after {
    content: '\f00d';
    font-family: "Font Awesome 5 Free";
    font-weight: 600;
    position: absolute;
    left: 4px;
    top: -1px;
    font-size: 15px;
}

.registration .wizard form #step2 .rooms .room {
    font-size: 20px;
}

.registration .wizard form #step2 .rooms .total {
    color: #b0a58b;
    font-size: 20px;
}

.registration .wizard form #step2 .rooms .hint {
    color: #b0a58b;
    font-size: 20px;
    font-family: "AbdoMaster-Light";
}

.registration .wizard form #step2 select,
.registration .wizard form #step2 input  {
    font-size: 18px;
    font-family: "AbdoMaster-Light";
    background: none;
    padding: .375rem .75rem .375rem .75rem;
    height: 3rem;
}
.registration .wizard form #step2 .required::after {
    content: '*';
    color: #d1071f;
    position: absolute;
    left: 20px;
    top: 1rem;
    font-size: 20px;
    }

.registration .wizard form #step2 a {
    margin-top: 15px;
    font-size: 20px;
    margin-bottom: 30px;
}

.registration .select2-container--default .select2-selection--single {
    background: transparent;
    border: none;
    border-bottom: 1px solid #bab5b5;
    -webkit-border-radius: 0;
    border-radius: 0;
    font-size: 20px;
    font-family: "AbdoMaster-Light";
    color: #6c757d;
    height: 3rem;
}
.registration .select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 2.5 !important;
    color: #6c757d;
}
.registration  .select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__arrow {
    display: none;
}
.select2-container--default .select2-results > .select2-results__options {
    text-align: right;
}

.registration .child-hajj .child {
    padding: 15px
}

.registration .child-hajj .child > .row {
    padding: 10px 0;
    border-right: 5px solid #b0a58b;
    border-radius: 5px ;
    background: #cecaca4d;
}

.registration .child-hajj .child > .row::before {
    content: 'مرافق';
    position: absolute;
    right: -25px;
    top: 35px;
    transform: rotate(90deg);
    color: #efb544;
}


/*  */


.registration #step2 .select2-container--default .select2-selection--single {
    background: transparent;
    border: none;
    border: 1px solid #ced4da;
    -webkit-border-radius: .25rem;;
    border-radius: .25rem;;
    font-size: 20px;
    font-family: "AbdoMaster-Light";
    color: #6c757d;
    height: 3rem;
}
.registration #step2 .select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 2.5 !important;
    font-size: 15px !important;
    color: #6c757d;
}
.registration #step2  .select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__arrow {
    display: none;
}
.registration #step2.select2-container--default .select2-results > .select2-results__options {
    text-align: right;
}

@media screen and (min-width: 992px) {
    .registration .child-hajj .child > .row .form-group {
        margin-bottom: 0 ;
    }
    .registration .child-hajj .child > .row .form-group input ,
    .registration .child-hajj .child > .row .form-group select {
        font-size: 15px !important;
    }
}

@media screen and (max-width: 1199px) {
    .registration .wizard form .stage .form-control,
    .registration .wizard form .stage select {
        font-size: 18px;
    }

    .registration .wizard form .stage .input-title {
        line-height: 2.5;
    }

    .registration .wizard form .next-step-btn a::after {
        margin: 0 4px;
    }

    .registration .wizard form .custom-file.third {
        margin-top: 15px;
    }
}

@media screen and (max-width: 991px) {
    .registration .wizard form .stage .form-control,
    .registration .wizard form .stage select {
        font-size: 16px;
    }

    .registration .wizard form .custom-file.second,
    .registration .wizard form .custom-file.third {
        margin-top: 15px;
    }

    .registration .wizard form #step2 label,
    .registration .wizard form #step2 .form-check-label,
    .registration .wizard form #step2 .rooms .room,
    .registration .wizard form #step2 .rooms .total,
    .registration .wizard form #step2 .rooms .hint,
    .registration .wizard form #step2 a {
        font-size: 18px;
    }

    .registration .wizard form #step2 select {
        font-size: 16px;
    }
}

@media screen and (max-width: 767px) {
    .registration h1 {
        font-size: 2.3rem;
    }

    .registration .wizard .wizard-inner .nav-tabs li {
        margin: 0 15px;
        font-size: 18px;
    }

    .registration .wizard .wizard-inner p {
        font-size: 18px;
    }

    .registration .wizard form .stage h4 {
        font-size: 1.2rem;
    }

    .registration .wizard form .stage .form-control,
    .registration .wizard form .stage select {
        font-size: 16px;
        padding: 0;
    }

    .registration .wizard form .custom-file.second,
    .registration .wizard form .custom-file.third {
        margin-top: 15px;
    }
}

@media screen and (max-width: 575px) {
    .registration {
        margin: 0;
    }

    .registration h1 {
        font-size: 2rem;
    }

    .registration .wizard .wizard-inner .nav-tabs li {
        margin: 5px 15px;
        font-size: 16px;
    }

    .registration .wizard .wizard-inner p {
        font-size: 15px;
    }

    .registration .wizard form .custom-file.first,
    .registration .wizard form .custom-file.second,
    .registration .wizard form .custom-file.third {
        margin: 15px 0;
    }

    .registration .wizard form .custom-file.first label,
    .registration .wizard form .custom-file.second label {
        font-size: 14px;
    }

    .registration .wizard form #step2 label,
    .registration .wizard form #step2 .form-check-label,
    .registration .wizard form #step2 .rooms .room,
    .registration .wizard form #step2 .rooms .total,
    .registration .wizard form #step2 .rooms .hint,
    .registration .wizard form #step2 a {
        font-size: 16px;
    }
}

/************************************************************************************************************/

/*INDEX*/
.home .carousel .carousel-indicators {
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    margin-right: 6%;
    margin-bottom: 0;
}

.home .carousel .carousel-indicators li {
    height: 5px;
    background-color: rgba(239, 181, 68, 0.7);
}

.home .carousel .carousel-indicators .active {
    background-color: rgb(239, 181, 68);
}

.home .carousel .carousel-caption {
    right: 6%;
    bottom: 30px;
    text-align: right;

}

.home .carousel .carousel-caption p {
    font-size: 30px;
    font-family: "AbdoMaster-Light";
    text-shadow: 0px 1px 2px #4d4b4b;
}

.home .carousel .carousel-caption a {
    font-size: 20px;
    font-family: "AbdoMaster-Medium";
    -webkit-border-radius: 30px;
    border-radius: 30px;
    padding-right: 30px;
    padding-left: 30px;
}

.home .home-intro {
    background: url("../img/prey-banner.png");
    padding: 2% 6%;
}

.home .home-intro .after-header {
    position: relative;
}

.home .home-intro h3 {
    text-align: right;
}

.after-header img {
    margin-right: 40%;
    width: 20%;
    height: 75%;
}

.after-header span {
    position: absolute;
    right: 0;
    border-bottom: 1px solid #000;
    width: 38%;
    bottom: 7px;
}

.after-header span:last-of-type {
    position: absolute;
    left: 0;
    right: auto;
    border-bottom: 1px solid #000;
}

.home .home-intro .intro-text {
    padding: 0;
    list-style: none;
    margin-top: 30px;
}

.home .home-intro * {
    font-size: 26px;
    font-family: "AbdoMaster-Light";
}

.home .home-intro .imgs {
    position: relative;
}

.home .home-intro .imgs .back {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 60%;
    height: 80%;
}

.home .home-intro .imgs .front {
    position: absolute;
    left: 24%;
    top: 0;
    width: 60%;
    height: 80%;
}

.home .home-intro .imgs h4 {
    position: absolute;
    background: rgba(255, 255, 255, 0.5);
    padding: 15px;
    font-size: 20px;
    bottom: -10%;
    right: 22%;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    -webkit-transform-origin: right;
    -ms-transform-origin: right;
    transform-origin: right;
}

.home .pray {
    background: url("../img/quran.png");
    -webkit-background-size: 100% 100%;
    background-size: 100% 100%;
    padding: 2% 6%;
}

.home .pray h3,
.home .gallery h3 {
    color: #b0a58b
}

.after-pray-header img {
    margin-right: 40%;
    width: 20%;
    height: 75%;
}


.after-pray-header span,
.after-gallery-header span {
    position: absolute;
    right: 0;
    border-bottom: 1px solid rgb(239, 181, 68);
    width: 38%;
    bottom: 7px;
}

.after-pray-header span:last-of-type,
.after-gallery-header span:last-of-type {
    position: absolute;
    left: 0;
    right: auto;
    border-bottom: 1px solid rgb(239, 181, 68);
}

.home .pray .pray-times {
    list-style: none;
    padding: 0;
    text-align: center;
    color: #fff;
    font-size: 26px;
}

.home .pray .pray-times li {
    margin: 15px 0;
}

.home .gallery {
    padding: 2% 6%;
}

.after-gallery-header img {
    margin-right: 0;
    width: 20%;
    height: 75%;
}

.home .gallery .images,
.home .gallery .video {
    position: relative;
}
.home .gallery .video {
    height: 85%;
}
.home .gallery .video iframe {
    padding: 0 15px;
}
.home .gallery .img-gallery img,
.home .gallery .video-gallery img {
    width: 100%;
    max-width: 100%;
    max-height: 390px;
}

.home .gallery .images:before,
.home .gallery .images:after,
.home .gallery .video:after {
    content: '';
    position: absolute;
    height: 40%;
    top: 30%;
    width: 2px;
    background: #b6b6b6;
}

.home .gallery .images:after {
    left: 15px;
}

.home .gallery .video:after {
    right: 15px;
}

.home .gallery .images:before {
    height: 60%;
    left: 0;
    top: 20%;
}

.home .gallery .images a,
.media .img-gallery .swiper-wrapper a {
    overflow: hidden;
}

.home .gallery .images a:after,
.media .img-gallery .swiper-wrapper a:after {
    content: '\f00e';
    font-family: "Font Awesome 5 Free";
    position: absolute;
    left: 15px;
    top: 100%;
    right: 15px;
    height: 100%;
    background: rgba(239, 181, 68, 0.5);
    font-weight: 600;
    text-align: center;
    font-size: 60px;
    padding-top: 45%;
    color: #fff;
    -webkit-transition: top 0.25s linear;
    -o-transition: top 0.25s linear;
    transition: top 0.25s linear;
}

.media .img-gallery .swiper-wrapper a:after {
    left: 0;
    right: 0;
}

.home .gallery .images a:hover:after,
.media .img-gallery .swiper-wrapper a:hover:after {
    top: 0;
}

.home .subscribe {
    background: url("../img/subscribe-bg.png");
    -webkit-background-size: auto auto;
    background-size: auto;
    padding: 0 6%;
    position: relative;
}

.home .subscribe img {
    /*width: 100%;*/
    min-width: 80%;
    max-width: 100%;
    max-height: 150px;
}

.home .subscribe .input-group input:focus {
    -webkit-box-shadow: none;
    box-shadow: none;
}

.home .subscribe .input-group input {
    font-size: 20px;
    padding: 15px 15px;
    border-color: #000;
    color: rgb(239, 181, 68);
    height: 4rem;
}

.home .subscribe .input-group input::-webkit-input-placeholder {
    color: rgb(239, 181, 68);

}

.home .subscribe .input-group input:-ms-input-placeholder {
    color: rgb(239, 181, 68);

}

.home .subscribe .input-group input::-ms-input-placeholder {
    color: rgb(239, 181, 68);

}

.home .subscribe .input-group input::placeholder {
    color: rgb(239, 181, 68);

}

.home .subscribe .input-group .input-group-prepend .input-group-text {
    padding: 0 40px;
    font-size: 35px;
    color: #fff;
    background: #b0a58b;
    border-color: #000;
    cursor: pointer;
}

.home .subscribe .input-group .input-group-prepend .input-group-text:hover {
    color: rgb(239, 181, 68);
    background: #fff;
}

.home .subscribe .subscribe-form,
.home .subscribe .subscribe-img {
    padding: 4%;
}

.home .subscribe .subscribe-form:after,
.home .subscribe .subscribe-img:after,
.home .subscribe .subscribe-img:before {
    content: '';
    position: absolute;
    height: 60%;
    top: 20%;
    width: 2px;
    background: #b6b6b6;
}

.home .subscribe .subscribe-img:after {
    left: 15px;
}

.home .subscribe .subscribe-form:after {
    right: 15px;
}

.home .subscribe .subscribe-img:before {
    height: 80%;
    left: 0%;
    top: 10%;
}

@media screen and (max-width: 1199px) {
    .home .carousel .carousel-caption p {
        font-size: 25px;
    }

    .home .gallery .images a:after,
    .media .img-gallery .swiper-wrapper a:after {
        font-size: 40px;
        padding-top: 45%;

    }
}

@media screen and (max-width: 1010px) {
    .home .home-intro .imgs h4 {
        right: 20%;
    }
}

@media screen and (max-width: 991px) {
    .home .carousel .carousel-caption p {
        font-size: 20px;
    }

    .home .carousel .carousel-caption a {
        font-size: 18px;
    }

    .home .home-intro h3 {
        text-align: center;
    }

    .home .home-intro ul li,
    .home ul li {
        font-size: 22px;
    }

    .home .gallery .img-gallery,
    .home .gallery .video-gallery {
        padding: 0;
    }

    .home .gallery .images:before,
    .home .gallery .images:after,
    .home .gallery .video:after {
        content: none;
    }

    .home .subscribe .subscribe-form:after,
    .home .subscribe .subscribe-img:after,
    .home .subscribe .subscribe-img:before {
        content: none;
    }

    .home .subscribe .subscribe-form,
    .home .subscribe .subscribe-img {
        padding: 0;
    }

    .home .subscribe {
        padding: 2% 6%;
    }

    .home .subscribe .subscribe-img {
        margin-bottom: 30px;
    }

    .home .subscribe h3 {
        text-align: center;
    }

    .home .gallery .images a:after,
    .media .img-gallery .swiper-wrapper a:after {
        font-size: 80px;
        padding-top: 35%;
    }
    .home .gallery .video {
        height: 75%;
    }
}

@media screen and (max-width: 767px) {
    .home h3 {
        font-size: 1.6rem;
    }

    .home .home-intro ul li,
    .home ul li {
        font-size: 20px;
    }

    .home .gallery .images a:after,
    .media .img-gallery .swiper-wrapper a:after {
        font-size: 60px;
        padding-top: 45%;
    }


}

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

    .home h3 {
        font-size: 1.4rem;
    }

    .home .home-intro ul li,
    .home ul li {
        font-size: 18px;
    }

    .home .subscribe .input-group input {
        font-size: 16px;
        padding: 5px 15px;
        height: 2.5rem;
    }

    .home .subscribe .input-group .input-group-prepend .input-group-text {
        padding: 0 20px;
        font-size: 26px;
    }

    .home .gallery .images a:after,
    .media .img-gallery .swiper-wrapper a:after {
        font-size: 30px;
        padding-top: 45%;

    }

}

/************************************************************************************************************/

/*MEDIA*/

.media .video-gallery .videos-container {
    background: #2a2828;
    padding: 30px;
    height: 700px;
    overflow: hidden;
    color: #fff;
}

.media .video-gallery .videos-container iframe {
    height: 600px;
    border: 0.5px solid #fff;
}

.media .video-gallery .videos-container .videos-list {
    overflow: auto;
    max-height: 600px;
}

.media .video-gallery .videos-container .videos-list .video-list-item {
    margin-bottom: 15px;
}

.media .video-gallery .videos-container .videos-list .video-list-item .img-thumbnail {
    padding: 0;
    border-radius: 0;
    border: 0.5px solid #fff;
    width: 100%;
}

.media .video-gallery .videos-container .videos-list .video-list-item h6 {
    font-size: 14px;
}

.media .video-gallery .videos-container .videos-list .video-list-item small {
    font-size: 12px;
}

.media .img-gallery {
    padding-top: 2%;
}
.swiper-container {
    padding-bottom: 35px;
}
.swiper-btns {
    position: relative;
    margin-top: 25px;
    font-size: 50px;
    width: 20%;
    right: 40%;
}
.swiper-container-rtl .swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
    background: transparent;
}
.gallery-filter {
    list-style: none;
    padding: 0;
}
.gallery-filter .filter-item {
    display: inline-block;
    text-align: center;
    margin: 0 15px;
    font-size: 24px;
}
.gallery-filter .filter-item.active {
    color: rgb(239, 181, 68);
}
@media screen and (max-width: 991px) {
    .media .video-gallery .videos-container {
        height: 480px;
    }

    .media .video-gallery .videos-container iframe,
    .media .video-gallery .videos-container .videos-list {
        height: 380px;
    }

    .media .video-gallery .videos-container h3 {
        font-size: 20px;
    }
}

@media screen and (max-width: 767px) {
    .media .video-gallery .videos-container {
        overflow: auto;
    }

    .media .video-gallery .videos-container .videos-list {
        height: auto;
        margin-top: 15px;
        overflow: inherit;

    }
    .media .video-gallery .videos-container .videos-list .video-list-item {
        padding:    15px;
        border-bottom: 0.5px solid #fff;

    }
}

@media screen and (max-width: 575px) {
    .media .video-gallery .videos-container {
        padding: 15px;
    }
    .media .video-gallery .videos-container iframe {
        height: 200px;
    }

    .media .video-gallery .videos-container .videos-list .video-list-item .img-thumbnail {
        width: auto;
        margin-bottom: 10px;
    }

    .media .video-gallery .videos-container h3 {
        font-size: 18px;
    }
    .gallery-filter .filter-item {
        margin: 0 6px;
        font-size: 16px;
    }
    .swiper-btns {
        width: 50%;
        right: 25%;
    }
}

.active-marker {
    background: rgb(239, 181, 68);
    top: 2px;
    display: none;
    height: 35px;
    position: absolute;
    left: 0;
    transition: all 0.2s cubic-bezier(0.25, 0.25, 0.25, 1.25);
    width: auto;
    z-index: -1;
}

@media screen and (max-width: 991px) {
    .active-marker {
        display: none !important;
    }
}
.arrow label {
width: 100%;
margin-top: .25rem;
font-size: 80%;
color: #dc3545;
}

.has-error::before {
    position: absolute;
    top: 100%;
    content: 'هذا الحقل مطلوب';
    font-size: 80%;
    color: #dc3545;
}


.wizard-inner ul li a[disabled] {
    display: none;
}

.contact-info h2,
.contact-form h2,
.news-details h2,
.services h3{
    color: rgb(245, 166, 35);   ;
}

.doaa .card {
    -webkit-box-shadow: 0 0px 5px #444;

    box-shadow: 0 0px 5px #444;

    margin-bottom: 20px;
}

.doaa .card .card-header {
    background-color: transparent;
    border-bottom: 1px solid rgba(0,0,0,.125);

}

.doaa h5 {
    color: rgb(245, 166, 35);;
}

.doaa h5 span {
    position: relative;
    color: #000;
}

.doaa h5 span:after {
    content: '';

    position: absolute;

    width: 100%;

    background: #000;

    left: 0px;

    height: 10%;

    top: 18px;

    -webkit-border-radius: 2px;

    -moz-border-radius: 2px;

    border-radius: 2px;

    -webkit-transform: rotate(90deg);

    -moz-transform: rotate(90deg);

    -ms-transform: rotate(90deg);

    -o-transform: rotate(90deg);

    transform: rotate(90deg);

    -webkit-transition: 0.25s linear;

    -o-transition: 0.25s linear;

    -moz-transition: 0.25s linear;

    transition: 0.25s linear;
}

.doaa h5.opend span:after {
    -webkit-transform: rotate(0deg);

    -moz-transform: rotate(0deg);

    -ms-transform: rotate(0deg);

    -o-transform: rotate(0deg);

    transform: rotate(0deg);
}