/*Table Content
==========================
    # General
        - Fonts
    # Links
    # Lists
    # Headings
    # Paragraphs
    # Images
    # Widgets
    # Icon-Box
    # Buttons
    # Forms
    # Section Settings
    # Header
    # Footer
    # page-header
    # home-slider
    # Home Page
*/

/* General
==========================*/
*:focus {
    outline: none !important;
}

/*Fonts*/
@font-face {
    font-family: 'DIN-NEXT-BOLD';
    src: url(../vendor/fonts/DIN-NEXT-BOLD.otf);
}

@font-face {
    font-family: 'DIN-NEXT-MEDIUM';
    src: url(../vendor/fonts/DIN-NEXT-MEDIUM.otf);
}

@font-face {
    font-family: 'DIN-NEXT-REGULAR';
    src: url(../vendor/fonts/DIN-NEXT-REGULAR.otf);
}

@font-face {
    font-family: 'OpenSans-Regular';
    src: url(../vendor/fonts/OpenSans-Regular.ttf);
}

body {
    /*direction: rtl;*/
    text-align: right;
    font-family: 'DIN-NEXT-REGULAR';
    font-size: 15px;
    line-height: 26px;
    color: #676666;
    overflow-x: hidden;
    /*    height: 40000px;*/
}

.wrapper {
    position: relative;
    width: 100%;
}

.main {
    position: relative;
    z-index: 9;
}

.num {
    font-family: 'OpenSans-Regular';
}

.no-padding {
    padding: 0 !important;
    text-align: left;
}

.padding-lg {
    padding: 70px;
}

/*Links
==========================*/
a {
    color: #000;
}

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

/*Lists
==========================*/
ul,
li {
    display: block;
    list-style: none;
    margin: 0;
    padding: 0;
}

/* second-list */
.second-list>li {
    display: inline-block;
    width: 49%;
}

/* contact-list */
ul.contact-list {}

ul.contact-list>li {
    display: inline-block;
    padding: 0 20px;
    position: relative;
}

ul.contact-list>li>span {
    color: #494949;
    font-size: 13px;
}

ul.contact-list>li>span:nth-child(2) {
    display: none
}

ul.contact-list>li>span:last-child {
    color: #a0a0a0;
}

@media (min-width:992px) and (max-width:1125px) {
    ul.contact-list>li>span:first-child {
        display: none
    }

    ul.contact-list>li>span:nth-child(2) {
        display: inline-block
    }
}

/* social-List */
ul.social-list {
    direction: ltr;
}

ul.social-list>li {
    display: inline-block;
    position: relative;
}

ul.social-list>li>a {
    display: block;
    font-size: 14px;
    color: #a0a0a0;
    padding: 0 10px;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

ul.social-list>li:first-child>a {
    padding-left: 0;
}

ul.social-list>li:last-child>a {
    padding-right: 0;
}

ul.social-list>li:hover>a {
    color: #EEAB65
}

ul.social-list>li>a>i {}

/* Important-Links */
.important-links {}

.important-links>li {}

.important-links>li>a {
    position: relative;
    color: #8391a8;
    font-family: 'DIN-NEXT-MEDIUM';
    line-height: 32px;
    padding-left: 12px;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.important-links>li>a:hover {
    margin-right: 5px;
    color: #EEAB65;
}

.important-links>li>a:before {
    position: absolute;
    content: "\f105";
    font-family: fontawesome;
    left: 0;
    top: 10;
}


/* Feature-List */
ul.feature-list {}

ul.feature-list>li {
    position: relative;
}

ul.feature-list>li:before {
    position: absolute;
    content: "";
    left: 0;
    top: 18px;
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background-color: #333;
}

ul.feature-list>li>.title {
    padding-left: 10px;
}

ul.feature-list>li>p {}

/* Detail-List*/
ul.detail-list {}

ul.detail-list>li {
    line-height: 35px;
}

ul.detail-list>li>span {
    color: #929292;
    font-size: 16px;
}

ul.detail-list>li>span:first-child {
    color: #000000;
    margin-left: 7px;
    font-family: 'DIN-NEXT-MEDIUM';
}

/* Breadcrumb */

/* Headings
========================== */
h1,
h2,
h3,
h4,
h5,
h6 {
    display: block;
    margin: 0;
}

.title {
    line-height: 35px;
    font-size: 16px;
    font-family: 'DIN-NEXT-MEDIUM';
}

.title-sm {
    font-size: 15px;
    line-height: 26px;
}

.title-lg {
    font-size: 25px;
    line-height: 50px;
}

/* Paragraphs
========================== */
p {
    margin: 0;
}

/* images
========================== */
img {
    display: block;
    max-width: 100%;
    height: auto;
}

/* Widgets
========================== */

/* Contact-Widget */
.contact-widget {
    position: relative;
    margin-bottom: 60px;
    display: flex;
    align-items: center;
}

.contact-widget:last-child {
    margin-bottom: 0;
}

.contact-widget .contact-icon {
    margin-left: 20px;
    height: 100%;
}



.contact-widget .contact-body {
    display: inline-block;
    width: 100%;
}

.contact-widget .contact-body>span {
    display: block;
    color: #fff;
    line-height: 22px;
    font-size: 14px;
    font-family: 'DIN-NEXT-MEDIUM';
}

.contact-widget .contact-body:nth-child(2) {
    width: 100%;
}

.contact-widget .contact-body>span:first-child {
    color: #EEAB65;
    font-family: 'DIN-NEXT-REGULAR';
}

@media(min-width:992px) and (max-width:1200px) {
    .contact-widget .contact-icon {
        margin-left: 5px;
    }
}

/* Has-bg*/


.contact-widget.has-bg .contact-icon {
    position: relative;
    width: 70px !important;
    height: 70px !important;
    background-color: #EEAB65;
    vertical-align: top;
}

.contact-widget.has-bg .contact-icon:before,
.contact-widget.has-bg .contact-icon:after {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
}

.contact-widget.has-bg .contact-icon:before {
    border-left: 14px solid #fff;
    border-bottom: 14px solid transparent;
}

.contact-widget.has-bg .contact-icon:after {
    border-right: 14px solid #000000;
    border-top: 14px solid transparent;
}

.contact-widget.has-bg .contact-icon:first-child {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 30px;
}

.contact-widget.has-bg .contact-icon img,
.contact-widget.has-bg .contact-icon i {
    margin: 15px auto;
    color: black;
}

.contact-widget.has-bg .contact-body {
    padding: 10px 0;
}

.contact-widget.has-bg .contact-body>span {
    color: #000000;
    line-height: 26px;
    font-size: 18px;
    font-family: 'DIN-NEXT-MEDIUM';
}

.contact-widget.has-bg .contact-body>span:first-child {
    color: #979797;
    font-size: 15px;
    font-family: 'DIN-NEXT-REGULAR';
}

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

    .contact-widget.has-bg .contact-body>span {
        font-size: 16px;
    }
}

@media(max-width:991px) {
    .contact-widget.has-bg {
        margin-bottom: 0;
        margin-top: 50px;
    }
}

/* Footer-Widget */
.footer-widget {
    margin-bottom: 50px;
}

.footer-widget .widget-head {}

.footer-widget .widget-head .title {
    color: #fff;
}

.footer-widget .widget-content {}

.footer-widget .widget-content>p {
    font-size: 14px;
    color: #8391a8;
    line-height: 25px;
    margin-bottom: 25px;
}

.footer-widget .widget-content .social-list>li>a {
    color: #8391a8;
}

.footer-widget .widget-content .social-list>li:hover>a {
    color: #EEAB65;
}

/* Team-Widget */
.team-widget {
    padding: 20px;
    background-color: #fff;
    position: relative;
    margin-bottom: 30px;
    text-align: left;
}

.team-widget:before,
.team-widget:after {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
}

.team-widget:before {
    border-left: 24px solid #f8f8f8;
    border-bottom: 24px solid transparent;
}

.team-widget:after {
    top: 5px;
    left: 5px;
    border-right: 24px solid #f8f8f8;
    border-top: 24px solid transparent;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.team-widget:hover:after {
    border-right: 24px solid #000000;
}

.team-widget .team-widget-head {
    width: 150px;
    height: 180px;
    display: inline-block;
    vertical-align: top;
}

.team-widget .team-widget-head img {
    display: inline-block;
}

.team-widget .team-widget-body {
    width: calc(100% - 180px);
    display: inline-block;
    margin-right: 20px;
}

.team-widget .team-widget-body .member-name {
    position: relative;
    padding-bottom: 10px;
}

.team-widget .team-widget-body .member-name:after {
    position: absolute;
    content: "";
    bottom: 0;
    left: 0;
    height: 2px;
    width: 17px;
    background-color: #EEAB65;
}

.team-widget .team-widget-body .member-name .title {
    color: #000000;
    font-size: 18px;
}

.team-widget .team-widget-body .member-name>span {
    font-size: 13px;
    color: #aeaeae;
}

.team-widget .team-widget-body .member-info>p {
    line-height: 25px;
    margin: 10px 0;
}

.team-widget .team-widget-body .member-info .social-list {}

@media(min-width:992px) and (max-width:1200px) {
    .team-widget .team-widget-body {
        width: calc(100% - 165px);
        margin-right: 10px;
    }
}

@media(max-width:560px) {

    .team-widget .team-widget-head,
    .team-widget .team-widget-body {
        display: block;
        text-align: center;
        margin: auto;
    }

    .team-widget .team-widget-body {
        width: 100%;
        margin-top: 10px;
    }

    .team-widget .team-widget-body .member-name:after {
        right: calc(50% - 8px);
    }
}

/* icon-widget
========================*/
.icon-widget {
    position: relative;
    margin-bottom: 40px;
}

.icon-widget .icon-widget-img {
    display: inline-block;
    vertical-align: top;
    margin-left: 15px;
}

.icon-widget .icon-widget-content {
    display: inline-block;
    width: calc(110% - 80px);
    text-align: left;
}

.icon-widget .icon-widget-content .title {
    font-size: 18px;
    color: #EEAB65;
    font-family: 'DIN-NEXT-MEDIUM';
    margin-bottom: 15px;
}

.icon-widget .icon-widget-content p {
    color: #fff;
}


/* Icon-box
========================== */
.icon-box {
    position: relative;
    text-align: center;
    width: 100px;
    height: 100px;
    background-color: #EEAB65;
    padding: 15px 0;
    margin-top: 27px;
}

.icon-box:before,
.icon-box:after {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
}

.icon-box:before {
    border-left: 20px solid #fff;
    border-bottom: 20px solid transparent;
}

.icon-box:after {
    border-right: 20px solid #000000;
    border-top: 20px solid transparent;
}

.icon-box .icon-head {}

.icon-box .icon-head img {
    display: inline-block;
}

.icon-box .icon-body {}

.icon-box .icon-body .title {
    color: #000000;
}

@media(max-width:991px) {
    .icon-box {
        margin-bottom: 50px;
    }
}

@media(max-width:576px) {
    .icon-box {
        margin: 30px auto 0px;
    }
}

/* Map
========================== */

/* Buttons
==========================*/
.custom-btn {
    border: none;
    box-shadow: none;
    position: relative;
    display: inline-block;
    padding: 0px 40px;
    background-color: #EEAB65;
    color: #000;
    cursor: pointer;
    line-height: 50px;
    font-size: 16px;
    font-family: 'DIN-NEXT-BOLD';
    -webkit-transition: all .35s ease-in-out;
    -moz-transition: all .35s ease-in-out;
    transition: all .35s ease-in-out;
}

.custom-btn i {
    font-size: 22px;
    position: absolute;
    top: 15px;
    right: 17px;
    color: #000;
}

.custom-btn:hover {
    color: #000;
    background-color: #d3b800;
}

/*Forms
==========================*/
.form-group {}

.form-control {
    height: 50px;
    border: none;
    border-bottom: 2px solid #e5e5e5;
    border-radius: 0;
    background-color: #f8f8f8;
}

textarea.form-control {
    resize: none;
    height: auto;
}

.form-control:focus {
    color: #EEAB65;
    border-bottom: 2px solid #EEAB65;
    background-color: #f8f8f8;
}

.form-control::-webkit-input-placeholder {
    /* WebKit, Blink, Edge */
    color: #767676;
}

.form-control:-moz-placeholder {
    /* Mozilla Firefox 4 to 18 */
    color: #767676;
}

.form-control::-moz-placeholder {
    /* Mozilla Firefox 19+ */
    color: #767676;
}

.form-control:-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: #767676;
}

.form-control::-ms-input-placeholder {
    /* Microsoft Edge */
    color: #767676;
}


/* search-head-form */
.search-head .search-btn {
    padding-left: 0;
    border: none;
    box-shadow: none;
    background-color: transparent;
    cursor: pointer;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.search-head .search-btn:after {
    display: none;
}

.search-head .search-btn:hover {
    color: #EEAB65;
    transform: scale(1.5);
}

.search-head .dropdown-menu {
    padding: 0;
    margin: 0;
    width: 300px;
    top: auto;
    bottom: -78px;
}

.search-head .search-head-form {
    position: relative;
}

.search-head .search-head-form .form-control {
    border: none;
}

.search-head .search-head-form .custom-btn {
    position: absolute;
    left: 3px;
    top: 3px;
    height: 44px;
    width: auto;
    padding: 0 20px;
    font-size: 14px;
    line-height: 44px;
}

.search-head .search-head-form .custom-btn:hover {
    color: #EEAB65;
    background-color: #000000;
}

@media(max-width:991px) {
    .search-head .search-btn {
        display: none;
    }

    .search-head .dropdown-menu {
        display: block;
        position: relative;
        top: 0;
        width: 100%;
    }

    .search-head .search-head-form {
        margin: 0;
        position: relative;
    }

    .search-head .search-head-form .form-control {
        display: inline-block;
        height: 55px;
        text-align: right;
        border: 0;
        border-radius: 0;
        background-color: #000000;
        padding-left: 50px;
        color: #fff;
    }

    .search-head .search-head-form .custom-btn {
        top: 0;
        left: 0;
        background-color: transparent;
        color: #EEAB65;
        height: 58px;
        border-bottom: 3px solid #EEAB65;
    }
}

/* Subscribe-Form */
.subscribe-form {
    position: relative;
}

.subscribe-form .form-control {
    color: #8391a8;
    background-color: transparent;
    height: 50px;
    border-radius: 0;
    border: 2px solid #EEAB65;
}

.subscribe-form .subscribe-btn {
    border: none;
    box-shadow: none;
    position: absolute;
    top: 0;
    left: 0;
    height: 50px;
    padding: 0 12px;
    color: #fff;
    font-size: 14px;
    font-family: 'DIN-NEXT-BOLD';
    background-color: #EEAB65;
}

.subscribe-form .form-control::-webkit-input-placeholder {
    /* WebKit, Blink, Edge */
    color: #2d3d57;
}

.subscribe-form .form-control:-moz-placeholder {
    /* Mozilla Firefox 4 to 18 */
    color: #2d3d57;
}

.subscribe-form .form-control::-moz-placeholder {
    /* Mozilla Firefox 19+ */
    color: #2d3d57;
}

.subscribe-form .form-control:-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: #2d3d57;
}

.subscribe-form .form-control::-ms-input-placeholder {
    /* Microsoft Edge */
    color: #2d3d57;
}





/* Section Settings
========================== */
.section-lg {
    padding: 90px 0;
}

.section-md {
    padding: 70px 0;
}

.section-head {
    position: relative;
    margin-bottom: 10px;
    text-align: left;
}

.section-title {
    display: inline-block;
    position: relative;
    color: #000000;
    line-height: 65px;
    padding: 0 7px 0 50px;
    margin-bottom: 20px;
    font-size: 40px;
    font-family: 'DIN-NEXT-BOLD';
    z-index: 1;
}

.section-title:before {
    position: absolute;
    content: "";
    top: 5px;
    height: 60px;
    left: 0;
    width: 60px;
    z-index: -1;
    background-image: url(../../../vendors/site/images/arrow.png);
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    top: 60%;
    transform: scaleX(-1) translateY(-50%);
}

/* .section-title:after {
    position: absolute;
    content: "";
    bottom: 14px;
    left: 0;
    height: 5px;
    width: 6px;
    background-color: #EEAB65;
} */

.section-title.no-before {
    padding-right: 0;
    font-size: 36px;
}

.section-title.no-before:before {
    display: none;
}

.section-title-sm {
    font-size: 23px !important;
    line-height: 50px;
    padding-left: 10px;
    margin-bottom: 5px;
}

.section-content p {
    margin-bottom: 15px;
}

.colored {
    background-color: #f8f8f8;
}

@media(max-width:767px) {
    .section-title.no-before {
        font-size: 34px;
    }
}


/* owl-carousel */
.owl-carousel {
    direction: ltr;
    text-align: left;
}

.owl-carousel .owl-wrapper,
.owl-carousel .owl-item {
    direction: rtl;
}

.owl-theme .owl-controls {
    text-align: right;
    direction: rtl;
}

.owl-theme .owl-controls .owl-buttons div {
    width: 40px;
    height: 40px;
    line-height: 36px;
    text-align: center;
    font-size: 14px;
    color: #2992fb;
    background-color: #fff;
    opacity: 1;
    -webkit-transition: all .35s ease-in-out;
    -moz-transition: all .35s ease-in-out;
    transition: all .35s ease-in-out;
}

.owl-theme .owl-controls.clickable .owl-buttons div:hover {
    color: #fff;
    background-color: #ff7225;
}



/*Header
============================*/
/* Top-Header */
.top-header {
    border-bottom: 1px solid #f0f0f0;
    border-top: 7px solid #000000;
    text-align: left;
}

.top-header .head-contact {
    padding-right: 300px;
    line-height: 35px;
}

.top-header ul.social-list {
    text-align: left;
    line-height: 35px;
}

.top-header .head-contact ul.contact-list>li:before,
.top-header ul.social-list>li:before {
    position: absolute;
    content: "";
    top: 10px;
    left: 0;
    height: 55%;
    width: 1px;
    background-color: #f0f0f0;
}

.top-header .head-contact ul.contact-list>li:last-child:before,
.top-header ul.social-list>li:first-child:before {
    display: none;
}

/*Main Header*/
.header>.container {
    position: relative;
    margin-bottom: -171px;
}

/*Header Logo*/
.header .logo {
    display: inline-block;
    position: relative;
    top: -65px;
    width: 230px;
    height: 165px;
    z-index: 10;
}

.header .logo:before {
    position: absolute;
    content: "";
    top: -20px;
    left: 100%;
    height: 100%;
    background-color: #fff;
}

.header .logo img {
    height: 100%;
}

@media (max-width: 991px) {
    .header .logo {
        width: 200px;
        height: 130px;
    }
}

/*btn-responsive-nav*/
.btn-responsive-nav {
    display: none;
}

@media all and (max-width:991px) {
    .btn-responsive-nav {
        display: block;
        position: absolute;
        border: none;
        left: 15px;
        top: 0;
        z-index: 9999;
        cursor: pointer;
        background-color: #000000;
        color: #fff;
        margin: 17px 0;
        -webkit-transition: all 0.3s ease-in-out;
        -moz-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
    }

    .btn-responsive-nav:hover {
        background-color: #EEAB65;
        color: #000000;
    }

    .btn-responsive-nav:hover,
    .btn-responsive-nav:focus {
        box-shadow: none;
    }
}

/*Navbar*/
.header .navbar {
    position: relative;
    padding: 0;
}

.navbar-nav {
    text-align: left;
}

.header .navbar-nav>.nav-item>.nav-link {
    position: relative;
    font-family: 'DIN-NEXT-BOLD';
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;

}

@media all and (min-width:992px) {
    .header .navbar-nav {
        margin-right: auto;

    }

    .header .navbar-nav>.nav-item {
        border-bottom: 6px solid transparent;
        -webkit-transition: all 0.3s ease-in-out;
        -moz-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
    }

    .header .navbar-nav>.nav-item.active,
    .header .navbar-nav>.nav-item:hover {
        border-bottom: 6px solid #083766;
    }

    .header .navbar-nav>.nav-item>.nav-link {
        line-height: 74px;
        color: #000000;
        font-size: 15px;
        padding: 0 20px;
    }

    .header .navbar-nav>.nav-item.active>.nav-link,
    .header .navbar-nav>.nav-item:hover>.nav-link {
        color: #000000;
    }
}

@media all and (max-width:991px) {
    .header>.container {
        margin-bottom: -147px;
        padding: 0;
    }

    .header .navbar {
        direction: ltr;
        min-height: 76px;
        padding: 76px 20px 0 20px;
    }

    .header .navbar .container {
        position: relative;
        z-index: 1;
    }

    .header .collapse.show {
        margin-bottom: 10px;
    }

    .header .navbar-nav>.nav-item>.nav-link {
        color: #000000;
    }

    .header .navbar-nav>.nav-item.active>.nav-link,
    .header .navbar-nav>.nav-item>.nav-link:hover {
        color: #083766;
    }

}


/*Footer
============================*/
.footer {
    position: relative;
    padding: 28px 0 0;
    background-color: #000000;
    text-align: left;
}

.footer:before {
    position: absolute;
    content: "";
    left: 0;
    top: 0;
    width: 71.2%;
    height: 100%;
    background-image: url(../images/footer-img.jpg);
    background-repeat: no-repeat;
    opacity: 0.08;
}

.footer .footer-logo {
    display: block;
    width: 80%;
}

@media(max-width:767px) {
    .footer {
        text-align: center;
    }

    .footer:before {
        width: 100%;
        background-size: cover;
    }
}

/* copy-right */
.copy-right {
    overflow: hidden;
    padding: 20px 0;
    background-color: #000000;
    text-align: left;
}

.copy-right div {
    color: #ffffff;
    font-size: 14px;
    word-spacing: 2px;
    text-align: center;
}

.copy-right div>a {
    color: #EEAB65;
    margin-right: 5px;
}

/* page-head
============================*/
.page-head {
    position: relative;
    background-image: url(../images/Hero.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    min-height: 275px;
    padding: 70px 0;
    text-align: center;
}

.page-head:before {
    position: absolute;
    content: "";
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.15);
}

.page-head:after {
    position: absolute;
    content: "";
    top: 70px;
    right: 0;
    width: 91.1%;
    height: 52%;
    background-color: rgba(0, 0, 0, 0.3);
}

.page-head>.container {
    position: relative;
    z-index: 1;
}

.page-head .breadcrumb {
    background-color: transparent;
}

.page-head .breadcrumb li {
    display: inline-block;
    font-size: 16px;

}

.page-head .breadcrumb li>a,
.breadcrumb>.active {
    color: #fff;

}

.breadcrumb>li+li:before {
    color: #fff;
    content: "|";
    padding: 0 10px;
}

.page-head .page-head-title {
    padding-top: 20px;
    color: #EEAB65;
    font-size: 40px;
    font-family: 'DIN-NEXT-BOLD';
}


/* home-sliders
=========================*/

.home-slider {
    direction: ltr;
    text-align: left;
}

.home-slider .carousel-indicators {
    display: block;
    left: auto;
    right: 0;
    top: 40%;
    bottom: auto;
    margin-left: 10%;
}

.home-slider .carousel-indicators li {
    width: 12px;
    height: 12px;
    background-color: #EEAB65;
    cursor: pointer;
    margin: 10px auto;
}

.home-slider .carousel-indicators .active {
    background-color: #000000;
    width: 15px;
    height: 15px;
}

.home-slider .carousel-item:after {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .25);
    top: 0;
    right: 0;
}

.home-slider .carousel-item img {
    max-height: 655px;
}

.home-slider .carousel-item .carousel-caption {
    text-align: left;
    bottom: 30%;
    max-width: 60%;
    padding: 50px 0px 50px 30px;
    right: 0;
    background-color: rgba(0, 0, 0, 0.369);
}

.home-slider .carousel-item .carousel-caption h3 {
    color: #EEAB65;
    font-size: 45px;
    line-height: 45px;
    font-family: 'DIN-NEXT-BOLD';
    margin-bottom: 20px;
}

.home-slider .carousel-item .carousel-caption .custom-btn {
    float: right;
    margin-top: 25px;
}

@media all and (max-width:1199px) and (min-width:992px) {
    .home-slider .carousel-item .carousel-caption {
        padding: 70px 100px 0 0;
    }
}

@media all and (max-width:991px) and (min-width:768px) {
    .home-slider .carousel-item .carousel-caption {
        padding: 70px 70px 0 0;
        bottom: calc(50% - 166.5px);
    }

    .home-slider .carousel-item .carousel-caption h3 {
        font-size: 40px;
    }
}

@media all and (max-width:767px) {
    .home-slider .carousel-item .carousel-caption {
        display: none;
    }
}



/*Home Page
=====================*/
/* About-Section */
.about {
    position: relative;
    padding-bottom: 50px;
}

.about:before {
    position: absolute;
    content: "";
    top: 370px;
    left: 0;
    height: 500px;
    background-image: url(../images/pattern-1.png);
    background-repeat: no-repeat;
    z-index: -1;
}

.about .section-content {
    margin-bottom: 50px;
    text-align: left;
}

.about .section-img {
    position: relative;
    float: left;
    max-width: 510px;
}

.about .section-img:before,
.about .section-img:after {
    position: absolute;
    content: "";
    top: -20px;
    left: -20px;
    background-color: #083766;
}

.about .section-img:before {
    width: 78%;
    height: 20px;
}

.about .section-img:after {
    width: 20px;
    height: 92%;
}

.about .about-img {
    position: relative;
    display: block;
    height: 380px;
}

.about .about-img:before {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.54);
}

.about .about-img:after {
    position: absolute;
    content: "";
    top: calc(50% - 35px);
    left: calc(50% - 35px);
    width: 70px;
    height: 70px;
    background-image: url(../images/video-play.png);
    background-repeat: no-repeat;
}

.about .about-img img {
    height: 100%;
    width: 100%;
}

.whatsapp-button {
    position: fixed;
    z-index: 99;
    bottom: 0.9rem;
    right: 0.9rem;
    width: 70px;
    height: 70px;
}

@media(max-width:991px) {
    .about .section-img {
        float: none;
        margin: auto;
    }
}


/* Services Section
=========================== */
.services {
    direction: ltr;
    text-align: left;
}

.services .section-head {
    margin: 0;
    padding: 70px 0 50px;
    background-color: #f8f8f8;
}

.services .section-head:before {
    position: absolute;
    content: "";
    top: 0;
    left: 100%;
    width: 500%;
    height: 100%;
    background-color: #f8f8f8;

}

.services .section-head .section-title {}

.services .section-head p {
    width: 74%;
}

.services-tabs {
    background-color: #EEAB65;
}

.services-tabs:before {
    position: absolute;
    content: "";
    top: 0;
    right: 100%;
    width: 100%;
    height: 100%;
    background-color: #EEAB65;
}

.nav .nav-item {
    width: 100%;
}

.nav .nav-item .nav-link {
    color: #000;
    padding: 28px 0;
    font-size: 20px;
    font-family: 'DIN-NEXT-REGULAR';
}

.nav .nav-item .nav-link.active {
    position: relative;
    background-color: #000000;
    color: #fff;
}

.nav .nav-item .nav-link.active:before {
    position: absolute;
    content: "";
    top: 0;
    right: 100%;
    width: 100%;
    height: 100%;
    background-color: #000000;
}

.nav .nav-item .nav-link>img {
    display: inline-block;
    margin-left: 10px;
    max-width: 15%;
}

.tab-content {
    color: #fff;
    padding: 70px;
    background-color: rgba(12, 27, 52, 0.6);
    height: 100%;
    margin-left: 15px !important;
}

.services .section-img.absolute-img {
    position: absolute;
    top: 0;
    padding: 0;
    margin: 0 -130%;
    z-index: -1;
    overflow: hidden;
    height: 100%;
}

/* Our projects section
=========================*/
.our-projects {
    position: relative;
}

.our-projects:after {
    position: absolute;
    content: "";
    bottom: 0;
    right: 0;
    background-image: url(../images/pattern-2.png);
    width: 380px;
    height: 300px;
    background-repeat: no-repeat;
    z-index: -100;
}

.our-projects .section-head {
    margin-bottom: 50px;
}

#projects .mix {
    display: none;
}

.our-projects ul.filter-list {
    margin-top: 100px;
}

ul.filter-list li {
    display: inline-block;
    position: relative;
    padding: 3px 15px 7px;
    color: #676666;
    margin-bottom: 20px;
    text-align: center;
    cursor: pointer;
}

ul.filter-list li.active {
    color: #000000;
    background-color: #EEAB65;
}

ul.filter-list li.active:after {
    position: absolute;
    content: "";
    top: 36px;
    right: calc(50% - 10px);
    border-width: 6px 10px 0px 10px;
    border-style: solid;
    border-color: #EEAB65 transparent;
}

/*box -item*/
.box-item {
    text-align: left;
    position: relative;
    height: 330px;
    -webkit-transition: all .35s ease-in-out;
    -moz-transition: all .35s ease-in-out;
    transition: all .35s ease-in-out;
}

.box-item .box-item-img {
    position: relative;
    height: 330px;
    z-index: 1;
    -webkit-transition: all .35s ease-in-out;
    -moz-transition: all .35s ease-in-out;
    transition: all .35s ease-in-out;
}

.box-item .box-item-img:after {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    top: 0;
    right: 0;
    background-color: #00000082;
    z-index: 1;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all .35s ease-in-out;
    -moz-transition: all .35s ease-in-out;
    transition: all .35s ease-in-out;
}

.box-item .box-item-img img {
    width: 100%;
    height: 100%;
}

.box-item .box-item-content {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 100%;
    padding: 0 0px 0px 15px;
    z-index: 1;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all .35s ease-in-out;
    -moz-transition: all .35s ease-in-out;
    transition: all .35s ease-in-out;
}

.box-item .box-item-content .categ-name {
    color: #EEAB65;
}

.box-item .box-item-content .project-name {
    font-size: 18px;
    color: #fff;
    font-family: 'DIN-NEXT-MEDIUM';
}

.box-item .box-item-content .read-more {
    display: inline-block;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    background-color: #EEAB65;
    color: #000000;
    float: right;
    -webkit-transition: all .35s ease-in-out;
    -moz-transition: all .35s ease-in-out;
    transition: all .35s ease-in-out;
}

.box-item .box-item-content .read-more:hover {
    background-color: #000000;
    color: #EEAB65;
}

.box-item:hover {
    z-index: 2
}

.box-item:hover .box-item-img {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    transform: scale(1.1);
}

.box-item:hover .box-item-img:after {
    opacity: 1;
    visibility: visible;
}

.box-item:hover .box-item-content {
    opacity: 1;
    visibility: visible;
    padding-right: 45px;
    padding-bottom: 15px;
}

.our-projects .custom-btn {
    margin: auto;
    display: block;
    text-align: center;
    width: 160px;
    font-size: 15px;
    color: #000000;
    background-color: transparent;
    border: 2px solid #000000;
    padding: 0;
    margin-top: 50px;
}

.our-projects .custom-btn:hover {
    background-color: #EEAB65;
    border-color: #EEAB65;
    color: #000;
}

/* our-projets-style2
=======================*/
.our-projets-style2 .container {
    position: relative;
}

.our-projets-style2 .container:after {
    position: absolute;
    content: "";
    bottom: 0;
    right: -210px;
    width: 400px;
    height: 400px;
    background-image: url(../images/pattern-4.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    z-index: -1;
}

.our-projets-style2 .section-head {
    margin-bottom: 50px;
}

.our-projets-style2 .filter-list li {
    display: block;
    margin-bottom: 0;
    line-height: 50px;
    padding: 0 20px;
    text-align: left;
}

.our-projets-style2 ul.filter-list li.active:after {
    top: calc(50% - 5px);
    left: auto;
    right: -20px;
    border-width: 6px 10px 6px 10px;
    border-style: solid;
    border-color: transparent #EEAB65 transparent transparent;
}

.our-projets-style2 .projects-wrapper {
    padding: 20px;
    background-color: #f8f8f8;
}

.our-projets-style2 .projects-wrapper~.custom-btn {
    display: block;
    max-width: 200px;
    text-align: center;
    margin: 50px auto;
}

.our-projets-style2 .box-item:hover .box-item-img {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    transform: scale(1);
}

.our-projets-style2 .box-item .box-item-content {
    padding-bottom: 0;
    padding-left: 15px;
    border-bottom: 5px solid transparent;
}

.our-projets-style2 .box-item:hover .box-item-content {
    padding-bottom: 0px;
    border-bottom: 5px solid #EEAB65;
}



/* Testimonials
======================*/
.testimonial {}

.testimonial .section-head p,
.testimonial-2 .section-head p {
    margin-bottom: 50px;
}

.testimonial .item {
    margin: 10px;
}

.testimonial .item .item-content {
    position: relative;
    margin-bottom: 17px;
    vertical-align: middle;
    background-color: #fff;
    -webkit-box-shadow: 1px 1.732px 3px 0px rgba(0, 0, 0, 0.031);
    -moz-box-shadow: 1px 1.732px 3px 0px rgba(0, 0, 0, 0.031);
    box-shadow: 1px 1.732px 3px 0px rgba(0, 0, 0, 0.031);
}

.testimonial .item .item-img {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    width: 118px;
    height: 162px;
    background-color: #000000;
    overflow: hidden;
}

.testimonial .item .item-img:after {
    position: absolute;
    content: "\f10d";
    font-family: fontawesome;
    bottom: -5px;
    left: 9px;
    color: #152746;
    font-size: 75px;
}

.testimonial .item .item-img img {
    width: 70px;
    height: 70px;
    border-radius: 100%;
    margin: 46px auto;
}

.testimonial .item .comment {
    display: inline-block;
    vertical-align: middle;
    width: calc(100% - 120px);
    margin-right: -3px;
    padding: 25px 20px;
    background-color: #fff;
}

.testimonial .item .comment p {
    color: #9c9c9c;
    font-size: 14px;
    margin-bottom: 0;
}

.testimonial .item .owner-info .title {
    color: #333;
    line-height: 25px;
    font-family: 'DIN-NEXT-MEDIUM';
}

.testimonial .item .owner-info span {
    color: #adadad;
    font-size: 14px;
    font-family: tahoma;
}

@media (max-width: 650px) {
    .services {
        display: none;
    }

    .testimonial .item .item-content:before {
        position: absolute;
        content: "";
        bottom: calc(50% - 34px);
        right: calc(50% - 8px);

        transform: rotate(-90deg);
    }

    .testimonial .item .item-img,
    .testimonial .item .comment {
        display: block;
        width: 100%;
        margin: 0;
        height: auto;
    }

    .testimonial .item .owner-info {
        text-align: center;
    }
}

/*testmonials-2 style*/
.testimonial-2 {
    position: relative;
    padding-bottom: 40px;
}

.testimonial-2 .container {
    position: relative;
}

.testimonial-2 .container:after {
    position: absolute;
    content: "";
    bottom: -40px;
    left: -100px;
    width: 500px;
    height: 370px;
    background-image: url(../images/pattern-3.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center center;
    z-index: -1;
}

/* testmonial-item
=======================*/
.testmonial-item {}

.testmonial-item .testmonial-content {
    position: relative;
    background-color: #EEAB65;
    color: #000;
    padding: 60px 45px;
    margin-bottom: 50px;
    -webkit-box-shadow: 0px 10px 24px 0px rgba(255, 197, 39, 0.39);
    -moz-box-shadow: 0px 10px 24px 0px rgba(255, 197, 39, 0.39);
    box-shadow: 0px 10px 24px 0px rgba(255, 197, 39, 0.39);
}

.testmonial-item .testmonial-content:after {
    position: absolute;
    content: "";
    width: 140px;
    height: 137px;
    bottom: 0;
    left: 0;
}

.testmonial-item .testmonial-content:before {
    position: absolute;
    content: "";
    bottom: -32px;
    right: 0;
    border-style: solid;
    border-width: 16px 16px 16px 16px;
    border-color: #ffa31d transparent transparent #ffa31d;
}

.testmonial-item .testmonial-content p {
    position: relative;
    z-index: 1;
}

.testmonial-item .testmonial-author {}

.testmonial-item .testmonial-author img {
    display: inline-block;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    margin-left: 10px;
}

.testmonial-item .testmonial-author .author-info {
    display: inline-block;
}

.testmonial-item .testmonial-author .author-name {

    font-size: 16px;
    color: #000000;
    font-family: 'DIN-NEXT-MEDIUM';
}

.testmonial-item .testmonial-author .author-job {}


/* About-Page
========================== */
/* Why Us */
.why-us {
    position: relative;
    padding-bottom: 160px;
}

.why-us .container {
    position: relative;
}

.why-us .container:after {
    position: absolute;
    content: "";
    right: -450px;
    bottom: -160px;
    width: 520px;
    height: 270px;
    background-image: url(../images/loader.png);
    background-repeat: no-repeat;
    background-size: contain;
}

.why-us .section-head {
    margin-bottom: 30px;
}

.why-us .col-lg-9 {
    padding: 60px 60px 0 0;
}

.why-us .col-lg-9:before {
    position: absolute;
    content: "";
    right: -15%;
    top: 0;
    width: 115%;
    height: 110%;
    background-image: url(../images/why-bg.png);
    background-repeat: no-repeat;
    background-color: #000000;
    background-position: center center;
    background-size: cover;
}

@media all and (max-width:991px) {
    .why-us .container:after {
        display: none;
    }

    .why-us .col-lg-9:before {
        left: -20%;
        width: 120%;
    }
}

@media all and (max-width:575px) {
    .why-us .col-lg-9 {
        padding: 30px;
    }
}

@media all and (max-width:430px) {
    .icon-widget {
        text-align: center;
    }

    .icon-widget .icon-widget-img {
        margin: 0 auto 15px auto;

    }

    .icon-widget .icon-widget-content {
        display: block;
        width: 100%;
    }
}

/* our-clients
========================*/
.our-clients {}

.our-clients .section-head {
    margin-bottom: 45px;
}

.our-clients .section-content {}

#clients-carousel.owl-carousel .owl-wrapper-outer {}

/*client-item*/
.client-item {
    position: relative;
    background-color: #fff;
    border: 1px solid #f0f0f0;
    height: 156px;
    line-height: 156px;
    text-align: center;
    z-index: 1;
    -webkit-transition: all .35s ease-in-out;
    -moz-transition: all .35s ease-in-out;
    transition: all .35s ease-in-out;
}

.client-item:after {
    position: absolute;
    content: "";
    border-style: solid;
    border-width: 15px 15px 15px 15px;
    border-color: #000000 transparent transparent #000000;
    left: 0;
    top: 0;
    z-index: 5;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all .35s ease-in-out;
    -moz-transition: all .35s ease-in-out;
    transition: all .35s ease-in-out;
}

.client-item:before {
    position: absolute;
    content: "";
    border-style: solid;
    border-width: 15px 15px 15px 15px;
    border-color: transparent #000000 #000000 transparent;
    right: 0;
    bottom: 0;
    z-index: 5;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all .35s ease-in-out;
    -moz-transition: all .35s ease-in-out;
    transition: all .35s ease-in-out;
}

.client-item .client-item-img {
    display: inline-block;
}


.client-item:hover {
    border-color: #000000;
    z-index: 2;
}

.client-item:hover:after,
.client-item:hover:before {
    opacity: 1;
    visibility: visible;
}




/* Team-Page
========================== */
.team {
    position: relative;
    padding-bottom: 40px;
    overflow: hidden;
}

.team .section-img.absolute-img {
    position: absolute;
    top: -90px;
    padding: 0;
    /*    margin-top: -16%;*/
    z-index: -1;
    max-height: 540px;
}

.team .section-img.absolute-img:before {
    position: absolute;
    content: "";
    top: 0;
    right: 100%;
    width: 500%;
    height: 100%;
    background-color: #EEAB65;
}

.team .section-img.absolute-img:after {
    position: absolute;
    content: "";
    top: 0;
    left: -188px;
    width: 100%;
    height: 100%;
    background-image: url(../images/worker-1.png);
    background-repeat: no-repeat;
    background-size: contain;
    opacity: 0.05;
}

.team .section-img.absolute-img img {
    position: relative;
    z-index: 1;
}

@media(max-width:991px) {
    .team .section-img.absolute-img {
        position: relative;
        top: 50px;
    }

    .team .section-img.absolute-img:before {
        right: 0;
    }

    .team .section-img.absolute-img:after {
        left: 0;
    }
}

@media(max-width:767px) {
    .team .section-img.absolute-img:after {
        left: -188px;
    }
}


/* Contact-Page
========================== */
.contact {
    position: relative;
}

.contact .container {
    position: relative;
}

.contact .container:before {
    position: absolute;
    content: "";
    top: -150px;
    left: -360px;
    height: 615px;
    width: 600px;
    background-image: url(../images/contact-img.png);
    background-repeat: no-repeat;
    background-size: contain;
    z-index: -1;
}

.contact .section-head {
    margin-bottom: 50px;
}

.contact .contact-info {
    padding: 0 10px;
}

@media(min-width:991px) and (max-width:1200px) {
    .contact .contact-info {
        padding: 0;
    }
}

@media(max-width:991px) {
    .contact:before {
        top: auto;
        bottom: -53%;
    }
}

/* Our-Services-Page
========================== */
.our-services {}

.our-services .section-head {}

.our-services .section-head .section-title {}

.our-services .section-content {
    margin-top: 50px;
}

.service-box {
    margin-bottom: 50px;
    overflow: hidden;
    text-align: left;
}

.service-box .service-box-img {
    position: relative;
    margin-bottom: 20px;
    background-color: #000;
    width: 100%;
    height: 400px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.service-box .service-box-img>i {
    font-size: 200px;

}

.service-box .service-box-img>img {
    width: 100%;
    height: 100%;
}

.service-box .service-box-img .service-box-icon {
    position: absolute;
    right: -1px;
    bottom: -14px;
    width: 137px;
    height: 100px;
}

.service-box .service-box-img .service-box-icon:before {
    position: absolute;
    content: "";
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background-color: #EEAB65;
    -webkit-clip-path: polygon(43.8% 25%, 100% 6%, 100% 100%, 13.1% 100%);
    clip-path: polygon(43.8% 25%, 100% 6%, 100% 100%, 13.1% 100%);
}

.service-box .service-box-img .service-box-icon:after {
    position: absolute;
    content: "";
    left: 4px;
    bottom: 0;
    z-index: -1;
    border-top: 17px solid #d3a31f;
    border-right: 14px solid transparent;
    border-left: 14px solid transparent;
}

.service-box .service-box-img .service-box-icon>i {
    position: relative;
    top: calc(50% - 5px);
    right: calc(50% - 45px);
}

.service-box .service-box-content {}

.service-box .service-box-content .title {
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.service-box .service-box-content p {
    color: #7f7f7f;
}

.service-box .service-box-content .show-more {
    color: #000;
    font-family: 'DIN-NEXT-BOLD';
}


/* Service-Box-With-Hover */
.service-box.with-hover:hover .service-box-content .title {
    color: #EEAB65;
}

.service-box.with-hover .service-box-img:before,
.service-box.with-hover .service-box-img:after {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    height: 25%;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.37);
    transform: scale(0);
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

.service-box.with-hover .service-box-img:before {
    -webkit-transition-delay: 0.6s;
    -moz-transition-delay: 0.6s;
    transition-delay: 0.6s;
}

.service-box.with-hover .service-box-img:after {
    top: 25%;
    -webkit-transition-delay: 0.4s;
    -moz-transition-delay: 0.4s;
    transition-delay: 0.4s;
}

.service-box.with-hover:hover .service-box-img:before,
.service-box.with-hover:hover .service-box-img:after {
    transform: scale(1);
}

.service-box.with-hover:hover .service-box-img:before {
    -webkit-transition-delay: 0s;
    -moz-transition-delay: 0s;
    transition-delay: 0s;
}

.service-box.with-hover:hover .service-box-img:after {
    -webkit-transition-delay: 0.2s;
    -moz-transition-delay: 0.2s;
    transition-delay: 0.2s;
}

.service-box.with-hover .service-box-img span {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.service-box.with-hover .service-box-img span:before,
.service-box.with-hover .service-box-img span:after {
    position: absolute;
    content: "";
    bottom: 0;
    left: 0;
    height: 25%;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.37);
    transform: scale(0);
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

.service-box.with-hover .service-box-img span:before {
    -webkit-transition-delay: 0s;
    -moz-transition-delay: 0s;
    transition-delay: 0s;
}

.service-box.with-hover .service-box-img span:after {
    bottom: 25%;
    -webkit-transition-delay: 0.2s;
    -moz-transition-delay: 0.2s;
    transition-delay: 0.2s;
}

.service-box.with-hover:hover .service-box-img span:before,
.service-box.with-hover:hover .service-box-img span:after {
    transform: scale(1);
}

.service-box.with-hover:hover .service-box-img span:before {
    -webkit-transition-delay: 0.6s;
    -moz-transition-delay: 0.6s;
    transition-delay: 0.6s;
}

.service-box.with-hover:hover .service-box-img span:after {
    -webkit-transition-delay: 0.4s;
    -moz-transition-delay: 0.4s;
    transition-delay: 0.4s;
}


/* Single-Service-Page
=========================== */
.single-service {
    text-align: left;
}

.single-service .container {
    position: relative;
}

.single-service .container:before {
    position: absolute;
    content: "";
    bottom: -90px;
    left: -190px;
    height: 1010px;
    width: 795px;
    background-image: url(../images/single-service-img.png);
    background-repeat: no-repeat;
    background-size: contain;
    z-index: -1;
}

.single-service .service-box {
    margin-bottom: 10px;
}

.single-service .service-box .service-box-img {
    height: 420px;
}

.single-service .service-box .service-box-img .service-box-icon {
    width: 160px;
    height: 120px;
}

.single-service .service-box .service-box-img .service-box-icon:after {
    left: 6px;
}

.single-service .title {
    color: #333;
}

.single-service p {
    margin-bottom: 15px;
}

.single-service .service-desc,
.single-service .service-feature,
.single-service .service-execution {
    margin-bottom: 50px;
}

.single-service .service-execution {
    padding-right: 30px;
}

@media(max-width:991px) {

    .single-service .service-desc,
    .single-service .service-feature,
    .single-service .service-execution {
        margin-bottom: 30px;
    }

    .single-service .service-execution {
        padding-right: 0px;
    }
}

/* accordion */
#accordion .card {
    border: none;
}

#accordion .card-header {
    line-height: 50px;
    padding: 0;
    margin-bottom: 5px;
    border: none;
    border-radius: 0;
    background-color: transparent;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

#accordion .card-header:first-child {
    border-radius: 0;
}

#accordion .card-header:hover {}

#accordion .card-header>a {
    position: relative;
    display: block;
    padding: 0 20px;
    font-size: 16px;
    font-family: 'DIN-NEXT-MEDIUM';
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

#accordion .card-header>a.collapsed {
    color: #656565;
    background-color: #f4f4f4;
}

#accordion .card-header>a,
#accordion .card-header:hover>a {
    color: #000000;
    background-color: #EEAB65;
}

#accordion .card-header>a:after {
    position: absolute;
    content: "\f068";
    font-size: 12px;
    font-family: fontawesome;
    top: 5px;
    right: 20px;
}

#accordion .card-header>a.collapsed:after {
    content: "\f067";
}

#accordion .card-body {
    background-color: #f8f8f8;
    margin-bottom: 5px;
    padding: 0;
}

#accordion .card-body ul>li {
    padding: 8px 20px;
    border-bottom: 1px solid #f0f0f0;
}

#accordion .card-body ul>li:last-child {
    border: none;
}

#accordion .card-body ul>li>a {
    color: #656565;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

#accordion .card-body ul>li>a:hover {
    color: #EEAB65;
}

@media(max-width:991px) {
    #accordion {
        margin-top: 30px;
    }
}



/* Project-Service-Page
=========================== */
/* carousel-widget */
.carousel-widget {
    margin-bottom: 30px;
}

.carousel-widget .carousel-indicators {
    bottom: 0;
    padding: 0;
    margin-bottom: 0;
}

.carousel-widget .carousel-indicators li {
    width: 100px;
    height: 80px;
    border: 6px solid #fff;
    border-top: 12px solid #fff;
    border-bottom: none;
    margin: 0;
}

.carousel-widget .carousel-indicators li:first-child {
    border-right: 12px solid #fff;
}

.carousel-widget .carousel-indicators li:last-child {
    border-left: 12px solid #fff;
}

.carousel-widget .carousel-indicators li.active {}

.carousel-widget .carousel-indicators li.active:before {
    top: 0;
    height: 100%;
    background: #EEAB65;
    opacity: 0.8;
}

.carousel-widget .carousel-indicators li>img {
    width: 100%;
    height: 100%;
}

.carousel-widget .carousel-inner .portfolio-img {
    max-width: 100%;
    min-width: 100%;
    min-height: 400px;
    max-height: 400px;
}

.carousel-widget .carousel-inner {}

@media(max-width:991px) {
    .carousel-widget .carousel-indicators li {
        width: 80px;
        height: 60px;
    }
}

@media(max-width:767px) {
    .carousel-widget .carousel-indicators li {
        width: 60px;
        height: 40px;
        border: 3px solid #fff;
        border-top: 6px solid #fff;
        border-bottom: none;
        margin: 0;
    }

    .carousel-widget .carousel-indicators li:first-child {
        border-right: 6px solid #fff;
    }

    .carousel-widget .carousel-indicators li:last-child {
        border-left: 6px solid #fff;
    }
}

.project-desc {
    text-align: left;
}

.single-project .project-desc p {
    margin-bottom: 25px;
}

.single-project .project-detail {
    height: 100%;
    width: 100%;
    padding: 13px;
}

.single-project .project-detail:before {
    position: absolute;
    content: "";
    top: 18px;
    right: -188px;
    width: 150%;
    height: 100%;
    z-index: -2;
    background-color: #fdc93c;
}

.single-project .project-detail:after {
    position: absolute;
    content: "";
    top: 18px;
    left: -188px;
    width: 150%;
    height: 100%;
    z-index: -1;
    background-image: url(../images/footer-img.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    opacity: 0.1;
}

.single-project .project-detail .white-box {
    position: relative;
    height: 100%;
    padding: 20px 30px;
    margin-top: 18px;
    background-color: #fff;
}

.single-project .project-detail .title {
    color: #000000;
    font-size: 18px;

}

.single-project .project-detail .detail-list {}

.single-project .other-projects {
    text-align: left;
    margin-top: 30px;
}

.single-project .other-projects .section-title {
    margin-bottom: 30px;
}

@media (min-width:992px) and (max-width:1125px) {

    .single-project .project-detail:before,
    .single-project .project-detail:after {
        width: 160%;
    }
}

@media (max-width:575px) {
    .single-project .project-detail {
        border: 12px solid #fdc93c;
    }

    .single-project .project-detail:before,
    .single-project .project-detail:after {
        display: none;
    }

    .single-project .project-detail .white-box {
        margin-top: 0;
        padding: 0 30px;
    }
}

.m-auto {
    max-width: 100% !important;
}

p {
    text-align: left;
}

.contact {
    text-align: left;
}


.contact-icons-yellow {
    font-size: 25px !important;
}


.contact-map {
    border: 2px solid #083766;
    border-radius: 10px;
    padding: 0px;
    box-shadow: 0px 0px 4px 0px #000000;
}


.contact-map iframe {
    border-radius: 10px;
    width: 100%;
    height: 100%;
    min-height: 400px;
}


.portfolio-title {
    font-size: 20px;
    font-family: 'DIN-NEXT-MEDIUM';
    color: #000000;
    margin-bottom: 30px;
    line-height: normal;
}




.gallery-widget {
    width: 100%;
    text-align: left;
    padding: 0px;
    padding-left: 15px;
    padding-bottom: 15px;
    position: relative;
    border-left: 3px solid #083766;
    border-right: 3px solid #083766;
}

.gallery-widget:last-child {
    border-bottom: 3px solid #083766;
}

.gallery-widget::before {
    content: '';
    position: absolute;
    width: 15px;
    height: 15px;
    background-color: #f8f8f8;
    border-radius: 50%;
    border: 3px solid #083766;
    left: -9px;
}

.gallery-widget::after {
    content: '';
    position: absolute;
    width: 15px;
    height: 15px;
    top: 0px;
    background-color: #f8f8f8;
    border-radius: 50%;
    border: 3px solid #083766;
    right: -9px;
}


.gallery-widget h3 {
    width: 100%;
}

.portfolio-img {
    min-height: 400px;
    max-height: 400px;
}

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

.contact-wid .card {
    padding: 20px;
    border: 2px solid #EEAB65;
    box-shadow: 0px 0px 4px 0px #EEAB65;
    position: relative;
}

.contact-wid .card::before {
    content: '';
    position: absolute;
    width: 15px;
    height: 15px;
    background-color: #f8f8f8;
    border-radius: 50%;
    border: 2px solid;
    border-top-color: #EEAB65;
    border-bottom-color: #EEAB65;
    border-left-color: transparent;
    border-right-color: transparent;
    left: -8.5px;
    animation: rotate 2s linear infinite;
    /* إضافة حركة الدوران */
}

@keyframes rotate {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

.contact-wid .card::after {
    position: absolute;
    color: black;
    background-color: white;
    font-size: 24px;
    padding: 5px;
    border: 2px solid #EEAB65;
    left: 50%;
    transform: translateX(-50%);
    top: -20px;
    box-shadow: 0px 0px 4px 0px #EEAB65;
}