/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* Add your custom styles here */
 

/* Header Menu */
.nav-header .elementor-nav-menu > .current-menu-item > .elementor-item-active {
    background-color: #7AA84D
}

@media (min-width: 1024px) {
	.nav-header .elementor-nav-menu > .current-menu-item > .elementor-item-active {
		background-color: transparent !important;
    	border-radius: 0;
    	border-bottom: 4px solid #7AA84D;
	}
	.nav-header .elementor-nav-menu > .current-menu-item > .elementor-item-active:hover {
		color: #8fab3b  !important;
		border-color: #8fab3b;
	}
}

/* ::::::: Loan Slider ::::::: */

.output-value {
    display: block;
    width: 100%;
    padding: 8px 16px;
    font-size: 20px;
    font-weight: bold;
    text-align: center;
    color: #ffffff;
    border-radius: 6px;
    background-color: #7aa84d !important;
}

.u-left {
    float: left;
}

.u-cf:before,
.u-cf:after {
    content: "";
    display: table;
}

.u-cf:after {
    clear: both;
}

.u-text-left {
    text-align: left;
}

.container {
    margin: 150px auto;
    max-width: 800px;
}

.rangeslider {
    background-color: #384c67 !important;
    position: relative;
}

.rangeslider__fill {
    background-color: #7AA84D !important;
}

.range-box {
    margin-bottom: 30px;
}

.range-box .rangeslider {
    flex: 0 0 auto;
    width: calc(100% - 140px);
}

.range-box h5 {
	font-size: 16px;
}

.repayment-box h6 {
	margin-top: 0;
	margin-bottom: 0;
	font-size: 16px;
}

.range-box .output-value {
    margin-left: 10px;
    flex: 0 0 auto;
    width: 120px;
}

.d-flex {
    display: flex;
}

.flex-wrap {
	flex-wrap: wrap;
}

.align-items-center {
    align-items: center;
}

.price-div {
    font-size: 42px;
    font-weight: bold;
    color: #384c67 !important;
}

.price-subdiv {
    font-size: 24px;
    font-weight: bold;
    color: #384c67 !important;
}

.duration-div {
    margin-left: 15px;
    line-height: 1;
    font-weight: 400;
    color: #384c67 !important;
}

.justify-content-center {
    justify-content: center;
}

.text-center {
    text-align: center;
}

.output-value span {
    margin-left: 4px;
    margin-right: 4px;
}

.loan-apply {
    margin-top: 30px;
    font-weight: 600;
    text-transform: uppercase;
    color: #ffffff;
    border-radius: 50px !important;
    border-color: #7AA84D;
    background-color: #7AA84D;
}

.loan-apply:hover {
    border-color: #7AA84D;
    background-color: #7AA84D;
}

.pill-tab .elementor-tabs .elementor-tab-content h4 {
    margin-top: 0;
    margin-bottom: 1rem;
    font-size: 20px;
    font-weight: 600;
}

.repayment-box {
    margin-top: 30px;
}

.quote-box {
    margin-top: 30px;
    padding: 20px 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    text-align: left;
    color: #39373b;
    border-radius: 0;
    border: 0;
    border-top: 1px solid #384c67;
    border-bottom: 1px solid #384c67;
    background-color: transparent;
}

.quote-box:hover,
.quote-box:focus {
    color: #7AA84D;
    background-color: transparent;
}

.quote-box:focus {
    outline: 0;
}

.quote-box h5 {
    margin: 0;
}

.quote-box i {
    color: #7AA84D;
}

.chart-box {
    padding-top: 0px;
    padding-left: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    background:none;
    border:none;
    box-shadow:none;
}

@media(min-width:1024px) {
    .pill-tab .elementor-tabs .elementor-tab-content {
        padding-left: 0;
        padding-bottom: 0;
        padding-right: 0;
    }

    .pill-tab .elementor-tab-title {
        margin-right: 4px;
        border-radius: 50px;
        border: 1px solid #333 !important;
    }

    .pill-tab .elementor-tab-title.elementor-active {
        border-color: #7AA84D !important;
    }
}

.responsive-input-group .elementor-form-fields-wrapper {
    flex-wrap: nowrap !important;
}


@media(min-width:768px) {
	.entrepreneurs-box {
		width: 300px !important;
	}
}
@media(max-width:767px) {
	.entrepreneurs-box {
		width: 46% !important;
	}
}

@media(min-width:1280px) {
	.intro-slider .swiper-slide-inner .swiper-slide-contents .elementor-slide-heading,
	.intro-slider .swiper-slide-inner .swiper-slide-contents .elementor-slide-description {
	    max-width: 750px !important;
	}
}

@media(min-width:1280px) and (max-width:1399px) {
    .media-container .elementor-container,
    .media-container .e-con-inner {
        max-width: 1200px !important;
    }
}

.intro-slider .swiper-slide-inner {
    max-width: 1600px;
}

.intro-slider .swiper-slide-inner .swiper-slide-contents .elementor-slide-heading {
    margin-bottom: 15px !important;
}

.intro-slider .swiper-slide-inner .swiper-slide-contents .elementor-slide-description {
    line-height: 1.1em;
}


/* ::::::::::::::::::::::::::::::::::::
			CUSTOM BOOTSTRAP
:::::::::::::::::::::::::::::::::::: */

.row-loan {
    --bs-gutter-x: 1.5rem;
    --bs-gutter-y: 0;
    display: flex;
    flex-wrap: wrap;
    margin-top: calc(-1 * var(--bs-gutter-y));
    margin-right: calc(-0.5 * var(--bs-gutter-x));
    margin-left: calc(-0.5 * var(--bs-gutter-x));
}

.row-loan>* {
    flex-shrink: 0;
    width: 100%;
    max-width: 100%;
    padding-right: calc(var(--bs-gutter-x) * 0.5);
    padding-left: calc(var(--bs-gutter-x) * 0.5);
    margin-top: var(--bs-gutter-y);
}

.col-12-loan {
  flex: 0 0 auto;
  width: 100%;
}

@media (min-width: 992px) {
  	.col-lg-4-loan {
    	flex: 0 0 auto;
    	width: 33.33333333%;
  	}
  	.col-lg-6-loan {
    	flex: 0 0 auto;
    	width: 50%;
  	}
}

.elementor-widget-breadcrumbs nav span {
	padding: 1rem 0.75rem;
	border-radius: 3rem;
	background-color: #7c8c87;
}

.h-100 {
	height: 100%;
}

.right-arrow .elementor-icon svg g {
    fill: #5a595c !important;
}

.light-green .elementor-image-box-img img,
.light-green img{
	filter: invert(59%) sepia(68%) saturate(386%) hue-rotate(34deg) brightness(94%) contrast(88%);
}

.dark-green .elementor-image-box-img img,
.dark-green img{
	filter: invert(39%) sepia(16%) saturate(1211%) hue-rotate(49deg) brightness(92%) contrast(89%);
}

.white-icon img {
	filter: invert(100%) sepia(27%) saturate(2%) hue-rotate(262deg) brightness(113%) contrast(100%);
}

.ms-auto {
	margin-left: auto;
}

.ms-auto-right {
	margin-right: auto;
}

.portfolio-submit-btn,
.button-portfolio {
    display: inline-block;
    padding: 15px 30px;
    font-family: "Montserrat", Sans-serif;
    font-size: 36px;
    font-weight: 600;
    text-transform: uppercase;
    border-radius: 50px;
    border-color: transparent;
	color: #fff !important;
/*     background-color: #DDE0DF; */
    position: relative;
	transition: 0.3s;
}

.portfolio-submit-btn:hover,
.button-portfolio:hover {
	color: #7AA84D !important;
/*     background-color: #7AA84D; */
}

.button-portfolio {
    margin-top: 0.5rem;
}

.portfolio-submit-btn {
    padding-left: 40px;
    padding-right: 40px;
}

.portfolio-filter {
    display: flex;
    gap: 0.625rem;
}

@media(max-width:767px) {
    .portfolio-filter {
        display: flex;
        flex-direction: column;
    }
}

.portfolio-filter .filter-col {
    flex: 1;
}

.portfolio-filter select,
.year-select {
    font-size: 18px;
    font-weight: 600;
    min-height: 56px;
    padding: 7px 20px;
    border-radius: 5px;
    width: 100%;
    max-width: 100%;
    border: 1px solid #ffffff;
    background-color: transparent;
    color: #ffffff;
    vertical-align: middle;
    flex-grow: 1;
}

/*.img-auto img {
    max-width: auto;
    width: auto;
}*/


.custom-timeline .twae-wrapper .twae-year-text {
    line-height: normal;
    border-radius: 0;
    border: 0;
    background-color: #7AA84D;
    position: relative;
}

#arabic-timeline .twae-wrapper .twae-year-text {
	padding-right: 0px;
    padding-left: 8px;
    background-color: transparent !important;
    background-image: url('images/timeline-arrow-new-ar.png') !important;
    background-repeat: no-repeat;
    background-position: left center;
}

.custom-timeline .twae-wrapper .twae-year-text {
    padding-right: 8px;
    background-color: transparent !important;
    background-image: url('images/timeline-arrow-new.png') !important;
    background-repeat: no-repeat;
    background-position: right center;
}

.custom-timeline .twae-wrapper .twae-year-text {
    height: auto;
}

.custom-timeline .twae-wrapper .twae-content,
.custom-timeline .twae-wrapper .twae-content:hover {
    box-shadow: none !important;
}

.custom-timeline .twae-wrapper .twae-icon {
    display: none;
}


.custom-timeline .twae-horizontal-timeline.twae-wrapper .twae-year {
    margin-top: 24px;
    left: 0;
}

@media(max-width:767px) {
    .custom-timeline .twae-horizontal-timeline.twae-wrapper .twae-year {
        margin-top: 15px;
    }
    #tf-anniversary {
        width: 60px;
    }
}

.custom-timeline .twae-horizontal-timeline.twae-wrapper .twae-labels {
    text-align: left;
}

.custom-timeline .twae-wrapper .twae-media img {
    height: 72px;
    width: auto;
    filter: invert(58%) sepia(8%) saturate(454%) hue-rotate(107deg) brightness(93%) contrast(87%);
}

.custom-timeline .twae-wrapper .twae-labels img {
	height: 72px;
    width: auto;
    filter: invert(58%) sepia(8%) saturate(454%) hue-rotate(107deg) brightness(93%) contrast(87%);
}

#tf-anniversary {
	height: auto;
	filter: none;
}

.custom-timeline .twae-wrapper .twae-label-big {
    white-space: inherit;
}

.custom-timeline .twae-horizontal-timeline.twae-wrapper .twae-labels {
    height: auto;
    margin-top: -10px;
}

/*.custom-timeline .twae-labels,
.custom-timeline .twae-content {    
    border-left: 2px solid #666 !important;
    border-radius: 0 !important;
}
*/
.custom-timeline .twae-label-big,
.custom-timeline .twae-content .twae-title {
    max-width: 120px !important;
    padding-left: 10px;
    border-left: 2px solid #7aa84d !important;
    border-radius: 0 !important;
}

.custom-timeline .twae-slider-wrapper .twae-story:nth-of-type(even) .twae-title {    
    height: 80px !important;
}

.custom-timeline .twae-slider-wrapper .twae-story:nth-of-type(odd) .twae-label-big {    
    height: 80px !important;
}

.custom-timeline .swiper-button-disabled {
    display: none !important;
}

.custom-timeline .twae-horizontal-timeline.twae-wrapper .twae-story-line {
    border-width: 1px !important;
    border-color: #7AA84D;
}

.custom-timeline .twae-wrapper .twae-content {
    border-radius: 0;
}

.custom-timeline .twae-horizontal-timeline.twae-wrapper .twae-h-line,
.custom-timeline .twae-horizontal-timeline.twae-wrapper .twae-story-line {
    height: 2px !important;
}

.process-day {
    flex: 0 0 auto;
    width: 160px;
    height: 160px;
}

.flex-start {
    align-items: flex-start;
}


@media(min-width:768px) {
    .direction-top,
    .direction-left-border,
    .icon-direction-left-border,
    .direction-bottom,
    .right-arrow-direction-icon {
        position: relative;
    }

    .direction-top:before {
        font-family: "Font Awesome 5 Free";
        content: "\f061"
    }

    .direction-top:after {
        content: "";
        position: absolute;
        left: -80px;
        top: 50%;
        bottom: 0;
        width: 80px;
        border-left: 2px solid #7AA84D;
    }

    .right-arrow-direction-icon:after {
        content: "";
        position: absolute;
        left: -120px;
        top: calc(50% - 20px);
        bottom: 0;
        width: 80px;
        background-image: url('images/right-arrow-direction-bg.png');
        background-repeat: no-repeat;
        background-position: left top;
    }

    .direction-left-border:after {
        content: "";
        position: absolute;
        left: -80px;
        top: -150px;
        bottom: -150px;
        width: 40px;
        border-left: 2px solid #7AA84D;
    }

    .direction-bottom:after {
        content: "";
        position: absolute;
        left: -80px;
        top: 0;
        bottom: 50%;
        width: 40px;
        border-left: 2px solid #7AA84D;
        border-bottom: 2px solid #7AA84D;
    }
}

.sharakah-news .elementor-heading-title {
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
}

.sharakah-news article .elementor-widget-theme-post-featured-image .elementor-widget-container a {
	display: block;
}

.h-100 .elementor-widget-container .elementor-cta {
    height: 100%;
} 
.hover-effect .elementor-widget-container .elementor-cta .elementor-cta__image img {
    filter: invert(51%) sepia(4%) saturate(3879%) hue-rotate(49deg) brightness(75%) contrast(103%);
}

.hover-effect .elementor-widget-container .elementor-cta:hover .elementor-cta__image img {
    filter: invert(100%) sepia(0%) saturate(2%) hue-rotate(195deg) brightness(112%) contrast(101%);
}

.apexcharts-slices {
    filter: drop-shadow(2px 3px 5px rgb(0 0 0 / 0.2));
}

.content-hover .swiper-carousel .swiper-slide:hover img,
.bg-black-hover:hover img,
.bg-green-black-hover:hover img{
    filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(288deg) brightness(102%) contrast(102%);
}

.content-hover .swiper-carousel .swiper-slide:hover .bdt-ep-static-carousel-title,
.content-hover .swiper-carousel .swiper-slide:hover .bdt-ep-static-carousel-text p,
.bg-black-hover:hover .elementor-image-box-title,
.bg-green-black-hover:hover .elementor-image-box-title,
.bg-black-hover:hover .elementor-image-box-description,
.bg-green-black-hover:hover .elementor-image-box-description {
    color: #fff !important;
}


.center-position {
	transform: translatey(-50%);
}

.white-img img {
	filter: invert(100%) sepia(6%) saturate(0%) hue-rotate(70deg) brightness(108%) contrast(108%);
}

.arabic-horizontal-img-box figure {
    margin-right: 0px !important;
    margin-left: 15px !important;
}

.news-hover:hover .elementor-heading-title {
	color: #fff !important;
}

.theme-text {
	color: #8fab3b;
}

.custom-breadcrumb.elementor-widget-breadcrumbs nav span {
    background-color: transparent;
}

.line-3 h2,
.line-3 h3,
.line-3 h4,
.line-3 h5 {
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
}

.line-4 h2,
.line-4 h3,
.line-4 h4,
.line-4 h5 {
	display: -webkit-box;
	-webkit-line-clamp: 4;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
}
.elementor-cta--skin-classic.bg-transparent .elementor-cta__content,
.bg-transparent {
	background-color: transparent !important;
}


.elementor-cta--skin-classic.bg-gradient .elementor-cta {
	background: rgb(122,168,77); /* #7AA84D */
	background: linear-gradient(0deg, rgba(122,168,77,0.7) 0%, rgba(0,0,0,0.7) 100%);
	transition: 0.3s;
	height: 100%;
}

.elementor-cta--skin-classic.bg-gradient .elementor-cta:hover {
	background: rgb(122,168,77) !important;
}

.elementor-cta--skin-classic.bg-gradient .elementor-cta:hover .elementor-cta__content,
.elementor-cta--skin-classic.bg-gradient .elementor-cta__content {
	background: transparent !important;
}

.loop-list .elementor-element,
.loop-list .elementor-widget-container,
.loop-list .elementor-cta,
.loop-list .elementor-cta__content {
	height: 100%;
}

.loop-list article:nth-of-type(3n + 2) .elementor-cta--skin-classic.bg-gradient .elementor-cta {
	background: rgb(56, 76, 103);
	background: linear-gradient(0deg, rgba(56, 76, 103,0.7) 0%, rgba(0,0,0,0.7) 100%);
}


.loop-list article:nth-of-type(3n + 2) .elementor-cta--skin-classic.bg-gradient .elementor-cta:hover {
	background: rgb(56, 76, 103) !important;
}


.loop-list article:nth-of-type(3n + 3) .elementor-cta--skin-classic.bg-gradient .elementor-cta {
	background: rgb(124, 140, 135);
	background: linear-gradient(0deg, rgba(124, 140, 135,0.7) 0%, rgba(0,0,0,0.7) 100%);
}


.loop-list article:nth-of-type(3n + 3) .elementor-cta--skin-classic.bg-gradient .elementor-cta:hover {
	background: rgb(124, 140, 135) !important;
}


.nth-bg-gradient .bdt-ep-static-carousel-item:nth-of-type(1),
.nth-bg-gradient .bdt-ep-static-carousel-item:nth-of-type(4) {
	background-image: linear-gradient(180deg, #4F6C3280 25%, #00000000 100%);
}

.nth-bg-gradient .bdt-ep-static-carousel-item:nth-of-type(2),
.nth-bg-gradient .bdt-ep-static-carousel-item:nth-of-type(5){
	background-image: linear-gradient(180deg, #384C6780 25%, #00000000 100%);
}

.nth-bg-gradient .bdt-ep-static-carousel-item:nth-of-type(3) {
	background-image: linear-gradient(180deg, #7C8C8780 25%, #00000000 100%);
}

.nth-bg-gradient .bdt-ep-static-carousel-item:nth-of-type(1):hover,
.nth-bg-gradient .bdt-ep-static-carousel-item:nth-of-type(4):hover {
	background-color: #4F6C32 !important;
}

.nth-bg-gradient .bdt-ep-static-carousel-item:nth-of-type(2):hover,
.nth-bg-gradient .bdt-ep-static-carousel-item:nth-of-type(5):hover {
	background-color: #384C67 !important;
}

.nth-bg-gradient .bdt-ep-static-carousel-item:nth-of-type(3):hover {
	background-color: #7C8C87 !important;
}

.text-gradient-one h3 {
	margin-top: 0;
}

.text-gradient-one .elementor-counter-number-wrapper,
.text-gradient-one p {
    background-image: linear-gradient(100.51deg, #7C8C87 27.61%, #afb136 62.14%, rgba(187, 205, 9, .1) 113.78%);
    -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.text-gradient-two .elementor-counter-number-wrapper {
    background-image: linear-gradient(100.22deg,#1fcff1 30.11%,#234cb6 66.43%,rgba(35,76,182,.1) 120.76%);
     -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.text-gradient-three .elementor-counter-number-wrapper {
    background-image: linear-gradient(97.65deg,#19fb9b 11.36%,#199890 54.3%,#005f59 100.78%);
     -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.text-gradient-four .elementor-counter-number-wrapper {
    background-image: linear-gradient(100.51deg,#f087ff 27.61%,#6e1fce 62.14%,rgba(110,31,206,.1) 113.78%);
     -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.text-gradient-five .elementor-counter-number-wrapper {
    background-image: linear-gradient(97.65deg,#10b981 11.36%,#0ea5e9 34.3%,#6366f1 70%);
     -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.text-gradient-six  .elementor-counter-number-wrapper {
    background-image: linear-gradient(97.65deg, #f46b45 11.36%, #CCCCB2 54.3%, #eea849 100.78%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.dark-select select option {
	background-color: #000;
}
.youtube_playlist .shadow-top{display:none !important;}
.youtube_playlist .shadow-bottom{display:none !important;}

.cfefp-intl-container button.iti__selected-country{
    padding-left: 4px;
    border: 0;
    outline: 0;
}

/* grow container size for video posts */
.industry-events-videos .elementor-widget-container .elementor-posts-container .video {
    display: flex !important;
}

/* grow container size for news posts */
.sharakah-news .elementor-widget-container .elementor-posts-container .type-post {
    display: flex !important;
}
.sharakah-news .elementor-widget-container .elementor-posts-container .type-post .post-date {
    margin-top:auto;
}