CSS HEADER TIQNIA

selector.elementor-sticky--effects {
    background-color: #fff;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
    transition: box-shadow 0.3s ease;
}

selector:not(.elementor-sticky--effects) {
    background-color: transparent;
}

selector.elementor-sticky--effects .blue-logo,
selector:not(.elementor-sticky--effects) .white-logo {
    display: block;
}

selector.elementor-sticky--effects .white-logo,
selector:not(.elementor-sticky--effects) .blue-logo {
    display: none;
}

selector.elementor-sticky--effects .elementor-button-link {
    background: #0055d9 !important;
    color: #fff !important;
    fill: #fff;
}

selector.elementor-sticky--effects .elementor-button-link .elementor-button-icon {
    fill: #fff;
}

selector.elementor-sticky--effects .elementor-nav-menu > .menu-item > a,
selector.elementor-sticky--effects .elementskit-navbar-nav > li > a {
    color: #02265f;
    fill: #02265f;
}

selector.elementor-sticky--effects .elementor-nav-menu > .menu-item > a:hover,
selector.elementor-sticky--effects .elementskit-navbar-nav > li > a:hover {
    color: #0055D9;
    fill: #0055D9;
}

selector.elementor-sticky--effects .menu-item a:after {
    background-color: #02265F !important;
}

selector.elementor-sticky--effects .elementor-nav-menu > .menu-item > a:hover,
selector.elementor-sticky--effects .elementor-nav-menu > .menu-item > a.elementor-item-active {
    color: #02265F;
}

////////

CSS

.service-box:hover div,.service-box:hover a {color: #fff !important;}header .elementor-sticky--effects .uc-mega_menu_title {color: #0057D9 !important;}header .elementor-sticky--effects .uc-mega_menu_title:hover,header .elementor-sticky--effects .uc-mega_menu_title.uc-current-page {color: #02265f !important;}.reviews-slider div,.reviews-slider,.es-embed-root,.es-embed-root div {background-color: transparent !important;}.reviews-slider .swiper-slide,.es-embed-root .swiper-slide {background-color: #ffffffe6 !important;border-radius: 20px;}.elementor-widget-n-carousel .swiper-wrapper {transition-timing-function: linear !important;}.reviews-slider .es-carousel-arrow-control,.es-embed-root .es-carousel-arrow-control {background-color: #fff !important;color: #000 !important;fill: #000;}.reviews-slider .es-review-background-container,.es-embed-root .es-review-background-container {width: 100%;border: 0;}.clients .flickity-button,.flickity-button {border-color: #0055D9 !important;background-color: #0055D9 !important;}.clients .flickity-button svg,.clients .flickity-button svg path,.flickity-button svg,.flickity-button svg path {color: #fff !important;fill: #fff !important;}.e-n-accordion-item-title[aria-expanded="true"] {border-radius: 20px 20px 0 0px !important;}.pix-contact7-form label {width: 100%;color: #000;font-size: 22px;font-weight: 500;}.pix-contact7-form input:not(.wpcf7-submit),.pix-contact7-form textarea {background-color: #DDEAFF;border-color: #D9D9D9;border-radius: 10px 10px 10px 10px;}.pix-contact7-form input.wpcf7-submit {background-color: #0055D9;color: #ffffff;width: 100%;outline: none;border: none;min-height: 40px;border-radius: 4px;}.pix-tabs-btn.pix-px-25 {padding-left: 15px !important;padding-right: 15px !important;}.services-tabs .nav-pills.pix-pills-solid .nav-link:not(.active) {box-shadow: 0 0.25rem 0.5rem rgba(0, 0, 0, 0.05), 0 1.5rem 2.2rem rgba(0, 0, 0, 0.1) !important;opacity: 1;border:1px solid #0055D9;color: #0055D9 !important;}.services-tabs .nav-pills.pix-pills-solid .nav-link.active {background: #0055d9 !important;color: #fff !important;}.pix-main-intro {margin-top: -136px;}.pix-main-intro h1.h3 {font-size: 3.4375rem;}.order-1,.order-2,.order-3{order: unset;}#menu-main-menu li {list-style: none;}html,body {overflow-x: hidden;}#e-commerce,#education,#real-state,#medical,#engineering,#traveling,#financial,#organizations,#plastic,#law {scroll-margin-top: 180px;}.pix-main-slider .flickity-slider {animation: slideAnim 15s linear infinite;}@keyframes slideAnim {from {transform: translateX(0);}to {transform: translateX(-50%);}}.pix-main-slider:hover .flickity-slider {animation-play-state: paused;}/* .portfolio-first-carousel .swiper-wrapper {transition: none !important;}.portfolio-first-carousel .swiper-wrapper {display: flex;animation: scroll-left 25s linear infinite;will-change: transform;}.portfolio-second-carousel .swiper-wrapper {display: flex;animation: scroll-left 25s linear infinite;animation-delay: -12.5s;will-change: transform;}.portfolio-first-carousel .swiper-wrapper:hover,.portfolio-second-carousel .swiper-wrapper:hover {animation-play-state: paused;}.portfolio-first-carousel .swiper-slide,.portfolio-second-carousel .swiper-slide {pointer-events: auto !important;}.portfolio-first-carousel .swiper-slide[inert],.portfolio-second-carousel .swiper-slide[inert] {pointer-events: auto !important;}@keyframes scroll-left {0% {transform: translateX(0);}100% {transform: translateX(-100%);}} *//* الحاوية */.ticker-websites {overflow: visible;white-space: nowrap;box-sizing: border-box;width: 100%;}.ticker-websites .ticker-track {display: inline-flex;will-change: transform;}.ticker-websites .ticker-track:not(.ticker-websites-bottom) {animation: ticker-first 30s linear infinite;}.ticker-websites .ticker-item {display: inline-flex;align-items: center;padding: 0 1rem;flex-shrink: 0;white-space: nowrap;width: 100%;}.ticker-websites .ticker-track.ticker-websites-bottom {animation: ticker-reverse 35s linear infinite;}@keyframes ticker-reverse {0%   { transform: translateX(0); }100% { transform: translateX(100%); }}@keyframes ticker-first {0%   { transform: translateX(0); }100% { transform: translateX(-100%); }}.ticker-websites .ticker-track:hover,.ticker-websites .ticker-track.ticker-websites-bottom:hover {animation-play-state: paused;}/* ريسبونسيف *//*@media (max-width: 991px) {*//*  .ticker-track {*//*    animation-duration: 20s;*//*  }*//*  .ticker-item {*//*    padding: 0 2rem;*//*  }*//*  .ticker-item img {*//*    max-height: 40px;*//*  }*//*}*//*@media (max-width: 575px) {*//*  .ticker-track {*//*    animation-duration: 15s;*//*  }*//*  .ticker-item {*//*    padding: 0 1rem;*//*    font-size: 14px;*//*  }*//*  .ticker-item img {*//*    max-height: 30px;*//*  }*//*}*/@media only screen and (max-width: 768px) {.ticker-websites .ticker-item {width: 50%;padding: 0 0.5rem;}.ticker-websites .ticker-track,.ticker-websites .ticker-track.ticker-websites-bottom {animation-duration: 10s;}#e-commerce,#education,#real-state,#medical,#engineering,#traveling,#financial,#organizations,#plastic,#law {scroll-margin-top: 140px;}.pix-main-intro h1.h3 {font-size: 28px;padding-right: 5px;}.order-1 {order: 1;}.order-2 {order: 2;}.order-3 {order: 3;}.collapse.navbar-collapse {padding: 10px;background-color: #0055D9 !important;}.align-center div,.align-center p {text-align: center !important;}.hidden {display: none !important;}form label,form p,.pricing-options .card  .pix-feature-list span {font-size: 16px !important;}.services-tabs .pix_tabs_btns {display: flex;justify-content: flex-start !important;flex-wrap: nowrap;gap: 10px;overflow: scroll;}.services-tabs .pix_tabs_btns .nav-item {width: 50%;min-width: 50%;}}/* css by ahmed */.nav-style-megamenu > li.nav-item .nav-link span {font-size: 18px;}.btn-outline-primary {--pix-btn-outline-color: #02265f;}[class^="btn-outline-"], [class*=" btn-outline-"] {color: var(--pix-btn-outline-color, #0055d9);box-shadow: 0 0 0 1px var(--pix-btn-outline-color, #02265f) inset !important;}

Did you find this article useful?