@font-face {
    font-family: "GE Dinar One Regular";
    src: url(../fonts/GE\ Dinar\ One\ Regular.otf);
}

html,
body {
    scroll-behavior: smooth;
    height: 100vh;
    padding: 0;
    direction: rtl !important;
    font-family: "GE Dinar One Regular";
}

.container-fluid {
    padding: 0;
    min-height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.container-fluid .row {
    padding: 0;
    margin: 0;
}

.btn:hover {
    text-decoration: none;
    box-shadow: 0 1px 5px 0 #bbc1c7;
}


/*start nav*/

.aftertopmenu {
    /*position: fixed;*/
    width: 100%;
    box-shadow: 0 4px 4px rgb(0 0 0 / 12%);
    z-index: 10000;
    padding: 4px;
    transition: all 0.5s;
    background-image: url(../img/head.jpg);
    background-size: 100% 112%;
}

.header-alt {
    box-shadow: 0 2px 35px 0 rgba(0, 0, 0, .1);
    top: 0;
    left: 0;
}

.header-alt .navbar-nav .nav-link {
    color: #c99e55 !important;
}

.navbar-expand-lg .navbar-nav {
    direction: rtl;
}

.top-section .navbar-nav {
    padding-left: 120px;
    padding-top: 10px;
}

#navbarSupportedContent {
    margin-top: 6px;
}

@media screen and (min-width: 992px) {
    .navbar .nav-item {
        /* padding: .5rem .5rem; */
        margin: 0 .4rem;
    }
}

.navbar {
    padding: 0;
}

.header-alt .navbar {
    padding: .5rem 1rem;
}

.navbar-dark .navbar-nav .nav-link.active {
    color: #254e5d !important;
    font-weight: bold;
    display: inline-block;
}

.navbar .nav-link:hover {
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    color: #254e5d !important;
}

.bg-primary {
    width: 100%;
    background: transparent !important;
}

.navbar-dark .navbar-nav .nav-link {
    color: #c99e55;
    font-weight: bold;
    font-size: 18px;
}

.navbar-dark .navbar-toggler-icon {
    background-color: #c99e55;
    width: 38px;
    height: 35px;
    border-radius: 6px;
}

.navbar-brand {
    margin-right: 0;
    display: -webkit-inline-box;
    position: relative;
}

.navbar {
    direction: ltr;
}

.navbar-dark .navbar-brand {
    width: 20%;
}

.navbar-brand img {
    width: 100%;
}

.mr-auto {
    margin-left: auto !important;
    margin-right: 0 !important;
}


/*end nav*/


/*start whatsapp*/

.float {
    position: fixed;
    width: 60px;
    height: 60px;
    bottom: 15px;
    left: 21px !important;
    right: auto;
    background-color: #25d366;
    color: #FFF !important;
    border-radius: 50px;
    text-align: center;
    font-size: 30px;
    box-shadow: 0px 1px 3px #999;
    z-index: 100;
}

.my-float {
    margin-top: 16px;
}


/*end whatsapp*/


/*start downheaderbox*/

.downheaderbox {
    background-image: url(../img/backMain.jpg);
    background-size: cover;
    background-position: center center !important;
    background-repeat: no-repeat no-repeat;
}

.downheaderbox .img-fluid {
    height: 100%;
    margin: 15%;
}


/*end downheaderbox*/


/*for Section*/

section {
    padding: 30px 0;
}

p {
    line-height: 28px !important;
}


/*start footer*/

.footer {
    background-image: url(../img/FOOT\ 2.jpg);
    background-size: cover;
    padding: 50px 0 35px 0;
}

.footer .container {
    padding: 0;
}

.copyright {
    color: #000;
    font-family: initial;
    padding: 10px;
    font-size: 16px;
}

.footer .navbar-brand img {
    margin-top: -25px;
    width: 63%;
}

.footer .ulMenu,
.footer .ulCon {
    flex-direction: row;
    position: relative;
    float: left;
    list-style-type: none;
    padding-right: 0;
}

.footer .ulCon li {
    color: #eac34a;
    margin-bottom: 8px;
}

.footer .ulCon li i, .phon {
    color: white;
    margin-right: 10px;
    font-style: initial;
    font-family: initial;
}

.footer .ulMenu {
    margin-top: 9px;
}

.footer .ulMenu li {
    margin: 0 1rem;
}

.footer .ulMenu li .nav-link {
    color: white;
    font-weight: bold;
}

.footer .part2 p {
    color: #eac34a;
    font-size: 17px;
    margin-bottom: 8px;
}

.footer .part2 a {
    color: #fff;
    margin-left: 11px;
    text-decoration: none !important;
}


/*start topfooter*/


/*start definition*/

.definition {
    background-image: url(../img/backDef.png);
    background-size: 100% 100%;
    padding: 70px 15px 120px 15px;
}

.definition p {
    font-size: 20px;
    text-align: justify;
    color: #818d93;
}

.definition img,
.job img {
    width: 100%;
}


/*end definition*/


/*start value*/

.value {
    background-image: url(../img/Rectangle\ 63.jpg);
    background-size: 100% 100%;
    height: auto;
    padding-bottom: 21px;
    padding-top: 0;
    margin-top: -76px;
}

.value .row {
    width: 100%;
}

.value .top {
    width: 100%;
    margin-bottom: 37px;
}

.value .valueIm {
    width: 8%;
    position: relative;
    float: right;
    margin: -4% 5% 0 0;
}

.value img {
    width: 50%;
}

.value .valInner {
    margin-top: 30px;
}

.value .valInner p {
    padding: 70px 20px;
    background-color: #5f7d888f;
    margin-top: -58px;
    color: white;
    font-size: 18px;
    letter-spacing: 0.6px;
}

.value h4 {
    color: white;
    font-weight: bold;
    display: inline-block;
    background: #52737f54;
    width: 50%;
    text-align: center;
}


/*end value*/


/*start job*/

.job .imgJb {
    width: 30%;
    display: inline-block;
}

.job p {
    width: 68%;
    padding-top: 12%;
    display: inline-block;
    color: #818d93;
    padding-bottom: 13px;
    border-bottom: 6px solid #eac34a;
}

p {
    font-size: 18px;
    letter-spacing: 0.6px;
}


/*end job*/


/*start message*/

.message {
    background-image: url(../img/messageBackground.png);
    background-size: cover;
    padding-bottom: 70px;
}

.message .col-md-12 img {
    margin-top: 30px;
    margin-bottom: 0 !important;
}

.message p {
    color: white;
    font-size: 24px;
    margin: 0 16%;
    line-height: 47px !important;
}

.message p:before,
.message p:after {
    content: "";
    display: block;
    background-image: url(../img/icon.png);
    background-size: 100% 100%;
    width: 60px;
    height: 60px;
    margin: 5% 40%;
}


/*end message*/


/*start serv*/

.serv {
    background-color: #f9f9f9;
}

.serv img,
.sol img,
.message .col-md-12 img {
    width: 30%;
    margin-bottom: 30px;
}

.serv p {
    background-color: white;
    padding: 25px;
    box-shadow: 0 2px 10px 0 rgb(0 0 0 / 10%);
    margin-bottom: 35px;
    color: #56646e;
    transition: .3s;
}

.serv p:hover {
    box-shadow: 0 2px 10px 0 #eac34a57;
    transform: scale(1.02);
}

.serv h4 {
    color: #eac34a;
    font-weight: bold;
    margin-bottom: 15px;
    text-align: center;
    font-size: 21px;
}


/*end serv*/


/*start sol*/

.sol {
    padding-top: 25px;
}

.sol .title {
    color: #eac34a;
    font-weight: bold;
    margin-bottom: 25px;
    text-align: center;
}

.sol .col-md-3 img {
    width: 50%;
    transition: .5s;
}

.sol .col-md-3 img:hover {
    transform: scale(1.1);
}

.sol .sol1 .col-md-3 h6 {
    color: #56646e;
    font-size: 19px;
}

.sol .content {
    color: #56646e;
    margin: 50px 15px;
    line-height: 47px;
}

.sol .backSol {
    background-image: url(../img/Vector\ Smart\ Object19-02.png);
    background-size: 100% 100%;
    padding: 40px;
    height: 160px;
    transition: .5s;
}

.sol .backSol:hover {
    margin-top: -10px;
}

.sol .col-md-4 {
    margin-bottom: 20px;
}

.sol .backSol p {
    height: 5em;
    display: flex;
    align-items: center;
    justify-content: center
}

.sol .steps {
    margin: 100px 0 50px 0;
}

.sol .steps .sstep {
    background-image: url(../img/Rectangle\ 26\ copy.jpg);
    background-size: cover;
    height: 330px;
    color: white;
    text-align: right;
}

.sol .steps .sstep img {
    width: 40%;
    margin: -30% 0 0 0;
}

.sol .steps .sstep h6 {
    font-weight: bold;
    font-size: 20px;
    padding: 20px 15px 4px 15px;
    text-align: right;
}

.sol .steps .sstep p {
    padding: 0 30px 30px 30px;
    text-align: right;
}

.sol .program h3 {
    color: #eac34a;
    background: #f6f6f69e;
    font-size: 24px;
    margin-bottom: 15px;
}

.sol .repot {
    margin: 40px 0;
}

.sol .repot h3,
.clients h3,
.contact h3 {
    background: #f6f6f69e;
    color: #eac34a;
    font-weight: bold;
    margin-bottom: 15px;
    font-size: 1.55rem;
}

.sol .repot ul {
    display: inline-block;
    list-style: none;
    margin-top: 15px;
}

.sol .repot ul li {
    margin-left: 30px;
    font-size: 17px;
    display: inline-block;
}

.sol .repot ul li img {
    float: right;
    width: 25px;
    height: 25px;
    margin-left: 8px;
}


/*end sol*/


/*start map*/

.map {
    padding: 0;
    box-shadow: none;
}


/*end map*/


/*start clients*/

.clients {
    padding: 40px 0;
}

.clients h3 {
    background: #f6f6f69e;
    font-size: 1.75rem;
    margin-bottom: 42px;
}

.clients img,
.message .col-md-6 img {
    width: 100%;
}


/*
.aleft {
    left: -4%;
    color: #3499ff;
    text-decoration: none;
}

.aright {
    right: -4%;
    color: #3499ff;
    text-decoration: none;
}

.aright,
.aleft {
    position: absolute;
    top: 0;
    height: 30px;
    width: 30px;
}

.aright img,
.aleft img {
    width: 100%;
}*/

.carousel-control-prev-icon,
.carousel-control-next-icon {
    height: 30px;
    width: 30px;
}

.carousel-control-next {
    right: -4%;
}

.carousel-control-prev {
    left: -4%;
}

.carousel-control-prev-icon {
    background-image: url(../img/Vector\ Smart\ Object15-01.png);
}

.carousel-control-next-icon {
    background-image: url(../img/Vector\ Smart\ Object15-02.png);
}

.carousel-control-next,
.carousel-control-prev {
    height: 30px;
    width: 30px;
    opacity: 1;
}


/*end clients*/


/*start contact*/

.contact {
    background-image: url(../img/contact.png);
    background-size: cover;
}

.contact .col-md-5 {
    background: #fff3de;
    padding: 30px 30px 10px;
    box-shadow: 0 2px 8px 0 #ddd;
    height: 100%;
}

.contact h3 {
    margin-bottom: 30px;
}

.form-control:focus {
    border-color: #254e5d;
}

.contact h5 {
    font-size: 1rem;
    font-weight: bold;
    display: inline-block;
}

.contact .row .col-md-10 {
    padding-top: 23px;
}

.contact .row .col-md-2 {
    padding-top: 23px;
}

.contact .col-md-2 img {
    width: 65px;
    height: 65px;
}

.contact .col-md-12 .fa {
    font-size: 27px;
    min-width: 5%;
    margin-left: 10px;
    color: #c99e55;
}

.contact input,
.contact textarea {
    text-align: right;
    margin-bottom: 10px;
    padding: 12px;
    border: 0;
    font-size: 14px;
    border-bottom: 1px solid lightgray;
}

.contact p {
    color: #8f8f8f;
    font-size: 16px;
    margin-bottom: 28px;
}

.contact button {
    cursor: pointer;
    float: right;
    font-size: 16px;
    font-weight: bold;
    width: 30%;
    border-radius: 0;
    padding: 13px;
}

.btn-primary {
    background-color: #254e5d;
    background-image: none;
    border-color: #254e5d;
    transition: 0.8s;
}

.btn-primary:hover {
    color: #254e5d;
    border-color: #254e5d;
    background-color: #fff;
}


/*end contact*/
a[href^=tel] { color: inherit; text-decoration: none; }
@font-face {
    font-family: "GE Dinar One Regular";
    src: url(../fonts/GE\ Dinar\ One\ Regular.otf);
}

html,
body {
    scroll-behavior: smooth;
    height: 100vh;
    padding: 0;
    direction: rtl !important;
    font-family: "GE Dinar One Regular";
}

.container-fluid {
    padding: 0;
    min-height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.container-fluid .row {
    padding: 0;
    margin: 0;
}

.btn:hover {
    text-decoration: none;
    box-shadow: 0 1px 5px 0 #bbc1c7;
}


/*start nav*/

.aftertopmenu {
    /*position: fixed;*/
    width: 100%;
    box-shadow: 0 4px 4px rgb(0 0 0 / 12%);
    z-index: 10000;
    padding: 4px;
    transition: all 0.5s;
    background-image: url(../img/head.jpg);
    background-size: 100% 112%;
}

.header-alt {
    box-shadow: 0 2px 35px 0 rgba(0, 0, 0, .1);
    top: 0;
    left: 0;
}

.header-alt .navbar-nav .nav-link {
    color: #c99e55 !important;
}

.navbar-expand-lg .navbar-nav {
    direction: rtl;
}

.top-section .navbar-nav {
    padding-left: 120px;
    padding-top: 10px;
}

#navbarSupportedContent {
    margin-top: 6px;
}

@media screen and (min-width: 992px) {
    .navbar .nav-item {
        /* padding: .5rem .5rem; */
        margin: 0 .4rem;
    }
}

.navbar {
    padding: 0;
}

.header-alt .navbar {
    padding: .5rem 1rem;
}

.navbar-dark .navbar-nav .nav-link.active {
    color: #254e5d !important;
    font-weight: bold;
    display: inline-block;
}

.navbar .nav-link:hover {
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    color: #254e5d !important;
}

.bg-primary {
    width: 100%;
    background: transparent !important;
}

.navbar-dark .navbar-nav .nav-link {
    color: #c99e55;
    font-weight: bold;
    font-size: 18px;
}

.navbar-dark .navbar-toggler-icon {
    background-color: #c99e55;
    width: 38px;
    height: 35px;
    border-radius: 6px;
}

.navbar-brand {
    margin-right: 0;
    display: -webkit-inline-box;
    position: relative;
}

.navbar {
    direction: ltr;
}

.navbar-dark .navbar-brand {
    width: 20%;
}

.navbar-brand img {
    width: 100%;
}

.mr-auto {
    margin-left: auto !important;
    margin-right: 0 !important;
}


/*end nav*/


/*start whatsapp*/

.float {
    position: fixed;
    width: 60px;
    height: 60px;
    bottom: 15px;
    left: 21px !important;
    right: auto;
    background-color: #25d366;
    color: #FFF !important;
    border-radius: 50px;
    text-align: center;
    font-size: 30px;
    box-shadow: 0px 1px 3px #999;
    z-index: 100;
}

.my-float {
    margin-top: 16px;
}


/*end whatsapp*/


/*start downheaderbox*/

.downheaderbox {
    background-image: url(../img/backMain.jpg);
    background-size: cover;
    background-position: center center !important;
    background-repeat: no-repeat no-repeat;
}

.downheaderbox .img-fluid {
    height: 100%;
    margin: 15%;
}


/*end downheaderbox*/


/*for Section*/

section {
    padding: 30px 0;
}

p {
    line-height: 28px !important;
}


/*start footer*/

.footer {
    background-image: url(../img/FOOT\ 2.jpg);
    background-size: cover;
    padding: 50px 0 35px 0;
}

.footer .container {
    padding: 0;
}

.copyright {
    color: #000;
    font-family: initial;
    padding: 10px;
    font-size: 16px;
}

.footer .navbar-brand img {
    margin-top: -25px;
    width: 63%;
}

.footer .ulMenu,
.footer .ulCon {
    flex-direction: row;
    position: relative;
    float: left;
    list-style-type: none;
    padding-right: 0;
}

.footer .ulCon li {
    color: #eac34a;
    margin-bottom: 8px;
}

.footer .ulCon li i, .phon {
    color: white;
    margin-right: 10px;
    font-style: initial;
    font-family: initial;
}

.footer .ulMenu {
    margin-top: 9px;
}

.footer .ulMenu li {
    margin: 0 1rem;
}

.footer .ulMenu li .nav-link {
    color: white;
    font-weight: bold;
}

.footer .part2 p {
    color: #eac34a;
    font-size: 17px;
    margin-bottom: 8px;
}

.footer .part2 a {
    color: #fff;
    margin-left: 11px;
    text-decoration: none !important;
}


/*start topfooter*/


/*start definition*/

.definition {
    background-image: url(../img/backDef.png);
    background-size: 100% 100%;
    padding: 70px 15px 120px 15px;
}

.definition p {
    font-size: 20px;
    text-align: justify;
    color: #818d93;
}

.definition img,
.job img {
    width: 100%;
}


/*end definition*/


/*start value*/

.value {
    background-image: url(../img/Rectangle\ 63.jpg);
    background-size: 100% 100%;
    height: auto;
    padding-bottom: 21px;
    padding-top: 0;
    margin-top: -76px;
}

.value .row {
    width: 100%;
}

.value .top {
    width: 100%;
    margin-bottom: 37px;
}

.value .valueIm {
    width: 8%;
    position: relative;
    float: right;
    margin: -4% 5% 0 0;
}

.value img {
    width: 50%;
}

.value .valInner {
    margin-top: 30px;
}

.value .valInner p {
    padding: 70px 20px;
    background-color: #5f7d888f;
    margin-top: -58px;
    color: white;
    font-size: 18px;
    letter-spacing: 0.6px;
}

.value h4 {
    color: white;
    font-weight: bold;
    display: inline-block;
    background: #52737f54;
    width: 50%;
    text-align: center;
}


/*end value*/


/*start job*/

.job .imgJb {
    width: 30%;
    display: inline-block;
}

.job p {
    width: 68%;
    padding-top: 12%;
    display: inline-block;
    color: #818d93;
    padding-bottom: 13px;
    border-bottom: 6px solid #eac34a;
}

p {
    font-size: 18px;
    letter-spacing: 0.6px;
}


/*end job*/


/*start message*/

.message {
    background-image: url(../img/messageBackground.png);
    background-size: cover;
    padding-bottom: 70px;
}

.message .col-md-12 img {
    margin-top: 30px;
    margin-bottom: 0 !important;
}

.message p {
    color: white;
    font-size: 24px;
    margin: 0 16%;
    line-height: 47px !important;
}

.message p:before,
.message p:after {
    content: "";
    display: block;
    background-image: url(../img/icon.png);
    background-size: 100% 100%;
    width: 60px;
    height: 60px;
    margin: 5% 40%;
}


/*end message*/


/*start serv*/

.serv {
    background-color: #f9f9f9;
}

.serv img,
.sol img,
.message .col-md-12 img {
    width: 30%;
    margin-bottom: 30px;
}

.serv p {
    background-color: white;
    padding: 25px;
    box-shadow: 0 2px 10px 0 rgb(0 0 0 / 10%);
    margin-bottom: 35px;
    color: #56646e;
    transition: .3s;
}

.serv p:hover {
    box-shadow: 0 2px 10px 0 #eac34a57;
    transform: scale(1.02);
}

.serv h4 {
    color: #eac34a;
    font-weight: bold;
    margin-bottom: 15px;
    text-align: center;
    font-size: 21px;
}


/*end serv*/


/*start sol*/

.sol {
    padding-top: 25px;
}

.sol .title {
    color: #eac34a;
    font-weight: bold;
    margin-bottom: 25px;
    text-align: center;
}

.sol .col-md-3 img {
    width: 50%;
    transition: .5s;
}

.sol .col-md-3 img:hover {
    transform: scale(1.1);
}

.sol .sol1 .col-md-3 h6 {
    color: #56646e;
    font-size: 19px;
}

.sol .content {
    color: #56646e;
    margin: 50px 15px;
    line-height: 47px;
}

.sol .backSol {
    background-image: url(../img/Vector\ Smart\ Object19-02.png);
    background-size: 100% 100%;
    padding: 40px;
    height: 160px;
    transition: .5s;
}

.sol .backSol:hover {
    margin-top: -10px;
}

.sol .col-md-4 {
    margin-bottom: 20px;
}

.sol .backSol p {
    height: 5em;
    display: flex;
    align-items: center;
    justify-content: center
}

.sol .steps {
    margin: 100px 0 50px 0;
}

.sol .steps .sstep {
    background-image: url(../img/Rectangle\ 26\ copy.jpg);
    background-size: cover;
    height: 330px;
    color: white;
    text-align: right;
}

.sol .steps .sstep img {
    width: 40%;
    margin: -30% 0 0 0;
}

.sol .steps .sstep h6 {
    font-weight: bold;
    font-size: 20px;
    padding: 20px 15px 4px 15px;
    text-align: right;
}

.sol .steps .sstep p {
    padding: 0 30px 30px 30px;
    text-align: right;
}

.sol .program h3 {
    color: #eac34a;
    background: #f6f6f69e;
    font-size: 24px;
    margin-bottom: 15px;
}

.sol .repot {
    margin: 40px 0;
}

.sol .repot h3,
.clients h3,
.contact h3 {
    background: #f6f6f69e;
    color: #eac34a;
    font-weight: bold;
    margin-bottom: 15px;
    font-size: 1.55rem;
}

.sol .repot ul {
    display: inline-block;
    list-style: none;
    margin-top: 15px;
}

.sol .repot ul li {
    margin-left: 30px;
    font-size: 17px;
    display: inline-block;
}

.sol .repot ul li img {
    float: right;
    width: 25px;
    height: 25px;
    margin-left: 8px;
}


/*end sol*/


/*start map*/

.map {
    padding: 0;
    box-shadow: none;
}


/*end map*/


/*start clients*/

.clients {
    padding: 40px 0;
}

.clients h3 {
    background: #f6f6f69e;
    font-size: 1.75rem;
    margin-bottom: 42px;
}

.clients img,
.message .col-md-6 img {
    width: 100%;
}


/*
.aleft {
    left: -4%;
    color: #3499ff;
    text-decoration: none;
}

.aright {
    right: -4%;
    color: #3499ff;
    text-decoration: none;
}

.aright,
.aleft {
    position: absolute;
    top: 0;
    height: 30px;
    width: 30px;
}

.aright img,
.aleft img {
    width: 100%;
}*/

.carousel-control-prev-icon,
.carousel-control-next-icon {
    height: 30px;
    width: 30px;
}

.carousel-control-next {
    right: -4%;
}

.carousel-control-prev {
    left: -4%;
}

.carousel-control-prev-icon {
    background-image: url(../img/Vector\ Smart\ Object15-01.png);
}

.carousel-control-next-icon {
    background-image: url(../img/Vector\ Smart\ Object15-02.png);
}

.carousel-control-next,
.carousel-control-prev {
    height: 30px;
    width: 30px;
    opacity: 1;
}


/*end clients*/


/*start contact*/

.contact {
    background-image: url(../img/contact.png);
    background-size: cover;
}

.contact .col-md-5 {
    background: #fff3de;
    padding: 30px 30px 10px;
    box-shadow: 0 2px 8px 0 #ddd;
    height: 100%;
}

.contact h3 {
    margin-bottom: 30px;
}

.form-control:focus {
    border-color: #254e5d;
}

.contact h5 {
    font-size: 1rem;
    font-weight: bold;
    display: inline-block;
}

.contact .row .col-md-10 {
    padding-top: 23px;
}

.contact .row .col-md-2 {
    padding-top: 23px;
}

.contact .col-md-2 img {
    width: 65px;
    height: 65px;
}

.contact .col-md-12 .fa {
    font-size: 27px;
    min-width: 5%;
    margin-left: 10px;
    color: #c99e55;
}

.contact input,
.contact textarea {
    text-align: right;
    margin-bottom: 10px;
    padding: 12px;
    border: 0;
    font-size: 14px;
    border-bottom: 1px solid lightgray;
}

.contact p {
    color: #8f8f8f;
    font-size: 16px;
    margin-bottom: 28px;
}

.contact button {
    cursor: pointer;
    float: right;
    font-size: 16px;
    font-weight: bold;
    width: 30%;
    border-radius: 0;
    padding: 13px;
}

.btn-primary {
    background-color: #254e5d;
    background-image: none;
    border-color: #254e5d;
    transition: 0.8s;
}

.btn-primary:hover {
    color: #254e5d;
    border-color: #254e5d;
    background-color: #fff;
}


/*end contact*/
a[href^=tel] { color: inherit; text-decoration: none; }
@font-face {
    font-family: "GE Dinar One Regular";
    src: url(../fonts/GE\ Dinar\ One\ Regular.otf);
}

html,
body {
    scroll-behavior: smooth;
    height: 100vh;
    padding: 0;
    direction: rtl !important;
    font-family: "GE Dinar One Regular";
}

.container-fluid {
    padding: 0;
    min-height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.container-fluid .row {
    padding: 0;
    margin: 0;
}

.btn:hover {
    text-decoration: none;
    box-shadow: 0 1px 5px 0 #bbc1c7;
}


/*start nav*/

.aftertopmenu {
    /*position: fixed;*/
    width: 100%;
    box-shadow: 0 4px 4px rgb(0 0 0 / 12%);
    z-index: 10000;
    padding: 4px;
    transition: all 0.5s;
    background-image: url(../img/head.jpg);
    background-size: 100% 112%;
}

.header-alt {
    box-shadow: 0 2px 35px 0 rgba(0, 0, 0, .1);
    top: 0;
    left: 0;
}

.header-alt .navbar-nav .nav-link {
    color: #c99e55 !important;
}

.navbar-expand-lg .navbar-nav {
    direction: rtl;
}

.top-section .navbar-nav {
    padding-left: 120px;
    padding-top: 10px;
}

#navbarSupportedContent {
    margin-top: 6px;
}

@media screen and (min-width: 992px) {
    .navbar .nav-item {
        /* padding: .5rem .5rem; */
        margin: 0 .4rem;
    }
}

.navbar {
    padding: 0;
}

.header-alt .navbar {
    padding: .5rem 1rem;
}

.navbar-dark .navbar-nav .nav-link.active {
    color: #254e5d !important;
    font-weight: bold;
    display: inline-block;
}

.navbar .nav-link:hover {
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    color: #254e5d !important;
}

.bg-primary {
    width: 100%;
    background: transparent !important;
}

.navbar-dark .navbar-nav .nav-link {
    color: #c99e55;
    font-weight: bold;
    font-size: 18px;
}

.navbar-dark .navbar-toggler-icon {
    background-color: #c99e55;
    width: 38px;
    height: 35px;
    border-radius: 6px;
}

.navbar-brand {
    margin-right: 0;
    display: -webkit-inline-box;
    position: relative;
}

.navbar {
    direction: ltr;
}

.navbar-dark .navbar-brand {
    width: 20%;
}

.navbar-brand img {
    width: 100%;
}

.mr-auto {
    margin-left: auto !important;
    margin-right: 0 !important;
}


/*end nav*/


/*start whatsapp*/

.float {
    position: fixed;
    width: 60px;
    height: 60px;
    bottom: 15px;
    left: 21px !important;
    right: auto;
    background-color: #25d366;
    color: #FFF !important;
    border-radius: 50px;
    text-align: center;
    font-size: 30px;
    box-shadow: 0px 1px 3px #999;
    z-index: 100;
}

.my-float {
    margin-top: 16px;
}


/*end whatsapp*/


/*start downheaderbox*/

.downheaderbox {
    background-image: url(../img/backMain.jpg);
    background-size: cover;
    background-position: center center !important;
    background-repeat: no-repeat no-repeat;
}

.downheaderbox .img-fluid {
    height: 100%;
    margin: 15%;
}


/*end downheaderbox*/


/*for Section*/

section {
    padding: 30px 0;
}

p {
    line-height: 28px !important;
}


/*start footer*/

.footer {
    background-image: url(../img/FOOT\ 2.jpg);
    background-size: cover;
    padding: 50px 0 35px 0;
}

.footer .container {
    padding: 0;
}

.copyright {
    color: #000;
    font-family: initial;
    padding: 10px;
    font-size: 16px;
}

.footer .navbar-brand img {
    margin-top: -25px;
    width: 63%;
}

.footer .ulMenu,
.footer .ulCon {
    flex-direction: row;
    position: relative;
    float: left;
    list-style-type: none;
    padding-right: 0;
}

.footer .ulCon li {
    color: #eac34a;
    margin-bottom: 8px;
}

.footer .ulCon li i, .phon {
    color: white;
    margin-right: 10px;
    font-style: initial;
    font-family: initial;
}

.footer .ulMenu {
    margin-top: 9px;
}

.footer .ulMenu li {
    margin: 0 1rem;
}

.footer .ulMenu li .nav-link {
    color: white;
    font-weight: bold;
}

.footer .part2 p {
    color: #eac34a;
    font-size: 17px;
    margin-bottom: 8px;
}

.footer .part2 a {
    color: #fff;
    margin-left: 11px;
    text-decoration: none !important;
}


/*start topfooter*/


/*start definition*/

.definition {
    background-image: url(../img/backDef.png);
    background-size: 100% 100%;
    padding: 70px 15px 120px 15px;
}

.definition p {
    font-size: 20px;
    text-align: justify;
    color: #818d93;
}

.definition img,
.job img {
    width: 100%;
}


/*end definition*/


/*start value*/

.value {
    background-image: url(../img/Rectangle\ 63.jpg);
    background-size: 100% 100%;
    height: auto;
    padding-bottom: 21px;
    padding-top: 0;
    margin-top: -76px;
}

.value .row {
    width: 100%;
}

.value .top {
    width: 100%;
    margin-bottom: 37px;
}

.value .valueIm {
    width: 8%;
    position: relative;
    float: right;
    margin: -4% 5% 0 0;
}

.value img {
    width: 50%;
}

.value .valInner {
    margin-top: 30px;
}

.value .valInner p {
    padding: 70px 20px;
    background-color: #5f7d888f;
    margin-top: -58px;
    color: white;
    font-size: 18px;
    letter-spacing: 0.6px;
}

.value h4 {
    color: white;
    font-weight: bold;
    display: inline-block;
    background: #52737f54;
    width: 50%;
    text-align: center;
}


/*end value*/


/*start job*/

.job .imgJb {
    width: 30%;
    display: inline-block;
}

.job p {
    width: 68%;
    padding-top: 12%;
    display: inline-block;
    color: #818d93;
    padding-bottom: 13px;
    border-bottom: 6px solid #eac34a;
}

p {
    font-size: 18px;
    letter-spacing: 0.6px;
}


/*end job*/


/*start message*/

.message {
    background-image: url(../img/messageBackground.png);
    background-size: cover;
    padding-bottom: 70px;
}

.message .col-md-12 img {
    margin-top: 30px;
    margin-bottom: 0 !important;
}

.message p {
    color: white;
    font-size: 24px;
    margin: 0 16%;
    line-height: 47px !important;
}

.message p:before,
.message p:after {
    content: "";
    display: block;
    background-image: url(../img/icon.png);
    background-size: 100% 100%;
    width: 60px;
    height: 60px;
    margin: 5% 40%;
}


/*end message*/


/*start serv*/

.serv {
    background-color: #f9f9f9;
}

.serv img,
.sol img,
.message .col-md-12 img {
    width: 30%;
    margin-bottom: 30px;
}

.serv p {
    background-color: white;
    padding: 25px;
    box-shadow: 0 2px 10px 0 rgb(0 0 0 / 10%);
    margin-bottom: 35px;
    color: #56646e;
    transition: .3s;
}

.serv p:hover {
    box-shadow: 0 2px 10px 0 #eac34a57;
    transform: scale(1.02);
}

.serv h4 {
    color: #eac34a;
    font-weight: bold;
    margin-bottom: 15px;
    text-align: center;
    font-size: 21px;
}


/*end serv*/


/*start sol*/

.sol {
    padding-top: 25px;
}

.sol .title {
    color: #eac34a;
    font-weight: bold;
    margin-bottom: 25px;
    text-align: center;
}

.sol .col-md-3 img {
    width: 50%;
    transition: .5s;
}

.sol .col-md-3 img:hover {
    transform: scale(1.1);
}

.sol .sol1 .col-md-3 h6 {
    color: #56646e;
    font-size: 19px;
}

.sol .content {
    color: #56646e;
    margin: 50px 15px;
    line-height: 47px;
}

.sol .backSol {
    background-image: url(../img/Vector\ Smart\ Object19-02.png);
    background-size: 100% 100%;
    padding: 40px;
    height: 160px;
    transition: .5s;
}

.sol .backSol:hover {
    margin-top: -10px;
}

.sol .col-md-4 {
    margin-bottom: 20px;
}

.sol .backSol p {
    height: 5em;
    display: flex;
    align-items: center;
    justify-content: center
}

.sol .steps {
    margin: 100px 0 50px 0;
}

.sol .steps .sstep {
    background-image: url(../img/Rectangle\ 26\ copy.jpg);
    background-size: cover;
    height: 330px;
    color: white;
    text-align: right;
}

.sol .steps .sstep img {
    width: 40%;
    margin: -30% 0 0 0;
}

.sol .steps .sstep h6 {
    font-weight: bold;
    font-size: 20px;
    padding: 20px 15px 4px 15px;
    text-align: right;
}

.sol .steps .sstep p {
    padding: 0 30px 30px 30px;
    text-align: right;
}

.sol .program h3 {
    color: #eac34a;
    background: #f6f6f69e;
    font-size: 24px;
    margin-bottom: 15px;
}

.sol .repot {
    margin: 40px 0;
}

.sol .repot h3,
.clients h3,
.contact h3 {
    background: #f6f6f69e;
    color: #eac34a;
    font-weight: bold;
    margin-bottom: 15px;
    font-size: 1.55rem;
}

.sol .repot ul {
    display: inline-block;
    list-style: none;
    margin-top: 15px;
}

.sol .repot ul li {
    margin-left: 30px;
    font-size: 17px;
    display: inline-block;
}

.sol .repot ul li img {
    float: right;
    width: 25px;
    height: 25px;
    margin-left: 8px;
}


/*end sol*/


/*start map*/

.map {
    padding: 0;
    box-shadow: none;
}


/*end map*/


/*start clients*/

.clients {
    padding: 40px 0;
}

.clients h3 {
    background: #f6f6f69e;
    font-size: 1.75rem;
    margin-bottom: 42px;
}

.clients img,
.message .col-md-6 img {
    width: 100%;
}


/*
.aleft {
    left: -4%;
    color: #3499ff;
    text-decoration: none;
}

.aright {
    right: -4%;
    color: #3499ff;
    text-decoration: none;
}

.aright,
.aleft {
    position: absolute;
    top: 0;
    height: 30px;
    width: 30px;
}

.aright img,
.aleft img {
    width: 100%;
}*/

.carousel-control-prev-icon,
.carousel-control-next-icon {
    height: 30px;
    width: 30px;
}

.carousel-control-next {
    right: -4%;
}

.carousel-control-prev {
    left: -4%;
}

.carousel-control-prev-icon {
    background-image: url(../img/Vector\ Smart\ Object15-01.png);
}

.carousel-control-next-icon {
    background-image: url(../img/Vector\ Smart\ Object15-02.png);
}

.carousel-control-next,
.carousel-control-prev {
    height: 30px;
    width: 30px;
    opacity: 1;
}


/*end clients*/


/*start contact*/

.contact {
    background-image: url(../img/contact.png);
    background-size: cover;
}

.contact .col-md-5 {
    background: #fff3de;
    padding: 30px 30px 10px;
    box-shadow: 0 2px 8px 0 #ddd;
    height: 100%;
}

.contact h3 {
    margin-bottom: 30px;
}

.form-control:focus {
    border-color: #254e5d;
}

.contact h5 {
    font-size: 1rem;
    font-weight: bold;
    display: inline-block;
}

.contact .row .col-md-10 {
    padding-top: 23px;
}

.contact .row .col-md-2 {
    padding-top: 23px;
}

.contact .col-md-2 img {
    width: 65px;
    height: 65px;
}

.contact .col-md-12 .fa {
    font-size: 27px;
    min-width: 5%;
    margin-left: 10px;
    color: #c99e55;
}

.contact input,
.contact textarea {
    text-align: right;
    margin-bottom: 10px;
    padding: 12px;
    border: 0;
    font-size: 14px;
    border-bottom: 1px solid lightgray;
}

.contact p {
    color: #8f8f8f;
    font-size: 16px;
    margin-bottom: 28px;
}

.contact button {
    cursor: pointer;
    float: right;
    font-size: 16px;
    font-weight: bold;
    width: 30%;
    border-radius: 0;
    padding: 13px;
}

.btn-primary {
    background-color: #254e5d;
    background-image: none;
    border-color: #254e5d;
    transition: 0.8s;
}

.btn-primary:hover {
    color: #254e5d;
    border-color: #254e5d;
    background-color: #fff;
}


/*end contact*/
a[href^=tel] { color: inherit; text-decoration: none; }

p { color: inherit; text-decoration: none; }

i { color: inherit; text-decoration: none; }