/*
Theme Name: AppFusion
Theme URI: https://appfusion.da.w3engineers.com/
Author: W3 Engineers
Author URI: https://themeforest.net/user/w3engineers
Description: AppFusion is a unique WordPress theme to create a powerful app landing website.
Tags: blog, one-column, custom-logo, custom-menu, editor-style, featured-images, full-width-template, sticky-post, threaded-comments, translation-ready
Version: 1.0.1
Requires at least: 5.0
Tested up to: 6.7
Requires PHP: 7.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: appfusion

Copyright 2024 W3 Engineers Ltd. All rights reserved.
AppFusion is distributed under the terms of the GNU General Public License v2 or later.
*/

/* common css */
.elementor-element.max-w-1440 { max-width: 1440px !important; width:100%;}
.elementor-element.max-w-1014 { max-width:1014px !important;}
body.rtl.page-id-3822 { --ult-secondary-color: inherit; }
.wpml-ls-display { display: none !important;}
/* header css start */
header .navbar { padding: 34px 48px 34px 48px !important;}
.navbar-collapse .navbar-nav.mx-md-auto { margin-left:auto !important; margin-right: 0px !important; gap:8px;}
.rtl .navbar-collapse .navbar-nav.mx-md-auto {gap: 38px;}
.navbar .nav-link { padding:12px 18px !important; line-height:24px; position:relative;}
.rtl .navbar .nav-link { font-size: 20px !important;}
.navbar .nav-link:before { content:""; width: 0px; height:2px; background:var(--ult-secondary-color); position:absolute; bottom:0px; left:0px; transition-duration:0.3s;}
.navbar-nav .nav-item .nav-link:hover:before,
.navbar-nav .nav-item.active .nav-link:before { width:100%;}
.elementor-element .elementor-widget-container p { margin-bottom:0px !important;}
body.rtl .navbar-collapse .navbar-nav.mx-md-auto { margin-left: 0px !important; margin-right: auto !important; padding-right:0px !important;}
.navbar .wpml-ls-menu-item { display:flex; align-items:center; }
.navbar .navbar-nav > .wpml-ls-menu-item { margin-left:30px; }
.rtl .navbar .navbar-nav > .wpml-ls-menu-item { margin-left:0px; margin-right: 30px;}
.navbar .wpml-ls-menu-item .nav-link,
.navbar .wpml-ls-menu-item .dropdown-item{ padding:7px 13px !important; font-size:16px !important; line-height:24px !important; background:rgba(255,255,255,0.19); color:#fff; transition-duration:0.3s;}
.navbar .wpml-ls-menu-item .nav-link,
body.rtl .navbar .wpml-ls-menu-item .dropdown-item{ border-top-left-radius:8px; border-bottom-left-radius:8px;}
.navbar .wpml-ls-menu-item .dropdown-item,
body.rtl .navbar .wpml-ls-menu-item .nav-link{ border-top-right-radius:8px; border-bottom-right-radius:8px; }
body.rtl .navbar .wpml-ls-menu-item .nav-link { border-top-left-radius:0px; border-bottom-left-radius:0px; justify-content: center;}
body.rtl .navbar .wpml-ls-menu-item .dropdown-item { border-top-right-radius:0px; border-bottom-right-radius:0px;}
.navbar .wpml-ls-menu-item .nav-link::before,
.navbar .wpml-ls-menu-item .dropdown-toggle::after{ display:none;}
.navbar .wpml-ls-menu-item .dropdown-menu { min-width:auto; margin:0px; display:block; position:static; padding:0px; background:transparent; border:0px;}
.navbar .wpml-ls-menu-item .nav-link span,
.navbar .wpml-ls-menu-item .dropdown-menu .dropdown-item span { display:flex; align-items:center; gap:6px;} 
.navbar .wpml-ls-menu-item .nav-link span .wpml-ls-flag,
.navbar .wpml-ls-menu-item .dropdown-menu .dropdown-item span .wpml-ls-flag { width:24px; height:24px; object-fit:cover; border-radius:50%; display: none;}
.navbar .wpml-ls-menu-item .wpml-ls-display { margin:0px;}
.navbar .wpml-ls-menu-item.wpml-ls-current-language .nav-link { background:#fff; color:#000;}
.mob-lang { margin:0px 10px 0px auto; padding:0px;}
body.rtl .mob-lang { margin:0px auto 0px 10px; padding:0px;}
.mob-lang .wpml-ls-flag { width: 24px; height: 24px; object-fit: cover; border-radius: 50%;}
.mob-lang span { height:24px;}
/* header css end */

/* home page css start */
.feature-grid .elementor-image-box-img { flex-shrink:0;}
.feature-grid .ml-auto { margin-left:auto;}
.digital-works .elementor-widget-container p { margin: 0px !important;}
.sector-empower .content-block.ult-section,
.unlock-sec .elementor-widget-container .ult-section,
.newsletter-sec .subscription.ult-section{ padding: 0px !important;}
.elementor-element .elementor-widget-container p.industries-benifit-p { margin-bottom:24px !important;  font-weight:700; }
.industries-benifit-p,
.benifit-list li { font-size:20px; line-height:150%; color:#fff; }
.benifit-list li { font-weight:300; display: flex; gap: 10px;}
.benifit-list { padding:0px; margin:0px; display:flex; flex-direction:column; gap:20px !important;}
.block-content ul.benifit-list > li::before {content: none !important;}
.benifit-list li strong { font-size:20px; line-height:150%; font-weight:500; color:#fff;}
.newsletter-sec .ult-section-overlay-enabled .ult-section:after { display: none !important; }
/* .newsletter-card { border:3px solid; border-image-source:linear-gradient(to right, rgba(41,176,180,1) 0%,rgba(136,0,203,1) 100%); border-image-slice: 1; border-width: 3px; background:rgba(255,255,255,.1); backdrop-filter: blur(3px)} */
.newsletter-card { position:relative;}
.elementor-element.newsletter-card::before {content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(to right, rgba(41,176,180,1) 0%,rgba(136,0,203,1) 100%);
    z-index: 1;
    border-radius: 20px;
    padding: 3px;
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: destination-out;
    mask-composite: exclude; }
.elementor-element.newsletter-card::after {content: ""; width:100%; height:100%;  backdrop-filter: blur(3px); background:rgba(255,255,255,.1); position:absolute; top:0px; left:0px; border-radius: 20px; z-index:-1;}
.subscription-form form.wpcf7-form  { flex-direction:column !important;}
.wpcf7 form .wpcf7-response-output { margin-top:3rem;}
body.rtl .elementor-element.sector-empower-sec .ult-button-content-wrapper svg { transform: scaleX(-1);}
body.rtl .elementor-element.sector-empower-sec .image-slider .swiper-slider-arrow.image-slider-navigation { flex-direction:row-reverse;}
/* home page css end */

/* services page css start */
.elementor-element.service-popup {padding-block:20px; overflow-y:auto; position:fixed; top:0px; left:0px; width:100%; height:100%; background:rgba(0,0,0,0.8); z-index:9999; display:flex; align-items:center; justify-content:center; opacity:0; visibility:hidden; transition-duration:0.3s;}
.elementor-element.service-popup.open-info {opacity:1; visibility:visible;}
.service-popup-container,
.elementor-element.service-contact{ display:flex; flex-direction:row !important;}
.elementor-element.service-contact { gap:32px;}
.elementor-element.service-contact { align-items:center;}
.elementor-element.services-image { max-width:576px !important; flex-shrink:0;}
.elementor-element.services-image img { height:100%;}
.elementor-element.service-list ul { padding-left:20px; margin:0px; display:flex; flex-direction:column; gap:16px;} 
.elementor-element.service-list ul strong { font-weight:600;}
.elementor-element.service-list.banking-list ul { list-style:none;}
.elementor-element.service-list.banking-list ul li { position:relative; padding-left:4px;}
body.rtl .elementor-element.service-list.banking-list ul li { padding-left:0px; padding-right:4px;}
.elementor-element.service-list.banking-list ul li::before { content:""; background:url('https://www.digitalyou.sa/wp-content/uploads/2025/03/baking-icon.svg') no-repeat center / cover; width:14px; height:14px; position:absolute; top:1px; left:-20px; display:block;}
body.rtl .elementor-element.service-list.banking-list ul li::before { left:auto; right:-20px;}
.elementor-element.service-contact .elementor-widget.elementor-widget-button.card-contact-btn { flex-shrink:0;} 
.elementor-element#close-service-popup { position:absolute; top:-2px; right:4px; z-index:2;}
body.rtl .elementor-element#close-service-popup { right:auto; left:4px;}
/* services page css end */

/* about page css start */
.founder-list ul { padding:0px; margin-block:46px; display:flex; align-items:flex-start; flex-direction:column; gap:24px;}
.founder-list ul li { padding:8px 16px 8px 50px; border:1px solid rgba(255,255,255,.15); border-radius:10px; position:relative; background:rgba(255,255,255,.1); backdrop-filter: blur(3px); list-style:none;}
body.rtl .founder-list ul li { padding-right:50px; padding-left:16px;}
.founder-list ul li::before { content:""; background:url('https://www.digitalyou.sa/wp-content/uploads/2025/03/tick-icon.svg') no-repeat center / cover; width:24px; height:24px; position:absolute; top:16px; left:16px; display:block;}
body.rtl .founder-list ul li::before { left:auto; right:16px;}
.elementor-element.icon-wrapper .elementor-widget-container { width:42px; height:42px !important; border:1px solid #fff !important; border-radius:50% !important; display:flex; justify-content:center; align-items:center; position:relative; transition-duration:0.3s;}
.elementor-element.icon-wrapper .elementor-widget-container:hover { background:var(--ult-secondary-color); border-color:var(--ult-secondary-color) !important;}
.elementor-element.icon-wrapper a { position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:100%; height:100%; line-height:36px;}
body.rtl .newsletter-sec .wpcf7 input[type="email"] { direction:rtl;}
body.rtl .subscription-form .btn { right:auto; left:6px;}
/* about page css end */
/* footer css start */
footer.footer { background: unset !important; padding-block:100px 24px !important; padding-inline:48px;} 
footer .footer-overlay { background: #030866 !important; opacity:1 !important;}
footer .container { max-width: 100% !important;}
.footer-menu.right-menu .footer-menu-list.footer-contact { width:80%;}
body.rtl .footer-menu-title.text-sm-start,
body.rtl .footer-logo.text-sm-start{ text-align:right !important;}
body.rtl .footer-menu-list { padding-right: 0px !important;}
footer .logo.img-fluid { display: none !important;}
.footer-descirption { margin-block:42px !important; font-size:20px; line-height:150%; font-weight:300; max-width:506px;}
.footer-menu .nav-link,
.copyright-text{ font-weight:300;}
.footer-top { border-bottom:1px solid rgba(255,255,255,0.10)}
.footer-contact svg { margin-right:12px; flex-shrink:0;}
.breadstreet-logo { max-width:200px;}
body.rtl .footer-top .offset-lg-1 { margin-right:8.33333333%; margin-left:0px;}
body.rtl .footer-contact svg { margin-left:12px; margin-right:0px;}
body.rtl .footer-social-links { padding-right:0px; }
footer .wpml-ls-menu-item { display: none !important;}
body.rtl .right-menu .footer-menu-list li:nth-child(2) .nav-link { direction: ltr; flex-direction: row-reverse;}
/* footer css end */

/* media query start */
@media(max-width:1600px){
	.service-card-block h1.elementor-heading-title  { font-size:18px !important;}
	.service-card-block p { font-size:14px !important;}
	.services-image + .elementor-element { gap:20px !important;}
	.elementor-element.service-list ul { gap:12px;}	
	.elementor-element.service-contact { flex-direction:column !important; gap:16px !important;}
}
@media(min-width:1400px) and (max-width:1600px){
	.navbar-brand img { max-width:200px;}
	h1.elementor-heading-title  { font-size:48px !important;}
	.sponsarship-banner-title h1.elementor-heading-title { font-size:42px !important;}
	.elementor-element.services-image { max-width:500px !important;}
	.elementor-element.service-contact { flex-direction:row !important; gap:16px !important;}
	.service-popup-container { max-width:90% !important;}
	.navbar .navbar-nav > .wpml-ls-menu-item { margin-left:10px; }
	.rtl .navbar .navbar-nav > .wpml-ls-menu-item { margin-right:10px; }
	.rtl .navbar-collapse .navbar-nav.mx-md-auto { gap: 30px;}
}
@media(min-width:992px) and (max-width:1399px){
h1.elementor-heading-title  { font-size:38px !important;}
.elementor-element.services-image { max-width:420px !important;}
.rtl .navbar .nav-link { font-size: 18px !important;}
.rtl .navbar-collapse .navbar-nav.mx-md-auto { gap: 12px;}
	body.rtl .navbar .wpml-ls-menu-item .nav-link { min-width: 69px;}
/* navbar css start */
	.navbar-collapse .navbar-nav.mx-md-auto { gap:6px;}
	.navbar-brand img { max-width:140px;}
	.navbar .nav-link { padding:12px 14px !important; font-size:14px !important;}
	.navbar .wpml-ls-menu-item .nav-link,
	.navbar .wpml-ls-menu-item .dropdown-item { padding:6px !important; font-size:14px !important;}
	.navbar .wpml-ls-menu-item .nav-link span .wpml-ls-flag, .navbar .wpml-ls-menu-item .dropdown-menu .dropdown-item span .wpml-ls-flag { width:20px; height:20px;}
	.navbar .navbar-nav > .wpml-ls-menu-item { margin-left:0px; }
	.rtl .navbar .navbar-nav > .wpml-ls-menu-item { margin-right:0px; }
/* navbar css end */
}
@media(min-width:992px) and (max-width:1170px){
	header .navbar { padding:34px 18px 34px 18px !important;}
	.navbar-brand img { max-width:120px;}
	.navbar .nav-link { padding: 12px 5px !important;}
}
@media(min-width:768px) and (max-width:1024px){
header .navbar { padding:18px 4px 18px 4px !important;}	
	.mob-lang .wpml-ls-flag { display: none !important;}
.benifit-list { gap:16px;}
.industries-benifit-p,
.benifit-list li { font-size:16px;}
.benifit-list li strong { font-size:18px;}
.block-content .button-group { margin-top:40px !important;}
.btn-gradient-primary,
.btn-outline-secondary,
.btn-secondary{ padding:14px !important; font-size:16px !important;}
	.rtl .navbar .nav-link { font-size: 18px !important;}
	.rtl .navbar-collapse .navbar-nav.mx-md-auto { gap: 12px;}
.elementor-element .elementor-widget-container p.industries-benifit-p { margin-top:24px !important;}
.image-slider .image-slider-navigation { margin-top:30px !important;}
footer.footer { padding-block: 80px 18px !important; padding-inline: 16px;}
footer .row>* { margin-top:30px !important;}
.footer-menu-title { font-size:20px; line-height:30px;}
.footer-descirption { margin-block: 26px !important; font-size: 18px; max-width: 446px;}
.copyright-text { font-size:16px !important;}
.footer-contact svg { margin-right:6px;}
	.founder-list ul li { padding-left:45px;}
body.rtl .founder-list ul li { padding-left:16px; padding-right:45px;}
.founder-list ul li::before { width: 20px; height: 20px; top: 14px; left: 14px;}
	body.rtl .founder-list ul li::before { left:auto; right:14px;}
.founder-list ul { margin-block:26px; gap:18px;}
	.service-popup-container,
	.elementor-element.service-contact { flex-direction:column !important;}
	.elementor-element.service-popup { overflow:unset;}
	.service-popup-container { max-height:450px; overflow-y:auto !important;}
	.elementor-element.services-image { max-width:300px !important; margin:30px auto 0px;}
	.services-image + .elementor-element { margin-top:40px !important;}
	.elementor-element.service-popup-container { border-radius:12px;}
	.elementor-element#close-service-popup { top:-383px; right:-8px;}
	body.rtl .elementor-element#close-service-popup { right:auto; left:-8px;}
	body.rtl .footer-top .row .offset-lg-1 { margin-right:0px;}
}
@media(max-width:767px){
header .navbar { padding:16px 4px 16px 4px !important;}	
.navbar-brand img { width:140px !important;}
	.navbar .wpml-ls-menu-item .nav-link, .navbar .wpml-ls-menu-item .dropdown-item { padding:5px 10px !important;}
	.rtl .navbar .nav-link { font-size: 18px !important;}
	.mob-lang .wpml-ls-flag { display: none !important;}
	.navbar .wpml-ls-menu-item .nav-link,
	body.rtl .navbar .wpml-ls-menu-item .nav-link { min-width: 84px;}
	.rtl .navbar-collapse .navbar-nav.mx-md-auto { gap: 12px;}
.image-slider .image-slider-navigation { margin-top:0px !important;}
.industries-benifit-p, .benifit-list li,.benifit-list li strong { font-size:16px;}
.benifit-list { gap:18px !important;}	
.block-content .button-group { margin-top:30px !important;}
.btn-gradient-primary,
.btn-outline-secondary,
.btn-secondary,
.subscription-form .form-control,
.subscription-form .btn{ padding:12px !important; font-size:14px !important;}
.subscription-form .form-control { line-height:20px;}
.button-group.d-flex.gap-3 { flex-direction:column !important;}
.unlock-sec,
.unlock-sec .btn{ width:100%}
.unlock-sec .btn .ult-button-content-wrapper { justify-content:center;}
	body.rtl .subscription-form .btn {  left:0px;}
	.elementor-element.service-popup { overflow:unset;}
	.service-popup-container { max-height:430px; overflow-y:auto !important;}
	.services-image + .elementor-element { margin-top:40px !important;}
	.elementor-element.service-popup-container { border-radius:12px;}
	.elementor-element.services-image { margin-top:20px; max-width:250px !important; margin:0px auto;}
	.elementor-element#close-service-popup { top:-303px; right:-8px;}
	body.rtl .elementor-element#close-service-popup { right:auto; left:-8px;}
	.service-popup-container { width:90% !important;}
	body.rtl .footer-top .offset-lg-1 { margin-right:0px;}
footer.footer { padding-block: 60px 12px !important; padding-inline:6px;}
.footer-descirption { margin-block:20px !important; font-size:16px;}
	.footer-social-links { margin-top:0px !important; }
	.footer-social-links.justify-content-center { justify-content:flex-start !important;}
	.footer-menu-list.align-items-center { align-items:flex-start !important;} 
	.footer-menu-title { font-size:20px;}
	.footer-social-links.mb-4  { margin-bottom:0px !important;}
	.footer-menu-list.pb-3 { padding-bottom:0px !important;} 
	.nav-item.pb-3.pb-lg-4 { padding-bottom:16px !important;}
 .footer-top > div:nth-child(2) { margin-block:40px;}
	.footer-top { padding-bottom:20px !important;}
	.copyright-text { position:relative; z-index:2; font-size:14px;}
	.footer-logo.text-center,
	.footer-menu-title.text-center { text-align:left !important;}
	.founder-list ul { margin-block:24px; gap:16px;}
	.founder-list ul li { padding:6px 8px 6px 36px;}
	body.rtl .founder-list ul li { padding-right:36px; padding-left:8px;}
	.founder-list ul li::before { width:18px; height:18px; top:13px; left:10px;}
	body.rtl .founder-list ul li::before { left:auto; right:10px;}
	.breadstreet-logo { max-width:120px;}
}
/* media query end */