/* ===================================================================================

* Theme Name: Tekz Child
* Theme URI: https://themexriver.com/wp/tekz
* Author: ThemeXriver
* Author URI: https://themeforest.net/user/themexriver
* Description: IT Solutions & Services WordPress Theme
* Version: 1.0.0
* Template: tekz
* Text Domain: tekz-child
* License: GNU General Public License version 3.0
* License URI: http://www.gnu.org/licenses/gpl-3.0.html
* Tags: one-column, right-sidebar, left-sidebar, custom-menu, featured-images, post-formats, sticky-post, translation-ready
* Tested up to: 6.6
* Requires PHP: 7.4

* We encourage you to create Child theme for any modifications you will want to do.

* Why use Child theme?

* Because of tekz updates we may provide for this theme that will overwrite your
* modifications and all your custom work.

* If you are not familiar with Child Themes, you can read about it here:
* http://codex.wordpress.org/Child_Themes
* http://wp.tutsplus.com/tutorials/theme-development/child-themes-basics-and-creating-child-themes-in-wordpress/

====================================================================================== */
.offcanvas-trigger.navSidebar-button {display: none;}

.tz-sponsor-sec:is(.ver_2) .tz-sponsor-item {background-color: #0DD4601C;padding: 0 15px;}
.tz-sponsor-item .item-img {
    width: 200px;
    height: 100px;
    filter: grayscale(100%) brightness(0.6);
}
.js-marquee {display: flex;}
.tz-cta-btn-grp a {font-weight: 600;padding: 15px 25px;border-radius: 50px;background-color: #0DD460;color: #fff;}
.tz-cta-btn-grp a i {margin-right: 8px;color: #fff;}
@media (max-width: 480px) {.tz-pro2-item .item-text-wrap .inner-title p, .tz-pro2-item .item-text-wrap .inner-title h3 {color: #fff;}}
.ab2-shape1.left_view svg path {fill: #0DD460 !important;}
.tz-wrkp-item .item-icon-step .item-icon {width: 100px;height: 100px;border-radius: 100%;background-color: #212529;}
.tz-wrkp-item .item-icon-step .item-step {line-height: unset;color: #30353f;}
.elementor-2302 .elementor-element.elementor-element-094a321 > .elementor-element-populated {display: flex;flex-wrap: nowrap;align-items: center;gap:10px}

.custom-trust-marquee {position: relative;width: 100%;overflow: hidden;padding: 10px 0;}
.custom-trust-marquee::before,.custom-trust-marquee::after {content: "";position: absolute;top: 0;width: 80px;height: 100%;z-index: 2;pointer-events: none;}
.custom-trust-marquee::before {left: 0;background: linear-gradient(to right, #fff, transparent);}
.custom-trust-marquee::after {right: 0;background: linear-gradient(to left, #fff, transparent);}
.custom-trust-marquee__track {display: flex !important;flex-wrap: nowrap !important;align-items: center;gap: 24px;width: max-content;animation: customTrustScroll 30s linear infinite;}
.custom-trust-marquee__logo {flex: 0 0 auto !important;width: 190px;height: 88px;display: flex !important;align-items: center;justify-content: center;padding: 16px 22px;border-radius: 18px;background: #f7f7f8;border: 1px solid #ececec;transition: transform 0.3s ease, box-shadow 0.3s ease, background 0.3s ease;}
.custom-trust-marquee__logo:hover {transform: translateY(-2px);box-shadow: 0 10px 24px rgba(15, 23, 42, 0.06);background: #fff;}
.custom-trust-marquee__logo.is-light-logo:hover {background: #1f2937 !important;}
.custom-trust-marquee__logo img {display: block;max-width: 100%;max-height: 55px;width: auto;height: auto;object-fit: contain;filter: grayscale(100%) brightness(0.45);opacity: 1;transition: 0.3s ease;}
.custom-trust-marquee__logo:hover img {filter: none;opacity: 1;}
.custom-trust-marquee:hover .custom-trust-marquee__track {animation-play-state: paused;}
@keyframes customTrustScroll {
  from {transform: translateX(0);}
  to {transform: translateX(calc(-50% - 12px));}
}
@media (max-width: 767px) {
  .custom-trust-marquee__track {gap: 16px;animation-duration: 22s;}
  .custom-trust-marquee__logo {width: 150px;height: 72px;padding: 12px 16px;border-radius: 14px;}
  .custom-trust-marquee__logo img {max-height: 34px;}
  .custom-trust-marquee::before, .custom-trust-marquee::after {width: 36px;}
}

.tz-contact5-content {padding: 0;background-color: transparent;top: -60px;}

.tz-contact5-form {padding: 20px;border-radius: 15px;background-color: #f0f0f0;border: none}
.tz-contact5-sec {margin: 0 50px}
.tz-contact5-form .wpcf7-submit {background: #0DD460;color: #fff;}
/* جعل نصوص الفورم أهدى وأغمق */
.tz-contact5-form input,
.tz-contact5-form textarea,
.tz-contact5-form select{
    color: #4b5563 !important; /* رمادي هادئ وأنيق */
}

/* لون الـ placeholder */
.tz-contact5-form input::placeholder,
.tz-contact5-form textarea::placeholder{
    color: #6b7280 !important;
    opacity: 1;
}
.wpcf7 form .wpcf7-response-output{
margin:15px 0 0;
padding:10px 15px;
border-radius:10px;
font-size:14px;
}

.tz-ft-cta-item .item-text .content, .tz-ft-cta-item .item-text p {
    color: #212529;
}
@media (max-width: 767px) {
    .elementor-2302 .elementor-element.elementor-element-094a321.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated {display: flex;flex-direction: column;align-items: flex-start;}
    .tz-ser2-sec {padding: 50px 0 0 0;}
    .tz-ser2-content {margin-top: 30px;}
    .tz-ser2-item .item-icon {margin-bottom: 20px;border-radius:22px;}
    .tz-ser2-item h3{margin-bottom: 0;}
    .tz-contact5-sec {margin: 0 10px}
}

.tz-project-item .item-img {width: 595px;}
.tz-ser2-item .item-text p {padding-bottom: 20px;}

/* Services Cards */
/*.tz-ser2-content .row > div[class*="col-"]{padding: 15px;}*/
.tz-ser2-item{
    background: #fff;
    border: 1px solid rgba(0,0,0,0.06);
    border-radius: 22px;
    padding: 45px 30px;
    min-height: 340px;
    box-shadow: 0 10px 30px rgba(0,0,0,0.05);
    transition: all 0.35s ease;
    position: relative;
    overflow: hidden;
}
/* بوردر للكارت الأوسط فقط */
.tz-ser2-content .row > div:nth-child(2) .tz-ser2-item{
    border: 2px solid #0DD460 !important;
    box-shadow: 0 18px 45px rgba(24,208,93,0.12);
}
.tz-ser2-item:hover{
    transform: translateY(-10px);
    box-shadow: 0 22px 55px rgba(0,0,0,0.12);
    border-color: rgba(24,208,93,0.25);
}
.tz-ser2-item::before{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 4px;
    background: linear-gradient(90deg,#18d05d,#12b84f);
    opacity: 0;
    transition: all 0.35s ease;
}
.tz-ser2-item:hover::before{
    opacity: 1;
}

.tz-ser2-item .icon-box{
    margin-bottom: 28px;
}
.tz-ser2-item .icon-box i,
.tz-ser2-item .icon-box svg{
    transition: all 0.35s ease;
}
.tz-ser2-item:hover .icon-box{
    transform: scale(1.05);
}
.tz-ser2-item h3{
    font-size: 30px;
    font-weight: 700;
    margin-bottom: 15px;
    line-height: 1.3;
}
.tz-ser2-item p{
    font-size: 17px;
    line-height: 1.8;
    color: #667085;
    margin: 0;
}