/* Theme Name: Salient Child Theme Description: This is a custom child theme for Salient Theme URI: https://themeforest.net/item/salient-responsive-multipurpose-theme/4363266 Author: ThemeNectar Author URI: https://themeforest.net/user/themenectar Template: salient Version: 18.2.1 */ /* html[lang="ar-CI"] body.rtl #slide-out-widget-area.slide-out-from-right-hover {left: 0; right: auto; transform: translate3d(341px, 0, 0); -webkit-transform: translate3d(-341px, 0, 0); -ms-transform: translate3d(-341px, 0, 0);} html[lang="ar-CI"] body.rtl .slide-out-widget-area-toggle.slide-out-hover-icon-effect {right: auto !important; left: 40px !important;} @media only screen and (max-width: 999px) { html[lang="ar-CI"] body.rtl .slide-out-widget-area-toggle.slide-out-hover-icon-effect {left: 19px !important;} } */ /* html[lang="ar-CI"] body.rtl .slide-out-from-right-hover.open {left: 0px !important; right: auto !important;} html {scroll-padding-top: 95px; scroll-behavior: smooth;} @media (prefers-reduced-motion: reduce){ html{scroll-behavior: auto;} } */ :root, body {--scroll-bar-w: 0px !important;} html[lang="ar-CI"] body.rtl, html[lang="ar-CI"] body.rtl h1, html[lang="ar-CI"] body.rtl h2, html[lang="ar-CI"] body.rtl h3, html[lang="ar-CI"] body.rtl h4, html[lang="ar-CI"] body.rtl h5, html[lang="ar-CI"] body.rtl h6, html[lang="ar-CI"] body.rtl p, html[lang="ar-CI"] body.rtl p, html[lang="ar-CI"] body.rtl a, html[lang="ar-CI"] body.rtl div, html[lang="ar-CI"] body.rtl label, html[lang="ar-CI"] body.rtl #top nav > ul > li > a, html[lang="ar-CI"] strong, html[lang="ar-CI"] b, html[lang="ar-CI"] table {font-family: "Cairo", serif !important; font-optical-sizing: auto; font-style: normal; font-variation-settings: "slnt" 0;} html[lang="ar-CI"] body.rtl .nectar-button, html[lang="ar-CI"] strong, html[lang="ar-CI"] b {font-weight: bold !important;} .custom-hero {position: relative; min-height: 100vh; padding: 0; display: flex; align-items: center; overflow: hidden; isolation: isolate;} html[lang="ar-CI"] .custom-hero {direction: rtl;} .custom-hero::before {content: ""; position: absolute; inset: -20%; background: radial-gradient(circle at top left, #22d3ee33 0, transparent 55%), radial-gradient(circle at bottom right, #6366f155 0, transparent 60%); opacity: 0.7; z-index: -3;} html[lang="ar-CI"] .custom-hero::before {background: radial-gradient(circle at top right, #22d3ee33 0, transparent 55%), radial-gradient(circle at bottom left, #6366f155 0, transparent 60%);} h1.hero-content-eyebrow {font-size: 14px; letter-spacing: 0.18em; text-transform: uppercase; color: #e0e7ff; margin-bottom: 16px;} .hero-inner {position: relative; padding: 40px;} .hero-content {position: relative; z-index: 3;} .hero-title, .nectar-rotating-words-title h2 {font-size: clamp(36px, 4vw, 52px); line-height: 1.05; margin-bottom: 0;color: #FFFFFF;} html[lang="ar-CI"] .nectar-rotating-words-title h2 span {font-family: "Cairo", serif !important; font-optical-sizing: auto; font-variation-settings: "slnt" 0;} html[lang="fr-CI"] .hero-title, html[lang="fr-CI"] .nectar-rotating-words-title h2 {font-size: clamp(30px, 3vw, 40px);} .hero-title span.accent, .nectar-rotating-words-title h2 {color: #4fe0ff;} .hero-subtitle {font-size: 16px; line-height: 1.7; color: #e5e7eb; max-width: 540px; margin-bottom: 0; margin-top: 15px;} .hero-cta-row {display: flex; flex-wrap: wrap; align-items: center; gap: 14px 18px;} @media (max-width:690px) { .hero-inner {text-align: center;} .hero-cta-row {justify-content: center;} } .hero-cta-row a {margin: 0 !important;} .custom-hero-bg-wrap::before {content: ""; position: absolute; inset: 0; background: radial-gradient(circle at 18% 40%, rgba(52, 135, 194, 0.95) 0%, rgba(14, 82, 135, 0.85) 32%, rgba(5, 32, 70, 0.85) 75%, rgba(2, 11, 26, 0.15) 100%); pointer-events: none; z-index: 2; width: 100%; height: 100%;} html[lang="ar-CI"] .custom-hero-bg-wrap::before {background: radial-gradient(circle at 82% 40%, rgba(52, 135, 194, 0.95) 0%, rgba(14, 82, 135, 0.85) 32%, rgba(5, 32, 70, 0.85) 75%, rgba(2, 11, 26, 0.15) 100%);} .custom-hero-bg-wrap {z-index: -1; position: absolute; top: 0; bottom: 0; left: 0; right: 0; overflow: hidden; pointer-events: none;} .custom-hero-bg-wrap-slides {gap: 12px; width: max-content; z-index: 1; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; width: 85%; display: -webkit-box; display: -ms-flexbox; display: flex; position: absolute; top: -150px; bottom: auto; left: 10%; right: auto; -webkit-transform: rotate(15deg); transform: rotate(15deg);} html[lang="ar-CI"] .custom-hero-bg-wrap-slides {left: auto; right: 10%; -webkit-transform: rotate(-15deg); transform: rotate(-15deg);} .custom-hero-bg-col {-webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-flex: 0; -ms-flex: none; flex: none; width: 36%; display: -webkit-box; display: -ms-flexbox; display: flex; position: relative;} .custom-hero-bg-wrap-slide {aspect-ratio: 16 / 9; border-radius: 5px; overflow: hidden; background: #000000; margin-bottom: 12px;} .custom-hero-bg-img {width: 100%; height: 100%; object-fit: cover;} @media (max-width:999px) { .custom-hero-bg-wrap-slides {left: -10%} html[lang="ar-CI"] .custom-hero-bg-wrap-slides {right: -10%; left: auto;} .custom-hero-bg-col {width: 75%;} } .custom-hero-scroll {-webkit-animation: heroanimationverticalscroll 75s linear infinite; animation: heroanimationverticalscroll 75s linear infinite;} .custom-hero-bg-col:nth-child(odd) .custom-hero-scroll {animation-direction: reverse;} @-webkit-keyframes heroanimationverticalscroll { 0% {-webkit-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);} 100% {-webkit-transform: translate3d(0, -100%, 0); -ms-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0);} } @-moz-keyframes heroanimationverticalscroll { 0% {-moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);} 100% {-moz-transform: translate3d(0, -100%, 0); -ms-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0);} } @-ms-keyframes heroanimationverticalscroll { 0% {-ms-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);} 100% {-ms-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0);} } @keyframes heroanimationverticalscroll { 0% {-webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);} 100% {-webkit-transform: translate3d(0, -100%, 0); -moz-transform: translate3d(0, -100%, 0); -ms-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0);} } .mobile-phone-number {display: none;} #header-outer .slide-out-widget-area-toggle.mobile-icon .label {display: none !important;} #header-outer.transparent .mobile-phone-number {color: #FFFFFF !important;} #header-outer .mobile-phone-number {color: #3487c2 !important;} @media only screen and (max-width: 999px) { .mobile-phone-number {display: inline-block;} } @media only screen and (max-width: 690px) { .mobile-phone-number {font-size: 12px !important;} } #header-outer.transparent .nectar-header-text-content a {color: #FFFFFF !important;} #header-outer .nectar-header-text-content a {color: #3487c2 !important;} #mobile-menu .nectar-header-text-content {display: none !important;} @media only screen and (min-width: 1px) and (max-width: 690px) { .mobile-search {display: none !important;} } @media only screen and (max-width: 999px) { body.rtl #header-outer[data-cart=true] #top .row .span_9>.slide-out-widget-area-toggle, body.rtl #top .span_9>.slide-out-widget-area-toggle {padding-right: 10px; padding-left: 0 !important;} } #header-outer .nectar-header-text-content a {direction: ltr;} #header-outer .menu-item-9617 > a::before, #header-outer .menu-item-9815 > a::before, #header-outer .menu-item-12823 > a::before {background: #121212 !important;} #header-outer .menu-item-9617 > a:hover::before, #header-outer .menu-item-9815 > a:hover::before, #header-outer .menu-item-12823 > a:hover::before {background: #3487c2 !important;} body:not([data-header-format="left-header"]) #header-outer nav > ul > .megamenu > ul > li.mega-menu-head > a.sf-with-ul, body:not([data-header-format="left-header"]) #header-outer nav > ul > .megamenu > ul > li.mega-menu-head:hover > a.sf-with-ul, body:not([data-header-format="left-header"]) #header-outer nav > ul > .megamenu > ul > li.mega-menu-head > a.sf-with-ul:hover, body:not([data-header-format="left-header"]) #header-outer #top nav > ul > .megamenu > ul > li.mega-menu-head:hover > a {color: #3487c2 !important; cursor: default !important;} body:not([data-header-format="left-header"]) #header-outer nav > ul > .megamenu > ul > li.mega-menu-head > ul.sub-menu > li > a, body:not([data-header-format="left-header"]) #header-outer #top nav > ul > .megamenu > ul > li.mega-menu-head > ul.sub-menu > li > a, #header-outer #top nav > ul > li:not(.megamenu) ul a {-webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out;} body:not([data-header-format="left-header"]) #header-outer nav > ul > .megamenu > ul > li.mega-menu-head > ul.sub-menu > li > a:hover, body:not([data-header-format="left-header"]) #header-outer #top nav > ul > .megamenu > ul > li.mega-menu-head > ul.sub-menu > li > a:hover, #header-outer #top nav > ul > li:not(.megamenu) ul a:hover, #header-outer:not([data-format="left-header"]) #top nav > ul > li:not(.megamenu) ul a:hover {background: #f4f4f4 !important; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px;} body:not([data-header-format="left-header"]) #header-outer #top nav > ul > .megamenu > ul > li.mega-menu-head > ul.sub-menu > li > a::after, #header-outer #top nav > ul > li:not(.megamenu) ul a::after {content: ">"; position: absolute; right: 20px; top: 5px; font-size: 20px; opacity: 0; -webkit-transition: all 0.23s ease-out; -moz-transition: all 0.23s ease-out; -o-transition: all 0.23s ease-out; transition: all 0.23s ease-out;} html[lang="ar-CI"] body:not([data-header-format="left-header"]) #header-outer #top nav > ul > .megamenu > ul > li.mega-menu-head > ul.sub-menu > li > a::after, html[lang="ar-CI"] #header-outer #top nav > ul > li:not(.megamenu) ul a::after {right: auto; left: 20px;} body:not([data-header-format="left-header"]) #header-outer #top nav > ul > .megamenu > ul > li.mega-menu-head > ul.sub-menu > li > a:hover::after, #header-outer #top nav > ul > li:not(.megamenu) ul a:hover::after {right: 10px; opacity: 1;} html[lang="ar-CI"] body:not([data-header-format="left-header"]) #header-outer #top nav > ul > .megamenu > ul > li.mega-menu-head > ul.sub-menu > li > a:hover::after, html[lang="ar-CI"] #header-outer #top nav > ul > li:not(.megamenu) ul a:hover::after {right: auto; left: 10px;} .sf-menu>li>ul {-webkit-box-shadow: 0 6px 28px rgb(0 0 0 / 20%) !important; box-shadow: 0 6px 28px rgb(0 0 0 / 20%) !important;} .megamenu .sub-menu {background-image: url(https://cotedivoire.creative4all.com/wp-content/uploads/2026/10/creative-4-all-agency-world-map.svg); background-repeat: no-repeat; background-size: 380px auto; background-position: 100% 100%; background-attachment: scroll;} html[lang="ar-CI"] .megamenu .sub-menu {background-image: url(https://cotedivoire.creative4all.com/wp-content/uploads/2026/10/creative-4-all-agency-world-map-arabic.svg); background-position: 0% 100%;} .megamenu .sub-menu .sub-menu {background-image: none;} html[lang="ar-CI"] .megamenu .sub-menu .sub-menu {background-image: none;} li.megamenu:hover > ul.sub-menu, li.megamenu.sfHover > ul.sub-menu {-webkit-animation: megaMenuBackgroundAnimate 9s linear infinite; animation: megaMenuBackgroundAnimate 9s linear infinite; will-change: background-position;} html[lang="ar-CI"] li.megamenu:hover > ul.sub-menu, html[lang="ar-CI"] li.megamenu.sfHover > ul.sub-menu {-webkit-animation: megaMenuBackgroundAnimateRTL 9s linear infinite; animation: megaMenuBackgroundAnimateRTL 9s linear infinite; will-change: background-position;} @-webkit-keyframes megaMenuBackgroundAnimate { 0% { background-position: 100% 100%; } 50% { background-position: 94% 100%; } 100% { background-position: 100% 100%; } } @keyframes megaMenuBackgroundAnimate { 0% { background-position: 100% 100%; } 50% { background-position: 94% 100%; } 100% { background-position: 100% 100%; } } @-webkit-keyframes megaMenuBackgroundAnimateRTL { 0% { background-position: 0% 100%; } 50% { background-position: 6% 100%; } 100% { background-position: 0% 100%; } } @keyframes megaMenuBackgroundAnimateRTL { 0% { background-position: 0% 100%; } 50% { background-position: 6% 100%; } 100% { background-position: 0% 100%; } } @media (prefers-reduced-motion: reduce) { .megamenu .sub-menu { -webkit-animation: none !important; animation: none !important; } } #top nav ul.sf-menu.sf-arrows {counter-reset: mainnav;} #top nav ul.sf-menu.sf-arrows > li {counter-increment: mainnav;} #top nav ul.sf-menu.sf-arrows > li > a {} #top nav ul.sf-menu.sf-arrows > li > a::after {content: counter(mainnav, decimal-leading-zero); position: absolute; top: -12px; left: 50%; transform: translateX(-50%); font-size: 12px; line-height: 1; opacity: 0.45; letter-spacing: 0.08em; font-weight: 600;} html[lang="ar-CI"] #top nav ul.sf-menu.sf-arrows > li > a::after {right: auto !important; left: 50% !important;} #top nav ul.sf-menu.sf-arrows > li:nth-child(3) > a::after {padding-right: 20px;} html[lang="ar-CI"] #top nav ul.sf-menu.sf-arrows > li:nth-child(3) > a::after {padding-right: 0; padding-left: 20px;} #top nav ul.sf-menu.sf-arrows > li:nth-child(4) > a::after {padding-right: 20px;} html[lang="ar-CI"] #top nav ul.sf-menu.sf-arrows > li:nth-child(4) > a::after {padding-right: 0; padding-left: 20px;} #top nav ul.sf-menu.sf-arrows > li:nth-child(5) > a::after {padding-right: 20px;} html[lang="ar-CI"] #top nav ul.sf-menu.sf-arrows > li:nth-child(5) > a::after {padding-right: 0; padding-left: 20px;} #top nav ul.sf-menu.sf-arrows > li:nth-child(n+6) > a::after {content: none;} /* #header-outer #top nav > ul > #menu-item-9815 a {opacity: 1 !important; background: #121212 !important; color: #FFFFFF !important; padding: 12px 24px !important;} #header-outer #top nav > ul > #menu-item-9815 a:hover {background: #3487c2 !important;} */ body #top li.slide-out-widget-area-toggle {display: none !important;} #slide-out-widget-area:not(.fullscreen-alt):not(.fullscreen) {background-color: #000000; background-color: #000000bf; background-color: rgb(0 0 0 / 75%);} #slide-out-widget-area .off-canvas-menu-container.mobile-only {display: none !important;} #slide-out-widget-area {padding-left: 20px !important; padding-right: 20px !important;} #slide-out-widget-area .nectar-header-text-content.mobile-only a {direction: ltr; display: block;} #slide-out-widget-area #block-21, #slide-out-widget-area #block-22, #slide-out-widget-area #block-29 {display: none;} html[lang="en-CI"] #slide-out-widget-area #block-21 {display: block;} html[lang="ar-CI"] #slide-out-widget-area #block-22 {display: block;} html[lang="fr-CI"] #slide-out-widget-area #block-29 {display: block;} #slide-out-widget-area #block-21 h4, #slide-out-widget-area #block-22 h4, #slide-out-widget-area #block-29 h4 {color: #3487c2 !important;} #slide-out-widget-area #block-21 p, #slide-out-widget-area #block-22 p, #slide-out-widget-area #block-29 p {list-style: none; border-bottom: 1px dotted #d7d7d7; padding: 3px 0; margin: 0; font-size: 13px !important;} #slide-out-widget-area #block-21 p a, #slide-out-widget-area #block-22 p a, #slide-out-widget-area #block-29 p a {color: #ffffff !important;} #slide-out-widget-area #block-22 p a {padding-right: 20px; direction: ltr; display: block; text-align: right; position: relative;} #slide-out-widget-area #block-22 p a .fa {position: absolute; left: auto; right: 0; top: 5px;} @media only screen and (max-width:1150px) and (min-width:999px){ #header-outer #logo img, #header-outer .logo-clone img, #header-outer .logo-spacing img {height: 35px;} #header-outer[data-lhe="animated_underline"] #top nav > ul > li > a {margin-left: 7px !important; margin-right: 7px !important;} body.material #header-outer[data-full-width=true]:not([data-format=left-header]) #top nav>.buttons {margin-left: 10px;} } @media only screen and (max-width: 999px) { #header-outer[data-cart=true] #top .row .span_9>.slide-out-widget-area-toggle, #top .span_9>.slide-out-widget-area-toggle {scale: 1.5; padding-left: 20px; padding-right: 10px;} body.rtl #header-outer[data-cart=true] #top .row .span_9>.slide-out-widget-area-toggle, body.rtl #top .span_9>.slide-out-widget-area-toggle {padding-left: 10px; padding-right: 20px;} } @media only screen and (max-width:999px) and (min-width:691px){ .discuss-your-project {text-align: center; border-bottom: 1px dotted #d7d7d7; padding-bottom: 20px;} } @media only screen and (min-width: 1290px) { .nectar-highlighted-text[data-id="let-discuss-project"] p {font-size: 30px !important;} } @media only screen and (min-width: 1160px) { .nectar-highlighted-text[data-id="let-discuss-project"] p {font-size: 26px !important;} } html[lang="ar-CI"] #slide-out-widget-area .ocm-dropdown-arrow {right: auto !important; left: -6px !important;} html[lang="ar-CI"] .material #slide-out-widget-area[class*=slide-out-from-right] .inner .off-canvas-menu-container .menu-item-has-children>a, body .rtl #slide-out-widget-area[data-dropdown-func=separate-dropdown-parent-link] .inner .off-canvas-menu-container .menu-item-has-children>a {margin-right: 0 !important; margin-left: 20px !important;} body.rtl .post-area.col, body.rtl.archive .post-area.col, body.rtl.page-id-10046 .post-area.col, body.rtl.single-post .post-area.col {float: right;} @media only screen and (min-width: 1000px) { body.rtl.material.single-portfolio .post-area.span_9, body.rtl .post-area.masonry.span_9, body.rtl .post-area.span_9, body.rtl .single-portfolio .post-area.span_9, body.rtl.search.material .container-wrap .span_9, body.rtl[data-ext-responsive=true] .post-area.masonry.span_9, body.rtl[data-ext-responsive=true] .post-area.masonry.span_9.meta_overlaid {padding-left: 0 !important; margin-right: 0 !important; margin-left: 4% !important;} body.rtl .wpb_row.reverse_columns_desktop .row_col_wrap_12, body.rtl .wpb_row.inner_row.reverse_columns_desktop .row_col_wrap_12_inner {flex-direction: row-reverse;} } .wpcf7-form-control-wrap[data-name="your-cv"] {background: #f5f5f5; padding: 10px; border-radius: 5px;} body.rtl .wpcf7-response-output {direction: rtl !important;} .wpcf7 .wpb_row.vc_row-fluid.vc_row {margin-bottom: 20px !important;} @media only screen and (max-width: 999px) { .wpcf7 .wpb_row.vc_row-fluid.vc_row {margin-bottom: 0 !important;} } #pagination {text-align: center !important;} .portfolio-items .nectar-love-wrap {display: none !important;} #portfolio-extra {margin-bottom: 40px !important;} #full_width_portfolio .row.project-title .title-wrap {border-bottom: 1px solid #d7d7d7; margin-bottom: 40px !important;} .masonry.material .masonry-blog-item .inner-wrap, body .related-posts[data-style=material] .inner-wrap {-webkit-box-shadow: 0 3px 5px rgba(0, 0, 0, .14) !important; box-shadow: 0 3px 5px rgba(0, 0, 0, .14) !important;} .masonry.material .masonry-blog-item .inner-wrap h3.title, body .related-posts[data-style=material] .inner-wrap h3.title {font-size: 18px !important; font-weight: bold !important; line-height: 28px !important;} span.post-featured-img:before {content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); z-index: 1;} .related-posts[data-style=material] .post-featured-img {position: relative;} .related-post-wrap .row-bg-wrap .row-bg {background-color: #FFFFFF !important;} .ascend .related-post-wrap h3.related-title, .material .related-post-wrap h3.related-title {position: relative;} .sidebar-page-content .vc_column-inner {background-color: #f4f4f4;} .check-portfolio .check-portfolio-heading, .check-portfolio .check-portfolio-sub-heading {display: inline-block !important; margin: 0 !important; line-height: 35px !important; color: #FFFFFF; font-family: Poppins;} body.rtl .check-portfolio .check-portfolio-heading, body.rtl .check-portfolio .check-portfolio-sub-heading {font-family: "Cairo", serif !important;} .check-portfolio .check-portfolio-heading {font-size: 20px !important;} .check-portfolio .check-portfolio-sub-heading {font-size: 25px !important;} .check-portfolio .check-portfolio-sub-heading {margin-left: 5px !important; margin-right: 5px !important;} .check-portfolio .check-portfolio-sub-heading a {opacity: 1 !important;} @media only screen and (max-width: 480px) { .check-portfolio .check-portfolio-heading {font-size: 16px !important;} .check-portfolio .check-portfolio-sub-heading {font-size: 20px !important;} } .join-list-client .join-list-client-heading {font-family: Poppins;} body.rtl .join-list-client .join-list-client-heading {font-family: "Cairo", serif !important;} .join-list-client .join-list-client-heading {color: #3487c2 !important; margin: 0 0 8px 0; font-size: 20px !important;} .join-list-client a {margin: 0 !important;} @media only screen and (max-width: 999px) { .join-list-client .join-list-client-sub-heading {margin-bottom: 20px !important;} } .about-latest-review .about-latest-review-heading {font-family: Poppins;} body.rtl .about-latest-review .about-latest-review-heading {font-family: "Cairo", serif !important;} .about-latest-review .about-latest-review-heading {} @media only screen and (max-width: 999px) { .about-latest-review .about-latest-review-heading {margin-bottom: 20px !important;} } body.page-id-9603 .nectar-scrolling-tabs .scrolling-tab-nav ul li {padding-left: 20px !important;} body.rtl.page-id-9770 .nectar-scrolling-tabs .scrolling-tab-nav ul li {padding-left: 0 !important; padding-right: 20px !important;} body.rtl.page-id-9770 #ajax-content-wrap .nectar-scrolling-tabs[data-color-scheme="accent-color"] .scrolling-tab-nav .line {left: auto !important; right: -1px !important;} @media only screen and (max-width: 999px) { body.rtl.page-id-9770 .nectar-scrolling-tabs .scrolling-tab-content {padding-left: 0 !important; padding-right: 0 !important;} } body.rtl #slide-out-widget-area[data-dropdown-func=separate-dropdown-parent-link] .off-canvas-menu-container li ul, body.rtl.material #slide-out-widget-area[class*=slide-out-from-right] .off-canvas-menu-container li ul {padding-left: 0 !important; padding-right: 20px !important;} @media only screen and (max-width: 999px) { .ti-widget.ti-goog .ti-controls {display: block !important; top: -20px !important;} } .section-supercharge-business .nectar-responsive-text img {display: inline-block; vertical-align: middle; width: 60px; height: 60px;} .section-supercharge-business .img-with-aniamtion-wrap {display: inline-block; margin: 0 10px;} .section-supercharge-business .img-with-aniamtion-wrap .hover-wrap {margin-bottom: 0 !important;} .section-supercharge-business .img-with-aniamtion-wrap img {width: 45px; height: 45px; transition: transform 0.3s ease, filter 0.3s ease !important;} .section-supercharge-business .img-with-aniamtion-wrap img:hover {transform: translateY(-10px) scale(1.05) !important;} @media only screen and (min-width: 1000px) and (max-width: 1200px) { .section-supercharge-business .nectar-responsive-text img {width: 30px; height: 30px;} .section-supercharge-business .img-with-aniamtion-wrap img {width: 30px; height: 30px;} } @media only screen and (max-width: 690px) { .section-supercharge-business .nectar-responsive-text img {width: 30px; height: 30px;} .section-supercharge-business .img-with-aniamtion-wrap img {width: 30px; height: 30px;} } body.rtl .section-supercharge-business {direction: rtl;} .services-blocks-web img {max-width: 300px !important; margin: 0 auto;} .services-blocks-digital img {max-width: 300px !important;} html[lang="fr-CI"] .services-blocks-digital img {max-width: 200px !important;} .services-blocks-mobile img {max-width: 300px !important;} .services-blocks-web a, .services-blocks-digital a, .services-blocks-mobile a {background: transparent !important; color: #6f6f6f !important;} .services-blocks-web a:hover, .services-blocks-digital a:hover, .services-blocks-mobile a:hover {opacity: 0.7 !important;} @media only screen and (min-width: 1100px) and (max-width: 1250px) { .services-blocks-digital img {max-width: 220px !important;} html[lang="fr-CI"] .services-blocks-digital img {max-width: 130px !important;} } @media only screen and (min-width: 999px) and (max-width: 1100px) { .services-blocks-digital img {max-width: 180px !important;} html[lang="fr-CI"] .services-blocks-digital img {display: none;} } @media only screen and (min-width: 999px) and (max-width: 1200px) { .services-blocks-web img {max-width: 260px !important;} .services-blocks-mobile img {max-width: 220px !important;} } @media only screen and (min-width: 691px) and (max-width: 999px) { .services-blocks-digital img {max-width: 290px !important;} html[lang="fr-CI"] .services-blocks-digital .img-with-aniamtion-wrap {position: relative !important;} html[lang="fr-CI"] .services-blocks-digital img {max-width: 260px !important; margin: 0 auto;} .services-blocks-mobile img {max-width: 290px !important;} } @media only screen and (min-width: 350px) and (max-width: 690px) { .services-blocks-web img {max-width: 230px !important; margin: 0 auto;} .services-blocks-digital img {max-width: 230px !important; margin: 0 auto;} .services-blocks-mobile img {max-height: 230px !important; margin: 0 auto;} } @media only screen and (min-width: 1px) and (max-width: 349px) { .services-blocks-web img {max-width: none !important; width: auto !important; max-height: 120px !important; margin: 0 auto;} .services-blocks-digital img {max-width: none !important; width: auto !important; max-height: 150px !important; margin: 0 auto;} .services-blocks-mobile img {max-width: none !important; width: auto !important; max-height: 150px !important; margin: 0 auto;} } .list-portfolio h3 {font-size: 13px !important;} .scrolling-home-container .nectar-scrolling-text-inner__text-chunk {line-height: 55px !important; font-size: 25px;} @media only screen and (max-width: 690px) { .scrolling-home-container .nectar-scrolling-text-inner__text-chunk {line-height: 25px !important; font-size: 16px;} } .clients img {margin-bottom: 0 !important;} .shake-bulb {-webkit-animation: smooth-swing 2s ease-in-out infinite; animation: smooth-swing 2s ease-in-out infinite; transform-origin: bottom center; display: inline-block;} @-webkit-keyframes smooth-swing { 0% { -webkit-transform: rotate(2deg); transform: rotate(2deg); } 50% { -webkit-transform: rotate(-2deg); transform: rotate(-2deg); } 100% { -webkit-transform: rotate(2deg); transform: rotate(2deg); } } @keyframes smooth-swing { 0% { transform: rotate(2deg); } 50% { transform: rotate(-2deg); } 100% { transform: rotate(2deg); } } .ready-grow .row-bg.using-bg-color {background: linear-gradient(135deg, #0e1a2b, #1c85af); background-size: 200% 200%; -webkit-animation: gradientShift 5s ease-in-out infinite; animation: gradientShift 5s ease-in-out infinite;} @-webkit-keyframes gradientShift { 0% {background-position: 0% 50%;} 50% {background-position: 100% 50%;} 100% {background-position: 0% 50%;} } @keyframes gradientShift { 0% {background-position: 0% 50%;} 50% {background-position: 100% 50%;} 100% {background-position: 0% 50%;} } body.rtl div[data-style*=minimal] .toggle>.toggle-title i {left: 0 !important; right: auto !important;} body.rtl .toggles--minimal-shadow .toggle > .toggle-title a {padding: 30px 0 30px 70px !important;} body.page-id-9615 h3.toggle-title, body.rtl.page-id-9749 h3.toggle-title {background: #f2f2f2; padding: 0 20px !important; margin-bottom: 20px !important;} body.page-id-9615 div[data-style*=minimal] .toggle>.toggle-title i {right: 20px !important;} body.page-id-9615 div[data-style="minimal"] .toggle {border: 0 !important;} body.page-id-9615 div[data-style="minimal"] .toggle > .toggle-title a {padding: 30px 50px 30px 0 !important;} body.rtl.page-id-9749 div[data-style*=minimal] .toggle>.toggle-title i {left: 20px !important; right: auto !important;} body.rtl.page-id-9749 div[data-style="minimal"] .toggle {border: 0 !important;} body.rtl.page-id-9749 div[data-style="minimal"] .toggle > .toggle-title a {padding: 30px 0 30px 50px !important;} @media only screen and (min-width: 1000px) { h3.toggle-title a {font-size: 25px !important;} } .related-box {background: #f5f5f5; border: 1px solid #e1e1e1; padding: 0; margin: 20px 0; border-radius: 0;} .related-title {font-weight: bold; color: #3487c2; margin: 0; padding: 15px 20px; font-size: 18px;} .related-links {list-style: none; padding: 0; margin: 0;} .related-links li {padding: 10px 0; border-top: 1px dashed #ddd; position: relative; padding-left: 40px; list-style: none;} body.rtl .related-links li {padding-left: 0; padding-right: 40px;} .related-links li::before {content: "▶"; position: absolute; left: 20px; top: 10px; color: #3487c2; font-size: 13px;} body.rtl .related-links li::before {left: auto; right: 20px;} .related-links a {color: #222; text-decoration: none; -webkit-transition: color 0.2s ease; -moz-transition: color 0.2s ease; -o-transition: color 0.2s ease; transition: color 0.2s ease;} .related-links a:hover {color: #3487c2;} body.page-id-811 .clients.six-cols.no-carousel>div, body.page-id-9494 .clients.six-cols.no-carousel>div, body.page-id-12452 .clients.six-cols.no-carousel>div, .small-logo-clients .clients.six-cols.no-carousel>div {width: calc(10% - 10px); margin: 5px !important;} body.rtl .clients {direction: rtl !important;} @media only screen and (max-width: 690px) { .clients.six-cols.no-carousel>div {width: calc(25% - 10px) !important; margin: 5px !important;} .portfolio-items:not(.carousel) .col.span_4, .portfolio-items:not(.carousel) .col.span_3, .portfolio-items:not(.carousel) .col.span_6 {width: 49%;} } .row.portfolio-items .work-meta h4 {font-size: 16px !important; line-height: 16px !important;} .row.portfolio-items .work-meta {width: 100%;} .row.portfolio-items .col img {border: 1px solid #dbdde1;} body.using-mobile-browser .col.has-animation[data-animation="fade-in-from-right"], body.using-mobile-browser .wpb_column.has-animation[data-animation="fade-in-from-right"] {transform: none !important; -webkit-transform: none !important;} @media only screen and (max-width: 690px) { body.page-id-811 h1, body.page-id-9494 h1 {font-size: 18px !important;} .ti-widget.ti-goog .ti-header .ti-rating-text strong.ti-rating {font-size: 18px !important;} } @media only screen and (min-width: 1000px) and (max-width: 1200px) { html[lang="fr-CI"] .work-together .nectar-responsive-text, html[lang="fr-CI"] .section-supercharge-business .nectar-responsive-text {font-size: 26px !important;} } @media only screen and (min-width: 1000px) { html[lang="fr-CI"] .smart-web-strategy-section h2 {font-size: 2.5vw !important;} } @media only screen and (min-width: 1910px) { .smart-web-strategy-section h2 {font-size: 30px !important;} } .when-work-section .toggles--minimal-shadow .toggle > .toggle-title a {font-size: 18px !important; line-height: 30px !important;} html[lang="fr-CI"] .when-work-section .toggles--minimal-shadow .toggle > .toggle-title a {font-size: 16px !important;} @media only screen and (max-width: 690px) { .when-work-section .toggles--minimal-shadow .toggle > .toggle-title a, #faq .toggles--minimal-shadow .toggle > .toggle-title a, .custom-accordion .toggles--minimal-shadow .toggle > .toggle-title a {font-size: 14px !important; line-height: 17px !important; font-weight: 400 !important;} html[lang="fr-CI"] .when-work-section .toggles--minimal-shadow .toggle > .toggle-title a {font-size: 14px !important;} .when-work-section .toggle>.toggle-title i, #faq .toggle>.toggle-title i, .custom-accordion .toggle>.toggle-title i {width: 20px !important; height: 20px !important; margin-top: -9px !important;} .when-work-section .toggles--minimal-shadow .toggle > .toggle-title i:before, #faq .toggles--minimal-shadow .toggle > .toggle-title i:before, .custom-accordion .toggles--minimal-shadow .toggle > .toggle-title i:before {top: 10px !important; left: 4px !important; width: 10px !important; height: 2px !important;} .when-work-section .toggles--minimal-shadow .toggle > .toggle-title i:after, #faq .toggles--minimal-shadow .toggle > .toggle-title i:after, .custom-accordion .toggles--minimal-shadow .toggle > .toggle-title i:after {top: 4px !important; left: 10px !important; width: 2px !important; height: 10px !important;} body .when-work-section .toggles--minimal-shadow .toggle, body #faq .toggles--minimal-shadow .toggle, body .custom-accordion .toggles--minimal-shadow .toggle {padding: 0 10px !important;} .when-work-section .toggles--minimal-shadow .toggle > .toggle-title a, #faq .toggles--minimal-shadow .toggle > .toggle-title a, .custom-accordion .toggles--minimal-shadow .toggle > .toggle-title a {padding: 10px 30px 10px 0 !important;} body.rtl .when-work-section .toggles--minimal-shadow .toggle > .toggle-title a, body.rtl #faq .toggles--minimal-shadow .toggle > .toggle-title a, body.rtl .custom-accordion .toggles--minimal-shadow .toggle > .toggle-title a {padding: 10px 0 10px 30px !important;} } body.rtl .widget ul.nectar_widget[class*="nectar_blog_posts_"][data-style="minimal-counter"] > li::before, body.rtl .widget ul.nectar_widget[class*="nectar_blog_posts_"][data-style="hover-featured-image-gradient-and-counter"] > li::before, body.rtl.search-results #search-results[data-layout="list-no-sidebar"] article:before {margin-right: 20px; margin-left: 0;} .approach-title {font-weight: bold;} .small-space-fancy-box .nectar-fancy-box, .small-space-fancy-box .nectar-fancy-box .box-inner-wrap, .small-space-fancy-box .nectar-fancy-box:before {-webkit-border-radius: 20px !important; -moz-border-radius: 20px !important; border-radius: 20px !important;} .small-space-fancy-box .nectar-fancy-box[data-style="color_box_hover"] .box-inner-wrap {padding: 30px !important;} .align-top-fancy-box .nectar-fancy-box[data-style="color_box_hover"] .box-inner-wrap .inner {align-items: flex-start !important;} .related-menu-bottom-page ul li {list-style: none; display: inline-block; margin: 0 20px;} .related-menu-bottom-page ul li a {color: #585858 !important; font-weight: bold !important;} .related-menu-bottom-page ul li a:hover {color: #3487c2 !important;} .section-industries-info p {color: #585858 !important;} .section-process .nectar-icon-list-item {margin-bottom: 25px !important;} @media only screen and (min-width: 1000px) { .section-trusted-businesses h3 {max-width: 240px;} .section-trusted-businesses .section-trusted-businesses-full-heading-width h3 {max-width: 100%;} .section-what-get .custom-web h3 {max-width: 185px;} .section-what-get .training-support h3 {max-width: 275px;} .section-ready-hero p {font-size: 22px !important; line-height: 32px !important; padding-bottom: 20px !important;} .section-ready-hero p a {color: #75bcef !important; opacity: 1 !important;} .section-ready-hero p a:hover {color: #FFFFFF !important;} .section-blog-call-action p a {font-size: 22px !important; line-height: 32px !important; font-weight: bold !important;} } @media only screen and (min-width: 1300px) { .section-what-get h3 {font-weight: 400 !important; font-size: 30px !important; line-height: 38px !important;} .section-process h4 {font-weight: 500 !important; font-size: 35px !important; line-height: 45px !important;} .section-who-for .nectar-fancy-ul ul li .icon-default-style[class^="icon-"] {line-height: 45px !important; font-size: 30px !important;} } a.btn-full-width {display: block; text-align: center !important;} body.rtl .force-direction-rtl .inner-wrap, body.rtl .force-direction-rtl .wpb_wrapper {direction: rtl !important;} body.rtl .nectar-icon-list[data-icon-size="large"][data-icon-style="no-border"] .nectar-icon-list-item {margin: 0 0 5% 5%;} .services-core .vc_column-inner, .column-hover .vc_column-inner , .nectar-fancy-box[data-style="color_box_hover"][data-border="true"] .box-inner-wrap {transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease;} .services-core .vc_column-inner{background: linear-gradient(180deg, rgba(255,255,255,1), rgba(255,255,255,.96)); border: 1px solid rgba(10,20,30,.08); border-radius: 20px; -webkit-box-shadow: 0 18px 55px rgba(10,20,30,.10); box-shadow: 0 18px 55px rgba(10,20,30,.10); overflow: hidden;} .services-core a {font-family: Poppins;} .services-core a.service-core-title {font-size: 23px !important; line-height: 35px !important; font-weight: 500 !important; color: #000000 !important; letter-spacing:-.2px; white-space: normal; text-wrap: balance;} .services-core a.service-core-title:hover {color: #3487c2 !important;} .services-core .service-core-title-sub {display: block; opacity: .85;} .services-core .service-core-subtitle {padding: 0 !important; font-weight: 600;} .services-core .service-core-text {opacity: .60; margin-bottom: 30px;} .service-core-block-badge {position: absolute; right: 20px; top: 20px; font-size: 12px; line-height: 20px; text-align: center; letter-spacing: 2px; border: 1px solid #e9e9e9; color: #a1a1a1; padding: 10px !important; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px;} html[lang="ar-CI"] .service-core-block-badge {right: auto; left: 20px;} @media only screen and (min-width: 1000px) and (max-width: 1280px) { .services-core a.service-core-title {font-size: 16px !important; line-height: 25px !important;} .services-core .service-core-subtitle, .services-core .service-core-text {font-size: 14px !important; line-height: 25px !important;} .services-core a.service-core-btn {font-size: 14px !important; line-height: 20px !important;} } .service-core-block {opacity: .7; position:absolute; inset:0; z-index:1; pointer-events:none; will-change: transform; backface-visibility: hidden; transform: translateZ(0) scale(0);} .service-core-n1 {position:absolute; top:0; left:0; width:100%; height:100%; background: rgba(213,213,213,.15); background: rgb(213 213 213 / 15%); transform-origin: left center; -webkit-animation: horizontal 20s linear infinite; animation: horizontal 20s linear infinite;} .service-core-n2 {position:absolute; left:0; bottom:0; width:100%; height:100%; background: rgba(213,213,213,.15); background: rgb(213 213 213 / 15%); transform-origin: center bottom; animation: vertical 20s linear infinite; animation-delay: 4s;} .service-core-n3 {position:absolute; top:0; right:0; width:100%; height:100%; background: rgba(213,213,213,.15); background: rgb(213 213 213 / 15%); transform-origin: right center; -webkit-animation: horizontal 20s linear infinite; animation: horizontal 20s linear infinite; -webkit-animation-delay: 8s; animation-delay: 8s;} .service-core-n4 {position:absolute; left:0; top:0; width:100%; height:100%; background: rgba(213,213,213,.15); background: rgb(213 213 213 / 15%); transform-origin: center top; -webkit-animation: vertical 20s linear infinite; animation: vertical 20s linear infinite; -webkit-animation-delay: 12s; animation-delay: 12s;} .service-core-block-alt .service-core-block {-webkit-transform: rotate(180deg); transform: rotate(180deg);} .service-core-block-alt .service-core-n1, .service-core-block-alt .service-core-n2, .service-core-block-alt .service-core-n3, .service-core-block-alt .service-core-n4 {-webkit-animation-duration: 20s !important; animation-duration: 20s !important;} .service-core-block-alt .service-core-n1 {-webkit-animation-delay: 0s !important; animation-delay: 0s !important;} .service-core-block-alt .service-core-n2 {-webkit-animation-delay: -4s !important; animation-delay: -4s !important;} .service-core-block-alt .service-core-n3 {-webkit-animation-delay: -8s !important; animation-delay: -8s !important;} .service-core-block-alt .service-core-n4 {-webkit-animation-delay: -12s !important; animation-delay: -12s !important;} @-webkit-keyframes horizontal{ 0%{ -webkit-transform: scaleX(0); transform: scaleX(0); } 50%{ -webkit-transform: scaleX(1); transform: scaleX(1); } 100%{ -webkit-transform: scaleX(0); transform: scaleX(0); } } @keyframes horizontal{ 0%{ -webkit-transform: scaleX(0); transform: scaleX(0); } 50%{ -webkit-transform: scaleX(1); transform: scaleX(1); } 100%{ -webkit-transform: scaleX(0); transform: scaleX(0); } } @-webkit-keyframes vertical{ 0%{ -webkit-transform: scaleY(0); transform: scaleY(0); } 50%{ -webkit-transform: scaleY(1); transform: scaleY(1); } 100%{ -webkit-transform: scaleY(0); transform: scaleY(0); } } @keyframes vertical{ 0%{ -webkit-transform: scaleY(0); transform: scaleY(0); } 50%{ -webkit-transform: scaleY(1); transform: scaleY(1); } 100%{ -webkit-transform: scaleY(0); transform: scaleY(0); } } .nectar_image_with_hotspots[data-color="accent-color"] .nectar_hotspot, .nectar_image_with_hotspots[data-color="accent-color"] .nttip .tipclose span:before, .nectar_image_with_hotspots[data-color="accent-color"] .nttip .tipclose span:after {background: #000 !important; background: rgba(0,0,0,.5) !important;} @media only screen and (max-width: 690px) { .nectar_image_with_hotspots[data-color="accent-color"] .nectar_hotspot, .nectar_image_with_hotspots[data-color="accent-color"] .nttip .tipclose span:before, .nectar_image_with_hotspots[data-color="accent-color"] .nttip .tipclose span:after {transform: scale(2);} } .nectar_image_with_hotspots img {-webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px;} .nectar_hotspot_wrap .nectar_hotspot {-webkit-transition: transform 0.3s ease-out; -moz-transition: transform 0.3s ease-out; -o-transition: transform 0.3s ease-out; transition: transform 0.3s ease-out;} .nectar_hotspot_wrap .nectar_hotspot.open {transform: scale(1.5);} .nectar_hotspot_wrap .inner a {color: #000000 !important;} .nectar_hotspot_wrap .inner a:hover {color: #3487c2 !important;} .our-approach-cards {position: relative; overflow: visible;} .our-approach-cards::before {content:""; position:absolute; left: 17px; top: 0; bottom: 0; width: 1px; height: 100%; background: rgba(17,17,17,.1); visibility: visible;} html[lang="ar-CI"] .our-approach-cards::before {left: auto; right: 17px;} .our-approach-card {position: relative; z-index: 1; overflow: visible; margin-bottom: 40px; background: #fafafa; border: 1px solid rgba(0,0,0,.08); border-radius: 20px; padding: 32px 34px; -webkit-box-shadow: 0 8px 22px rgba(0,0,0,.04); box-shadow: 0 8px 22px rgba(0,0,0,.04);} @media only screen and (max-width: 690px) { .our-approach-cards::before {display: none;} .our-approach-cards {margin-left: 20px !important; margin-right: 20px !important;} .our-approach-cards .row_col_wrap_12_inner.col.span_12 {position: relative; overflow: visible;} .our-approach-cards .row_col_wrap_12_inner.col.span_12::before {content:""; position:absolute; left: 37px; top: 0; bottom: 0; width: 1px; height: 100%; background: rgba(17,17,17,.1); visibility: visible;} html[lang="ar-CI"] .our-approach-cards .row_col_wrap_12_inner.col.span_12::before {left: auto; right: 37px;} } @media only screen and (min-width: 1000px) { .our-approach-card {-webkit-transition: opacity 0.25s ease-out, transform 0.25s ease-out; -moz-transition: opacity 0.25s ease-out, transform 0.25s ease-out; -o-transition: opacity 0.25s ease-out, transform 0.25s ease-out; transition: opacity 0.25s ease-out, transform 0.25s ease-out; will-change: opacity, transform; opacity: 0.5;} .our-approach-card.triggered-animation.animated-in {opacity: 1;} } .our-approach-card span.our-approach-small {font-size: 12px;} .our-approach-card::before {content:""; position:absolute; left: 34px; top: -3px; width: 5px; height: 5px; border-radius: 50%; background: rgba(17,17,17,.16); -webkit-box-shadow: 0 0 0 5px rgba(52,135,194,.05); box-shadow: 0 0 0 5px rgba(52,135,194,.05);} html[lang="ar-CI"] .our-approach-card::before {left: auto; right: 34px;} .our-approach-card .iwithtext {margin-bottom: 0 !important;} .our-approach-card .iwt-icon i {display: none;} .our-approach-card .nectar_icon_wrap {position: absolute; top: 0; left: 0;} html[lang="ar-CI"] .our-approach-card .nectar_icon_wrap {left: auto; right: 0;} .our-approach-card .nectar_icon .im-icon-wrap {justify-content: flex-start;} html[lang="ar-CI"] .our-approach-card .nectar_icon .im-icon-wrap {justify-content: flex-end;} .our-approach-animation{position: relative; width: 100%; max-width: 100%; overflow: hidden; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; background: #f4f4f4;} .our-approach-animation::before{content:""; display:block; padding-top: 56.25%;} @supports (aspect-ratio: 16 / 9){ .our-approach-animation{aspect-ratio: 16 / 9;} .our-approach-animation::before{display:none;} } .our-approach-animation .our-approach-animation-image{position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100% !important; height: 100% !important; object-fit: cover !important; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px;} .our-approach-animation .our-approach-animation-image-1{z-index: 1;} .our-approach-animation .our-approach-animation-image-2{z-index: 2; opacity: 1; transform: translateY(100%); -webkit-animation: slideUp 10s infinite; animation: slideUp 10s infinite; -webkit-animation-timing-function: cubic-bezier(.22, .61, .36, 1); animation-timing-function: cubic-bezier(.22, .61, .36, 1); will-change: transform, opacity;} .our-approach-animation .our-approach-animation-image-3{z-index: 3; top: auto; left: auto; right: 5%; bottom: 7%; width: 45% !important; height: auto !important; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; border: 1px solid rgba(255,255,255,.28); -webkit-box-shadow: 0 20px 40px rgba(0,0,0,0.50); box-shadow: 0 20px 40px rgba(0,0,0,0.50); overflow: hidden; opacity: 0; transform: translateY(10px) scale(.92); -webkit-animation: popOverlay 10s infinite; animation: popOverlay 10s infinite; -webkit-animation-timing-function: cubic-bezier(.22, .61, .36, 1); animation-timing-function: cubic-bezier(.22, .61, .36, 1); will-change: transform, opacity;} .our-approach-animation .our-approach-animation-image-3 img{margin-bottom: 0 !important;} /*.our-approach-animation:hover .our-approach-animation-image{animation-play-state: paused; cursor: no-drop;}*/ @keyframes slideUp{ 0% { opacity: 0; -webkit-transform: translateY(100%); transform: translateY(100%);} 8% { opacity: 0; -webkit-transform: translateY(100%); transform: translateY(100%);} 28% { opacity: 1; -webkit-transform: translateY(0%); transform: translateY(0%);} 78% { opacity: 1; -webkit-transform: translateY(0%); transform: translateY(0%);} 90% { opacity: 0; -webkit-transform: translateY(0%); transform: translateY(0%);} 100% { opacity: 0; -webkit-transform: translateY(0%); transform: translateY(0%);} } @-webkit-keyframes slideUp{ 0% { opacity: 0; -webkit-transform: translateY(100%); transform: translateY(100%);} 8% { opacity: 0; -webkit-transform: translateY(100%); transform: translateY(100%);} 28% { opacity: 1; -webkit-transform: translateY(0%); transform: translateY(0%);} 78% { opacity: 1; -webkit-transform: translateY(0%); transform: translateY(0%);} 90% { opacity: 0; -webkit-transform: translateY(0%); transform: translateY(0%);} 100% { opacity: 0; -webkit-transform: translateY(0%); transform: translateY(0%);} } @keyframes popOverlay{ 0% { opacity: 0; -webkit-transform: scale(.75) translate(12px,12px); transform: scale(.75) translate(12px,12px);} 42% { opacity: 0; -webkit-transform: scale(.75) translate(12px,12px); transform: scale(.75) translate(12px,12px);} 50% { opacity: 1; -webkit-transform: scale(1) translate(0,0); transform: scale(1) translate(0,0);} 78% { opacity: 1; -webkit-transform: scale(1) translate(0,0); transform: scale(1) translate(0,0);} 88% { opacity: 0; -webkit-transform: scale(.75) translate(12px,12px); transform: scale(.75) translate(12px,12px);} 100% { opacity: 0; -webkit-transform: scale(.75) translate(12px,12px); transform: scale(.75) translate(12px,12px);} } @-webkit-keyframes popOverlay{ 0% { opacity: 0; -webkit-transform: scale(.75) translate(12px,12px); transform: scale(.75) translate(12px,12px);} 42% { opacity: 0; -webkit-transform: scale(.75) translate(12px,12px); transform: scale(.75) translate(12px,12px);} 50% { opacity: 1; -webkit-transform: scale(1) translate(0,0); transform: scale(1) translate(0,0);} 78% { opacity: 1; -webkit-transform: scale(1) translate(0,0); transform: scale(1) translate(0,0);} 88% { opacity: 0; -webkit-transform: scale(.75) translate(12px,12px); transform: scale(.75) translate(12px,12px);} 100% { opacity: 0; -webkit-transform: scale(.75) translate(12px,12px); transform: scale(.75) translate(12px,12px);} } @media (prefers-reduced-motion: reduce){ .our-approach-animation .our-approach-animation-image-2, .our-approach-animation .our-approach-animation-image-3{ -webkit-animation: none; animation: none;} .our-approach-animation .our-approach-animation-image-2{transform: translateY(0%); opacity: 1;} .our-approach-animation .our-approach-animation-image-3{opacity: 1; transform: none;} } .section-hero-card .vc_column-inner {position: relative; border-radius: 20px; padding: 20px; border: 1px solid rgba(255,255,255,.1); background: linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,.01)); -webkit-box-shadow: 0 18px 60px rgba(0,0,0,.35); box-shadow: 0 18px 60px rgba(0,0,0,.35); backdrop-filter: blur(3px); -webkit-backdrop-filter: blur(3px); overflow: hidden; will-change: transform, border-color, box-shadow; transition: transform .28s ease, border-color .28s ease, box-shadow .28s ease;} .section-hero-card .vc_column-inner .nectar-gradient-text {margin-bottom: 10px;} .section-hero-card .vc_column-inner h3 {font-size: 25px !important; line-height: 35px !important;} .section-hero-card .vc_column-inner p {color: rgba(255, 255, 255, .8); line-height: 1.55; font-size: 14px;} @supports not ((backdrop-filter: blur(3px)) or (-webkit-backdrop-filter: blur(3px))){ .section-hero-card .vc_column-inner {background: rgba(20,24,32,.72);} } .section-hero-card .vc_column-inner::before {content:""; position:absolute; inset: 1px; border-radius: inherit; pointer-events:none; background: linear-gradient(135deg, rgba(255,255,255,.18), rgba(255,255,255,0) 45%); opacity: .55;} .section-hero-card .vc_column-inner::after {content:""; position:absolute; inset:0; border-radius: inherit; pointer-events:none; background: linear-gradient(120deg, transparent 0%, rgba(255,255,255,.10) 35%, transparent 70%); transform: translateX(-130%); opacity: .55; transition: transform .6s ease;} .section-hero-card .vc_column-inner:hover {transform: translateY(-6px); border-color: rgba(52,135,194,.55); -webkit-box-shadow: 0 22px 80px rgba(0,0,0,.45); box-shadow: 0 22px 80px rgba(0,0,0,.45);} .section-hero-card .vc_column-inner:hover::after {transform: translateX(130%);} @media (prefers-reduced-motion: reduce){ .section-hero-card .vc_column-inner, .section-hero-card .vc_column-inner:hover{transition: none !important; transform: none !important;} .section-hero-card .vc_column-inner::after{ display:none; } } .services-core .vc_column-inner:hover, .column-hover .vc_column-inner:hover, .nectar-fancy-box[data-style="color_box_hover"][data-border="true"]:hover .box-inner-wrap, .our-approach-card:hover {transform: translateY(-4px) !important; -webkit-box-shadow: 0 26px 80px rgba(10,20,30,.14) !important; box-shadow: 0 26px 80px rgba(10,20,30,.14) !important; border-color: rgba(52,135,194,.22) !important;} .small-space-fancy-box .nectar-fancy-box:hover:before {transform: translateY(-4px) !important;} .ul-margin-zero .nectar-fancy-ul ul {margin-bottom: 0 !important;} a.nectar-button{overflow: hidden; transition: transform .25s ease, box-shadow .25s ease, background .25s ease, border-color .25s ease;} a.nectar-button:hover{} a.nectar-button::after {content:""; position:absolute; inset:0%; border-radius: inherit; pointer-events: none; background: linear-gradient(120deg, rgba(255,255,255,0) 30%, rgba(255,255,255,.45) 45%, rgba(255,255,255,0) 60%); transform: translateX(-130%); opacity: .55; transition: transform 1.5s ease;} a.nectar-button:hover::after {transform: translateX(130%);} @media (prefers-reduced-motion: reduce){ a.nectar-button::after {transform: none !important;} a.nectar-button::after { display:none; } } #section-table-of-contents {position: fixed; display: block; isolation: isolate; z-index: 1000; top: auto; left: auto; bottom: -20px; right: 70px; width: 990px; padding: 30px !important; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; color: #414141; opacity: 0; pointer-events: none; transform: translateY(20px) scale(0.98); transition: opacity .35s cubic-bezier(0.23, 1, 0.32, 1), transform .35s cubic-bezier(0.23, 1, 0.32, 1); will-change: transform, opacity;} #section-table-of-contents.toc-open {opacity: 1; transform: translateY(0) scale(1); pointer-events: auto;} #section-table-of-contents .row-bg {background: #ebf6ff; background: rgba(235, 245, 255, 1); border: 1px solid #3487c2; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px;} #section-table-of-contents h2 {font-size: 20px !important; line-height: 20px !important;} #section-table-of-contents p {margin-bottom: 20px !important; padding: 0 !important;} #section-table-of-contents em {position: absolute; top: -10px; right: 0; background: #9cd3fa; color: #3487c2; font-style: normal; font-weight: bold; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; padding: 15px 17px; font-size: 20px; cursor: pointer; -webkit-transition: background-color 0.3s ease-out, color 0.3s ease-out, transform 0.3s ease-out; -moz-transition: background-color 0.3s ease-out, color 0.3s ease-out, transform 0.3s ease-out; -o-transition: background-color 0.3s ease-out, color 0.3s ease-out, transform 0.3s ease-out; transition: background-color 0.3s ease-out, color 0.3s ease-out, transform 0.3s ease-out; will-change: transform;} #section-table-of-contents em:hover {background: #000000; color: #FFFFFF; transform: rotate(360deg);} #section-table-of-contents ul {list-style:numbers; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; flex-direction: row; flex-wrap: wrap; margin: 0 0 0 30px; justify-content: space-between;} #section-table-of-contents ul li {list-style: decimal-leading-zero; width: 30%; min-height: 30px; border-bottom: 1px solid rgba(0,0,0,0.08); border-left: 3px solid #3487c2; padding-left: 10px; margin-bottom: 10px; -webkit-transition: background-color 0.3s ease-out; -moz-transition: background-color 0.3s ease-out; -o-transition: background-color 0.3s ease-out; transition: background-color 0.3s ease-out;} #section-table-of-contents ul li:hover {background: rgba(52,135,194,0.08);} #section-table-of-contents ul li a {display: block; font-size: 14px !important; color: #414141 !important;} #section-table-of-contents ul li a:hover {color: #3487c2 !important;} #section-table-of-contents .nectar-button {margin-bottom: 0 !important; margin-top: 20px !important;} #section-table-of-contents::before {pointer-events: none; position: absolute; display: block; content: ""; top: -10px; left: 50%; width: 90%; height: 90%; transform: translateX(-50%); background: #dddddd; background: rgba(213, 213, 213, 0.5); z-index: -2; transform-origin: bottom; border-radius: inherit; transition: transform 0.48s cubic-bezier(0.23, 1, 0.32, 1); will-change: transform;} #section-table-of-contents::after {pointer-events: none; position: absolute; display: block; content: ""; top: -20px; left: 50%; width: 80%; height: 80%; transform: translateX(-50%); background: #eeeeee; background: rgba(213, 213, 213, 0.5); z-index: -1; transform-origin: bottom; border-radius: inherit; transition: transform 0.48s cubic-bezier(0.23, 1, 0.32, 1); will-change: transform;} #section-table-of-contents:hover::before {transform: translateX(-49%) translateY(55px) rotate(-3deg) scale(1.11)} #section-table-of-contents:hover::after {transform: translateX(-51%) translateY(111px) rotate(3deg) scale(1.25)} #section-table-of-contents .widget.widget_nav_menu {max-height: 320px; overflow: auto;} #section-table-of-contents-btn {position: fixed;z-index: 1000000;width:45px; right: 10px;font-size: 16px;background: #3487c2; background: linear-gradient(125deg, #035afc, #02b1ea); -webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;padding: 7px;text-align: center;cursor: pointer;line-height: 1.2;bottom: 200px; -webkit-animation: tocPulse .9s ease-in-out 0s 4; animation: tocPulse .9s ease-in-out 0s 4;} html[lang="ar-CI"] #section-table-of-contents-btn {left: 10px; right: auto;} #section-table-of-contents-btn img {width: 100% !important; height: 100% !important;} #section-table-of-contents-btn:hover {background: #000000;} @-webkit-keyframes tocPulse{ 0%,100%{ transform: scale(1); } 50%{ transform: scale(1.3); } } @keyframes tocPulse{ 0%,100%{ transform: scale(1); } 50%{ transform: scale(1.3); } } #section-table-of-contents-backdrop {width: 100%; height: 100%; z-index: 990; background: #0000008a; background: rgb(0, 0, 0, 0.5); position: fixed; top: 0; right: 0; bottom: 0; left: 0; content: " "; opacity: 0; display: none;} #section-table-of-contents-backdrop.toc-open {opacity: 1; display: block;} @media only screen and (max-width: 999px) { #section-table-of-contents {width: calc(100% - 140px); padding: 15px !important;} #section-table-of-contents::before, #section-table-of-contents::after {display: none;} #section-table-of-contents h2 {font-size: 16px !important;} #section-table-of-contents p {margin-bottom: 0 !important;} #section-table-of-contents em {top: -5px;} #section-table-of-contents .widget.widget_nav_menu {max-height: calc(100% - 90px);} #section-table-of-contents ul li {width: 49%;} #section-table-of-contents ul li::marker {font-size: 12px !important;} #section-table-of-contents ul li a {font-size: 12px !important; line-height: 15px !important;} } @media only screen and (max-width: 680px) { #section-table-of-contents {z-index: 1000010; width: calc(100% - 40px); right: 20px;} #section-table-of-contents h2 {font-size: 14px !important; margin: 0;} #section-table-of-contents p {font-size: 12px !important; margin: 0;} #section-table-of-contents ul li {width: 45.5%; padding-left: 5px; margin-bottom: 5px;} } @media only screen and (max-width: 320px) { #section-table-of-contents {z-index: 1000010; width: calc(100% - 20px); right: 10px; bottom: -35px; padding: 10px !important;} #section-table-of-contents .vc_col-sm-12.wpb_column.column_container.vc_column_container.col.no-extra-padding.inherit_tablet.inherit_phone {margin: 0;} #section-table-of-contents h2 {font-size: 14px !important; margin: 0;} #section-table-of-contents p {font-size: 12px !important; margin: 0;} #section-table-of-contents .widget.widget_nav_menu {margin-top: 5px;} #section-table-of-contents ul {margin: 0 0 0 20px;} #section-table-of-contents ul li {width: 45.5%; padding-left: 3px; margin-bottom: 3px;} #section-table-of-contents ul li::marker {font-size: 10px !important;} #section-table-of-contents ul li a {font-size: 11px !important; line-height: 12px !important;} } .section-trust-image .img-with-aniamtion-wrap {position: relative; isolation: isolate;} .section-trust-image .img-with-aniamtion-wrap img {-webkit-border-radius: 0 !important; -moz-border-radius: 0 !important; border-radius: 0 !important;} .section-trust-image .img-with-aniamtion-wrap::before {opacity: 0; content:""; position:absolute; top: 1%; left: 1%; width: 98%; height: 98%; z-index: -2; background: linear-gradient(135deg, #02b1ea 0%, #35a8e0 25%, #035afc 50%, #35a8e0 75%, #02b1ea 100%); background-size: 200% 100%; -webkit-animation: trustImageMove 3s ease-in-out infinite alternate; animation: trustImageMove 3s ease-in-out infinite alternate;} .section-trust-image .img-with-aniamtion-wrap::after {opacity: 0; content:""; position:absolute; top: 10%; left: 10%; width: 80%; height: 80%; z-index: -1; background: linear-gradient(135deg, transparent 0%, rgba(255,255,255,0.0) 35%, rgba(255,255,255,0.55) 50%, rgba(255,255,255,0.0) 65%, transparent 100%); transform: translateX(-60%); -webkit-animation: trustImageShine 3s linear infinite; animation: trustImageShine 3s linear infinite;} .section-trust-image .vc_col-sm-12.animated-in .img-with-aniamtion-wrap::before {opacity: 1;} .section-trust-image .vc_col-sm-12.animated-in .img-with-aniamtion-wrap::after {opacity: 0.5;} @media only screen and (max-width: 999px) { .section-trust-image .vc_col-sm-12 .img-with-aniamtion-wrap::before {opacity: 1;} .section-trust-image .vc_col-sm-12 .img-with-aniamtion-wrap::after {opacity: 0.5;} } @-webkit-keyframes trustImageMove { 0% {background-position: 0% 100%;} 100% {background-position: 100% 100%;} } @keyframes trustImageMove { 0% {background-position: 0% 100%;} 100% {background-position: 100% 100%;} } @-webkit-keyframes trustImageShine { 0% {-webkit-transform: translateX(-60%); transform: translateX(-60%);} 40% {-webkit-transform: translateX(60%); transform: translateX(60%);} 100% {-webkit-transform: translateX(60%); transform: translateX(60%);} } @keyframes trustImageShine { 0% {transform: translateX(-60%);} 40% {transform: translateX(60%);} 100% {transform: translateX(60%);} } @media (prefers-reduced-motion: reduce){ .section-trust-image .img-with-aniamtion-wrap::before {animation: none;} .section-trust-image .img-with-aniamtion-wrap::after {animation: none;} } .section-service-perfect-for .column-image-bg {background-color: #ededed !important; width: calc(100% - 100px) !important; left: 100px !important; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px;} .section-need-proof {position: absolute; bottom: 50px; left: 50px; padding: 30px; width: 60%; background-image: url(https://cotedivoire.creative4all.com/wp-content/uploads/2026/10/creative-4-all-agency-background-image.webp); background-repeat: no-repeat; background-size: cover; background-position: right center; background-color: #ededed; border: 1px solid rgba(0, 0, 0, 0.1); -webkit-box-shadow: 0 26px 80px rgba(10, 20, 30, .14) !important; box-shadow: 0 26px 80px rgba(10, 20, 30, .14) !important; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease;} .section-need-proof:hover {transform: translateY(-4px) !important; border-color: rgba(52, 135, 194, .22) !important;} .section-need-proof h3 {color: #3487c2 !important;} .section-need-proof p {font-size: 24px; line-height: 34px; padding: 0 0 20px 0 !important;} .section-need-proof a {font-size: 16px !important;} .section-need-proof .nectar-cta .link_wrap .arrow:before {color: #3487c2 !important;} .section-need-proof .nectar-cta .link_wrap .arrow:after {border-bottom: 1px solid #3487c2;} .section-need-proof .nectar-cta .link_wrap .link_text:after {border: 1px solid #3487c2;} @media only screen and (max-width: 999px) { .section-service-perfect-for .column-image-bg {width: 100% !important; left: 0 !important;} .section-need-proof {position: absolute; bottom: 5%; left: 5%; padding: 20px; width: 90%;} } .image-style-borders .vc_column-inner::before, .image-style-borders .vc_column-inner::after {content: ""; position: absolute; right: -20px; top: -20px; background: #3487c2; background: linear-gradient(125deg, #035afc, #02b1ea); z-index: -5; width: 200px; height: 200px; border: 1px solid rgba(0, 0, 0, 0.1); -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; transform: translate(0, 0); will-change: transform, opacity;} .image-style-borders .vc_column-inner::before {animation: ImageStyleBordersAnimationBefore 7s ease-in-out infinite;} .image-style-borders .vc_column-inner::after {animation: ImageStyleBordersAnimationAfter 7s ease-in-out infinite; right: auto; top: auto; left: -20px; bottom: -20px;} .section-service-perfect-for.image-style-borders .vc_column-inner::after {left: 80px;} @-webkit-keyframes ImageStyleBordersAnimationBefore { 0% {-webkit-transform: translate(0,0); opacity: 1;} 50% {-webkit-transform: translate(-10px, 10px); opacity: .5;} 100% {-webkit-transform: translate(0,0); opacity: 1;} } @keyframes ImageStyleBordersAnimationBefore { 0% {transform: translate(0,0); opacity: 1;} 50% {transform: translate(-10px, 10px); opacity: .5;} 100% {transform: translate(0,0); opacity: 1;} } @-webkit-keyframes ImageStyleBordersAnimationAfter { 0% {-webkit-transform: translate(0,0); opacity: 1;} 50% {-webkit-transform: translate(10px, -10px); opacity: .5;} 100% {-webkit-transform: translate(0,0); opacity: 1;} } @keyframes ImageStyleBordersAnimationAfter { 0% {transform: translate(0,0); opacity: 1;} 50% {transform: translate(10px, -10px); opacity: .5;} 100% {transform: translate(0,0); opacity: 1;} } @media (prefers-reduced-motion: reduce){ .image-style-borders .vc_column-inner::before {animation: none;} .image-style-borders .vc_column-inner::after {animation: none;} } @media only screen and (max-width: 999px) { .image-style-borders .vc_column-inner::before, .image-style-borders .vc_column-inner::after {right: -5px; top: -5px; width: 50%; height: 50%; animation: none;} .image-style-borders .vc_column-inner::after {right: auto; top: auto; left: -5px; bottom: -5px;} .section-service-perfect-for.image-style-borders .vc_column-inner::after {left: -5px;} } #screen-layers-wrap {--screen-inset-x: 20px; max-width: 500px; margin: 0 auto; perspective: 1200px; perspective-origin: 50% 50%; isolation: isolate; z-index: 2;} #screen-layers-base-shadow {position: absolute; left: 50%; bottom: -18px; z-index: 1; width: 320px; height: 60px; transform: translateX(-40px); background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0.18) 35%, rgba(0, 0, 0, 0.05) 60%, transparent 70%); pointer-events: none;} #screen-layers-container {position: relative; -webkit-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-backface-visibility: hidden; backface-visibility: hidden; will-change: transform; transform: rotateX(15deg) rotateY(-35deg) rotateZ(5deg) translateZ(0px);} #screen-layers-layer-1, #screen-layers-layer-2, #screen-layers-layer-3 {margin: 0 !important; -webkit-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-backface-visibility: hidden; backface-visibility: hidden; transform-origin: 50% 50%;} #screen-layers-layer-1 {will-change: transform, filter;} #screen-layers-layer-1 {width: 100%; height: auto; transform: rotateX(0deg) translateZ(-200px) scale(1); filter: drop-shadow(7px 3px 0px rgba(0, 0, 0, 0.5)); box-shadow: 60px -30px 40px -60px rgba(0, 0, 0, 0.5);} #screen-layers-layer-2 {background: #a8a8a8; width: calc(100% - 40px); height: auto; position: absolute; top: 0; left: 0; /*filter: drop-shadow(0 18px 28px rgba(0,0,0,.18));*/ transform: rotateX(5deg) translateX(-20px) translateY(-10px) translateZ(-100px) scale(0.99); box-shadow: 10px 7px 0px -5px #828282, 30px 15px 15px -10px rgba(0, 0, 0, 0.5);} #screen-layers-layer-3 {background: #a8a8a8; width: calc(100% - 38px); height: auto; position: absolute; top: 0; left: 0; /*filter: drop-shadow(0 26px 40px rgba(0,0,0,.22));*/ transform: rotateX(5deg) translateX(-20px) translateY(-20px) translateZ(100px) scale(0.9); box-shadow: 10px 5px 0 -3px rgba(0, 0, 0, 0.4), 20px 10px 0 -7px rgba(0, 0, 0, 0.3), 30px 15px 15px -10px rgba(0, 0, 0, 0.5);} .screen-layers-no-shadow #screen-layers-layer-1 {} .screen-layers-no-shadow #screen-layers-layer-2 {box-shadow: none; filter: none;} .screen-layers-no-shadow #screen-layers-layer-3 {} @media (max-width: 680px) { #screen-layers-wrap {--screen-inset-x: 10px; max-width: 300px;} #screen-layers-layer-1 {transform: rotateX(0deg) translateZ(-90px) scale(1); filter: drop-shadow(4px 1.5px 0px rgba(0, 0, 0, 0.5));} #screen-layers-layer-2 {width: calc(100% - 10px); transform: rotateX(5deg) translateX(-20px) translateY(-10px) translateZ(-20px) scale(0.99); box-shadow: 7px 5px 0px -3px #828282, 20px 10px 14px -10px rgba(0, 0, 0, 0.5);} #screen-layers-layer-3 {width: calc(100% - 8px); transform: rotateX(5deg) translateX(-20px) translateY(-20px) translateZ(70px) scale(0.9); box-shadow: 6px 6px 0 -1px rgba(0, 0, 0, 0.3), 9px 9px 10px -2px rgba(0, 0, 0, 0.5);} } .section-grow-business strong {text-transform: uppercase;} .section-grow-business-animation {max-width: 750px; aspect-ratio: 750 / 482; width: 100%; margin: 0 auto; position: relative; overflow: hidden; -webkit-transform: translateZ(0); transform: translateZ(0); isolation: isolate; background-image: url("https://cotedivoire.creative4all.com/wp-content/uploads/2026/10/creative-4-all-agency-animation-grow-businesses-1.webp"); background-size: cover; background-position: center center; background-repeat: no-repeat; -webkit-border-radius: 20px; border-radius: 20px;} @supports not (aspect-ratio: 1 / 1){ .section-grow-business-animation {height: 0; padding-top: calc(482 / 750 * 100%);} } .section-grow-business-animation img, .section-grow-business-animation .section-grow-business-animation-layer {position: absolute; left: 0; top: 0; width: 100%; height: 100%; display: block; -o-object-fit: cover; object-fit: cover; -webkit-backface-visibility: hidden; backface-visibility: hidden;} .section-grow-business-animation-layer-1{z-index: 2; opacity: 1; -webkit-transform: scale(1); transform: scale(1); -webkit-animation: GrowBusinessBulbLoop 9.8s ease-in-out infinite; animation: GrowBusinessBulbLoop 9.8s ease-in-out infinite;} .section-grow-business-animation-layer-2{background-image: url("https://cotedivoire.creative4all.com/wp-content/uploads/2026/10/creative-4-all-agency-animation-grow-businesses-2.webp"); background-size: cover; background-position: center center; background-repeat: no-repeat; opacity: 0; z-index: 1; -webkit-animation: GrowBusinessStrokesInOut 9.8s ease-in-out infinite; animation: GrowBusinessStrokesInOut 9.8s ease-in-out infinite;} .section-grow-business-animation-layer-3{z-index: 3; opacity: 0; -webkit-transform: translateY(8px) scale(.99); transform: translateY(8px) scale(.99); -webkit-animation: GrowBusinessIconsLoop 9.8s ease-in-out infinite; animation: GrowBusinessIconsLoop 9.8s ease-in-out infinite;} .section-grow-business-animation-layer-4{z-index: 4; opacity: 0; -webkit-clip-path: inset(0 100% 0 0); clip-path: inset(0 100% 0 0); -webkit-transform: translateZ(0); transform: translateZ(0); will-change: opacity, clip-path; -webkit-animation: GrowBusinessChartLuxury 9.8s linear infinite; animation: GrowBusinessChartLuxury 9.8s linear infinite;} @-webkit-keyframes GrowBusinessBulbLoop{ 0%, 46% { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } 58% { opacity: 0; -webkit-transform: scale(1.05); transform: scale(1.05); } 90% { opacity: 0; -webkit-transform: scale(1.05); transform: scale(1.05); } 100% { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } } @keyframes GrowBusinessBulbLoop{ 0%, 46% { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } 58% { opacity: 0; -webkit-transform: scale(1.05); transform: scale(1.05); } 90% { opacity: 0; -webkit-transform: scale(1.05); transform: scale(1.05); } 100% { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } } @-webkit-keyframes GrowBusinessStrokesInOut{ 0%, 7% { opacity: 0; } 26% { opacity: 1; } 45% { opacity: 1; } 64% { opacity: 0; } 100% { opacity: 0; } } @keyframes GrowBusinessStrokesInOut{ 0%, 7% { opacity: 0; } 26% { opacity: 1; } 45% { opacity: 1; } 64% { opacity: 0; } 100% { opacity: 0; } } @-webkit-keyframes GrowBusinessIconsLoop{ 0%, 15% { opacity: 0; -webkit-transform: translateY(8px) scale(.99); transform: translateY(8px) scale(.99); } 30% { opacity: 1; -webkit-transform: translateY(0) scale(1); transform: translateY(0) scale(1); } 40% { opacity: .88; -webkit-transform: translateY(0) scale(1); transform: translateY(0) scale(1); } 50% { opacity: 1; -webkit-transform: translateY(0) scale(1); transform: translateY(0) scale(1); } 72% { opacity: 0; -webkit-transform: translateY(0) scale(1); transform: translateY(0) scale(1); } 100% { opacity: 0; -webkit-transform: translateY(8px) scale(.99); transform: translateY(8px) scale(.99); } } @keyframes GrowBusinessIconsLoop{ 0%, 15% { opacity: 0; -webkit-transform: translateY(8px) scale(.99); transform: translateY(8px) scale(.99); } 30% { opacity: 1; -webkit-transform: translateY(0) scale(1); transform: translateY(0) scale(1); } 40% { opacity: .88; -webkit-transform: translateY(0) scale(1); transform: translateY(0) scale(1); } 50% { opacity: 1; -webkit-transform: translateY(0) scale(1); transform: translateY(0) scale(1); } 72% { opacity: 0; -webkit-transform: translateY(0) scale(1); transform: translateY(0) scale(1); } 100% { opacity: 0; -webkit-transform: translateY(8px) scale(.99); transform: translateY(8px) scale(.99); } } @-webkit-keyframes GrowBusinessChartLuxury{ 0%, 56% { opacity: 0; -webkit-clip-path: inset(0 100% 0 0); clip-path: inset(0 100% 0 0); } 60% { opacity: 1; -webkit-clip-path: inset(0 100% 0 0); clip-path: inset(0 100% 0 0); } 78% { opacity: 1; -webkit-clip-path: inset(0 0 0 0); clip-path: inset(0 0 0 0); } 88% { opacity: 1; -webkit-clip-path: inset(0 0 0 0); clip-path: inset(0 0 0 0); } 100% { opacity: 0; -webkit-clip-path: inset(0 0 0 0); clip-path: inset(0 0 0 0); } } @keyframes GrowBusinessChartLuxury{ 0%, 56% { opacity: 0; -webkit-clip-path: inset(0 100% 0 0); clip-path: inset(0 100% 0 0); } 60% { opacity: 1; -webkit-clip-path: inset(0 100% 0 0); clip-path: inset(0 100% 0 0); } 78% { opacity: 1; -webkit-clip-path: inset(0 0 0 0); clip-path: inset(0 0 0 0); } 88% { opacity: 1; -webkit-clip-path: inset(0 0 0 0); clip-path: inset(0 0 0 0); } 100% { opacity: 0; -webkit-clip-path: inset(0 0 0 0); clip-path: inset(0 0 0 0); } } @media (prefers-reduced-motion: reduce){ .section-grow-business-animation-layer-1, .section-grow-business-animation-layer-2, .section-grow-business-animation-layer-3 {opacity: 1 !important; -webkit-animation: none !important; animation: none !important; -webkit-transform: translateY(0) scale(1) !important; transform: translateY(0) scale(1) !important;} .section-grow-business-animation-layer-4 {opacity: 1 !important; -webkit-clip-path: inset(0 0 0 0) !important; clip-path: inset(0 0 0 0) !important; -webkit-animation: none !important; animation: none !important; display: none !important;} } .wp-block-yoast-faq-block {margin: 30px 0;} .wp-block-yoast-faq-block .schema-faq-section {padding: 20px 0; border-bottom: 1px solid #e5e5e5;} .wp-block-yoast-faq-block .schema-faq-question {display: block; margin-bottom: 10px; font-size: 18px; font-weight: 600;} .wp-block-yoast-faq-block .schema-faq-answer {margin: 0;} body.page-id-811 .nectar-fancy-box[data-style=parallax_hover] .im-icon-wrap path {fill: #1fa0e4 !important;} body.page-id-811 .nectar-fancy-box[data-style=parallax_hover] .inner * {color: #000000 !important;} #sidebar .widget {margin-bottom: 20px !important;} .siderbar-services #sidebar .widget {margin-bottom: 0 !important;} #sidebar h4 {color: #3487c2 !important; opacity: 1 !important;} #sidebar .widget ul.menu {margin: 0 !important;} #sidebar .widget ul.menu li, .contacts-sidebar p {list-style: none !important; border-bottom: 1px dotted #3487c2 !important; padding: 10px 0 !important;} #sidebar .widget ul.menu li:last-child, .contacts-sidebar p:last-child {border: 0 !important;} #sidebar .widget ul.menu li.current-menu-item a {color: #3487c2 !important;} #sidebar .link_wrap {width: 100%; display: block; border-radius: 0 !important;} #sidebar .wp-block-search__input {-webkit-border-top-right-radius: 0 !important; -webkit-border-bottom-right-radius: 0 !important; -moz-border-radius-topright: 0 !important; -moz-border-radius-bottomright: 0 !important; border-top-right-radius: 0 !important; border-bottom-right-radius: 0 !important; -webkit-border-top-left-radius: 4px; -webkit-border-bottom-left-radius: 4px; -moz-border-radius-topleft: 4px; -moz-border-radius-bottomleft: 4px; border-top-left-radius: 4px; border-bottom-left-radius: 4px;} #sidebar .wp-block-search__button {-webkit-border-radius: 0 !important; -moz-border-radius: 0 !important; border-radius: 0 !important; -webkit-border-top-right-radius: 4px !important; -webkit-border-bottom-right-radius: 4px !important; -moz-border-radius-topright: 4px !important; -moz-border-radius-bottomright: 4px !important; border-top-right-radius: 4px !important; border-bottom-right-radius: 4px !important;} #sidebar .wp-block-search__button svg {fill: #FFFFFF !important; vertical-align: middle !important;} #sidebar .widget li.cat-item {border-bottom: 1px dotted #3487c2 !important; padding: 10px 0 !important;} #sidebar .is-style-outline.wp-block-tag-cloud .tag-cloud-link {font-size: 14px !important; border: 1px solid #3487c2 !important; color: #3487c2 !important; padding: 5px 10px !important; margin-right: 10px !important; margin-bottom: 10px !important; display: inline-block !important; -webkit-transition: background-color 0.3s ease-out, color 0.3s ease-out; -moz-transition: background-color 0.3s ease-out, color 0.3s ease-out; -o-transition: background-color 0.3s ease-out, color 0.3s ease-out; transition: background-color 0.3s ease-out, color 0.3s ease-out;} #sidebar .is-style-outline.wp-block-tag-cloud .tag-cloud-link:hover {background: #3487c2 !important; color: #FFFFFF !important;} body.rtl #sidebar .wp-block-search__input {-webkit-border-top-right-radius: 4px !important; -webkit-border-bottom-right-radius: 4px !important; -moz-border-radius-topright: 4px !important; -moz-border-radius-bottomright: 4px !important; border-top-right-radius: 4px !important; border-bottom-right-radius: 4px !important; -webkit-border-top-left-radius: 0 !important; -webkit-border-bottom-left-radius: 0 !important; -moz-border-radius-topleft: 0 !important; -moz-border-radius-bottomleft: 0 !important; border-top-left-radius: 0 !important; border-bottom-left-radius: 0 !important;} body.rtl #sidebar .wp-block-search__button {-webkit-border-radius: 0 !important; -moz-border-radius: 0 !important; border-radius: 0 !important; -webkit-border-top-right-radius: 0 !important; -webkit-border-bottom-right-radius: 0 !important; -moz-border-radius-topright: 0 !important; -moz-border-radius-bottomright: 0 !important; border-top-right-radius: 0 !important; border-bottom-right-radius: 0 !important; -webkit-border-top-left-radius: 4px !important; -webkit-border-bottom-left-radius: 4px !important; -moz-border-radius-topleft: 4px !important; -moz-border-radius-bottomleft: 4px !important; border-top-left-radius: 4px !important; border-bottom-left-radius: 4px !important;} .lang-en, .lang-ar, .lang-fr {display: none;} html[lang="en-CI"] .lang-en {display: block;} html[lang="ar-CI"] .lang-ar {display: block;} html[lang="fr-CI"] .lang-fr {display: block;} .siderbar-services #sidebar .widget h4 {background: #3487C2 !important; color: #FFFFFF !important; padding: 10px 20px; margin: 0 !important; line-height: 30px !important;} #sidebar #block-23, #sidebar #block-26, #sidebar #block-27 {display: none; margin-bottom: 0 !important;} html[lang="en-CI"] #sidebar #block-23 {display: block;} html[lang="ar-CI"] #sidebar #block-26 {display: block;} html[lang="fr-CI"] #sidebar #block-27 {display: block;} #sidebar #block-23, #sidebar #block-26, #sidebar #block-27 {background: #dddddd; padding: 20px; text-align: center; color: #000000; font-weight: 500; font-size: 15px; line-height: 25px; margin-bottom: 20px !important;} #sidebar #block-23 div.more-sales, #sidebar #block-26 div.more-sales, #sidebar #block-27 div.more-sales {background: transparent !important; font-size: 22px !important; line-height: 30px !important; margin-bottom: 0 !important; padding: 0 !important; color: #000000 !important; text-transform: none;} #sidebar #block-23 div.more-sales strong, #sidebar #block-26 div.more-sales strong, #sidebar #block-27 div.more-sales strong {color: #3487c2 !important;} #sidebar #block-23 hr, #sidebar #block-26 hr, #sidebar #block-27 hr {width: 70px; margin: 20px auto; border: 0; border-top: 2px solid #3487c2;} #sidebar #block-24, #sidebar #block-25, #sidebar #block-28 {display: none; margin-bottom: 0 !important;} html[lang="en-CI"] #sidebar #block-24 {display: block;} html[lang="ar-CI"] #sidebar #block-25 {display: block;} html[lang="fr-CI"] #sidebar #block-28 {display: block;} html[lang="ar-CI"] #sidebar #block-25 p a {padding-right: 20px; direction: ltr; display: block; text-align: right; position: relative;} html[lang="ar-CI"] #sidebar #block-25 p:last-child a {direction: rtl;} html[lang="ar-CI"] #sidebar #block-25 p a .fa {position: absolute; left: auto; right: 0; top: 5px;} #footer-outer #footer-widgets .widget h4 {color: #FFFFFF !important;} #footer-widgets .current-menu-item a {color: #FFFFFF !important;} #custom-footer #sidebar h4 {color: #FFFFFF !important; opacity: 1 !important;} #custom-footer #sidebar .widget ul.menu li {border-bottom: 0 !important; padding: 5px 0 !important;} #custom-footer #sidebar .widget ul.menu li a {color: #b1b1b1 !important;} #custom-footer #sidebar .widget ul.menu li a:hover, #custom-footer #sidebar .widget ul.menu li.current_page_item a {color: #FFFFFF !important;} @media only screen and (max-width: 999px) { #footer-outer #copyright .col {width: 100% !important; text-align: center !important; margin: 0 !important;} #footer-outer #copyright .col ul {float: none !important; margin: 20px auto 0 auto !important; display: inline-block !important;} body.rtl #footer-outer #copyright .col li {float: left !important;} } #custom-footer .img-with-aniamtion-wrap.custom-width-150px .inner {width: 150px;} .footer-scroll-light .nectar-scrolling-text, .footer-scroll-dark .nectar-scrolling-text {font-weight: 300; font-size: 5vw; line-height: 1em;} @media only screen and (max-width: 999px) { .footer-scroll-light .nectar-scrolling-text, .footer-scroll-dark .nectar-scrolling-text {font-size: 10vw; line-height: 1.1em;} } /*.footer-scroll-light {color: #f6f6f6; text-shadow: 1px 1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, -1px -1px 0 #000, 1px 0px 0 #000, 0px 1px 0 #000, -1px 0px 0 #000, 0px -1px 0 #000; font-weight: 700;} .footer-scroll-dark {color: #121212; text-shadow: 1px 1px 0 #b1b1b1, 1px -1px 0 #b1b1b1, -1px 1px 0 #b1b1b1, -1px -1px 0 #b1b1b1, 1px 0px 0 #b1b1b1, 0px 1px 0 #b1b1b1, -1px 0px 0 #b1b1b1, 0px -1px 0 #b1b1b1; font-weight: 700;}*/ .whatsapp {position: fixed;z-index: 1000000;width:45px; right: 10px;font-size: 16px;text-align: center;padding: 0;cursor: pointer;line-height: 1.2;bottom: 80px;} html[lang="ar-CI"] .whatsapp {left: 10px; right: auto;} .whatsapp a {display: block;} .whatsapp img{width:100%;} .get-quote {position: fixed;z-index: 1000000;width:45px; right: 10px;font-size: 16px; background: #3487c2; background: linear-gradient(125deg, #035afc, #02b1ea); -webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;padding: 7px;text-align: center;cursor: pointer;line-height: 1.2;bottom: 140px;} html[lang="ar-CI"] .get-quote {left: 10px; right: auto;} .get-quote:hover {background: #000000;} .get-quote a {display: block;} .get-quote img{width:100% !important; height: 100% !important;} @media only screen and (max-width: 999px) { .whatsapp {bottom: 140px;} .get-quote {bottom: 200px;} #section-table-of-contents-btn {bottom: 260px;} } .off-canvas-social-links .fa-rss, .social .fa-rss{border: 2px solid #b1b1b1; padding: 1px 4px; -moz-border-radius: 3px; border-radius: 3px;} .off-canvas-social-links .fa-rss {line-height: 11px !important;} .off-canvas-social-links .fa-rss:before, .social .fa-rss:before{content:"S"; font-size: 12px !important; display: block;} .custom-cursor {position: fixed; top: 0; left: 0; right: auto; bottom: auto; width: 0; height: 0; transform: translate3d(-9999px, -9999px, 0); pointer-events: none; z-index: 9999; will-change: transform; -webkit-backface-visibility: hidden; backface-visibility: hidden;} .cursor-dot, .cursor-ring {position: absolute; top: 0; left: 0; right: auto; bottom: auto; will-change: transform; backface-visibility: hidden;} .cursor-dot {width: 6px; height: 6px; background: #3487c2; border-radius: 50%; transform: translate3d(-50%, -50%, 0);} .cursor-ring {width: 40px; height: 40px; border: 1px solid rgba(156, 156, 156, 0.5); border-radius: 50%; transform: translate3d(-50%, -50%, 0) scale(1); transition: transform 0.2s ease;} .custom-cursor.hover-active .cursor-ring {transform: translate(-50%, -50%) scale(2); background: rgba(52, 135, 194, 0.12); border-color: transparent;}