/*

Theme Name: JBAI

Description: Thema voor de JBAI website

Version: 1.0

Author: Riseweb

Template: salient

*/

/*MADECoachella Font*/
@font-face {
    font-family: 'MADECoachella';
    src: url('/wp-content/themes/child/fonts/MADECoachella.eot');
    src: url('/wp-content/themes/child/fonts/MADECoachella.eot?#iefix') format('embedded-opentype'),
        url('/wp-content/themes/child/fonts/MADECoachella.woff2') format('woff2'),
        url('/wp-content/themes/child/fonts/MADECoachella.woff') format('woff'),
        url('/wp-content/themes/child/fonts/MADECoachella.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

/*Black Mango Font*/
@font-face {
    font-family: 'Black Mango';
    src: url('/wp-content/themes/child/fonts/BlackMango-Regular.eot');
    src: url('/wp-content/themes/child/fonts/BlackMango-Regular.eot?#iefix') format('embedded-opentype'),
        url('/wp-content/themes/child/fonts/BlackMango-Regular.woff2') format('woff2'),
        url('/wp-content/themes/child/fonts/BlackMango-Regular.woff') format('woff'),
        url('/wp-content/themes/child/fonts/BlackMango-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
/*Transparent header*/
#header-space {
    display: none;
}
body #header-outer {
    background: transparent !important;
}
body #header-outer.small-nav, body #header-outer.scrolled-down {
    background-color: rgba(255, 255, 255, 0.96) !important;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
}
.nectar-button span {
    font-size: 18px;
    line-height: normal;
}
a.nectar-button {
    text-align: center;
}
/*For header Nav icon*/
body[data-header-search="false"] #header-outer[data-has-menu="false"][data-cart="false"] .slide-out-widget-area-toggle:not([data-custom-color="true"]):not(.mobile-icon) a:not(.using-label) .lines:after {
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 1.4rem;
}
body.material[data-header-search="false"]:not(.mobile) #header-outer[data-has-menu="false"][data-cart="false"] .slide-out-widget-area-toggle:not([data-custom-color="true"]) a:not(.using-label) .lines:before, body.material[data-header-search="false"]:not(.mobile) #header-outer[data-has-menu="false"][data-cart="false"] .slide-out-widget-area-toggle:not([data-custom-color="true"]) a:not(.using-label) .lines:before {
    width: 1.3rem;
    left: 0.15rem;
}
/*Footer*/
#footer-outer #footer-widgets .row {
    width: 100%;
}
#footer-outer #footer-widgets .row .col:first-child {
    width: 100%;
    margin: 0 0 65px;
}
#footer-outer #footer-widgets .row .col:first-child img {
    max-height: 130px;
}
#footer-outer #footer-widgets .row .col:first-child .widget_media_image figure {
    background: #22201E;
    position: relative;
    z-index: 1;
    padding: 0 11px;
}
#footer-outer #footer-widgets .row .col:first-child .widget_media_image {
    position: relative;
}
#footer-outer #footer-widgets .row .col:first-child .widget_media_image:before {
    position: absolute;
    content: '';
    width: 100%;
    height: 1px;
    background: #33312F;
    left: 0;
    top: 50%;
}
#footer-outer #footer-widgets .row .col {
    width: 32%;
}
#footer-outer #footer-widgets .row .col h6 {
    color: #E9C27F;
}
#footer-outer #footer-widgets .row .col .widget {
    margin: 0;
}
#footer-outer #footer-widgets .row .col:nth-child(2) {
    display: flex;
    flex-direction: column;
}
#footer-outer #footer-widgets .row .col:nth-child(2) > * {
    max-width: 258px;
    width: 100%;
}
#footer-outer #footer-widgets .row .col:last-child > * {
    max-width: 174px;
    margin: 0 0 0 auto;
    width: 100%;
}
#footer-outer #footer-widgets .row .col:nth-child(3) {
    border-left: 1px solid #33312F;
    border-right: 1px solid #33312F;
}
body #footer-outer #footer-widgets .row {
    width: 100%;
    padding-bottom: 25px;
}
body #footer-outer #copyright {
    padding: 0 !important;
}
body #footer-outer #copyright .container {
    max-width: none !important;
    padding: 0 !important;
}
body #footer-outer #copyright .container {
    max-width: none !important;
    padding: 0 !important;
    width: 100%;
    display: flex;
    flex-direction: column-reverse;
}
body #footer-outer #copyright .container ul li a {
    color: #E9C27F !important;
    width: 52px ! IMPORTANT;
    height: 52px !important;
    background-color: #5E6B40;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 100%;
}
body #footer-outer #copyright .container ul li a:hover {
    background-color: #E9C27F !important;
}
body #footer-outer #copyright .container .col:first-child {
    width: 100%;
    max-width: 100%;
    background-color: #2D2A28;
    padding: 29px 20px;
}
body #footer-outer #copyright .container .col:first-child p {
    margin: 0;
    padding: 0;
    font-size: 16px;
    line-height: normal;
}
body #footer-outer #copyright .container ul.social {
    margin-bottom: 70px;
}
.margin_auto {
    margin: 0 auto !important;
}
.margin_auto_right {
    margin: 0 0 0 auto;
}
.banner_section .nectar_icon_wrap {
    animation: bounce 3s infinite;
}
@keyframes bounce{    
    0%{
        opacity: 0;
        transform: translate(0px, -20px);
    }
    50%{
        opacity: 1;
    }
    100%{
        opacity: 0.18;
        transform: translate(0px, 20px);
    }
}
.whyinvestdubai_colns .column-image-bg {
    background-repeat: no-repeat;
}
img.full_width_image {
    width: 100%;
}
.nectar-responsive-text.for_Steps {
    width: 90px;
    height: 90px;
    transform: rotate(45deg);
    box-shadow: 1px 10px 4px #0000002e;
    border-radius: 60px;
    background-color: #204931;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    transition: background-color .45s cubic-bezier(.25,1,.33,1), opacity .45s cubic-bezier(.25,1,.33,1);
}
.nectar-responsive-text.for_Steps h3 {
    transform: rotate(-45deg);
    z-index: 1;
    width: 100%;
    position: relative;
}
.nectar-responsive-text.for_Steps:before {
    position: absolute;
    content: '';
    /*box-shadow: 2px 2px 3px #14020159;*/
    /*border: 0.5px solid #757F5C;*/
    width: 100%;
    height: 100%;
    width: 108px;
    height: 108px;
    z-index: 0;
    bottom: -15px;
    left: 0;
    right: 0;
    margin: 0 auto;
    border-width: 0 0.5px 0.5px 0;
}
.steps_row .wpb_column:nth-child(2) .nectar-responsive-text.for_Steps:before, .steps_row .wpb_column:nth-child(4) .nectar-responsive-text.for_Steps:before {
    transform: rotate(180deg) translate(15px, 15px);
}
.Steps_title {
    margin-top: 60px;
}
.steps_row .wpb_column:nth-child(2) .nectar-responsive-text.for_Steps {
    background-color: #D9AC53;
}
.steps_row .wpb_column:nth-child(3) .nectar-responsive-text.for_Steps {
    background-color: #CD8A61;
}
.steps_row .wpb_column:nth-child(4) .nectar-responsive-text.for_Steps {
    background-color: #C1676F;
}
.nectar-responsive-text.for_Steps:hover, .steps_row .wpb_column:nth-child(2) .nectar-responsive-text.for_Steps:hover, .steps_row .wpb_column:nth-child(3) .nectar-responsive-text.for_Steps:hover, .steps_row .wpb_column:nth-child(4) .nectar-responsive-text.for_Steps:hover {
    background-color: #22201E;
}
.nectar-responsive-text.for_Steps h3:before {
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    left: -200%;
    top: 18%;
    border-top: 5px dotted #2049317a;
}
/*.nectar-responsive-text.for_Steps h3:after {
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    left: 131%;
    top: -7px;
    border-bottom: 1px solid #757F5C;
}*/
/*.steps_row .wpb_column:after {
    position: absolute;
    content: '';
    width: 13px;
    height: 13px;
    box-shadow: 0px 3px 6px #00000029;
    border: 1px solid #5E6B40;
    background-color: #FFFFFF;
    left: -6.5px;
    top: 50px;
    border-radius: 100%;
    z-index: 12;
    visibility: visible;
}*/
.steps_row .wpb_column:nth-child(2) .nectar-responsive-text.for_Steps h3:before, .steps_row .wpb_column:nth-child(4) .nectar-responsive-text.for_Steps h3:before {
    top: 19%;
    /* width: 120%; */
    /* left: -151%; */
}
.steps_row .wpb_column:nth-child(2) .nectar-responsive-text.for_Steps:hover, .steps_row .wpb_column:nth-child(4) .nectar-responsive-text.for_Steps:hover {
    color: #F8EDD9 !important;
}
.steps_row .wpb_column:nth-child(2) .nectar-responsive-text.for_Steps h3:after, .steps_row .wpb_column:nth-child(4) .nectar-responsive-text.for_Steps h3:after {
    top: -28px;
    /* left: 132%; */
}
.steps_row .wpb_column:nth-child(2) .nectar-responsive-text.for_Steps, .steps_row .wpb_column:nth-child(4) .nectar-responsive-text.for_Steps {
    /*margin-top: 21px;*/
}
/*.steps_row .wpb_column:nth-child(4):before {
    position: absolute;
    content: '';
    width: 13px;
    height: 13px;
    box-shadow: 0px 3px 6px #00000029;
    border: 1px solid #5E6B40;
    background-color: #FFFFFF;
    left: auto;
    right: 0;
    top: 50px;
    border-radius: 100%;
    z-index: 1;
}*/
.steps_row .wpb_column:nth-child(2) > .vc_column-inner:after, .steps_row .wpb_column:nth-child(4) > .vc_column-inner:after {
    top: 29px;
    left: calc(-20% - -7px);
}
/*.steps_row .wpb_column:nth-child(2) .Steps_title, .steps_row .wpb_column:nth-child(4) .Steps_title {
    margin-top: 39px;
}*/
.steps_row .wpb_column:nth-child(3) > .vc_column-inner:after {
    left: calc(-20% - -8px);
}
.steps_row .wpb_column {
    position: relative;
}
.steps_row .wpb_column:nth-child(1):after {
    left: 0;
}
.steps_row .wpb_column:nth-child(3):after , .steps_row .wpb_column:nth-child(4):after {
    left: -7.5px;
}
.steps_row .wpb_column .Steps_title, .steps_row .wpb_column .nectar-responsive-text:last-child {
    max-width: 76%;
    margin-left: auto;
    margin-right: auto;
}
.padding_botom p {
    padding-bottom: 0.8em;
}
.global_Section p {
    padding-bottom: 0.5rem;
}
.padding_botom p:last-of-type, .global_Section p:last-of-type {
    padding-bottom: 0;
}
.project_posts .nectar-post-grid-item {
    padding: 10px;
}
.project_posts .nectar-post-grid-item .content {
    padding-top: 30px !important;
}
.project_posts .nectar-post-grid .nectar-post-grid-item .content .post-heading a span {
    color: #22201E;
}
.project_posts.nectar-post-grid-wrap .nectar-post-grid-item .content .meta-excerpt {
    margin-left: auto;
    margin-right: auto;
    color: #505050;
}
.contact_section .row-bg {
    background-size: auto;
}
.accordion_section .row-bg {
    background-size: auto;
}
.accordion_section ol {
    color:white;
}
.accordion_section div[data-style*=minimal] .toggle>.toggle-title i {
    display: none;
}
.accordion_section div[data-style*=minimal] .toggle>.toggle-title a {
    background-image: url(https://www.jbai-solutions.ae/wp-content/uploads/2025/10/Path-4.svg);
    background-position: center right;
    background-repeat: no-repeat;
    background-size: 15px auto;
    color: #F8EDD9;
    padding: 15px 60px 15px 0;
}
.accordion_section div[data-style="minimal"] .toggle {
    border: 0;
}
.accordion_section div[data-style*=minimal] .toggle.open>.toggle-title a {
    color: #E9C27F;
}
.whychoosesec .column-image-bg-wrap .inner-wrap .column-image-bg {
    background-repeat: no-repeat;
}
.whychoosesec .wpb_column > .vc_column-inner {
    min-height: 360px;
}
.global_Section .row-bg {
    background-size: auto;
}
.global_Section .row-bg:before {
    position: absolute;
    content: '';
    background-image: url(https://www.jbai-solutions.ae/wp-content/uploads/2025/10/Mask-Group-17-6-svg.svg);
    width: 100%;
    height: 100%;
    left: 0;
    bottom: 0;
    background-position: left bottom;
    background-repeat: no-repeat;
}
.accordion_section .toggle .inner-toggle-wrap .wpb_text_column.wpb_content_element {
    padding: 1rem;
}
.steps_row .wpb_column:nth-child(1) .nectar-responsive-text.for_Steps h3:before {
    border:none;
}
/*Responsive Start*/
@media only screen and (max-width:1450px) {
/*.steps_row {
    width: 100%;
    max-width: 90%;
    margin: 0 auto;
}
.nectar-responsive-text.for_Steps h3:before {
    width: 80%;
    left: -111%;
}
.steps_row .wpb_column:nth-child(4) .nectar-responsive-text.for_Steps h3:after, .nectar-responsive-text.for_Steps h3:after {
    width: 80%;
}
.steps_row .wpb_column .Steps_title, .steps_row .wpb_column .nectar-responsive-text:last-child {
    max-width: 98%;
}
.nectar-responsive-text.for_Steps h3:before {
    width: 70%;
    left: -101%;
}
.steps_row .wpb_column:nth-child(4) .nectar-responsive-text.for_Steps h3:after, .nectar-responsive-text.for_Steps h3:after {
    width: 70%;
}*/
.steps_row .wpb_column:nth-child(1) .nectar-responsive-text.for_Steps h3:before {
    width: 80%;
    left: -111%;
    border:none;
}
.steps_row .wpb_column:nth-child(4) .nectar-responsive-text.for_Steps h3:after {
    width: 80%;
}
.steps_row .wpb_column .Steps_title, .steps_row .wpb_column .nectar-responsive-text:last-child {
    max-width: 98%;
}
}

@media only screen and (max-width:1366px) {
.steps_row .wpb_column:nth-child(2) .nectar-responsive-text.for_Steps h3:before, .steps_row .wpb_column:nth-child(4) .nectar-responsive-text.for_Steps h3:before {
    top: 14%;
    width: 90%;
    left: -121%;
}
.nectar-responsive-text.for_Steps h3:after {
    top: -17%;
}
}

@media only screen and (max-width:1200px) {
.whyinvestdubai_colns .wpb_column.bg_img_front, .whyinvestdubai_colns .wpb_column.bg_img_front:last-child {
    width: 50%;
    margin-bottom: 20px;
}
.steps_row .wpb_column .Steps_title, .steps_row .wpb_column .nectar-responsive-text:last-child {
    max-width: 100%;
}
.project_posts .nectar-post-grid-item .content {
    padding: 35px 15px !important;
}
}

@media only screen and (max-width:1140px) {
.nectar-responsive-text.for_Steps h3:before, .steps_row .wpb_column:nth-child(2) .nectar-responsive-text.for_Steps h3:before, .steps_row .wpb_column:nth-child(4) .nectar-responsive-text.for_Steps h3:before {
    width: 80%;
    left: -111%;
}
.nectar-responsive-text.for_Steps h3:after {
    width: 80%;
    left: 131%;
}
}

@media only screen and (max-width:999px) {
#header-outer .slide-out-widget-area-toggle.mobile-icon .lines:after {
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 0.9rem !important;
}
body[data-header-search="false"] #header-outer[data-has-menu="false"][data-cart="false"] .slide-out-widget-area-toggle.mobile-icon .lines:before {
    width: 1.3rem;
    left: 0.15rem;
}
#footer-outer #footer-widgets .row .col:first-child, #footer-outer #footer-widgets .row .col {
    width: 100% !important;
    margin: 0px 0 20px !important;
}
#footer-outer #footer-widgets .row .col:nth-child(3) {
    border-left: 0;
    border-right: 0;
}
#footer-outer #footer-widgets .row .col:last-child > * {
    margin: 0 auto;
}
#footer-outer #footer-widgets .row .col:nth-child(2) > *, #footer-outer #footer-widgets .row .col:last-child > * {
    max-width: 100%;
}
body #footer-outer #footer-widgets .row {
    padding-bottom: 0;
}
body #footer-outer #copyright .container ul.social {
    margin-bottom: 50px;
}
#footer-outer #footer-widgets .row .col:last-child {
    margin: 0 !important;
}
.res_max_wid {
    max-width: 100% !important;
}
.steps_row .wpb_column:nth-child(2) .nectar-responsive-text.for_Steps:before, .steps_row .wpb_column:nth-child(4) .nectar-responsive-text.for_Steps:before {
    transform: none;
}
.steps_row .wpb_column:nth-child(2) .Steps_title, .steps_row .wpb_column:nth-child(4) .Steps_title {
    margin-top: 60px;
}
.steps_row .wpb_column:nth-child(2) .nectar-responsive-text.for_Steps h3:after, .steps_row .wpb_column:nth-child(4) .nectar-responsive-text.for_Steps h3:after {
    top: -17%;
}
.steps_row .wpb_column:nth-child(2) .nectar-responsive-text.for_Steps h3:before, .steps_row .wpb_column:nth-child(4) .nectar-responsive-text.for_Steps h3:before {
    top: 78%;
}
.steps_row .wpb_column:nth-child(2) .nectar-responsive-text.for_Steps:before, .steps_row .wpb_column:nth-child(4) .nectar-responsive-text.for_Steps:before {
    transform: none;
}
.steps_row .wpb_column:nth-child(2) .nectar-responsive-text.for_Steps, .steps_row .wpb_column:nth-child(4) .nectar-responsive-text.for_Steps {
    margin-top: 0px;
}
.steps_row .wpb_column:after, .steps_row .wpb_column:nth-child(4):before {
    display: none;
}
.steps_row .wpb_column {
    margin-bottom: 50px !important;
}
.whychoosesec .wpb_column > .vc_column-inner {
    min-height: 320px;
}
.project_posts .nectar-post-grid-item .content {
    padding: 25px 10px !important;
}
.global_Section .row-bg:before {
    background-size: 15% auto;
}
}

@media only screen and (max-width:690px) {
.whyinvestdubai_colns .wpb_column.bg_img_front, .whyinvestdubai_colns .wpb_column.bg_img_front:last-child {
    width: 100%;
}
.whyinvestdubai_colns .wpb_column.bg_img_front:last-child {
    margin-bottom: 0px;
}
.nectar-responsive-text.for_Steps h3:before, .steps_row .wpb_column:nth-child(2) .nectar-responsive-text.for_Steps h3:before, .steps_row .wpb_column:nth-child(4) .nectar-responsive-text.for_Steps h3:before {
    top: 87%;
}
.steps_row .wpb_column:last-child {
    margin-bottom: 0 !important;
}
.project_posts .nectar-post-grid-item {
    max-width: 380px;
    margin-left: auto !important;
    margin-right: auto !important;
}
a.nectar-button.project_btn {
    margin-top: 0 !important;
}
.global_Section .row-bg {
    background-size: 50% auto;
}


}
/*Responsive End*/