/*
Theme Name: Twenty Twenty-Five
Theme URI: https://wordpress.org/themes/twentytwentyfive/
Author: the WordPress team
Author URI: https://wordpress.org
Description: Twenty Twenty-Five emphasizes simplicity and adaptability. It offers flexible design options, supported by a variety of patterns for different page types, such as services and landing pages, making it ideal for building personal blogs, professional portfolios, online magazines, or business websites. Its templates cater to various blog styles, from text-focused to image-heavy layouts. Additionally, it supports international typography and diverse color palettes, ensuring accessibility and customization for users worldwide.
Requires at least: 6.7
Tested up to: 6.8
Requires PHP: 7.2
Version: 1.2
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: twentytwentyfive
Tags: one-column, custom-colors, custom-menu, custom-logo, editor-style, featured-images, full-site-editing, block-patterns, rtl-language-support, sticky-post, threaded-comments, translation-ready, wide-blocks, block-styles, style-variations, accessibility-ready, blog, portfolio, news
*/

/*
 * Link styles
 * https://github.com/WordPress/gutenberg/issues/42319
 */
a {
	text-decoration-thickness: 1px !important;
	text-underline-offset: .1em;
}
.ar-nav {
    display: none !important;
}
html[lang="ar"] .ar-nav{
    display: block !important;
}
html[lang="ar"] .wp-block-navigation-item:not(.ar-nav) {
    display: none !important;
}
html[lang="ar"] .rtl-text {
    direction: rtl;
}
html[lang="ar"] .latest-post-list li .post-text time{
    direction: rtl;
        text-align: right;
    display: block;
}
html[lang="ar"] .latest-post-list li .post-text h3{
     text-align: right;
     direction: rtl;
}
html[lang="ar"]  .project-slider-content, html[lang="ar"] .latest-post-card .post-left{
    direction: rtl;
}
html[lang="ar"] .project-slider-wrapper .owl-dots{
    
        justify-content: flex-start;
}

footer.wp-block-template-part .footer_ar {
    display: none !important;
        direction: rtl;
}
html[lang="ar"] footer.wp-block-template-part .footer_ar {
    display: block !important;
}
html[lang="ar"] footer.wp-block-template-part .footer_en {
    display: none !important;
}
.language-switch {
    position: absolute;
    top: -56px;
    z-index: 10;
    right: -190px;
    width: 1395px;
    margin: 0 auto;
    left: 0;
    pointer-events: none;
}
.language-switch nav.cpel-switcher__nav {
    pointer-events: auto;
}
.language-switch nav.cpel-switcher__nav a {
    background: #f9f4eb !important;
}
.language-switch nav.cpel-switcher__nav a span.cpel-switcher__code {
    font-size: 14px;
    font-weight: normal;
}
body{
        font-family: "Cairo", Sans-serif !important;
}
.wp-block-navigation .wp-block-navigation-item__content.wp-block-navigation-item__content {
    font-family: "Cairo", Sans-serif;
}
/* Focus styles */
:where(.wp-site-blocks *:focus) {
	outline-width: 2px;
	outline-style: solid;
	   
}

/* Increase the bottom margin on submenus, so that the outline is visible. */
.wp-block-navigation .wp-block-navigation-submenu .wp-block-navigation-item:not(:last-child) {
	margin-bottom: 3px;
}

/* Increase the outline offset on the parent menu items, so that the outline does not touch the text. */
.wp-block-navigation .wp-block-navigation-item .wp-block-navigation-item__content {
	outline-offset: 4px;
}

/* Remove outline offset from the submenus, otherwise the outline is visible outside the submenu container. */
.wp-block-navigation .wp-block-navigation-item ul.wp-block-navigation__submenu-container .wp-block-navigation-item__content {
	outline-offset: 0;
}

/*
 * Progressive enhancement to reduce widows and orphans
 * https://github.com/WordPress/gutenberg/issues/55190
 */
h1, h2, h3, h4, h5, h6, blockquote, caption, figcaption, p {
	text-wrap: pretty;
}

/*
 * Change the position of the more block on the front, by making it a block level element.
 * https://github.com/WordPress/gutenberg/issues/65934
*/
.more-link {
	display: block;
}
.wp-block-navigation {
    column-gap: 35px;
}
.wp-block-navigation ul li.contact_link a {
    background: #000;
    color: #fff !important;
    padding: 14px 40px;
    border-radius: 50px;
    text-decoration: none !important;
}
.wp-block-template-part header .wp-block-group {
    padding: 8px 0 !important;
}
.wp-block-group h1.wp-block-post-title {
    display: none;
}
main {
    margin-top: 0 !important;
}
main>.wp-block-group {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}
p {
    margin: 0 0 30px;
}
header.wp-block-template-part {
    position: relative;
    z-index: 10;
    box-shadow: 0 4px 14px rgb(0 0 0 / 10%);
}
.scroll-counter span.elementor-counter-number, .scroll-counter .elementor-counter-number-suffix  {
    background: hsla(39, 100%, 71%, 1);
    background: linear-gradient(180deg, hsla(39, 100%, 71%, 1) 0%, hsla(39, 54%, 95%, 1) 100%);
    background: -moz-linear-gradient(180deg, hsla(39, 100%, 71%, 1) 0%, hsla(39, 54%, 95%, 1) 100%);
    background: -webkit-linear-gradient(279deg, hsla(39, 100%, 71%, 1) 0%, hsla(39, 54%, 95%, 1) 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.project-slider-content {
    max-width: 95%;
    width: 1395px;
    margin: 0 auto;
    padding-top: 35px;
}
.project-slider-content h3 {
    line-height: initial;
    margin: 0 0 10px;
    font-size: 24px;
    font-weight: 600;
    color: #171717;
}
.project-slider-content h4 {
    margin: 0;
}
.project-slider-content h4 p {
    color: #171717;
    margin: 0;
    font-size: 18px;
    font-weight: 400;
}
.form-box p >label {
    font-size: 14px;
    color: #fff;
    line-height: 20px;
    letter-spacing: 1px;
}
.form-box p {
    margin-bottom: 15px;
}
.form-box p .wpcf7-form-control-wrap input {
    background: #212121;
    border: 0;
    border-radius: 8px;
    padding: 12px 16px 12px 16px;
    width: 100%;
    font-size: 16px;
    color: #667085;
    font-weight: 400;
    display: block;
    margin-top: 5px;
}
.form-box p .wpcf7-form-control-wrap select {
    width: 100%;
    padding: 12px 16px;
    background: #212121;
    border: 0;
    border-radius: 8px;
    font-size: 16px;
    color: #fff;
    font-weight: 400;
    margin-top: 5px;
    outline: none;
    appearance: none;
    background-image: url('./assets/images/down-arrow.png');
    background-repeat: no-repeat;
    background-position: center right 20px;
}
.form-box p .wpcf7-form-control-wrap .intl-tel-input {
    width: 100%;
    margin-top: 5px;
}
.form-box p .wpcf7-form-control-wrap span.wpcf7-form-control.wpcf7-checkbox {
    display: flex;
    align-items: center;
    column-gap: 50px;
    margin-top: 10px;
}
.form-box p .wpcf7-form-control-wrap span.wpcf7-list-item {
    margin: 0;
}
.form-box p .wpcf7-form-control-wrap span.wpcf7-list-item label {
    color: #fff;
    font-size: 14px;
    font-weight: 400;
}
.form-box p .wpcf7-form-control-wrap span.wpcf7-list-item label input[type="checkbox"] {
    position: absolute;
    opacity: 0;
    visibility: hidden;
    margin: 0;
}
.form-box p .wpcf7-form-control-wrap span.wpcf7-list-item label span.wpcf7-list-item-label {
    display: flex;
    align-items: center;
    column-gap: 10px;
    position: relative;
}
.form-box p .wpcf7-form-control-wrap span.wpcf7-list-item label span.wpcf7-list-item-label:before {
    width: 20px;
    height: 20px;
    background: #FFFFFF;
    display: inline-block;
    border-radius: 6px;
}
.form-box p .wpcf7-form-control-wrap span.wpcf7-list-item label span.wpcf7-list-item-label:after {
    transform: rotate(45deg);
    height: 10px;
    width: 6px;
    border-bottom: 2px solid #212121;
    border-right: 2px solid #212121;
    position: absolute;
    left: 6px;
    top: 3px;
    opacity: 0;
}
.form-box p .wpcf7-form-control-wrap span.wpcf7-list-item label input[type="checkbox"]:checked + .wpcf7-list-item-label:after {
    opacity: 1;
}
.form-btn input.wpcf7-form-control.wpcf7-submit {
    width: 100%;
    padding: 14px 40px;
    border-radius: 50px;
    background: #fff;
    font-size: 16px;
    color: #000000;
    border: 0;
    margin-top: 30px;
    cursor: pointer;
}
.intl-tel-input .country-list {
    background: #212121;
    border-radius: 8px;
    border: 0;
    padding: 0px;
}
.intl-tel-input .country-list li.country {
    padding: 10px 20px;
    color: #fff;
    font-size: 12px;
}
.intl-tel-input .country-list .divider {
    border-color: #323232;
}
footer.wp-block-template-part > .wp-block-group {
    background: #000;
    padding-top: 100px !important;
    padding-bottom: 0 !important;
}
footer.wp-block-template-part > .wp-block-group > .wp-block-group {
    width: 100%;
    max-width: 100%;
    margin: 0 auto;
}

footer.wp-block-template-part > .wp-block-group > .wp-block-group h2.wp-block-heading {
    font-size: 36px;
    color: #fff;
    line-height: 44px;
    font-weight: 500;
    margin-bottom: 30px;
}
footer.wp-block-template-part > .wp-block-group > .wp-block-group >.wp-block-group h4.wp-block-heading {
    font-size: 20px;
    color: #fff;
    line-height: 28px;
    font-weight: 600;
    margin-bottom: 20px;
}
footer.wp-block-template-part > .wp-block-group > .wp-block-group >.wp-block-group ul.wp-block-list {
    padding: 0;
    margin: 0;
    list-style: none;
    color: #fff;
}
footer.wp-block-template-part > .wp-block-group > .wp-block-group >.wp-block-group ul.wp-block-list a {
    font-size: 16px;
    line-height: 28px;
    text-decoration: none;
}
footer.wp-block-template-part > .wp-block-group > .wp-block-group >.wp-block-group ul.wp-block-list li {
    margin: 0;
}
footer.wp-block-template-part > .wp-block-group > .wp-block-group >.wp-block-group .social-media ul {
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    align-items: center;
    column-gap: 20px;
}
footer.wp-block-template-part > .wp-block-group > .wp-block-group >.wp-block-group .social-media ul a {
    font-size: 0;
    width: 25px;
    height: 25px;
    display: inline-block;
    cursor: pointer;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}
footer.wp-block-template-part > .wp-block-group > .wp-block-group >.wp-block-group .social-media ul li {
    display: flex;
}
footer.wp-block-template-part > .wp-block-group > .wp-block-group >.wp-block-group p {
    font-size: 16px;
    color: #fff;
    line-height: 28px;
}
footer.wp-block-template-part > .wp-block-group > .wp-block-group .wp-block-group.alignfull.footer-top {
    max-width: 95%;
    width: 1395px;
    margin: 0 auto;
    padding-bottom: 110px;
}
.footer-bottom {
    position: relative;
    max-width: 95%;
    width: 1395px;
    margin: 0 auto;
        padding-bottom: 25px;
}
footer.wp-block-template-part > .wp-block-group > .wp-block-group:nth-child(2):before {
       background: #F9F4EB;
    content: '';
    width: 100%;
    height: 105px;
    bottom: 0;
    position: absolute;
    left: 0;
}
.footer-bottom ul.wp-block-list {
    display: flex;
    color: #000 !important;
    column-gap: 40px;
}
.footer-bottom ul.wp-block-list li {
    font-size: 16px;
    margin: 0;
}
footer.wp-block-template-part > .wp-block-group > .wp-block-group:first-child {
    max-width: 95%;
    width: 1395px;
}
footer.wp-block-template-part > .wp-block-group > .wp-block-group >.wp-block-group .social-media ul li:first-child a{
    background-image:url(./assets/images/insta.png);
}
footer.wp-block-template-part > .wp-block-group > .wp-block-group >.wp-block-group .social-media ul li:nth-child(2) a{
    background-image:url(./assets/images/twitter.png);
}
/*footer.wp-block-template-part > .wp-block-group > .wp-block-group >.wp-block-group .social-media ul li:nth-child(3) a{*/
/*    background-image:url(./assets/images/insta.png);*/
/*}*/
footer.wp-block-template-part > .wp-block-group > .wp-block-group >.wp-block-group .social-media ul li svg {
    color: #fff;
    fill: #fff;
}
a.whatsap {
    width: 50px;
    height: 50px;
    display: flex;
    position: fixed;
    bottom: 20px;
    right: 20px;
    justify-content: center;
    background: #000;
    border-radius: 50px;
    z-index: 2;
}
a.whatsap svg {
    fill: #fff;
    width: 25px;
}
footer.wp-block-template-part > .wp-block-group > .wp-block-group >.wp-block-group .footer-btn a {
    padding: 14px 40px;
    font-size: 16px;
    color: #171717;
    background: #fff;
    font-weight: 600;
}
footer.wp-block-template-part > .wp-block-group > .wp-block-group >.wp-block-group .footer-btn {
    margin-top: 30px;
}
.project-slider-wrapper .owl-dots {
    display: flex;
    column-gap: 8px;
    position: absolute;
    bottom: 25px;
    width: 1395px;
    margin: 0 auto;
    left: 0;
    right: 0;
    justify-content: flex-end;
    max-width: 95%;
    align-items: center;
}
.project-slider-wrapper .owl-dots button.owl-dot {
    width: 10px;
    height: 10px;
    background: #D9D9D9;
    border-radius: 50px;
    transition: 0.5s all;
}
.project-slider-wrapper .owl-dots button.owl-dot.active {
    background: #000;
    width: 14px;
    height: 14px;
}
.snap-top:before {
    content: '';
    background-image: url(./assets/images/snap-top.png);
    position: absolute;
    width: 214px;
    height: 197px;
    top: 0;
    left: 0;
}
.snap-bottom:after {
    content: '';
    background-image: url(./assets/images/snap-bottom.png);
    width: 251px;
    height: 246px;
    position: absolute !important;
    bottom: 0 !important;
    right: 0 !important;
}
.contact-section {
    overflow: hidden;
}
/* ▼ Zoom-&-fade keyframes */
@keyframes zoomOut {
  0%   { opacity:1; transform:scale(1);    }
  100% { opacity:0; transform:scale(.95); }
}
@keyframes zoomIn {
  0%   { opacity:0; transform:scale(.95); }
  100% { opacity:1; transform:scale(1);   }
}

/* ▼ Utility classes the JS will toggle */
.project-posts.anim-out { animation: zoomOut .15s ease forwards; }
.project-posts.anim-in  { animation: zoomIn  .20s ease forwards; }
a {
    outline: none !important;
}
/* (keep your existing styling ↓) */
.project-tabs {
    padding-bottom: 140px;
}
.project-tab-buttons {
    list-style: none;
    padding: 0;
    margin: 0 0 70px;
    display: flex;
    gap: 0;
    justify-content: center;
        flex-wrap: wrap;
}
.project-tab {
    cursor: pointer;
    padding: .5rem 1rem;
    border: none;
    font-size: 16px;
    line-height: 20px;
    color: #171717;
    font-weight: 500;
    background: transparent;
    border-right: 1px solid #000000;
    outline: none;
        font-family: "Cairo", Sans-serif !important;
}
.is-active .project-tab {
    font-weight: 700;
}
.project-list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    column-gap: 60px;
    row-gap: 100px;
}
.project-list li.project-item {
    width: calc(50% - 30px);
}
.project-list li.project-item a {
    display: block;
}
.project-list li.project-item a span.project-title {
    display: flex;
    align-items: center;
    column-gap: 15px;
    font-size: 50px;
    color: #171717;
    font-weight: 700;
}
.project-list li.project-item a > img {
    width: 100%;
    height: auto;
    margin-bottom: 25px;
}
.project-list li.project-item a span.project-subtitle {
    display: block;
    font-size: 16px;
    color: #171717;
    font-weight: 400;
}
/* Start each column off-screen so the effect is obvious */
.col-left  { transform: translateX(-300px); }
.col-right { transform: translateX( 300px); }
.current-menu-item a {
    text-decoration: underline;
    font-weight: 600;
}
.customer-logo-slide img {
    width: auto !important;
    margin: 0 auto;
    max-width: 65%;
}
.customer-logo-slide img {
    width: auto !important;
    margin: 0 auto;
}
/* Hide flash before GSAP syncs the transform */
.col-left,
.col-right { will-change: transform; }
.latest-post-card {
    display: flex;
    flex-wrap: wrap;
}
.latest-post-card .post-left {
    width: 50%;
    padding-left: 40px;
    padding-top: 50px;
    padding-right: 30px;
}
.latest-post-list .post-image img {
    max-height: 80px;
    object-fit: cover;
}
.latest-post-card .post-right {
    width: 50%;
}
.post-top time {
    font-size: 14px;
    line-height: 22px;
    font-weight: 800;
    color: #000000;
    text-transform: uppercase;
}
.post-left h2 {
    margin: 15px 0 20px;
    font-size: 30px;
    font-weight: 800;
    color: #000;
}
.post-left p {
    font-size: 16px;
    line-height: 28px;
    color: #000;
    font-weight: 400;
}
.post-left h3 {
    margin: 0;
}
.post-left .post-btn a {
    border: 1px solid #000;
    font-size: 16px;
    padding: 14px 40px;
    border-radius: 50px;
    display: inline-flex;
}
.latest-post-list li {
    display: flex;
    background: #000;
    padding: 24px 24px;
        align-items: center;
}
.latest-post-list li .post-text time {
    color: #fff;
}
.latest-post-list li .post-text h3 {
    color: #fff;
    font-size: 18px;
    line-height: 28px;
    margin: 5px 0 0;
}
.latest-post-list li .post-text {
    padding-left: 25px;
    margin-top: -10px;
}
.latest-post-list li:not(:last-child) {
    margin-bottom: 30px;
}
.banner-video:before {
    content: '';
    background: #000;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    opacity: 0.40;
}
@media(max-width:1599px){
    header.wp-block-template-part header>.wp-block-group {
    max-width: 90% !important;
}
.container-width>.e-con-inner, footer.wp-block-template-part > .wp-block-group > .wp-block-group:first-child, footer.wp-block-template-part > .wp-block-group > .wp-block-group .wp-block-group.alignfull.footer-top, .footer-bottom, .project-slider-content, .project-slider-wrapper .owl-dots {
    max-width: 90% !important;
}
.latest-post-card .post-left{
    padding-left: 40px;
}
}
@media(max-width:1023px){
    .latest-post-card .post-left {
        padding-left: 25px;
        padding-top: 0px;
        padding-right: 0;
    }
}
@media(max-width:767px){
    .project-slider-wrapper .owl-dots {
    position: relative;
    bottom: 0;
    justify-content: center;
    padding-top: 25px;
}
.project-slider-wrapper .owl-dots button.owl-dot.active {
    width: 10px;
    height: 10px;
}
.customer-logo-slide img {
    width: 80% !important;
    margin: 0 auto;
}
.project-slider-content h3 {
    font-size: 20px !important;
    text-align: center;
}
.project-slider-content h4 {
    text-align: center;
}
.project-slider-content h4 p {
    font-size: 14px;
}
.project-slider-content {
    padding-top: 25px;
}
.is-layout-constrained > .alignwide {
    max-width: 90% !important;
}
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__container {
    width: 100%;
    justify-content: center !important;
    text-align: center;
    align-items: center;
    row-gap: 20px;
}
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content {
    height: 100vh !important;
    padding-top: 0 !important;
}
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .contact_link .wp-block-navigation-item__content {
    padding: 10px 45px;
}
footer.wp-block-template-part > .wp-block-group > .wp-block-group:first-child {
    max-width: 90%;
}
footer.wp-block-template-part > .wp-block-group > .wp-block-group h2.wp-block-heading {
    font-size: 24px;
    line-height: 35px;
    margin-bottom: 25px;
}
footer.wp-block-template-part > .wp-block-group > .wp-block-group .wp-block-group {
    margin: 0 !important;
}
footer.wp-block-template-part > .wp-block-group{
        padding-top: 70px !important;
}
footer.wp-block-template-part > .wp-block-group > .wp-block-group >.wp-block-group h4.wp-block-heading {
    font-size: 16px;
    color: #fff;
    line-height: 20px;
    font-weight: 600;
    margin-bottom: 18px;
}
footer.wp-block-template-part > .wp-block-group > .wp-block-group .wp-block-group.footer-bottom .is-default-size {
    width: 100%;
    text-align: center;
    margin-bottom: 20px;
}
footer.wp-block-template-part > .wp-block-group > .wp-block-group .wp-block-group.footer-bottom ul.wp-block-list {
    flex-wrap: wrap;
    justify-content: center;
    column-gap: 15px;
    row-gap: 5px;
}
footer.wp-block-template-part > .wp-block-group > .wp-block-group >.wp-block-group ul.wp-block-list a{
 font-size: 14px;
}
.footer-bottom ul.wp-block-list li{
    font-size:14px;
}
footer.wp-block-template-part > .wp-block-group > .wp-block-group:nth-child(2):before{
    height: 195px;
}
footer.wp-block-template-part > .wp-block-group > .wp-block-group >.wp-block-group .footer-btn a {
    font-size: 14px;
}
footer.wp-block-template-part > .wp-block-group > .wp-block-group >.wp-block-group p {
    font-size: 14px;
    color: #fff;
    line-height: 24px;
}
.form-btn:nth-last-child(2) p {
    margin: 0;
}
.latest-post-card .post-right {
    width: 100%;
}
.latest-post-card .post-left {
        padding-left: 0px;
        padding-top: 20px;
        padding-right: 0;
        width: 100%;
    }
    .project-list li.project-item {
    width: 100%;
}
.project-list li.project-item a span.project-title{
    font-size: 30px;
}
.project-list li.project-item a span.project-subtitle {
    font-size: 14px;
    margin-top: 10px;
}
.project-list{
    row-gap: 60px;
}
.single-project .entry-content {
    overflow: hidden;
}
header.wp-block-template-part header>.wp-block-group img.custom-logo {
    max-width: 90px;
}
}
@media(max-width:519px){
    .project-tab-buttons {
    list-style: none;
    padding: 0;
    margin: 0 0 70px;
    display: flex;
    gap: 0;
    justify-content: flex-start;
    flex-wrap: wrap;
    row-gap: 10px;
}
.project-tab-buttons li {
    width: 50%;
}
.project-tab-buttons li button.project-tab {
    display: flex;
    width: 100%;
    justify-content: center;
    font-size: 14px;
    padding: 10px 0;
}
.project-tab-buttons li:nth-child(even) button.project-tab {
    border: 0;
}
}
@media(max-width:419px){
    footer.wp-block-template-part > .wp-block-group > .wp-block-group .wp-block-group.alignfull.footer-top>.wp-block-columns .wp-block-column:nth-child(2) {
    display: none;
}
footer.wp-block-template-part > .wp-block-group > .wp-block-group .wp-block-group.alignfull.footer-top {
    flex-direction: column;
    row-gap: 40px;
}
}