/*!
Theme Name: DATAFLOW
Theme URI: https://underscores.me/
Author: Automattic
Author URI: https://automattic.com/
Description: Hi. I'm a starter theme called DATAFLOW, or underscores, if you like. I'm a theme meant for hacking so don't use me as a Parent Theme. Instead try turning me into the next, most awesome, WordPress theme out there. That's what I'm here for.
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: DATAFLOW
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready
This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.
DATAFLOW is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.
Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Generic
- Normalize
- Box sizing
# Base
- Typography
- Elements
- Links
- Forms
## Layouts
# Components
- Navigation
- Posts and pages
- Comments
- Widgets
- Media
- Captions
- Galleries
# plugins
- Jetpack infinite scroll
# Utilities
- Accessibility
- Alignments
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Generic
--------------------------------------------------------------*/
/* Normalize
--------------------------------------------- */
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
/* Document
========================================================================== */
/**
* 1. Correct the line height in all browsers.
* 2. Prevent adjustments of font size after orientation changes in iOS.
*/
html {
line-height: 1.15;
-webkit-text-size-adjust: 100%;
}
/* Sections
========================================================================== */
/**
* Remove the margin in all browsers.
*/
body {
margin: 0;
}
/**
* Render the `main` element consistently in IE.
*/
main {
display: block;
}
/**
* Correct the font size and margin on `h1` elements within `section` and
* `article` contexts in Chrome, Firefox, and Safari.
*/
h1 {
font-size: 2em;
margin: 0.67em 0;
}
/* Grouping content
========================================================================== */
/**
* 1. Add the correct box sizing in Firefox.
* 2. Show the overflow in Edge and IE.
*/
hr {
box-sizing: content-box;
height: 0;
overflow: visible;
}
/**
* 1. Correct the inheritance and scaling of font size in all browsers.
* 2. Correct the odd `em` font sizing in all browsers.
*/
pre {
font-family: monospace, monospace;
font-size: 1em;
}
/* Text-level semantics
========================================================================== */
/**
* Remove the gray background on active links in IE 10.
*/
a {
background-color: transparent;
}
/**
* 1. Remove the bottom border in Chrome 57-
* 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
*/
abbr[title] {
border-bottom: none;
text-decoration: underline;
text-decoration: underline dotted;
}
/**
* Add the correct font weight in Chrome, Edge, and Safari.
*/
b,
strong {
font-weight: bolder;
}
/**
* 1. Correct the inheritance and scaling of font size in all browsers.
* 2. Correct the odd `em` font sizing in all browsers.
*/
code,
kbd,
samp {
font-family: monospace, monospace;
font-size: 1em;
}
/**
* Add the correct font size in all browsers.
*/
small {
font-size: 80%;
}
/**
* Prevent `sub` and `sup` elements from affecting the line height in
* all browsers.
*/
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sub {
bottom: -0.25em;
}
sup {
top: -0.5em;
}
/* Embedded content
========================================================================== */
/**
* Remove the border on images inside links in IE 10.
*/
img {
border-style: none;
}
/* Forms
========================================================================== */
/**
* 1. Change the font styles in all browsers.
* 2. Remove the margin in Firefox and Safari.
*/
button,
input,
optgroup,
select,
textarea {
font-family: inherit;
font-size: 100%;
line-height: 1.15;
margin: 0;
}
/**
* Show the overflow in IE.
* 1. Show the overflow in Edge.
*/
button,
input {
overflow: visible;
}
/**
* Remove the inheritance of text transform in Edge, Firefox, and IE.
* 1. Remove the inheritance of text transform in Firefox.
*/
button,
select {
text-transform: none;
}
/**
* Correct the inability to style clickable types in iOS and Safari.
*/
button,
[type="button"],
[type="reset"],
[type="submit"] {
-webkit-appearance: button;
}
/**
* Remove the inner border and padding in Firefox.
*/
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
border-style: none;
padding: 0;
}
/**
* Restore the focus styles unset by the previous rule.
*/
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
outline: 1px dotted ButtonText;
}
/**
* Correct the padding in Firefox.
*/
fieldset {
padding: 0.35em 0.75em 0.625em;
}
/**
* 1. Correct the text wrapping in Edge and IE.
* 2. Correct the color inheritance from `fieldset` elements in IE.
* 3. Remove the padding so developers are not caught out when they zero out
* `fieldset` elements in all browsers.
*/
legend {
box-sizing: border-box;
color: inherit;
display: table;
max-width: 100%;
padding: 0;
white-space: normal;
}
/**
* Add the correct vertical alignment in Chrome, Firefox, and Opera.
*/
progress {
vertical-align: baseline;
}
/**
* Remove the default vertical scrollbar in IE 10+.
*/
textarea {
overflow: auto;
}
/**
* 1. Add the correct box sizing in IE 10.
* 2. Remove the padding in IE 10.
*/
[type="checkbox"],
[type="radio"] {
box-sizing: border-box;
padding: 0;
}
/**
* Correct the cursor style of increment and decrement buttons in Chrome.
*/
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
height: auto;
}
/**
* 1. Correct the odd appearance in Chrome and Safari.
* 2. Correct the outline style in Safari.
*/
[type="search"] {
-webkit-appearance: textfield;
outline-offset: -2px;
}
/**
* Remove the inner padding in Chrome and Safari on macOS.
*/
[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}
/**
* 1. Correct the inability to style clickable types in iOS and Safari.
* 2. Change font properties to `inherit` in Safari.
*/
::-webkit-file-upload-button {
-webkit-appearance: button;
font: inherit;
}
/* Interactive
========================================================================== */
/*
* Add the correct display in Edge, IE 10+, and Firefox.
*/
details {
display: block;
}
/*
* Add the correct display in all browsers.
*/
summary {
display: list-item;
}
/* Misc
========================================================================== */
/**
* Add the correct display in IE 10+.
*/
template {
display: none;
}
/**
* Add the correct display in IE 10.
*/
[hidden] {
display: none;
}
/* Box sizing
--------------------------------------------- */
/* Inherit box-sizing to more easily change it's value on a component level.
@link http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
*,
*::before,
*::after {
box-sizing: inherit;
}
html {
box-sizing: border-box;
}
/*--------------------------------------------------------------
# Base
--------------------------------------------------------------*/
/* Typography
--------------------------------------------- */
body,
button,
input,
select,
optgroup,
textarea {
color: #404040;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
font-size: 1rem;
line-height: 1.5;
}
h1,
h2,
h3,
h4,
h5,
h6 {
clear: both;
}
p {
margin-bottom: 1.5em;
}
dfn,
cite,
em,
i {
font-style: italic;
}
blockquote {
margin: 0 1.5em;
}
address {
margin: 0 0 1.5em;
}
pre {
background: #eee;
font-family: "Courier 10 Pitch", courier, monospace;
line-height: 1.6;
margin-bottom: 1.6em;
max-width: 100%;
overflow: auto;
padding: 1.6em;
}
code,
kbd,
tt,
var {
font-family: monaco, consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
}
abbr,
acronym {
border-bottom: 1px dotted #666;
cursor: help;
}
mark,
ins {
background: #fff9c0;
text-decoration: none;
}
big {
font-size: 125%;
}
/* Elements
--------------------------------------------- */
body {
background: #fff;
}
hr {
background-color: #ccc;
border: 0;
height: 1px;
margin-bottom: 1.5em;
}
ul,
ol {
margin: 0 3em 1.5em 0;
}
ul {
list-style: disc;
}
ol {
list-style: decimal;
}
li > ul,
li > ol {
margin-bottom: 0;
margin-right: 1.5em;
}
dt {
font-weight: 700;
}
dd {
margin: 0 1.5em 1.5em;
}
/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
max-width: 100%;
}
img {
height: auto;
max-width: 100%;
}
figure {
margin: 1em 0;
}
table {
margin: 0 0 1.5em;
width: 100%;
}
/* Links
--------------------------------------------- */
a {
color: #4169e1;
}
a:visited {
color: #800080;
}
a:hover,
a:focus,
a:active {
color: #191970;
}
a:focus {
outline: thin dotted;
}
a:hover,
a:active {
outline: 0;
}
/* Forms
--------------------------------------------- */
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
border: 1px solid;
border-color: #ccc #ccc #bbb;
border-radius: 3px;
background: #e6e6e6;
color: rgba(0, 0, 0, 0.8);
line-height: 1;
padding: 0.6em 1em 0.4em;
}
button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
border-color: #ccc #bbb #aaa;
}
button:active,
button:focus,
input[type="button"]:active,
input[type="button"]:focus,
input[type="reset"]:active,
input[type="reset"]:focus,
input[type="submit"]:active,
input[type="submit"]:focus {
border-color: #aaa #bbb #bbb;
}
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea {
color: #666;
border: 1px solid #ccc;
border-radius: 3px;
padding: 3px;
}
input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
textarea:focus {
color: #111;
}
select {
border: 1px solid #ccc;
}
textarea {
width: 100%;
}
/*--------------------------------------------------------------
# Layouts
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Components
--------------------------------------------------------------*/
/* Navigation
--------------------------------------------- */
.main-navigation {
display: block;
width: 100%;
}
.main-navigation ul {
display: none;
list-style: none;
margin: 0;
padding-right: 0;
}
.main-navigation ul ul {
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
float: right;
position: absolute;
top: 100%;
right: -999em;
z-index: 99999;
}
.main-navigation ul ul ul {
right: -999em;
top: 0;
}
.main-navigation ul ul li:hover > ul,
.main-navigation ul ul li.focus > ul {
display: block;
right: auto;
}
.main-navigation ul ul a {
width: 200px;
}
.main-navigation ul li:hover > ul,
.main-navigation ul li.focus > ul {
right: auto;
}
.main-navigation li {
position: relative;
}
.main-navigation a {
display: block;
text-decoration: none;
}
/* Small menu. */
.menu-toggle,
.main-navigation.toggled ul {
display: block;
}
@media screen and (min-width: 37.5em) {
.menu-toggle {
display: none;
}
.main-navigation ul {
display: flex;
}
}
.site-main .comment-navigation,
.site-main
.posts-navigation,
.site-main
.post-navigation {
margin: 0 0 1.5em;
}
.comment-navigation .nav-links,
.posts-navigation .nav-links,
.post-navigation .nav-links {
display: flex;
}
.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
flex: 1 0 50%;
}
.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
text-align: end;
flex: 1 0 50%;
}
/* Posts and pages
--------------------------------------------- */
.sticky {
display: block;
}
.post,
.page {
margin: 0;
}
.updated:not(.published) {
display: none;
}
.page-content,
.entry-content,
.entry-summary {
margin: 1.5em 0 0;
}
.page-links {
clear: both;
margin: 0 0 1.5em;
}
/* Comments
--------------------------------------------- */
.comment-content a {
word-wrap: break-word;
}
.bypostauthor {
display: block;
}
/* Widgets
--------------------------------------------- */
.widget {
margin: 0 0 1.5em;
}
.widget select {
max-width: 100%;
}
/* Media
--------------------------------------------- */
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
border: none;
margin-bottom: 0;
margin-top: 0;
padding: 0;
}
/* Make sure logo link wraps around logo image. */
.custom-logo-link {
display: inline-block;
}
/* Captions
--------------------------------------------- */
.wp-caption {
margin-bottom: 1.5em;
max-width: 100%;
}
.wp-caption img[class*="wp-image-"] {
display: block;
margin-right: auto;
margin-left: auto;
}
.wp-caption .wp-caption-text {
margin: 0.8075em 0;
}
.wp-caption-text {
text-align: center;
}
/* Galleries
--------------------------------------------- */
.gallery {
margin-bottom: 1.5em;
display: grid;
grid-gap: 1.5em;
}
.gallery-item {
display: inline-block;
text-align: center;
width: 100%;
}
.gallery-columns-2 {
grid-template-columns: repeat(2, 1fr);
}
.gallery-columns-3 {
grid-template-columns: repeat(3, 1fr);
}
.gallery-columns-4 {
grid-template-columns: repeat(4, 1fr);
}
.gallery-columns-5 {
grid-template-columns: repeat(5, 1fr);
}
.gallery-columns-6 {
grid-template-columns: repeat(6, 1fr);
}
.gallery-columns-7 {
grid-template-columns: repeat(7, 1fr);
}
.gallery-columns-8 {
grid-template-columns: repeat(8, 1fr);
}
.gallery-columns-9 {
grid-template-columns: repeat(9, 1fr);
}
.gallery-caption {
display: block;
}
/*--------------------------------------------------------------
# Plugins
--------------------------------------------------------------*/
/* Jetpack infinite scroll
--------------------------------------------- */
/* Hide the Posts Navigation and the Footer when Infinite Scroll is in use. */
.infinite-scroll .posts-navigation,
.infinite-scroll.neverending .site-footer {
display: none;
}
/* Re-display the Theme Footer when Infinite Scroll has reached its end. */
.infinity-end.neverending .site-footer {
display: block;
}
/*--------------------------------------------------------------
# Utilities
--------------------------------------------------------------*/
/* Accessibility
--------------------------------------------- */
/* Text meant only for screen readers. */
.screen-reader-text {
border: 0;
clip: rect(1px, 1px, 1px, 1px);
clip-path: inset(50%);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute !important;
width: 1px;
word-wrap: normal !important;
}
.screen-reader-text:focus {
background-color: #f1f1f1;
border-radius: 3px;
box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
clip: auto !important;
clip-path: none;
color: #21759b;
display: block;
font-size: 0.875rem;
font-weight: 700;
height: auto;
right: 5px;
line-height: normal;
padding: 15px 23px 14px;
text-decoration: none;
top: 5px;
width: auto;
z-index: 100000;
}
/* Do not show the outline on the skip link target. */
#primary[tabindex="-1"]:focus {
outline: 0;
}
/* Alignments
--------------------------------------------- */
.alignleft {
float: left;
margin-right: 1.5em;
margin-bottom: 1.5em;
}
.alignright {
float: right;
margin-left: 1.5em;
margin-bottom: 1.5em;
}
.aligncenter {
clear: both;
display: block;
margin-right: auto;
margin-left: auto;
margin-bottom: 1.5em;
}
/* Custom */
:root {
--primary-color: #D8531E;
--black-color: #000;
--white-color: #fff;
--font-color-nav-link: #292929;
--font-family: 'Montserrat', sans-serif;
--font-size-nav-link: 12px;
--font-size-button: 12px;
--line-height-button: 1em;
--font-transform-button: uppercase;
--font-weight-nav-link: 500;
--font-weight-button: 600;
--border-radius-button: 7px;
--border-radius-social-icon: 50%;
--max-width: 1240px;
--logo-width: 175px;
--button-padding: 18px 21px;
--arrow-width: 11px;
--button-border-color: #169873;
--light-pink-bg: #FFF1EB;
}
body, h1, h2, h3, h4, h5, h6 {
font-family: var(--font-family);
margin-top: 0px;
}
.container {
max-width: 1280px;
width: 100%;
margin: 0 auto;
padding: 0 20px;
display: flex;
flex-direction: column;
align-items: center;
}
section {
padding: 140px 0px;
}
img {
width: 100%;
}
p {
font-weight: 400;
line-height: 140%;
margin-top: 0px;
}
h1 {
font-size: 48px;
font-weight: bold;
color: #000000;
line-height: 110%;
letter-spacing: -0.02em;
margin-bottom: 20px;
margin-top: 0px;
}
h2 {
color: #000000;
font-weight: 600;
font-size: 36px;
line-height: 110%;
margin-bottom: 20px;
}
h3 {
color: #000000;
font-weight: 600;
font-size: 20px;
line-height: 110%;
margin-bottom: 20px;
}
.primary-button, .button {
background-color: var(--primary-color);
color: var(--white-color);
font-size: var(--font-size-button);
font-weight: var(--font-weight-button);
line-height: var(--line-height-button);
border-radius: var(--border-radius-button);
padding: var(--button-padding);
text-decoration: none;
text-transform: var(--font-transform-button);
display: inline-flex;
align-items: center;
white-space: nowrap; /* Prevent the text from breaking into two lines */
}
.primary-button::after {
content: url("./assets/images/arrow.svg");
margin-right: 5px;
width: var(--arrow-width);
}
.button:hover {
background-color: var(--primary-color);
color: var(--white-color);
}
.header-container .site-header {
background-color: var(--white-color);
}
.container.two-column {
display: flex;
flex-direction: row;
justify-content: center;
gap: 100px;
}
.container.two-column .left-column {
flex: 1;
display: flex;
flex-direction: column;
align-items: flex-end;
justify-content: center;
}
.container.two-column .right-column {
flex: 1;
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: center;
}
/* Top Bar Styles */
.header-container .top-bar {
background-color: var(--primary-color);
min-height: 33px;
display: flex;
align-items: center;
justify-content: center;
padding: 0 20px;
}
.header-container .top-bar-inner {
display: flex;
width: 100%;
max-width: var(--max-width);
justify-content: flex-start;
align-items: center;
}
.header-container .social-icons {
display: flex;
align-items: center;
}
.header-container .social-icons a {
width: 15px;
height: 15px;
background-color: var(--white-color);
border-radius: var(--border-radius-social-icon);
margin-right: 10px;
padding: 2.5px;
display: flex;
align-items: center;
justify-content: center;
}
.header-container .language-switcher {
margin-right: 10px;
padding-right: 10px;
border-right: 1px solid white;
}
.header-container .language-switcher a {
color: var(--white-color);
font-size: 15px;
}
/* Bottom Bar Styles */
.header-container .bottom-bar {
min-height: 102px;
display: flex;
align-items: center;
justify-content: center;
padding: 10px 20px;
}
.header-container .bottom-bar-inner {
display: flex;
width: 100%;
max-width: var(--max-width);
justify-content: space-between;
align-items: center;
}
.header-container .site-branding {
display: flex;
align-items: center;
max-width: var(--logo-width);
width: 100%;
}
.header-container .site-title {
display: none;
}
.header-container .main-navigation {
display: flex;
align-items: center;
justify-content: flex-start;
margin-left: 43px;
}
.header-container .main-navigation .menu-toggle {
display: none;
}
.header-container .main-navigation ul {
list-style: none;
padding: 0;
margin: 0;
}
.header-container .main-navigation ul li {
display: inline-block;
margin: 0 16px;
}
.header-container .main-navigation ul li a {
color: var(--font-color-nav-link);
font-size: var(--font-size-nav-link);
font-weight: var(--font-weight-nav-link);
text-decoration: none;
text-transform: uppercase;
}
.header-button {
background-color: #000000;
border: 1px solid var(--button-border-color);
padding: 18px 12px;
}
/* Home */
/* General Styles */
.swiper-container {
overflow: hidden;
position: relative;
}
.swiper-pagination-bullet {
width: 18px !important;
height: 3px !important;
background: var(--primary-color) !important;
border-radius: 10px !important;
opacity: .35;
}
.swiper-pagination-bullet.swiper-pagination-bullet-active {
opacity: 1;
}
.swiper-pagination {
bottom: 0px !important;
}
.hero-slides {
overflow: hidden;
position: relative;
}
.swiper-wrapper {
display: flex;
transition: transform 0.3s ease-in-out;
}
.swiper-pagination {
position: absolute;
bottom: 10px; /* Adjust as necessary */
right: 50%;
transform: translateX(50%);
z-index: 10;
}
/* Hero Section */
.homepage-hero {
position: relative;
padding: 60px 0;
color: #fff;
text-align: right;
background-color: var(--light-pink-bg);
min-height: 650px;
display: flex;
align-items: center;
}
.homepage-hero::after {
content: '';
width:100%;
height:100%;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background-image: url('./assets/images/homepage-hero.png'); /* Replace with your actual image path */
background-size: 650px;
background-position: top right;
background-repeat: no-repeat;
/* transform: scaleX(-1); */
}
.homepage-hero .container {
align-items: baseline;
}
.homepage-hero h2{font-size:48px;
font-weight:700}
.homepage-hero .hero-slides {
width: 100%;
max-width: 490px;
position: relative;
overflow: hidden;
padding-bottom: 50px;
}
.homepage-hero .hero-slide {
display: flex;
flex-direction: column;
justify-content: center;
align-items: flex-start;
height: 100%;
}
.hero-slide h1 {
margin-bottom: 20px;
}
.homepage-hero .hero-slide p {
font-size: 18px;
color: #000000;
}
.hero-slide .btn {
margin-top: 20px;
}
.homepage-hero .swiper-pagination {
width: auto !important;
}
.homepage-hero .swiper-pagination-bullet {
background: #000000 !important;
}
/* Verification Support Services */
.verification-support-services {
background-color: #ffffff;
text-align: center;
}
.verification-support-services .container .verification-sections {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
gap: 40px; /* Add gap between each verification section */
}
.verification-support-services .verification-section {
flex: 1 1 30%;
max-width: calc(33% - 40px);
padding: 42px;
background: #fafafa;
border-radius: 19px;
text-align: right;
}
.verification-support-services .verification-section img {
max-width: 80px; /* Set the icon width */
margin-bottom: 20px;
}
.verification-support-services .verification-section h2 {
font-size: 20px;
font-weight: bold;
color: #292929;
margin-bottom: 14px;
text-transform:uppercase
}
.verification-support-services .verification-section div {
font-size: 14px;
font-weight: 300; /* Light font weight for description */
margin-bottom: 36px;
}
/* Why Choose Dataflow */
.why-choose-dataflow {
background-color: #FFF7F4;
text-align: center;
padding: 0px;
}
.why-choose-dataflow .container {
display: flex;
flex-direction: column;
align-items: center;
}
.why-choose-dataflow h2 {
max-width: 445px;
}
.why-choose-dataflow .features {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
width: 100%;
margin-top: 5px;
}
.why-choose-dataflow .feature {
flex: 1 1 30%;
max-width: 30%;
margin-bottom: 10px;
padding: 20px;
}
.why-choose-dataflow .feature img {
max-width: 72px;
margin-bottom: 14px;
}
.why-choose-dataflow .feature h3 {
font-size: 20px;
margin-bottom: 7px;
text-transform: uppercase;
}
.why-choose-dataflow .pattern-background {
width: 100%;
height: 47px;
background-image: url('data:image/svg+xml;utf8,');
background-size: 8px 8px; /* circle size + gap */
margin-bottom: 120px;
}
.why-choose-dataflow .section-img {
width: 100%;
text-align: right;
}
.why-choose-dataflow .section-img img {
max-width: 1000px;
}
/* Customer Testimonials */
.customer-testimonials {
background-color: #fff;
text-align: center;
background-image:url(./assets/images/bg-pattern1.svg);
background-size:336px;
background-position:80% 10%;
background-repeat:no-repeat
}
.customer-testimonials .container {
display: flex;
flex-direction: column;
align-items: center;
}
.customer-testimonials .swiper-container {
width: 100%;
margin-top: 55px;
padding-bottom: 90px;
}
.customer-testimonials .swiper-slide {
display: flex;
flex-direction: column;
align-items: center;
background-repeat: no-repeat !important;
background-position: bottom center !important;
transition: all .3s ease;
}
.customer-testimonials .swiper-slide.swiper-slide-active {
background: url(./assets/images/center-slide.svg);
}
.customer-testimonials .swiper-slide.swiper-slide-next {
background: url(./assets/images/next-slide.svg);
}
.customer-testimonials .swiper-slide.swiper-slide-prev {
background: url(./assets/images/prev-slide.svg);
}
.customer-testimonials .swiper-slide.swiper-slide-next .testimonial, .customer-testimonials .swiper-slide.swiper-slide-prev .testimonial {
transform: scale(.75);
}
.customer-testimonials .swiper-slide img {
max-width: 100px;
margin-bottom: 20px;
border-radius: 50%;
}
.customer-testimonials .swiper-slide h3 {
font-size: 24px;
margin-bottom: 7px;
color: #292929;
}
.customer-testimonials .swiper-slide .role {
font-size: 18px;
color: #292929;
margin-bottom: 0px;
}
.customer-testimonials .swiper-slide .text {
font-size: 15px;
color: #292929;
margin-bottom: 115px;
max-width: 320px;
}
.customer-testimonials .swiper-slide .quote-icon {
margin-top: 7px;
margin-bottom: 7px;
width: 36px;
height: 36px;
}
.customer-testimonials .swiper-pagination {
width: 100% !important;
}
.customer-testimonials .swiper-pagination-bullet {
background: var(--primary-color) !important;
}
/* Industries We Serve */
.industries-we-serve {
margin-top: -60px;
margin-bottom: -60px;
background-color: white;
background-image: url(./assets/images/bg-pattern1.svg), url(./assets/images/gradient-bg.jpg);
background-size: 600px, cover;
background-position: -10% 41%, center;
text-align: center;
background-repeat:no-repeat
}
.industries-we-serve .container {
display: flex;
flex-direction: column;
align-items: center;
}
.industries-we-serve .section-description {
max-width: 690px;
}
.industries-we-serve .industries {
display: flex;
flex-wrap: wrap;
justify-content: center;
width: 100%;
gap: 60px;
padding-top: 80px;
}
.industries-we-serve .industry {
flex: 1 1 20%;
max-width: calc(20% - 50px);
padding: 10px;
text-align: center;
}
.industries-we-serve .industry img {
max-width: 100px;
margin-bottom: 20px;
}
.industries-we-serve .industry h3 {
font-size: 24px;
margin-bottom: 10px;
text-transform:uppercase
}
/* Client Logos */
.client-logos {
background-color: #fff;
text-align: center;
}
.client-logos .container {
display: flex;
flex-direction: column;
align-items: center;
}
.client-logos h2 {
max-width: 500px;
font-size: 32px;
}
.client-logos .swiper-container {
width: 100%;
margin-top: 90px;
padding: 0px 40px 80px 40px;
}
.client-logos .swiper-wrapper {
display: flex;
align-items: center;
}
.client-logos .swiper-slide {
display: flex;
justify-content: center;
align-items: center;
}
.client-logos .client img {
max-width: 100%;
max-height: 34px;
object-fit: contain;
object-position: center;
}
.client-logos .swiper-button-next,
.client-logos .swiper-button-prev {
width: 25px !important;
height: 25px !important;
top: 30px;
cursor: pointer;
}
.client-logos .swiper-button-next svg,
.client-logos .swiper-button-prev svg {
width: 15px;
}
.client-logos .swiper-button-next:after,
.client-logos .swiper-button-prev:after {
display: none !important;
}
.client-logos .swiper-button-next {
left: 0px;
}
.client-logos .swiper-button-prev {
right: 0px;
}
.client-logos .swiper-pagination {
width: 100%;
}
/* Overview of B2B */
.overview-of-b2b {
padding: 200px 0;
background-color: #212121;
color: #fff;
position: relative;
}
.overview-of-b2b::after {
content: "";
position: absolute;
top: 0px;
left: 0px;
right: 0px;
bottom: 0px;
background-image: url(/wp-content/themes/dataflow/./assets/images/business-section-img.png) !important;
background-size: contain;
background-repeat: no-repeat;
background-position: -24% top;
}
.overview-of-b2b .container {
display: flex;
flex-direction: row;
justify-content: center;
gap: 100px;
}
.overview-of-b2b .left-column {
flex: 1;
display: flex;
flex-direction: column;
}
.overview-of-b2b .right-column {
flex: 1;
display: flex;
flex-direction: column;
}
.overview-of-b2b h2 {
color: white;
}
.overview-of-b2b p {
font-size: 18px;
}
/* Global Statistics */
.global-statistics {
background-color: white;
background-image: url(./assets/images/gradient-bg.jpg);
background-size: cover;
background-position: center;
}
.global-statistics .left-column p {
font-size: 24px;
}
.global-statistics .left-column * {
max-width: 476px;
}
.global-statistics .right-column.statistics {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 40px;
}
.global-statistics .stat {
text-align: center;
}
.global-statistics .stat img {
max-width: 75px;
margin-bottom: 24px;
}
.global-statistics .stat h3 {
font-size: 75px;
margin-bottom: 0px;
}
.global-statistics .stat p {
font-size: 16px;
text-transform: uppercase;
font-weight: 500;
}
/* Global Reach Map */
.global-reach-map {
position: relative;
background-color: #333;
color: #fff;
text-align: center;
overflow: hidden;
}
.global-reach-map::before {
content: "";
position: absolute;
top: 0;
right: 0;
left: 0;
bottom: 0;
background-image: url(./assets/images/dark-bg.jpg);
background-size: cover;
background-position: center;
filter: blur(30px);
z-index: 0;
}
.global-reach-map .container {
position: relative;
z-index: 1;
margin: 0 auto;
max-width: 100%;
}
.global-reach-map h2 {
color: white;
}
.global-reach-map p {
font-size: 18px;
line-height: 2em;
max-width: 950px;
margin: auto;
}
.global-reach-map .map img {
max-width: 100%;
height: auto;
display: block;
margin: 60px auto;
}
/* Latest News */
.latest-news {
background-color: #FAFAFA;
text-align: center;
}
.latest-news .container {
margin: 0 auto;
display: flex;
}
.latest-news h2 {
max-width: 460px;
margin-bottom: 70px;
}
.news-grid {
display: flex;
justify-content: space-between;
gap: 80px;
}
.news-item {
flex: 1;
max-width: 32%;
display: flex;
flex-direction: column;
justify-content: space-between;
}
.news-image img {
width: 100%;
height: auto;
border-radius: 19px;
margin-bottom: 14px;
}
.news-content {
text-align: right;
}
.news-date {
color: #D75427;
font-size: 16px;
margin-bottom: 12px;
display: block;
font-weight: 500;
}
.news-date::before {
content: '•';
color: #D75427; /* Adjust color to match the dot's color */
margin-left: 8px; /* Adjust spacing as needed */
font-size: 20px; /* Adjust size as needed */
line-height: 1;
vertical-align: baseline;
}
.news-title {
font-size: 22px;
margin-bottom: 5px;
}
.news-title a {
color: #000000;
text-decoration: none;
}
.news-excerpt {
font-size: 16px;
margin-bottom: 25px;
}
/* footer */
.site-footer {
background-color: #212121;
color: #ffffff;
padding: 85px 0px 50px 0px;
}
.site-footer .container {
display: block;
}
.footer-top {
display: flex;
justify-content: space-between;
padding-bottom: 90px;
}
.footer-column {
flex: 1;
padding: 0 0px 0px 20px;
}
.footer-logo-mission {
flex: 2;
}
.footer-logo {
margin-bottom: 10px;
}
.footer-logo img {
max-width: 185px;
height: auto;
}
.footer-mission {
font-size: 26px;
font-weight: 600;
margin-bottom: 34px;
max-width: 270px;
}
.footer-certifications img {
max-width: 300px;
width: 100%;
height: auto;
display: block;
margin: 0;
}
.footer-column h3 {
font-size: 10px;
color: #BF5540;
font-weight: 500;
text-transform: uppercase;
}
.footer-column ul {
list-style: none;
padding: 0;
margin: 0px;
}
.footer-column ul li {
margin-bottom: 5px;
}
.footer-column ul li a {
text-decoration: none;
color: #ffffff;
font-size: 14px;
}
.footer-column a {
text-decoration: none;
color: #ffffff;
font-size: 14px;
}
.footer-column.contact p {
margin-bottom: 8px;
}
.footer-column ul li a:hover {
text-decoration: underline;
}
.footer-social ul {
list-style: none;
padding: 0;
margin: 0px;
display: flex;
gap: 10px;
margin-top: 33px;
}
.footer-social ul li a {
text-decoration: none;
color: #ffffff;
font-size: 18px;
}
.footer-bottom {
display: flex;
justify-content: space-between;
align-items: center;
padding-top: 40px;
border-top: 1px solid #ffffff;
}
.footer-bottom-left {
text-align: right;
}
.footer-bottom-right {
text-align: left;
}
.footer-bottom p {
margin: 0 !important;
text-transform: uppercase;
font-size: 14px;
}
@media (max-width: 767px) {
section {
padding: 70px 0px;
}
.container.two-column {
flex-direction: column;
gap: 40px; /* Adjust gap as needed */
align-items: center;
}
.header-container .top-bar-inner,
.header-container .bottom-bar-inner {
flex-direction: column;
align-items: flex-start;
}
.header-container .main-navigation ul li {
display: block;
margin: 8px 0;
}
.homepage-hero {
padding: 40px 0;
min-height: auto;
}
.homepage-hero .container {
flex-direction: column;
align-items: flex-start;
}
.verification-support-services .container .verification-sections,
.why-choose-dataflow .features,
.global-statistics .right-column.statistics {
flex-direction: column;
align-items: flex-start;
gap: 20px; /* Adjust gap as needed */
}
.news-grid, .footer-top {
gap: 30px;
flex-direction: column;
align-items: flex-start;
}
.industries-we-serve .industries, .global-statistics .right-column.statistics {
display: grid;
grid-template-columns: repeat(1, 1fr);
gap: 20px; /* Adjust gap as needed */
}
.global-statistics .stat{text-align:left}
.global-statistics .stat img{margin-bottom:5px}
.industries-we-serve .industries .industry {
padding: 5px;
}
.industries-we-serve .industries .industry h3 {
font-size: 20px;
}
.industries-we-serve .industries .industry img {
}
.verification-support-services .verification-section {
padding: 25px;
}
.why-choose-dataflow .feature {
padding-bottom: 0px;
margin-bottom: 0px;
}
.why-choose-dataflow .feature p:last-child {
margin-bottom: 5px;
}
.verification-support-services .verification-section,
.why-choose-dataflow .feature,
.industries-we-serve .industry,
.news-item,
.footer-column {
max-width: 100%;
flex: 1 1 100%;
}
.homepage-hero .hero-slide,
.why-choose-dataflow .container,
.customer-testimonials .container,
.industries-we-serve .container,
.overview-of-b2b .container,
.global-statistics .left-column,
.global-reach-map .container,
.latest-news .container,
.footer-column {
}
.footer-bottom {
flex-direction: column;
align-items: flex-start;
text-align: left;
}
.footer-bottom-left,
.footer-bottom-right {
text-align: left;
width: 100%;
margin-bottom: 10px;
}
.why-choose-dataflow .pattern-background {
margin-bottom: 50px;
}
}
/* RTL Specific Styles */
body {
direction: rtl;
}
.container.two-column .left-column,
.header-container .main-navigation {
align-items: flex-start;
}
.header-container .top-bar-inner,
.header-container .bottom-bar-inner {
flex-direction: row-reverse;
}
.header-container .main-navigation ul li a {
text-align: right;
}
.footer-bottom-left {
text-align: left;
}
.footer-bottom-right {
text-align: right;
}
/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/*!
Theme Name: DATAFLOW
Theme URI: http://underscores.me/
Author: Underscores.me
Author URI: http://underscores.me/
Description: Description
Version: 1.0.1
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: dataflow
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready
This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.
DATAFLOW is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.
Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Generic
- Normalize
- Box sizing
# Base
- Typography
- Elements
- Links
- Forms
## Layouts
# Components
- Navigation
- Posts and pages
- Comments
- Widgets
- Media
- Captions
- Galleries
# plugins
- Jetpack infinite scroll
# Utilities
- Accessibility
- Alignments
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Generic
--------------------------------------------------------------*/
/* Normalize
--------------------------------------------- */
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
/* Document
========================================================================== */
/**
* 1. Correct the line height in all browsers.
* 2. Prevent adjustments of font size after orientation changes in iOS.
*/
html {
line-height: 1.15;
-webkit-text-size-adjust: 100%;
scroll-behavior: smooth;
}
/* Sections
========================================================================== */
/**
* Remove the margin in all browsers.
*/
body {
margin: 0;
}
/**
* Render the `main` element consistently in IE.
*/
main {
display: block;
}
/**
* Correct the font size and margin on `h1` elements within `section` and
* `article` contexts in Chrome, Firefox, and Safari.
*/
/* Grouping content
========================================================================== */
/**
* 1. Add the correct box sizing in Firefox.
* 2. Show the overflow in Edge and IE.
*/
hr {
box-sizing: content-box;
height: 0;
overflow: visible;
}
/**
* 1. Correct the inheritance and scaling of font size in all browsers.
* 2. Correct the odd `em` font sizing in all browsers.
*/
pre {
font-family: monospace, monospace;
font-size: 1em;
}
/* Text-level semantics
========================================================================== */
/**
* Remove the gray background on active links in IE 10.
*/
a {
background-color: transparent;
}
/**
* 1. Remove the bottom border in Chrome 57-
* 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
*/
abbr[title] {
border-bottom: none;
text-decoration: underline;
text-decoration: underline dotted;
}
/**
* Add the correct font weight in Chrome, Edge, and Safari.
*/
b,
strong {
font-weight: bolder;
}
/**
* 1. Correct the inheritance and scaling of font size in all browsers.
* 2. Correct the odd `em` font sizing in all browsers.
*/
code,
kbd,
samp {
font-family: monospace, monospace;
font-size: 1em;
}
/**
* Add the correct font size in all browsers.
*/
small {
font-size: 80%;
}
/**
* Prevent `sub` and `sup` elements from affecting the line height in
* all browsers.
*/
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sub {
bottom: -0.25em;
}
sup {
top: -0.5em;
}
/* Embedded content
========================================================================== */
/**
* Remove the border on images inside links in IE 10.
*/
img {
border-style: none;
}
/* Forms
========================================================================== */
/**
* 1. Change the font styles in all browsers.
* 2. Remove the margin in Firefox and Safari.
*/
button,
input,
optgroup,
select,
textarea {
font-family: inherit;
font-size: 100%;
line-height: 1.15;
margin: 0;
}
/**
* Show the overflow in IE.
* 1. Show the overflow in Edge.
*/
button,
input {
overflow: visible;
}
/**
* Remove the inheritance of text transform in Edge, Firefox, and IE.
* 1. Remove the inheritance of text transform in Firefox.
*/
button,
select {
text-transform: none;
}
/**
* Correct the inability to style clickable types in iOS and Safari.
*/
button,
[type="button"],
[type="reset"],
[type="submit"] {
-webkit-appearance: button;
}
.contact-form .select2-container {
margin-top: 12px;
font-weight:500;
}
.contact-form .select2-container--default.select2-container--focus .select2-selection--multiple {
/*height: 43px;*/
}
.contact-form .select2-container--default .select2-selection--multiple{
padding: 4px 10px;
}
.contact-form span.select2-selection.select2-selection--multiple::after {
content: '';
position: absolute;
top: 14px;
right: 22px;
background-image: url(./assets/images/down-arrow-black.svg);
background-size: 10px;
background-position: 90% 50%;
background-repeat: no-repeat;
appearance: none;
width: 16px;
height: 16px;
pointer-events: none;
}
.contact-form .select2-container--default.select2-container--focus .select2-selection--multiple{
border-color:#D75427;
}
.select2-container--default .select2-selection--multiple .select2-selection__rendered {
height: 100%;
}
.contact-form .select2-container--default .select2-selection--multiple .select2-selection__rendered li.select2-selection__choice {
border-color: #D75427;
font-size: 10px;
background-color: #FFF8F4;
}
.contact-form .select2-container--default .select2-selection--multiple .select2-selection__clear {
margin-top: 7px;
font-size: 20px;
margin-right:0;
background: white;
position: relative;
z-index: 1;
width: 17px;
}
.select2-container--default .select2-selection--single {
border-radius: 6px;
background-color: #FFF8F4;
font-size: 12px;
color: #D75427;
font-weight: 500;
text-transform: uppercase;
background-image: url(./assets/images/downward-arrow.svg);
background-size: 10px;
background-position: 90% 50%;
background-repeat: no-repeat;
appearance: none;
outline-color: #D75427;
min-width: 230px;
max-width: 30%;
outline-color: #D75427;
min-width: 230px;
max-width: 30%;
border: 1px solid #D75427;
height:auto;
padding: 13px 40px 13px 16px;
}
.select2-container--focus .select2-selection--single,
.select2-container--default .select2-selection--single:hover{
background-color:white;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
color: #D75427;
text-align:left;
}
.select2-container--default .select2-selection--single .select2-selection__arrow{
display:none;
}
.select2-container--default .select2-results__option--highlighted[aria-selected] {
background-color: #d8531e !important;
}
.select2-container--default .select2-results>.select2-results__options {
border-color: #D75427 !important;
}
/**
* Remove the inner border and padding in Firefox.
*/
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
border-style: none;
padding: 0;
}
/**
* Restore the focus styles unset by the previous rule.
*/
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
outline: 1px dotted ButtonText;
}
/**
* Correct the padding in Firefox.
*/
fieldset {
padding: 0.35em 0.75em 0.625em;
}
/**
* 1. Correct the text wrapping in Edge and IE.
* 2. Correct the color inheritance from `fieldset` elements in IE.
* 3. Remove the padding so developers are not caught out when they zero out
* `fieldset` elements in all browsers.
*/
legend {
box-sizing: border-box;
color: inherit;
display: table;
max-width: 100%;
padding: 0;
white-space: normal;
}
/**
* Add the correct vertical alignment in Chrome, Firefox, and Opera.
*/
progress {
vertical-align: baseline;
}
/**
* Remove the default vertical scrollbar in IE 10+.
*/
textarea {
overflow: auto;
}
/**
* 1. Add the correct box sizing in IE 10.
* 2. Remove the padding in IE 10.
*/
[type="checkbox"],
[type="radio"] {
box-sizing: border-box;
padding: 0;
}
/**
* Correct the cursor style of increment and decrement buttons in Chrome.
*/
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
height: auto;
}
/**
* 1. Correct the odd appearance in Chrome and Safari.
* 2. Correct the outline style in Safari.
*/
[type="search"] {
-webkit-appearance: textfield;
outline-offset: -2px;
}
/**
* Remove the inner padding in Chrome and Safari on macOS.
*/
[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}
/**
* 1. Correct the inability to style clickable types in iOS and Safari.
* 2. Change font properties to `inherit` in Safari.
*/
::-webkit-file-upload-button {
-webkit-appearance: button;
font: inherit;
}
/* Interactive
========================================================================== */
/*
* Add the correct display in Edge, IE 10+, and Firefox.
*/
details {
display: block;
}
/*
* Add the correct display in all browsers.
*/
summary {
display: list-item;
}
/* Misc
========================================================================== */
/**
* Add the correct display in IE 10+.
*/
template {
display: none;
}
/**
* Add the correct display in IE 10.
*/
[hidden] {
display: none;
}
/* Box sizing
--------------------------------------------- */
/* Inherit box-sizing to more easily change it's value on a component level.
@link http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
*,
*::before,
*::after {
box-sizing: inherit;
}
html {
box-sizing: border-box;
}
/*--------------------------------------------------------------
# Base
--------------------------------------------------------------*/
h1,
h2,
h3,
h4,
h5,
h6 {
clear: both;
}
p {
margin-bottom: 1.5em;
}
dfn,
cite,
em,
i {
font-style: italic;
}
blockquote {
margin: 0 1.5em;
}
address {
margin: 0 0 1.5em;
}
pre {
background: #eee;
font-family: "Courier 10 Pitch", courier, monospace;
line-height: 1.6;
margin-bottom: 1.6em;
max-width: 100%;
overflow: auto;
padding: 1.6em;
}
code,
kbd,
tt,
var {
font-family: monaco, consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
}
abbr,
acronym {
border-bottom: 1px dotted #666;
cursor: help;
}
mark,
ins {
background: #fff9c0;
text-decoration: none;
}
big {
font-size: 125%;
}
/* Elements
--------------------------------------------- */
body {
background: #fff;
overflow-x: hidden;
}
hr {
background-color: #ccc;
border: 0;
height: 1px;
margin-bottom: 1.5em;
}
ul,
ol {
margin: 0 0 1.5em 3em;
}
ul {
list-style: disc;
}
ol {
list-style: decimal;
}
li>ul,
li>ol {
margin-bottom: 0;
margin-left: 1.5em;
}
dt {
font-weight: 700;
}
dd {
margin: 0 1.5em 1.5em;
}
/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
max-width: 100%;
}
img {
height: auto;
max-width: 100%;
}
figure {
margin: 1em 0;
}
table {
margin: 0 0 1.5em;
width: 100%;
}
/* Links
--------------------------------------------- */
a {
color: var(--link-color);
}
a:focus {
outline: thin dotted;
}
a:hover,
a:active {
outline: 0;
}
/* Forms
--------------------------------------------- */
button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
border-color: #ccc #bbb #aaa;
}
button:active,
button:focus,
input[type="button"]:active,
input[type="button"]:focus,
input[type="reset"]:active,
input[type="reset"]:focus,
input[type="submit"]:active,
input[type="submit"]:focus {
border-color: #aaa #bbb #bbb;
}
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea {
color: #666;
border: 1px solid #ccc;
border-radius: 3px;
padding: 3px;
}
input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
textarea:focus {
color: #111;
}
select {
border: 1px solid #ccc;
}
textarea {
width: 100%;
}
/*--------------------------------------------------------------
# Layouts
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Components
--------------------------------------------------------------*/
/* Navigation
--------------------------------------------- */
.main-navigation {
display: block;
width: 100%;
}
.main-navigation ul {
display: none;
list-style: none;
margin: 0;
padding-left: 0;
}
.main-navigation ul ul {
box-shadow:0px 0px 25px 0px rgba(0, 0, 0, 0.05);
float: left;
position: absolute;
top: 100%;
left: -999em;
z-index: 99999;
width: 300px;
border-radius:7px;
}
.main-navigation ul ul .menu-image-title-after.menu-image-title {
padding-left:0;
}
.main-navigation ul ul li{
display:block !important;
}
.main-navigation ul ul li a {
display:block;
width:100%;
}
.main-navigation ul ul ul {
left: -999em;
top: 0;
}
li.menu-item > ul.sub-menu > li.menu-item:hover ul.sub-menu {
opacity:1;
visibility:visible;
}
li.menu-item > ul.sub-menu > li.menu-item > ul.sub-menu {
left: calc(100% + 15px) !important;
opacity: 0;
visibility: hidden;
transition: 0.4s all;
}
li.menu-item > ul.sub-menu > li.menu-item.menu-item-has-children::before{
content: '';
position: absolute;
right: 0;
font-family: cursive;
font-size: 22px;
top: 16px;
background-image: url(./assets/images/arrow-right.svg);
width: 7px;
height: 11px;
background-size: contain;
background-repeat: no-repeat;
/*transition:0.4s all;*/
}
li.menu-item > ul.sub-menu > li.menu-item.menu-item-has-children:hover::before{
background-image: url(./assets/images/arrow-right-hover.svg);
}
.main-navigation ul ul li:hover>ul,
.main-navigation ul ul li.focus>ul {
display: block;
left: auto;
}
.main-navigation ul ul a {
width: 200px;
}
.main-navigation ul li:hover>ul,
.main-navigation ul li.focus>ul {
left: auto;
}
.main-navigation li {
position: relative;
}
.main-navigation a {
display: block;
text-decoration: none;
}
/* Small menu. */
.menu-toggle,
.main-navigation.toggled ul {
display: block;
}
@media screen and (min-width: 37.5em) {
.menu-toggle {
display: none;
}
.main-navigation ul {
display: flex;
}
}
.site-main .comment-navigation,
.site-main .posts-navigation,
.site-main .post-navigation {
margin: 0 0 1.5em;
}
.comment-navigation .nav-links,
.posts-navigation .nav-links,
.post-navigation .nav-links {
display: flex;
}
.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
flex: 1 0 50%;
}
.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
text-align: end;
flex: 1 0 50%;
}
/* Posts and pages
--------------------------------------------- */
.sticky {
display: block;
}
.post,
.page {
margin: 0;
}
.updated:not(.published) {
display: none;
}
.page-content,
.entry-content,
.entry-summary {
margin: 1.5em 0 0;
}
.page-links {
clear: both;
margin: 0 0 1.5em;
}
/* Comments
--------------------------------------------- */
.comment-content a {
word-wrap: break-word;
}
.bypostauthor {
display: block;
}
/* Widgets
--------------------------------------------- */
.widget {
margin: 0 0 1.5em;
}
.widget select {
max-width: 100%;
}
/* Media
--------------------------------------------- */
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
border: none;
margin-bottom: 0;
margin-top: 0;
padding: 0;
}
/* Make sure logo link wraps around logo image. */
.custom-logo-link {
display: flex;
}
/* Captions
--------------------------------------------- */
.wp-caption {
margin-bottom: 1.5em;
max-width: 100%;
}
.wp-caption img[class*="wp-image-"] {
display: block;
margin-left: auto;
margin-right: auto;
}
.wp-caption .wp-caption-text {
margin: 0.8075em 0;
}
.wp-caption-text {
text-align: center;
}
/* Galleries
--------------------------------------------- */
.gallery {
margin-bottom: 1.5em;
display: grid;
grid-gap: 1.5em;
}
.gallery-item {
display: inline-block;
text-align: center;
width: 100%;
}
.gallery-columns-2 {
grid-template-columns: repeat(2, 1fr);
}
.gallery-columns-3 {
grid-template-columns: repeat(3, 1fr);
}
.gallery-columns-4 {
grid-template-columns: repeat(4, 1fr);
}
.gallery-columns-5 {
grid-template-columns: repeat(5, 1fr);
}
.gallery-columns-6 {
grid-template-columns: repeat(6, 1fr);
}
.gallery-columns-7 {
grid-template-columns: repeat(7, 1fr);
}
.gallery-columns-8 {
grid-template-columns: repeat(8, 1fr);
}
.gallery-columns-9 {
grid-template-columns: repeat(9, 1fr);
}
.gallery-caption {
display: block;
}
/*--------------------------------------------------------------
# Plugins
--------------------------------------------------------------*/
/* Jetpack infinite scroll
--------------------------------------------- */
/* Hide the Posts Navigation and the Footer when Infinite Scroll is in use. */
.infinite-scroll .posts-navigation,
.infinite-scroll.neverending .site-footer {
display: none;
}
/* Re-display the Theme Footer when Infinite Scroll has reached its end. */
.infinity-end.neverending .site-footer {
display: block;
}
/*--------------------------------------------------------------
# Utilities
--------------------------------------------------------------*/
/* Accessibility
--------------------------------------------- */
/* Text meant only for screen readers. */
.screen-reader-text {
border: 0;
clip: rect(1px, 1px, 1px, 1px);
clip-path: inset(50%);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute !important;
width: 1px;
word-wrap: normal !important;
}
.screen-reader-text:focus {
background-color: #f1f1f1;
border-radius: 3px;
box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
clip: auto !important;
clip-path: none;
color: #21759b;
display: block;
font-size: 0.875rem;
font-weight: 700;
height: auto;
left: 5px;
line-height: normal;
padding: 15px 23px 14px;
text-decoration: none;
top: 5px;
width: auto;
z-index: 100000;
}
/* Do not show the outline on the skip link target. */
#primary[tabindex="-1"]:focus {
outline: 0;
}
/* Alignments
--------------------------------------------- */
.alignleft {
/*rtl:ignore*/
float: left;
/*rtl:ignore*/
margin-right: 1.5em;
margin-bottom: 1.5em;
}
.alignright {
/*rtl:ignore*/
float: right;
/*rtl:ignore*/
margin-left: 1.5em;
margin-bottom: 1.5em;
}
.aligncenter {
clear: both;
display: block;
margin-left: auto;
margin-right: auto;
margin-bottom: 1.5em;
}
/* Custom */
:root {
--primary-color: #D8531E;
--black-color: #000;
--white-color: #fff;
--font-color-nav-link: #292929;
--font-family: 'Montserrat', sans-serif;
--font-size-nav-link: 12px;
--font-size-button: 12px;
--line-height-button: 1em;
--font-transform-button: uppercase;
--font-weight-nav-link: 500;
--font-weight-button: 600;
--border-radius-button: 7px;
--border-radius-social-icon: 50%;
--max-width: 1240px;
--logo-width: 175px;
--button-padding: 18px 21px;
--arrow-width: 11px;
--button-border-color: #169873;
--light-pink-bg: #FFF1EB;
--link-color: #D8531E;
}
body,
h1,
h2,
h3,
h4,
h5,
h6 {
font-family: var(--font-family);
margin-top: 0px
}
.image-left .description,
.image-right .description,
.section-description {
font-size: 18px
}
.container {
max-width: 1280px;
width: 100%;
margin: 0 auto;
padding: 0 20px;
display: flex;
flex-direction: column;
align-items: center;
position: relative;
z-index: 1
}
section {
padding: 140px 0px;
position: relative;
overflow: hidden
}
section.default-hero {
padding: 85px 0px;
text-align: center
}
section.default-hero .section-description,
section.default-hero .section-description p {
font-size: 18px;
font-weight: 300
}
section.default-hero h1,
section.default-hero .section-description {
max-width: 564px
}
section.default-hero h1 {
font-size: 40px
}
img {
width: 100%
}
/* Typography
--------------------------------------------- */
body,
button,
input,
select,
optgroup,
textarea {
color: #000000;
font-weight: 400;
font-size: 16px;
line-height: 140%;
}
p {
font-weight: 400;
line-height: 140%;
margin-top: 0px
}
h1 {
font-size: 48px;
font-weight: bold;
color: #000000;
line-height: 110%;
letter-spacing: -0.02em;
margin-bottom: 20px;
margin-top: 0px
}
h2 {
color: #000000;
font-weight: 600;
font-size: 36px;
line-height: 110%;
margin-bottom: 20px
}
h3 {
color: #000000;
font-weight: 600;
font-size: 20px;
line-height: 110%;
margin-bottom: 20px
}
.primary-button,
.button,
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
background-color: var(--primary-color);
color: var(--white-color);
font-size: var(--font-size-button);
font-weight: var(--font-weight-button);
line-height: var(--line-height-button);
border-radius: var(--border-radius-button);
border: 0px;
padding: var(--button-padding);
text-decoration: none;
text-transform: var(--font-transform-button);
display: inline-flex;
align-items: center;
/* white-space: nowrap; */
cursor: pointer;
}
.primary-button::after {
content: url("./assets/images/arrow.svg");
margin-left: 5px;
width: var(--arrow-width);
}
.button:hover {
background-color: var(--primary-color);
color: var(--white-color);
}
select {
cursor: pointer
}
.header-container .site-header {
background-color: var(--white-color);
}
.container.two-column {
display: flex;
flex-direction: row;
justify-content: center;
gap: 100px;
}
.container.two-column .left-column {
flex: 1;
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: center
}
.container.two-column .right-column {
flex: 1;
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: center
}
/* off canavas menu */
.offcanvas-menu {
position: fixed;
top: 0;
right: -100%;
width: 100%;
height: 100%;
overflow-y:scroll;
background: #fff;
transition: right 0.3s ease;
z-index: 1000;
padding: 20px;
box-shadow: -2px 0 5px rgba(0, 0, 0, 0.1);
display: none;
/* Hide by default */
}
.offcanvas-menu .social-icons {
right:-100%;
}
.offcanvas-menu.active .social-icons {
right:0;
}
.offcanvas-menu.active {
right: 0;
}
.menu-toggle {
display: none;
background: none;
border: none;
cursor: pointer;
font-size: 18px;
}
.offcanvas-close {
display: none;
background: none;
border: none;
cursor: pointer;
font-size: 18px;
}
#mobile-navigation ul {
flex-direction: column
}
#mobile-navigation {
margin: 0px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
}
@media (max-width: 1024px) {
.menu-toggle {
display: block;
margin-left: auto;
}
.offcanvas-close {
display: block;
margin-bottom: 20px;
margin-left: auto;
}
#site-navigation {
display: none;
}
.offcanvas-menu {
display: block;
/* Show on mobile */
}
#mobile-navigation ul {
display: block
}
}
/* Top Bar Styles */
.header-container .site-header.sticky-header{
position: fixed;
top: 0;
left: 0;
width: 100%;
z-index: 9999999999999;
box-shadow: 0 0 10px 1px rgb(0 0 0 / 20%);
animation-name: slidein;
transition: 0.4s all;
animation-duration: 3s;
}
.header-container .site-header.sticky-header .bottom-bar{
min-height: 85px;
}
.header-container .top-bar {
background-color: var(--primary-color);
min-height: 33px;
display: flex;
align-items: center;
justify-content: center;
padding: 0 20px;
}
.header-container .top-bar-inner {
display: flex;
width: 100%;
max-width: var(--max-width);
justify-content: flex-end;
align-items: center;
}
.header-container .social-icons {
display: flex;
align-items: center;
}
.header-container .social-icons a {
width: 15px;
height: 15px;
background-color: var(--white-color);
border-radius: var(--border-radius-social-icon);
margin-left: 10px;
padding: 2.5px;
display: flex;
align-items: center;
justify-content: center;
}
.header-container .language-switcher {
margin-left: 10px;
padding-left: 10px;
border-left: 1px solid white;
}
.header-container .language-switcher a {
color: var(--white-color);
font-size: 15px;
}
/* Bottom Bar Styles */
#primary-menu a:hover {
cursor: pointer
}
ul.sub-menu {
list-style: none;
margin: 0;
padding: 0;
flex-direction: column;
background: white;
}
ul.sub-menu li {
padding: 10px 0px;
}
.header-container .bottom-bar {
min-height: 102px;
display: flex;
align-items: center;
justify-content: center;
padding: 10px 20px;
transition:0.4s all;
}
.header-container .bottom-bar-inner {
display: flex;
width: 100%;
max-width: var(--max-width);
justify-content: space-between;
align-items: center;
}
.header-container .site-branding {
display: flex;
align-items: center;
max-width: var(--logo-width);
width: 100%;
}
.header-container .site-title {
display: none;
}
.header-container .main-navigation {
display: flex;
align-items: center;
justify-content: flex-end;
margin-right: 43px;
}
.header-container .main-navigation .menu-toggle {
display: none;
}
.header-container .main-navigation ul {
list-style: none;
padding: 0;
margin: 0;
}
.header-container .main-navigation ul li {
display: inline-block;
margin: 0 16px;
}
.header-container .main-navigation ul li a {
color: var(--font-color-nav-link);
font-size: var(--font-size-nav-link);
font-weight: var(--font-weight-nav-link);
text-decoration: none;
text-transform: uppercase
}
.header-container .main-navigation ul li.current-menu-item > a,
.header-container .main-navigation ul li > a:hover,
.header-container .main-navigation ul li > a.active,
.header-container .main-navigation ul > li.active > .dropdown-arrow{
color:#d8531e;
}
.header-container .main-navigation ul li.current-menu-item > a .menu-image {
opacity:0 !important;
}
.header-container .main-navigation ul li.current-menu-item > a .hovered-image {
opacity:1 !important;
}
.main-navigation ul ul li a,
.main-navigation ul ul li .menu-image{
transition:0.4s all;
}
/*.main-navigation ul ul > li:hover > a .menu-image {*/
/* filter: invert(32%) sepia(17%) saturate(7474%) hue-rotate(355deg) brightness(104%) contrast(76%);*/
/*}*/
.main-navigation ul li ul li:hover > a{
color:var(--primary-color);
}
.main-navigation ul ul > li:hover::before{
color:var(--primary-color);
}
.header-button {
background-color: #000000;
border: 1px solid var(--button-border-color);
padding: 18px 12px;
white-space: nowrap;
}
.header-container .main-navigation .main-navigation ul li ul li ul li a {
color:var(--font-color-nav-link) !important;
}
.header-container .main-navigation ul li ul li ul li:hover a{
color:var(--primary-color) !important;
}
.header-container .main-navigation ul li ul li ul li .menu-image {
opacity:1 !important;
}
.header-container .main-navigation ul li ul li ul li .hovered-image {
opacity:0 !important;
}
.header-container .main-navigation ul li ul li ul li:hover .hovered-image {
opacity:1 !important;
}
.header-container .main-navigation ul li ul li ul li:hover .menu-image {
opacity:0 !important;
}
/*.main-navigation ul ul ul li:hover .menu-image {*/
/* filter: invert(32%) sepia(17%) saturate(7474%) hue-rotate(355deg) brightness(104%) contrast(76%);*/
/*}*/
/* Home */
/* General Styles */
.swiper-container {
overflow: hidden;
position: relative;
width: 100%
}
.swiper-pagination-bullet {
width: 18px !important;
height: 3px !important;
background: var(--primary-color) !important;
border-radius: 10px !important;
opacity: .35
}
.swiper-pagination-bullet.swiper-pagination-bullet-active {
opacity: 1
}
.swiper-pagination {
bottom: 0px !important
}
.hero-slides {
overflow: hidden;
position: relative;
}
.swiper-pagination {
position: absolute;
bottom: 10px;
/* Adjust as necessary */
left: 50%;
transform: translateX(-50%);
z-index: 10;
}
.partners-page-slider-sec .hero-slides{
width:100%;
max-width:100%;
}
.partners-page-slider-sec .hero-slides .contentbox{
width: 100%;
max-width: 490px;
}
.partners-page-slider-sec.hero-slider {
padding:0;
min-height:auto;
}
.partners-page-slider-sec .hero-slide{
padding: 60px 0;
min-height: 500px;
}
/* Hero Section */
.homepage-hero,
.hero-slider {
position: relative;
padding: 60px 0;
color: #fff;
text-align: left;
min-height: 650px;
display: flex;
align-items: center;
}
.homepage-hero::before {
content: '';
width: 100%;
height: 100%;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background-image: url('./assets/images/home-hero-bg-pattern-v2.jpg');
/* Replace with your actual image path */
background-size: cover;
background-position: top right;
background-repeat: no-repeat;
}
/* background-image: url('./assets/images/Group5049.png'); /* Replace with your actual image path */
.homepage-hero::after {
content: '';
width: 65%;
height: 100%;
position: absolute;
top: 0;
right: -4%;
bottom: 0;
background-image: url(./assets/images/home-hero-v2.png);
background-size: contain;
background-position: top center;
background-repeat: no-repeat;
}
.homepage-hero .container,
.hero-slider .container {
align-items: baseline;
}
.hero-slides h2 {
font-size: 48px;
font-weight: 700
}
.hero-slides {
width: 100%;
max-width: 490px;
position: relative;
overflow: hidden;
padding-bottom: 50px
}
.hero-slide {
display: flex;
flex-direction: column;
justify-content: center;
align-items: flex-start;
height: 100%;
}
.hero-slide h1 {
margin-bottom: 20px;
}
.hero-slide p {
font-size: 18px;
color: #000000;
}
.hero-slide .btn {
margin-top: 20px;
}
.homepage-hero .swiper-pagination,
.hero-slider .swiper-pagination {
width: auto !important
}
.homepage-hero .swiper-pagination-bullet,
.hero-slider .swiper-pagination-bullet {
background: #000000 !important;
}
/* Verification Support Services */
.verification-support-services {
background-color: #ffffff;
text-align: center;
}
.page-template-individuals .verification-sections p,
.page-template-homepage .verification-sections p{
min-height: 80px !important;
}
.verification-sections p{
min-height: 80px;
}
.home .verification-support-services .container {
position: relative
}
.home .verification-support-services .container:after {
content: '';
width: 350px;
height: 350px;
position: absolute;
left: -120px;
bottom: -180px;
background-image: url(./assets/images/bg-pattern-blue.svg);
background-size: contain;
background-repeat: no-repeat;
z-index: -1
}
.home .verification-support-services {
background-image: url(./assets/images/Group6.jpg);
background-size: contain;
background-repeat: no-repeat;
background-position: top right;
padding-top: 70px
}
.verification-support-services .container .verification-sections {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
gap: 40px;
/* Add gap between each verification section */
}
.verification-support-services .verification-section {
flex: 1 1 30%;
max-width: calc(33% - 40px);
padding: 42px;
background: #fafafa;
border-radius: 19px;
text-align: left;
transition:0.4s all;
/*border:1px solid transparent;*/
}
.verification-support-services .verification-section:hover {
/*border: 1px solid #D75427;*/
box-shadow: 0px 0px 35px 0px rgba(215, 84, 39, 0.25);
}
.page-template-individuals .our-values .value-item h3{
min-height: 40px;
}
.page-template-individuals .our-values .value-item .description{
min-height: 220px;
}
.home .verification-support-services .verification-section:first-child,
.page-template-individuals .verification-support-services .verification-section:first-child {
position: relative;
background: white;
border-radius: 19px;
padding: 42px;
/* Inner padding */
}
.home .verification-support-services .verification-section:first-child::before,
.page-template-individuals .verification-support-services .verification-section:first-child::before {
content: "";
position: absolute;
width: calc(100% + 2px);
height: calc(100% + 2px);
top: -1px;
left: -1px;
border-radius: 19px;
/* Apply the same border-radius */
background: linear-gradient(200deg, #D8531E, #F8D5C9);
padding: 1px;
/* Border thickness */
box-sizing: border-box;
/* Ensure padding applies as a border */
z-index: -1;
}
.home .verification-support-services .verification-section:nth-child(2),
.page-template-individuals .verification-support-services .verification-section:nth-child(2) {
position: relative;
background: white;
border-radius: 19px;
padding: 42px;
/* Inner padding */
}
.home .verification-support-services .verification-section:nth-child(2)::before,
.page-template-individuals .verification-support-services .verification-section:nth-child(2)::before {
content: "";
position: absolute;
width: calc(100% + 2px);
height: calc(100% + 2px);
top: -1px;
left: -1px;
border-radius: 19px;
/* Apply the same border-radius */
background: linear-gradient(200deg, #19618B, #06D8E2);
padding: 1px;
/* Border thickness */
box-sizing: border-box;
/* Ensure padding applies as a border */
z-index: -1;
/* Ensure the gradient is behind the content */
}
.home .verification-support-services .verification-section:nth-child(2) .button,
.page-template-individuals .verification-support-services .verification-section:nth-child(2) .button {
background: #00497A !important;
}
.home .verification-support-services .verification-section:nth-child(3),
.page-template-individuals .verification-support-services .verification-section:nth-child(3) {
position: relative;
background: white;
border-radius: 19px;
padding: 42px;
/* Inner padding */
}
.home .verification-support-services .verification-section:nth-child(3)::before,
.page-template-individuals .verification-support-services .verification-section:nth-child(3)::before {
content: "";
position: absolute;
width: calc(100% + 2px);
height: calc(100% + 2px);
top: -1px;
left: -1px;
border-radius: 19px;
/* Apply the same border-radius */
background: linear-gradient(200deg, #53C79B, #85FFD3);
padding: 1px;
/* Border thickness */
box-sizing: border-box;
/* Ensure padding applies as a border */
z-index: -1;
/* Ensure the gradient is behind the content */
}
.home .verification-support-services .verification-section:nth-child(3) .button,
.page-template-individuals .verification-support-services .verification-section:nth-child(3) .button {
background: #1A9874 !important;
}
.verification-support-services .verification-section img {
max-width: 80px;
/* Set the icon width */
margin-bottom: 20px;
}
.verification-support-services .verification-section h2 {
font-size: 20px;
font-weight: bold;
color: #292929;
margin-bottom: 14px;
text-transform: uppercase
}
.verification-support-services .verification-section div {
margin-bottom: 36px;
}
.verification-support-services .verification-section div * {
font-size: 14px;
font-weight: 300;
/* Light font weight for description */
}
/* Why Choose Dataflow */
.why-choose-dataflow {
text-align: center;
padding-top: 0px;
padding-bottom: 140px;
background-image: url(./assets/images/bg-pattern2.svg);
background-size: 600px;
background-position: 26% 100%;
background-repeat: no-repeat;
}
.why-choose-dataflow .section-img {
text-align: center
}
.why-choose-dataflow .section-img img {
max-width: 679px;
padding-top: 60px
}
.why-choose-dataflow .container {
display: flex;
flex-direction: column;
align-items: center;
}
.why-choose-dataflow h2 {
max-width: 445px
}
.why-choose-dataflow .features {
display: flex;
flex-wrap: wrap;
justify-content: center;
width: 100%;
margin-top: 5px
}
.why-choose-dataflow .feature {
flex: 1 1 30%;
max-width: 30%;
margin-bottom: 10px;
padding: 20px;
}
.why-choose-dataflow .feature img {
max-width: 72px;
margin-bottom: 14px;
}
.why-choose-dataflow .feature h3 {
font-size: 20px;
margin-bottom: 7px;
text-transform: uppercase;
}
.why-choose-dataflow .feature p {
font-size: 14px
}
section .pattern-background {
width: 100%;
height: 47px;
background-image: url('data:image/svg+xml;utf8,');
background-size: 8px 8px;
/* circle size + gap */
margin-bottom: 120px;
}
/* Customer Testimonials */
.customer-testimonials {
background-color: #fff;
text-align: center;
background-image: url(./assets/images/bg-pattern1.svg);
background-size: 336px;
background-position: 80% 10%;
background-repeat: no-repeat
}
.customer-testimonials .container {
display: flex;
flex-direction: column;
align-items: center;
}
.customer-testimonials .swiper-container {
width: 100%;
margin-top: 55px;
padding-bottom: 90px
}
.customer-testimonials .swiper-slide {
display: flex;
flex-direction: column;
align-items: center;
background-repeat: no-repeat !important;
background-position: bottom center !important;
transition: all .3s ease
}
.customer-testimonials .swiper-slide.swiper-slide-active {
background: url(./assets/images/center-slide.svg);
}
.customer-testimonials .swiper-slide.swiper-slide-next {
background: url(./assets/images/next-slide.svg);
}
.customer-testimonials .swiper-slide.swiper-slide-prev {
background: url(./assets/images/prev-slide.svg);
}
.customer-testimonials .swiper-slide.swiper-slide-next .testimonial,
.customer-testimonials .swiper-slide.swiper-slide-prev .testimonial {
transform: scale(.75)
}
.customer-testimonials .swiper-slide img {
max-width: 100px;
margin-bottom: 20px;
border-radius: 50%;
width: 80px;
height: 80px;
object-fit:cover;
}
.customer-testimonials .swiper-slide h3 {
font-size: 24px;
margin-bottom: 7px;
color: #292929
}
.customer-testimonials .swiper-slide .role {
font-size: 18px;
color: #292929;
margin-bottom: 0px
}
.customer-testimonials .swiper-slide .text {
font-size: 15px;
color: #292929;
margin-bottom: 115px;
max-width: 320px
}
.customer-testimonials .swiper-slide .quote-icon {
margin-top: 7px;
margin-bottom: 7px;
width: 36px;
height: 36px;
}
.customer-testimonials .swiper-pagination {
width: 100% !important;
}
.customer-testimonials .swiper-pagination-bullet {
background: var(--primary-color) !important
}
/* Industries We Serve */
.industries-we-serve {
margin-top: -60px;
margin-bottom: -60px;
background-color: white;
background-image: url(./assets/images/bg-pattern2.svg), url(./assets/images/gradient-bg.jpg);
background-size: 600px, cover;
background-position: -10% 41%, center;
text-align: center;
background-repeat: no-repeat
}
.industries-we-serve .container {
display: flex;
flex-direction: column;
align-items: center;
}
.industries-we-serve .section-description {
max-width: 690px
}
.industries-we-serve .industries {
display: flex;
flex-wrap: wrap;
justify-content: center;
width: 100%;
gap: 60px;
padding-top: 80px
}
.industries-we-serve .industry {
flex: 1 1 20%;
max-width: calc(20% - 50px);
padding: 10px;
text-align: center;
}
.industries-we-serve .industry img {
max-width: 100px;
margin-bottom: 20px;
}
.industries-we-serve .industry h3 {
font-weight: bold;
margin-bottom: 10px;
text-transform: uppercase
}
/* Client Logos */
.client-logos {
background-color: #fff;
text-align: center;
}
.client-logos .container {
display: flex;
flex-direction: column;
align-items: center;
}
.client-logos h2 {
max-width: 500px;
font-size: 32px
}
.client-logos .swiper-container {
width: 100%;
margin-top: 90px;
padding: 0px 40px 80px 40px;
}
.client-logos .swiper-wrapper {
display: flex;
align-items: center;
}
.client-logos .swiper-slide {
display: flex;
justify-content: center;
align-items: center;
}
.client-logos .client img {
max-width: 100%;
/*max-height:34px;*/
max-height: 140px;
object-fit: contain;
object-position: center
}
.client-logos .swiper-button-next,
.client-logos .swiper-button-prev {
width: 25px !important;
height: 25px !important;
top: 55px;
cursor: pointer;
}
.client-logos .swiper-button-next svg,
.client-logos .swiper-button-prev svg {
width: 15px;
}
.client-logos .swiper-button-next:after,
.client-logos .swiper-button-prev:after {
display: none !important
}
.client-logos .swiper-button-next {
right: 0px;
}
.client-logos .swiper-button-prev {
left: 0px;
}
.client-logos .swiper-pagination {
width: 100%;
}
/* Overview of B2B */
.overview-of-b2b {
padding: 200px 0;
color: #fff;
position: relative;
background: url('./assets/images/gradient-bg-v2.jpg');
background-size: cover;
}
.overview-of-b2b::after {
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
/* background-image: url('./assets/images/b2b-v2.png'); */
background-image: url('./assets/images/business-section-img.png');
background-size: contain;
background-position: -24% top;
background-repeat: no-repeat;
}
.overview-of-b2b .container {
display: flex;
flex-direction: row;
justify-content: center;
gap: 100px;
}
.overview-of-b2b .left-column {
flex: 1;
display: flex;
flex-direction: column;
}
.overview-of-b2b .right-column {
flex: 1;
display: flex;
flex-direction: column;
}
.overview-of-b2b h2 {
color: white;
}
.overview-of-b2b p {
font-size: 18px
}
/* Global Statistics */
.global-statistics {
background-color: white;
background-image: url(./assets/images/gradient-bg.jpg);
background-size: cover;
background-position: center;
}
.global-statistics .container.two-column {
gap: 40px
}
.global-statistics .left-column p {
font-size: 24px
}
.global-statistics .left-column {
text-align: center;
}
.global-statistics .left-column * {
max-width: 476px;
text-align: center;
}
.global-statistics .right-column.statistics {
display: flex;
justify-content: center;
flex-wrap: wrap;
gap: 20px;
row-gap: 50px;
margin-top: 40px;
/*display: grid;*/
/*grid-template-columns: repeat(2, 1fr);*/
/* Each column takes up the same width */
/*gap: 40px;*/
/*align-items: stretch; */
/* Ensure items stretch to fill the grid area */
}
.global-statistics .right-column.statistics .stat {
flex: 0 0 calc(33% - 11px);
max-width: 100%;
}
.global-statistics .right-column.statistics>* {
width: 100%;
box-sizing: border-box;
}
.global-statistics .stat {
text-align: center;
}
.global-statistics .stat img {
max-width: 75px;
margin-bottom: 24px;
}
.global-statistics .stat h3 {
font-size: 60px;
margin-bottom: 0px
}
.global-statistics .stat p {
font-size: 16px;
text-transform: uppercase;
font-weight: 500
}
/* Global Reach Map */
.global-reach-map {
position: relative;
background-color: #333;
color: #fff;
text-align: center;
overflow: hidden;
}
.global-reach-map::before {
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-image: url(./assets/images/dark-bg.jpg);
background-size: cover;
background-position: center;
filter: blur(30px);
z-index: 0;
}
.global-reach-map .container {
position: relative;
z-index: 1;
margin: 0 auto;
max-width: 100
}
.global-reach-map h2 {
color: white
}
.global-reach-map .section-description {
margin-bottom: 40px;
}
.global-reach-map p {
font-size: 18px;
line-height: 2em;
max-width: 950px;
}
.global-reach-map p:last-child {
margin: 0px
}
.global-reach-map .map img {
max-width: 1056px;
height: auto;
display: block;
margin: 60px auto;
}
.global-reach-map .map-toolyp {
/*display: flex;*/
/*flex-flow: wrap;*/
font-size: 10px;
column-gap: 15px;
/*text-align: center;*/
/*justify-content: center;*/
list-style: none;
font-weight: 500;
padding: 10px 18px;
}
.global-reach-map .map-tooltip li {
/*list-style: none;*/
position: relative;
}
/*.map-tooltip li::before {*/
/* content: '';*/
/* position: absolute;*/
/* left: 3px;*/
/* top: 9px;*/
/* width: 3px;*/
/* height: 3px;*/
/* border-radius: 50%;*/
/* background: black;*/
/*}*/
/* Latest News */
.latest-news {
background-color: #FAFAFA;
text-align: center;
}
.latest-news .container {
margin: 0 auto;
display: flex
}
.latest-news
.latest-news h2 {
max-width: 460px;
margin-bottom: 70px;
}
.news-grid {
display: flex;
justify-content: flex-start;
gap: 80px;
flex-wrap: wrap;
width: 100%
}
.latest-news .news-image img {
height: 215px;
object-fit: cover;
}
.home .latest-news .news-item {
justify-content: flex-start;
}
.home .latest-news .news-item .news-title{
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
min-height: 48px;
}
.home .latest-news .news-item .news-excerpt {
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden;
min-height: 65px;
}
.news-item {
flex: 0 1 calc(33.33% - (2 * 27px));
/* Adjusted calculation to ensure 3 items fit */
max-width: calc(33.33% - (2 * 27px));
/* Same as flex-basis to maintain consistency */
display: flex;
flex-direction: column;
justify-content: space-between;
box-sizing: border-box;
/* Ensure padding and border are included in the width */
}
.news-image img {
width: 100%;
height: auto;
border-radius: 19px;
margin-bottom: 14px
}
.news-content {
text-align: left;
}
.news-date {
color: #D75427;
font-size: 16px;
margin-bottom: 12px;
display: block;
font-weight: 500
}
.news-date::before {
content: '•';
color: #D75427;
/* Adjust color to match the dot's color */
margin-right: 5px;
/* Adjust spacing as needed */
font-size: 20px;
/* Adjust size as needed */
line-height: 1;
vertical-align: baseline;
}
.news-title {
font-size: 22px;
margin-bottom: 5px;
}
.news-title a {
color: #000000;
text-decoration: none;
}
.news-excerpt {
font-size: 16px;
margin-bottom: 25px;
}
/* footer */
.site-footer {
background-color: #212121;
color: #ffffff;
padding: 85px 0px 50px 0px;
position: relative;
z-index: 0;
}
.site-footer .container {
display: block
}
.footer-top {
display: flex;
justify-content: space-between;
padding-bottom: 90px;
}
.footer-column {
flex: 1;
padding: 0 20px 0px 0px;
}
.footer-logo-mission {
flex: 2;
}
.footer-logo {
margin-bottom: 10px;
}
.footer-logo img {
max-width: 185px;
height: auto;
}
.footer-mission {
font-size: 26px;
font-weight: 600;
margin-bottom: 34px;
max-width: 270px
}
.footer-certifications img {
max-width: 300px;
width: 100%;
height: auto;
display: block;
margin: 0;
}
.footer-column h3 {
font-size: 10px;
color: #BF5540;
font-weight: 500;
text-transform: uppercase
}
.footer-column ul {
list-style: none;
padding: 0;
margin: 0px
}
.footer-column ul li {
margin-bottom: 5px;
}
.footer-column ul li a {
text-decoration: none;
color: #ffffff;
font-size: 14px;
}
.footer-column a {
text-decoration: none;
color: #ffffff;
font-size: 14px;
}
.footer-column.contact p {
margin-bottom: 8px;
font-size: 14px;
}
.footer-column ul li a:hover {
text-decoration: none;
color: var(--primary-color);
}
.footer-social ul {
list-style: none;
padding: 0;
margin: 0px;
display: flex;
gap: 10px;
margin-top: 33px
}
.footer-social ul li a {
text-decoration: none;
color: #ffffff;
font-size: 18px;
}
.footer-bottom {
display: flex;
justify-content: space-between;
align-items: center;
padding-top: 40px;
border-top: 1px solid #ffffff;
}
.footer-bottom-left {
text-align: left;
}
.footer-bottom-right {
text-align: right;
}
.footer-bottom p {
margin: 0 !important;
text-transform: uppercase;
font-size: 14px
}
/* About page */
/* Hero Section */
.about-hero-section {
text-align: left;
position: relative;
background: #FFF8F4
}
.about-hero-section::after {
content: '';
width: 100%;
height: 100%;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background-image: url('./assets/images/Group1.png');
/* Replace with your actual image path */
background-size: contain;
background-position: top right;
background-repeat: no-repeat;
}
.about-hero-section h1,
.about-hero-section .section-description {
max-width: 470px;
margin-left: 0px
}
.about-hero-section .container {
align-items: flex-start;
z-index: 1
}
.about-hero-section .primary-button {
margin-top: 20px
}
.about-hero-section p {
font-size: 18px
}
/* Who Are We Section */
.who-are-we {
text-align: center;
}
.who-are-we p {
font-size: 18px
}
.who-are-we .section-description {
margin-bottom: 30px;
max-width: 1000px
}
.overlay-video-container {
position: relative;
width: 100%;
max-width: 1130px;
margin: 0 auto;
border-radius: 24px;
overflow: hidden
}
.single-organization iframe,
.page-template-innerpremiumservice .overlay-video-container iframe,
.page-template-verification .overlay-video-container iframe,
.page-template-about .overlay-video-container iframe{
width: 100%;
height: 636px;
border-radius: 24px;
}
.overlay-video-container .video-overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
background: rgba(0, 0, 0, 0.5);
cursor: pointer;
z-index: 2
}
.overlay-video-container .video-poster {
width: 100%;
height: auto;
display: block;
}
.overlay-video-container .play-icon {
position: absolute;
width: 93px;
/* Adjust size as needed */
height: 93px;
/* Adjust size as needed */
cursor: pointer;
}
.overlay-video-container video {
width: 100%;
height: auto;
/* Ensure video scales proportionally */
display: block;
}
/* Defining Our Vision Section */
.defining-our-vision {
text-align: center;
padding-top: 0px;
background: #FFF8F4;
position: relative;
overflow: hidden;
padding-bottom: 200px
}
.defining-our-vision::after {
content: '';
width: 55%;
max-width: 983px;
height: 80%;
position: absolute;
top: 30px;
right: 0;
bottom: 0;
left: 54%;
transform: translate(-46%, 4%);
/* background-image: url(./assets/images/Group3.png); */
background-image: url(./assets/images/mission-vision-graphics.png);
background-size: contain;
background-position: 90% calc(100% - 70px);
background-repeat: no-repeat;
}
.defining-our-vision h2 {
max-width: 600px
}
.defining-our-vision .two-column-container {
display: flex;
justify-content: flex-start;
flex-wrap: wrap;
flex-direction: column;
width: 100%
}
.defining-our-vision .vision-item,
.defining-our-vision .mission-item {
width: 100%;
text-align: left;
margin-bottom: 20px;
max-width: 320px
}
.defining-our-vision .vision-item {
margin-bottom: 30px;
margin-top: 30px
}
.defining-our-vision .mission-item {
margin-left: auto
}
.defining-our-vision .vision-item img,
.defining-our-vision .mission-item img {
max-width: 80px;
margin-bottom: 16px
}
.defining-our-vision .vision-item h3,
.defining-our-vision .mission-item h3 {
font-weight: bold;
text-transform: uppercase;
margin-bottom: 10px
}
.defining-our-vision .vision-item .description p,
.defining-our-vision .mission-item .description p {
font-weight: 300
}
/* Our Values Section */
.our-values {
text-align: center;
background-color: white;
background-image: url(./assets/images/gradient-bg.jpg);
background-size: cover;
background-position: top center;
}
.our-values h2 {
max-width: 643px;
}
.our-values .two-column-container {
display: flex;
justify-content: space-between;
/* Adjusted to evenly space out columns */
flex-wrap: wrap;
gap: 20px;
margin-top: 40px;
}
.our-values .value-item {
flex: 1 1 calc(25% - 20px);
max-width: calc(25% - 20px);
text-align: left;
padding: 54px 30px;
background: white;
border-radius: 19px;
box-sizing: border-box;
/* Ensure padding and border are included in the width */
}
.about-values-sec .two-column-container {
justify-content: center;
}
.about-values-sec .value-item {
flex: 1 1 calc(33.33% - 20px);
max-width: calc(33.33% - 20px);
}
.our-values .value-item img {
max-width: 80px;
margin-bottom: 20px
}
.our-values .value-item h3 {
text-transform: uppercase;
font-weight: bold;
color: #292929
}
.our-values .value-item .description {}
/* Our Timeline Section */
.our-timeline {
text-align: center;
}
.our-timeline h2 {
max-width: 552px;
}
.our-timeline .swiper-container {
padding: 70px 0 0 0;
}
.our-timeline .swiper-container {
overflow: visible
}
.our-timeline .swiper-slide {
overflow: hidden
}
.our-timeline .timeline-item {
display: flex;
flex-direction: column;
text-align: left;
padding: 0 30px;
}
.our-timeline .timeline-item .year {
font-size: 24px;
font-weight: 600;
margin-bottom: 40px;
background-color: #D75427;
color: white;
padding: 9px 30px;
border-radius: 38px;
line-height: 1em;
width: fit-content;
}
.our-timeline .dot {
display: inline-block;
position: relative;
width: 15px;
/* Adjust as needed */
height: 15px;
/* Adjust as needed */
background-color: #FFF7F4;
border: 1px solid black;
border-radius: 50%;
margin-right: 10px;
margin-bottom: 27px;
}
.our-timeline .dot::before {
content: '';
position: absolute;
top: 50%;
left: 50%;
width: 9px;
/* Inner circle width */
height: 9px;
/* Inner circle height */
background-color: black;
border-radius: 50%;
transform: translate(-50%, -50%);
}
.our-timeline .dot::after {
content: '';
position: absolute;
top: 50%;
left: calc(100% - 100px);
width: 1000px;
/* Adjust length of the line */
height: 1px;
/* Adjust thickness of the line */
background-color: black;
transform: translateY(-50%);
}
.our-timeline .swiper-slide:first-child .dot::after {
left: calc(100% - 0px);
}
.our-timeline .swiper-slide:last-child .dot::after {
width: 30px;
left: -30px
}
.our-timeline .timeline-img-container {
position: relative;
padding-top: 80.4%;
border-radius: 12px;
overflow: hidden;
margin-bottom: 17px
}
.our-timeline .timeline-item .timeline-img-container img {
position: absolute;
top: 0;
left: 0;
width: 100% !important;
height: 100%;
object-fit: cover
}
.timeline-content .key-point {
position: relative;
font-size: 14px;
color: #000000;
display: flex;
align-items: center;
margin-bottom: 10px;
align-items: flex-start;
}
.timeline-content .key-point img {
margin-right: 10px;
margin-top: 7px;
width: 15px;
height: auto;
}
.our-timeline .swiper-slide-fourth .timeline-content,
.our-timeline .swiper-slide-fourth img {
opacity: 0
}
.our-timeline .swiper-slide-fourth .timeline-item .year {
font-size: 24px;
font-weight: 600;
margin-bottom: 40px;
background-color: transparent;
color: black;
padding: 9px 30px;
border-radius: 38px;
border: 1px solid black;
line-height: 1em;
width: fit-content;
}
/* Code of Conduct Section */
.code-of-conduct {
background: white;
}
.code-of-conduct .container.two-column {
gap: 65px
}
.code-of-conduct .description {
margin-bottom: 10px;
font-size: 18px
}
.code-of-conduct .right-column img {
border-radius: 24px
}
.page-template-about .code-of-conduct .right-column {
position: relative
}
.page-template-about .code-of-conduct .right-column:after {
content: '';
width: 760px;
height: 760px;
position: absolute;
top: -76%;
right: 0;
bottom: 0;
left: 0;
background-image: url(./assets/images/bg-pattern-green-v2.svg);
background-size: contain;
background-position: top right;
background-repeat: no-repeat;
z-index: -1;
}
.page-template-about .client-logos {
background-color: white;
background-image: url(./assets/images/gradient-bg.jpg);
background-size: cover;
background-position: top center;
}
/* certifications */
.certifications {
text-align: center;
background: #1B1917;
overflow: hidden
}
.certifications h2 {
max-width: 647px;
font-size: 32px;
color: white
}
.certifications::before {
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-image: url(./assets/images/dark-bg-v2.jpg);
background-size: cover;
background-position: center;
filter: blur(30px);
z-index: 0;
}
.certifications-list {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
gap: 20px;
margin-top: 20px;
}
.certification-item {
flex: 1 1 calc(25% - 20px);
max-width: calc(25% - 20px);
text-align: center;
padding: 20px;
}
.certification-item img {
max-width: 164px;
margin-bottom: 15px;
filter: brightness(0) invert(1);
}
.certification-item h3 {
font-size: 16px;
font-weight: 500;
color: white
}
/* map */
/*.page-template-about .global-reach-map {*/
/* background: white*/
/*}*/
/*.page-template-about .global-reach-map h2,*/
/*.page-template-about .global-reach-map .section-description {*/
/* color: #000000*/
/*}*/
/*.page-template-about .global-reach-map::before {*/
/* background-image: url(./assets/images/gradient-bg.jpg);*/
/*}*/
/* Leadership Section */
/* section.news-grid.leadership-grid{
padding: 0;
} */
section.news-grid.leadership-grid.pop-active {
/*z-index: 9999999999;*/
z-index: 9999;
}
section.news-grid.leadership-grid .facetwp-template {
display: flex;
justify-content: flex-start;
gap: 80px;
flex-wrap: wrap;
}
section.news-grid.leadership-grid .facetwp-radio{
border-radius: 26px;
border: 1px solid #454545;
font-size: 12px;
font-weight: 500;
padding: 8px 23px;
display: flex;
align-items: center;
background-image: none;
color: #000000;
}
section.news-grid.leadership-grid .facet-filters.below-hero {
justify-content:center;
}
section.news-grid.leadership-grid .facetwp-radio.checked{
border-color: #D75427;
background-color: #FFF8F4;
color: #D75427;
background-image: none;
}
.leadership-grid #popup-modal {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.7);
display: flex;
align-items: center;
justify-content: center;
z-index: 1000;
}
.leadership-grid #popup-modal .popup-content {
background-color: #fff;
border-radius: 24px;
max-width: 1200px;
width: 90%;
display: flex;
flex-direction: column;
overflow: hidden;
position: relative;
}
.leadership-grid #popup-modal .popup-content .close {
align-self: flex-end;
font-size: 2.5em;
cursor: pointer;
position: absolute;
top: 30px;
right: 30px;
}
.leadership-grid #popup-modal .popup-inner-content {
display: flex;
align-items: stretch;
}
.leadership-grid #popup-modal .popup-image {
flex: 0 0 40%;
position: relative;
min-height: 400px;
overflow: hidden;
}
.leadership-grid #popup-modal .popup-image img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
}
.leadership-grid #popup-modal .popup-content-right {
flex: 0 0 60%;
padding: 100px 70px;
}
.leadership-grid .popup-header {
display: flex;
width: 100%;
width: 100%;
justify-content: space-between;
align-items: center;
padding-bottom: 30px;
border-bottom: 1px solid #666666;
}
.leadership-grid .popup-header h3 {
font-size: 20px;
text-transform: uppercase;
margin-bottom: 0px
}
.leadership-grid #popup-modal .popup-navigation {
display: flex;
justify-content: space-between;
align-items: center;
}
.leadership-grid #popup-modal .popup-navigation button {
padding: 11px;
background: transparent;
border: 1px solid black;
border-radius: 8px;
cursor: pointer;
transition: background-color 0.3s ease;
}
.leadership-grid #popup-modal .popup-navigation button.prev {
margin-right: 16px
}
.leadership-grid #popup-modal .popup-navigation button svg path {
stroke: #272020
}
.leadership-grid #popup-modal .popup-navigation button:hover svg path {
stroke: white
}
.leadership-grid #popup-modal .popup-navigation button:hover {
background-color: #D75427;
border-color: #D75427
}
.leadership-grid .popup-description {
padding-top: 30px
}
/* CSR page */
.page-template-csr .default-hero {
background: #F5FEFB;
background-image: url(./assets/images/csr-hero-v2.png);
background-size: cover;
background-position: center;
background-repeat: no-repeat
}
.page-template-csr .our-values {
text-align: center;
background-color: white;
background-image: url(./assets/images/csr-bg-pattern.jpg);
background-size: cover;
background-position: center;
}
.page-template-csr .icon-boxes {
background-position: center
}
.page-template-csr .our-values,
.page-template-csr .image-left{
padding: 80px 0px;
}
/*initiateves */
.our-initiatives.pop-active{
z-index: 9999999999;
}
.our-initiatives .title-bar {
width: 100%;
display: flex;
justify-content: space-between;
margin-bottom: 80px;
}
.our-initiatives .title-bar .filter {
font-size: 18px;
font-weight: bold;
color: black;
text-transform: uppercase;
}
.our-initiatives #region-filter {
/*padding: 13px 40px 13px 16px;*/
/*border: 1px solid #D75427;*/
/*border-radius: 6px;*/
/*background-color: rgba(215, 84, 39, 0.16);*/
/*margin-left: 12px;*/
/*font-size: 18px;*/
/*color: #D75427;*/
/*font-weight: 500;*/
/*text-transform: uppercase;*/
/*background-image: url(./assets/images/downward-arrow.svg);*/
/*background-size: 10px;*/
/*background-position: 90% 50%;*/
/*background-repeat: no-repeat;*/
/*appearance: none;*/
/*padding: 10px 10px;*/
padding: 13px 40px 13px 16px;
border: 1px solid #D75427;
border-radius: 4px;
background-color: #FFF8F4;
margin-left: 12px;
font-size: 12px;
color: #D75427;
font-weight: 500;
text-transform: uppercase;
background-image: url(./assets/images/downward-arrow.svg);
background-size: 10px;
background-position: 90% 50%;
background-repeat: no-repeat;
appearance: none;
outline-color: #D75427;
min-width: 230px;
max-width: 30%;
}
.our-initiatives select option {
font-size: 14px;
font-weight: 500;
padding: 5px 0px
}
.our-initiatives button {
cursor: pointer;
}
.our-initiatives .initiatives-items {
display: flex;
flex-wrap: wrap;
gap: 40px;
row-gap: 60px;
justify-content: start;
width: 100%;
}
.our-initiatives .initiative-item {
width: calc(33.333% - 30px);
transition: transform 0.3s ease;
}
.our-initiatives .initiative-item .featured-img {
position: relative;
border-radius: 19px;
overflow: hidden;
padding-top: 76%;
margin-bottom: 20px;
}
.our-initiatives .initiative-item img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
}
.our-initiatives .initiative-item h3 {
font-size: 20px;
font-weight: bold;
margin-bottom: 11px;
text-transform: uppercase;
}
.our-initiatives .popup-content {
display: none;
}
.our-initiatives #popup-modal {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.7);
display: flex;
align-items: center;
justify-content: center;
z-index: 1000;
}
.our-initiatives #popup-modal .popup-content {
background-color: #fff;
border-radius: 24px;
max-width: 1200px;
width: 90%;
display: flex;
flex-direction: column;
overflow: hidden;
position: relative;
}
.our-initiatives #popup-modal .popup-content .close {
align-self: flex-end;
font-size: 2.5em;
cursor: pointer;
position: absolute;
top: 30px;
right: 30px;
}
.our-initiatives #popup-modal .popup-inner-content {
display: flex;
align-items: stretch;
}
.our-initiatives #popup-modal .popup-image {
flex: 0 0 40%;
position: relative;
min-height: 400px;
height:570px;
overflow: hidden;
}
.our-initiatives #popup-modal .popup-image img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
}
.our-initiatives #popup-modal .popup-content-right {
flex: 0 0 60%;
padding: 80px 70px;
}
.our-initiatives .popup-header {
display: flex;
width: 100%;
width: 100%;
justify-content: space-between;
align-items: center;
padding-bottom: 30px;
border-bottom: 1px solid #666666;
}
.our-initiatives .popup-header h3 {
font-size: 20px;
text-transform: uppercase;
margin-bottom: 0px
}
.our-initiatives #popup-modal .popup-navigation {
display: flex;
justify-content: space-between;
align-items: center;
}
.our-initiatives #popup-modal .popup-navigation button {
padding: 11px;
background: transparent;
border: 1px solid black;
border-radius: 8px;
cursor: pointer;
transition: background-color 0.3s ease;
}
.our-initiatives #popup-modal .popup-navigation button.prev {
margin-right: 16px
}
.our-initiatives #popup-modal .popup-navigation button svg path {
stroke: #272020
}
.our-initiatives #popup-modal .popup-navigation button:hover svg path {
stroke: white
}
.our-initiatives #popup-modal .popup-navigation button:hover {
background-color: #D75427;
border-color: #D75427
}
.our-initiatives .popup-description {
padding-top: 30px
}
/* Careers page */
.default-hero {
background: #FFF8F4;
background-image: url(./assets/images/default-hero.png);
background-size: cover;
background-position: center 22%;
background-repeat: no-repeat
}
.page-template-careers .default-hero h1 {
max-width: 402px
}
.page-template-careers .image-left.contact-form::before{
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-image: url(https://fjhgfb.cpserver.com/su/dataflow/wp-content/themes/dataflow/assets/images/careers-img.png);
background-size: 670px;
background-position: 0% center;
background-repeat: no-repeat;
}
.page-template-careers .image-left.contact-form .left-column{
background-image:none;
}
.page-template-careers .image-left .left-column img {
max-height: 420px;
object-fit: contain
}
.page-template-careers .image-left:not(.contact-form) {
overflow: visible
}
.page-template-careers .image-left:not(.contact-form):after {
content: "";
position: absolute;
bottom: -30%;
left: -5%;
width: 700px;
height: 700px;
background-image: url(./assets/images/bg-pattern-green.svg);
background-size: contain;
background-repeat: no-repeat;
}
/* voices */
.voices-section {
padding-bottom: 0px
}
.voices-section .pattern-background {
margin-top: 120px;
margin-bottom: 0px
}
.voices-section h2 {
max-width: 475px;
text-align: center
}
.voices-section .swiper-container {
overflow: visible;
padding-right: 30%;
padding-bottom: 90px;
padding-top: 50px
}
.voices-section .swiper-container .swiper-wrapper {
align-items: flex-end;
}
.voices-section .voice-content {
display: flex;
flex-direction: row;
width: 100%;
box-sizing: border-box;
}
.voices-section .left-column {
flex: 0 0 44.2%;
display: flex;
flex-direction: column;
align-items: center;
position: relative;
box-sizing: border-box;
}
.voices-section .left-column img {
width: 100%;
}
.voices-section .right-column {
padding-left: 50px;
padding-right: 30px;
flex: 0 0 55.8%;
display: flex;
flex-direction: column;
justify-content: center;
box-sizing: border-box;
}
.voices-section .quote-icon {
align-self: flex-start;
width: 63px;
}
.voices-section .quote p {
font-weight: 300;
font-size: 20px;
margin-bottom: 20px
}
.voices-section .person-info h3 {
font-size: 22px;
margin-bottom: 1px
}
.voices-section .person-info h3 {
font-size: 22px;
margin-bottom: 1px;
text-transform: uppercase
}
.voices-section .person-info .person-title {
font-size: 15px;
margin-bottom: 1px;
text-transform: uppercase
}
/* great-place-to-work*/
.great-place-to-work {
text-align: center
}
.great-place-to-work h2 {
max-width: 512px
}
.great-place-to-work .section-description {
max-width: 1000px
}
.great-place-to-work .swiper-container {
margin-top: 30px;
padding-bottom: 50px
}
.great-place-to-work .swiper-slide img {
border-radius: 24px
}
/* recent-vacancies */
.facet-filters {
display: flex;
gap: 28px;
padding-top: 40px
}
.facet-filters h3 {
font-size: 14px;
font-weight: bold;
text-transform: uppercase;
text-align: left
}
.facet-filters select{
padding: 13px 40px 13px 16px;
border: 1px solid #D75427;
border-radius: 6px;
background-color: #FFF8F4;
font-size: 14px;
color: #D75427;
font-weight: 500;
text-transform: uppercase;
background-image: url(./assets/images/downward-arrow-black.svg);
background-size: 10px;
background-position: 90% 50%;
background-repeat: no-repeat;
appearance: none;
outline-color: #D75427;
min-width: 230px;
max-width: 30%
}
.page-template-findorganization .default-hero{
overflow:unset;
}
.page-template-findorganization .facet-filters {
text-align:left;
}
.page-template-findorganization .facet-filters select,
.page-template-findorganization .facet-filters .fs-wrap .fs-label-wrap{
padding: 13px 40px 13px 16px;
border: 1px solid #D75427;
border-radius: 6px;
background-color: #FFF8F4;
font-size: 12px;
color: #D75427;
font-weight: 500;
text-transform: uppercase;
background-image: url(./assets/images/downward-arrow.svg);
background-size: 10px;
background-position: 90% 50%;
background-repeat: no-repeat;
appearance: none;
outline-color: #D75427;
min-width: 230px;
max-width: 30%;
outline-color: #D75427;
min-width: 230px;
max-width: 30%;
cursor:pointer;
}
.page-template-findorganization .facet-filters .fs-wrap .fs-label-wrap:hover{
background-color: white;
}
.page-template-findorganization .default-hero .select2-container {
display:none;
}
.page-template-findorganization .facet-filters .fs-wrap .fs-arrow {
display:none;
}
.page-template-findorganization .facetwp-type-fselect .fs-option .fs-option-label {
white-space: unset;
word-break: auto-phrase;
}
.page-template-findorganization .fs-wrap.single .fs-option.selected {
background-color:#d8531e !important;
color:white;
}
.facet-filters select:focus {
border: 1px solid #D75427;
color: #D75427;
background-color: white;
background-image: url(./assets/images/downward-arrow.svg);
}
.page-template-findorganization .fs-dropdown .fs-options {
overflow-y: auto;
overflow-x: hidden;
}
/*blog archive filters */
.facet-filter.horizontal-buttons .facetwp-facet {
display: flex;
gap: 10px;
margin: 0px
}
.facet-filter.horizontal-buttons .facetwp-facet .facetwp-checkbox {
border-radius: 26px;
border: 1px solid #454545;
font-size: 12px;
font-weight: 500;
padding: 8px 23px;
display: flex;
align-items: center;
background-image: none;
color: #000000;
/* Default text color */
}
.facet-filter.horizontal-buttons .facetwp-facet .facetwp-counter {
display: none
}
/* Styles for when the checkbox is checked */
.facet-filter.horizontal-buttons .facetwp-facet .facetwp-checkbox.checked {
border-color: #D75427;
background-color: #FFF8F4;
color: #D75427;
background-image: none;
}
.facet-filter.horizontal-buttons .facetwp-facet .facetwp-checkbox.facetwp-active .facetwp-display-value,
.facet-filter.horizontal-buttons .facetwp-facet .facetwp-checkbox.facetwp-active .facetwp-counter {
color: #D75427;
/* Ensures text and counter color change */
}
.facet-filter.sort {
display: flex;
align-items: center;
}
.facet-filter.sort h3 {
margin: 0px
}
.facet-filter.sort .facetwp-facet {
margin: 0px 0px 0px 10px
}
.facet-filter.sort select {
padding: 13px 40px 13px 16px;
border: 1px solid #D75427;
border-radius: 4px;
background-color: #FFF8F4;
margin-left: 12px;
font-size: 12px;
color: #D75427;
font-weight: 500;
text-transform: uppercase;
background-image: url(./assets/images/downward-arrow.svg);
background-size: 10px;
background-position: 90% 50%;
background-repeat: no-repeat;
appearance: none;
}
.facet-filters.below-hero {
width: 100%;
justify-content: space-between;
flex-wrap: wrap;
margin-bottom: 60px
}
/*url(./assets/images/bg-pattern1.svg), url(./assets/images/gradient-bg.jpg); */
.recent-vacancies {
background: url(./assets/images/gradient-bg.jpg);
background-size: cover;
background-position: center;
padding-top: 60px
}
.recent-vacancies h2 {
text-align: center;
max-width: 372px
}
.recent-vacancies .vacancies-wrapper .facetwp-template,
.recent-vacancies .vacancies-wrapper {
display: flex;
flex-wrap: wrap;
justify-content: start;
gap: 35px;
margin-top: 20px;
}
.recent-vacancies .all-vacancies {
margin-top: 80px
}
.recent-vacancies .vacancy-item {
background: #fff;
border-radius: 12px;
padding: 40px 30px;
width: calc(50% - 18px);
/* Adjust based on the number of items per row */
box-sizing: border-box;
}
.recent-vacancies .job-tags {
margin-bottom: 25px;
}
.recent-vacancies .job-tag {
display: inline-block;
background: #FFF7F4;
color: #D8531E;
padding: 8px 20px;
border-radius: 5px;
margin-right: 12px;
border: 1px solid #D75427;
font-weight: 500;
}
.recent-vacancies .vacancy-item h3 {
text-transform: uppercase;
margin-bottom: 7px;
color: #000000;
}
.recent-vacancies .vacancy-item p {
margin-bottom: 38px;
color: #000000;
font-weight: 300
}
/* Global contact */
.contact-form .select2-container--default .select2-selection--single{
border: 1px solid #999;
font-size:16px;
width: 100%;
max-width: 100%;
background-color:white;
background-image:url(./assets/images/down-arrow-black.svg) ;
padding:8px 10px;
text-transform:unset;
border-radius: 4px;
}
.contact-form .select2-container--focus .select2-selection--single{
border-color: #D75427;
}
.contact-form .select2-container--default .select2-selection--single .select2-selection__rendered {
color: #000000;
}
section.contact-form {
background: #FFF8F4;
padding-top: 0
}
.page-template-careers section.contact-form {
padding: 140px 0px
}
.page-template-careers section.contact-form .pattern-background {
display: none
}
section.contact-form .container.two-column {
align-items: stretch;
}
section.contact-form .left-column {
background: url(./assets/images/careers-img.png);
/*section.contact-form .left-column{background:url(./assets/images/contact-bg-v2.png);*/
background-size: contain;
background-repeat: no-repeat
}
section.contact-form h2 {
margin-bottom: 40px;
max-width: 460px
}
/* Basic Form Styling */
.contact-form .form-row {
display: flex;
justify-content: space-between;
margin-bottom: 30px;
}
.contact-form .form-group {
flex: 1;
margin-right: 20px;
}
.contact-form .form-group p {
margin: 0px
}
.contact-form .form-group:last-child {
margin-right: 0;
}
.contact-form label {
display: block;
font-weight: 600;
text-transform: uppercase;
font-size: 14px
}
.contact-form .form-row.checkbox-wrapper label{
text-transform: initial;
font-weight: 400;
}
.contact-form .form-row.checkbox-wrapper label .wpcf7-list-item{
margin: 0;
}
.contact-form .form-row.checkbox-wrapper label {
display: flex;
align-items:flex-start;
}
.contact-form .form-row.checkbox-wrapper .wpcf7-form-control-wrap{
width:auto;
}
.contact-form .form-row.checkbox-wrapper .wpcf7-list-item-label{
margin-left:15px;
}
.contact-form .form-row.checkbox-wrapper .wpcf7-list-item-label a{
text-decoration:none !important;
}
.contact-form .form-row.checkbox-wrapper .wpcf7-list-item input {
position: absolute;
opacity: 0;
cursor: pointer;
width: 0;
display: none;
}
.contact-form .form-row.checkbox-wrapper .wpcf7-list-item .wpcf7-list-item-label {
max-width: -moz-max-content;
max-width: max-content;
padding-left: 15px;
margin: 0;
font-size:0;
}
.contact-form .form-row.checkbox-wrapper .wpcf7-list-item .wpcf7-list-item-label::before {
position: absolute;
top: 0;
left: 0;
height: 20px;
width: 20px;
border:1px solid #d75427;
border-radius:3px;
}
.contact-form .form-row.checkbox-wrapper .wpcf7-list-item .wpcf7-list-item-label:after {
content: "";
position: absolute;
}
.contact-form .form-row.checkbox-wrapper .wpcf7-list-item input:checked ~ .wpcf7-list-item-label:after {
opacity: 1;
}
.contact-form .form-row.checkbox-wrapper .wpcf7-list-item .wpcf7-list-item-label:after {
top: 4px;
left: 4px;
width: 12px;
height: 12px;
border-radius: 3px;
background: #d75427;
opacity: 0;
transition: 0.4s all;
}
.contact-form input[type="text"],
.contact-form input[type="email"],
.contact-form input[type="tel"],
.contact-form input[type="file"],
.contact-form textarea,
.contact-form select {
width: 100%;
padding: 10px;
margin: 12px 0px 0px 0px;
border: 1px solid #999;
border-radius: 4px;
font-weight: 500;
color: black
}
.contact-form textarea{
height:100px;
}
.contact-form .intl-tel-input,
.contact-form .country-select {
margin: 12px 0px 0px 0px;
position:relative;
}
.contact-form .intl-tel-input input {
background:white;
}
.contact-form select {
padding: 11px 10px;
border: 1px solid #999;
/* Default border color */
color: #999;
/* Placeholder color */
}
/* When a valid option is selected */
.contact-form select.valid {
border-color: #D75427;
/* Border color when a value is selected */
color: #000000;
/* Text color when a value is selected */
}
/* Placeholder option color */
.contact-form select option[value=""] {
color: #999;
}
/* Ensure the default border color on load */
.contact-form select:not(.valid) {
border-color: #999;
}
.contact-form input[type="text"]:focus,
.contact-form input[type="email"]:focus,
.contact-form input[type="tel"]:focus,
.contact-form select:focus {
border: 1px solid #D75427;
outline: none;
}
.contact-form input[type="file"] {
padding: 5px;
border: none
}
/* Custom Placeholder Color */
.contact-form ::placeholder {
color: #999;
opacity: 1;
/* Override default opacity */
}
.contact-form .form-group .wpcf7-form-control-wrap {
width: 100%;
}
/*.contact-form .form-group .wpcf7-form-control-wrap input[type="file"] {*/
/* display: block;*/
/* width: calc(100% - 20px);*/
/*}*/
/*.contact-form .form-group .wpcf7-form-control-wrap input[type="file"]::before {*/
/* content: "UPLOAD ";*/
/* color: #D75427;*/
/* font-weight: 500;*/
/*}*/
/*.contact-form .form-group .wpcf7-form-control-wrap input[type="file"]::after {*/
/* content: "Formats: pdf, word, doc";*/
/* color: #000000;*/
/* display: block;*/
/* margin-top: 5px;*/
/*}*/
.contact-form .form-group .attach-doc-wrapper {
display: flex;
align-items: center;
position: relative;
}
.contact-form .form-group .attach-doc-wrapper p {
margin: 0;
}
.contact-form .form-group .attach-doc-wrapper .text-wrapper {
display: flex;
flex-direction: column;
}
.contact-form .form-group .attach-doc-wrapper .text-wrapper p {
display: flex;
flex-direction: column;
margin-bottom: 0;
}
.contact-form .form-group .attach-doc-wrapper .text-wrapper br {
display: none;
}
.contact-form .form-group .attach-doc-wrapper .text-wrapper span {
line-height: 1;
margin-bottom: 4px;
font-size: 12px;
}
.contact-form .form-group .attach-doc-wrapper .text-wrapper span:last-child {
margin-bottom: 0;
}
.contact-form .form-group .attach-doc-wrapper .text-wrapper .file-uplod-title {
color: #D75427;
text-transform:uppercase;
font-weight:500;
}
.contact-form .form-group .attach-doc-wrapper .text-wrapper .file-format {
color: #292929;
}
.contact-form .form-group .attach-doc-wrapper .file-label {
position: relative;
cursor: pointer;
display: flex;
align-items: center;
margin: 0;
}
.contact-form .form-group .attach-doc-wrapper .file-label .upload-icon {
width: 38px;
height: 38px;
flex: 0 0 38px;
margin-right: 10px;
}
.contact-form .form-group .attach-doc-wrapper .wpcf7-form-control-wrap {
opacity: 0;
overflow: hidden;
position: absolute;
z-index: 1;
top: 0;
left: 0;
cursor: pointer;
width: 100%;
height: 100%;
}
.contact-form .form-group .attach-doc-wrapper input {
opacity: 0;
overflow: hidden;
position: absolute;
z-index: 1;
top: 0;
left: 0;
cursor: pointer;
width: 100%;
height: 100%;
}
.contact-form .wpcf7-submit {
margin-top: 20px;
background-image: url(./assets/images/arrow.svg);
background-repeat: no-repeat;
background-size: 11px;
background-position: calc(100% - 20px) 50%;
padding-right: 35px
}
/* All Careers page */
.page-template-allcareers .recent-vacancies {
padding-top: 100px
}
/* Single Careers page */
.single-career .default-hero .section-description {
max-width: 650px
}
.single-career .job-content {
background: url(./assets/images/gradient-bg.jpg);
background-size: cover;
background-position: center;
}
.single-career .job-content .two-column {
display: flex;
flex-wrap: wrap;
gap: 20px;
align-items: flex-start;
}
.single-career .job-content .left-column {
flex: 1;
}
.single-career .job-content .right-column {
max-width: 400px;
flex-shrink: 0;
}
.single-career .job-content .job-details {
background: #fff;
padding: 20px;
border-radius: 19px;
padding: 50px
}
.single-career .job-content .job-details>div {
margin-bottom: 45px
}
.single-career .job-content .job-details p {
font-size: 20px;
color: #000000;
margin-bottom: 0px;
margin-top: 5px;
}
.single-career .job-content .job-details strong {
font-size: 16px;
font-weight: 600;
text-transform: uppercase;
color: #000000;
}
.single-career .job-content .left-column h2 {
margin-bottom: 35px
}
.single-career .job-content .left-column h3 {
margin-bottom: 30px;
margin-top: 30px
}
.single-career .job-content .left-column ul {
margin-left: 0px
}
.single-career .job-content .left-column .apply-now {
margin-top: 40px
}
/* Individuals page */
.page-template-individuals .why-choose-dataflow {
background-size: 520px;
background-position: 33% 100%;
}
.page-template-individuals .why-choose-dataflow .pattern-background {
position: absolute;
bottom: 0px;
margin: 0px
}
.page-template-individuals .default-hero h1 {
max-width: 580px
}
.page-template-individuals .why-choose-dataflow .section-img {
text-align: center
}
/*.page-template-individuals .why-choose-dataflow .section-img img {*/
/* max-width: 455px;*/
/*}*/
.page-template-individuals .why-choose-dataflow h2 {
margin-bottom: 60px
}
.page-template-individuals .our-values {
background: url(./assets/images/gradient-bg.jpg);
background-size: cover;
background-position: center;
}
.page-template-individuals .our-values.icon-boxes .two-column-container {
gap: 40px;
justify-content: center
}
.page-template-individuals .our-values .value-item {
flex: 1 1 calc(33% - 25px);
max-width: calc(33% - 25px);
text-align: left;
padding: 54px 30px;
background: white;
border-radius: 19px;
box-sizing: border-box;
}
.page-template-individuals .industries-we-serve {
background-image: url(./assets/images/bg-pattern2.svg);
background-size: 600px;
background-position: -10% 11%;
text-align: center;
background-repeat: no-repeat;
margin: 0px
}
/* Video testimonials */
.video-testimonials h2 {
width: 100%;
text-align: left;
}
.video-testimonials .testimonial-container {
display: flex;
width: 100%;
align-items: flex-start;
}
.video-testimonials .container.two-column .left-column {
flex: 0 0 40%;
display: flex;
flex-direction: column;
}
.video-testimonials .container.two-column .left-column .left-video-testi-wrapper {
height: 500px;
overflow-y: scroll;
padding-right: 10px;
}
.video-testimonials .container.two-column .left-column .left-video-testi-wrapper::-webkit-scrollbar {
width: 10px;
}
/* Track */
.video-testimonials .container.two-column .left-column .left-video-testi-wrapper::-webkit-scrollbar-track {
background: #fbd8d1;
}
/* Handle */
.video-testimonials .container.two-column .left-column .left-video-testi-wrapper::-webkit-scrollbar-thumb {
background: #d8531e;
}
/* Handle on hover */
.video-testimonials .container.two-column .left-column .left-video-testi-wrapper::-webkit-scrollbar-thumb:hover {
background: #d8531e;
}
.video-testimonials .container.two-column .rigt-column {
flex: 0 0 60%;
}
.video-testimonials .testimonial-item {
display: flex;
gap: 20px;
align-items: flex-start;
padding: 30px 0;
border-bottom: 1px solid #000000
}
.video-testimonials .testimonial-item.featured {
border-bottom: 0px
}
.video-testimonials .testimonial-item:last-child {
border: none
}
.video-testimonials .testimonial-item.featured {
flex-direction: column;
}
.video-testimonials .testimonial-item.featured {
padding: 0px
}
.video-testimonials .video-poster {
width: 138px;
height: auto;
cursor: pointer;
object-fit: cover;
cursor: pointer;
overflow: hidden;
position: relative
}
.video-testimonials .video-poster:before {
content: "";
width: 18px;
height: 18px;
position: absolute;
right: 10px;
top: 10px;
background-image: url(./assets/images/video-play-icon2.svg);
background-size: contain;
background-repeat: no-repeat;
z-index: 2
}
.video-testimonials .testimonial-item.featured .video-poster:before {
width: 36px;
height: 36px;
}
.video-testimonials .testimonial-item.featured .video-poster {
width: 100%;
border-radius: 19px
}
.video-testimonials .testimonial-item .video-poster img {
aspect-ratio: 3/2;
object-fit: cover;
width: 100%;
border-radius: 4px;
}
.video-testimonials .testimonial-item.featured .video-poster img {
border-radius: 19px;
}
.video-testimonials .testimonial-content {
flex: 1;
}
.video-testimonials h3 {
margin: 8px 0px 10px 0px;
color: #292929;
font-weight: bold;
text-transform: uppercase;
font-size: 14px
}
.video-testimonials .testimonial-item.featured h3 {
margin: 0px 0px 15px 0px;
color: #292929;
font-weight: bold;
text-transform: uppercase;
font-size: 20px
}
.video-testimonials .description {
font-size: 14px;
color: #000000;
}
.video-testimonials .description p:last-child {
margin-bottom: 0px
}
.video-testimonials .testimonial-item.featured .description {
font-size: 18px;
color: #000000;
margin-bottom: 24px;
}
/* Follow Up Page */
.page-template-followup .default-hero {
background-image: none
}
/* check verification */
.check-verification {
/*background-image: url(./assets/images/bg-pattern1.svg);*/
background-image: url(./assets/images/csr-bg.png);
background-size: 610px;
background-position: 5% 30%;
background-repeat: no-repeat;
}
.check-verification .container.two-column {
align-items: flex-start;
}
.list-of-resources {
background: #FFF8F4;
text-align: left
}
.list-of-resources .container.two-column {
gap: 40px;
justify-content: flex-start
}
.list-of-resources .container.two-column .left-column {
flex: 0 0 calc(20% - 20px)
}
.list-of-resources .container.two-column .right-column {
flex: 0 0 calc(80% - 20px)
}
.list-of-resources.our-values .value-item {
flex: 1 1 calc(33% - 11px);
max-width: calc(33% - 11px);
border: 1px solid transparent;
transition: 0.4s all;
}
.list-of-resources.our-values .value-item h3{
min-height:40px;
}
.list-of-resources.our-values .value-item .description{
min-height: 140px;
}
.list-of-resources.our-values .value-item:hover {
border: 1px solid #D75427;
box-shadow: 0px 0px 35px 0px rgba(215, 84, 39, 0.25);
}
/* help with application */
.help-with-application.default-hero {
background: #D8531E;
background-image: url("./assets/images/follow-up-hero.jpg");
background-size: cover;
background-position: center 22%;
background-repeat: no-repeat;
}
.help-with-application .primary-button {
border: 1px solid black;
color: black;
background: white
}
.help-with-application .primary-button::after {
filter: invert(1) brightness(0);
}
.help-with-application h2,
.help-with-application .section-description {
color: white
}
.help-with-application h2 {
max-width: 500px
}
.help-with-application.default-hero .section-description {
max-width: 700px;
}
/* How to proceed video section */
.page-template-followup .who-are-we h2 {
max-width: 800px
}
.page-template-followup .customer-testimonials .pattern-background {
display: none
}
.page-template-followup .customer-testimonials {
background-image: url(./assets/images/bg-pattern1.svg), url(./assets/images/gradient-bg.jpg);
background-size: 336px, cover;
background-position: 80% 10%, 0% 79%;
background-repeat: no-repeat;
}
/* Start your verification page */
.page-template-verification .image-right {
background: #FFF8F4
}
.page-template-verification .image-right img {
border-radius: 24px
}
/* 3 steps */
.verification-steps.our-values h2 {
max-width: 370px
}
.verification-steps.our-values .value-item {
text-align: center;
background: transparent;
padding: 0px;
flex: 1 1 calc(33% - 20px);
max-width: calc(33% - 20px);
}
.page-template-verification .who-are-we {
background-image: url(./assets/images/gradient-bg.jpg);
background-size: 120vw;
background-position: center;
background-repeat: no-repeat;
overflow: visible
}
.page-template-verification .who-are-we .container:after {
content: '';
width: 500px;
height: 500px;
position: absolute;
right: 0;
bottom: -200px;
left: -300px;
background-image: url(./assets/images/bg-pattern-green-v2.svg);
background-size: contain;
background-position: top right;
background-repeat: no-repeat;
z-index: -1;
}
.page-template-verification .who-are-we h2 {
max-width: 720px
}
/* Premium packages page */
.page-template-premiumservice .image-left img {
border-radius: 24px
}
.premium-packages {
background-size: 180vw;
background-position: center;
background-repeat: no-repeat
/* add extra styles to make the middle aligment*/
display: flex;
justify-content: center;
}
.premium-packages .section-description {
max-width: 665px;
font-size: 18px
}
.premium-services-tabbing.premium-packages .two-column-container {
justify-content: center;
}
.premium-services-tabbing.premium-packages .tabbing-main{
width: 100%;
}
.premium-packages .two-column-container {
margin-top: 20px;
gap: 10px
}
.premium-services-tabbing .tab-links {
display: flex;
justify-content: center;
list-style: none;
padding: 0;
margin: 0;
margin-bottom: 50px;
gap: 10px;
}
.premium-services-tabbing .tab-links li {
border: 1px solid !important;
border-radius: 30px;
font-size: 12px;
font-weight: 400;
padding: .5rem 1.5rem;
background: transparent;
color: gray;
text-transform: uppercase;
cursor: pointer;
}
.premium-services-tabbing .tab-links li.active {
background: rgba(215, 84, 39, 0.16);
border-color: #D75427 !important;
color: #D75427 !important;
font-weight: 400;
padding: .5rem 1.5rem;
}
.premium-services-tabbing .tab-content {
display: none;
}
.premium-services-tabbing .tab-content .swiper-container {
max-width: 100%;
width: 100%;
}
.premium-services-tabbing .tab-content .swiper-container .swiper-slide {
display: flex;
flex-direction: column;
align-items: center;
}
.premium-services-tabbing .tab-content.active {
display: block;
}
.premium-services-tabbing .tab-content {
position: relative;
}
/*.our-values .two-column-container{*/
/* display:block;*/
/* position:relative;*/
/* width:100%;*/
/* overflow:hidden;*/
/*}*/
.premium-packages .two-column-container .value-item {
/* flex: 1 1 calc(25% - 10px); */
max-width: calc(25% - 10px);
max-width: 100%;
padding: 70px 13px;
text-align: center;
border: 1px solid transparent;
transition: 0.4s all;
height:calc( 100% - 30px);
}
.premium-packages .two-column-container .swiper{
width: 100%;
}
.premium-packages .tab-content .swiper-wrapper {
/* justify-content:center; */
}
.premium-packages .tab-content .swiper-slide {
/* flex: 0 0 33.33%;
max-width: 31.5%;
width: 33.33% !important; */
padding: 25px 0;
}
.inner_service .swiper-slide {
/*flex: 0 0 33.33%;*/
/*max-width: 31.5%;*/
/*width: 33.33% !important;*/
padding: 25px 10px;
}
.inner_service .swiper-slide .value-item {
max-width: 100% !important;
}
/*.premium-packages .two-column-container .value-item{*/
/* flex: 0;*/
/* max-width:100%;*/
/*}*/
.premium-packages .two-column-container .value-item:hover {
border: 1px solid #D75427;
box-shadow: 0px 0px 35px 0px rgba(215, 84, 39, 0.25);
}
.premium-packages .two-column-container .value-item h3 {
margin-bottom: 0px
}
.premium-packages .two-column-container .value-item p.sub-title {
font-size: 12px;
text-transform: uppercase;
color: #D75427;
font-weight: 600
}
.premium-packages .two-column-container .value-item .price {
margin: 32px 0;
font-size: 64px;
font-weight: 600;
color: #000000;
line-height: 1em
}
.premium-packages .two-column-container .value-item .primary-button {
margin-bottom: 45px
}
.premium-packages .two-column-container .value-item ul {
list-style: none;
/* Remove default list style */
padding: 0;
margin: 0;
text-align: left
}
.premium-packages .two-column-container .value-item ul li {
position: relative;
padding-left: 30px;
/* Space for the icon */
margin-bottom: 10px;
/* Space between list items */
}
/* Add the icon before each list item */
.premium-packages .two-column-container .value-item ul li::before {
content: url('./assets/images/check.svg');
/* Path to your SVG icon */
position: absolute;
left: 0;
top: 0;
width: 20px;
/* Adjust as needed */
height: 20px;
/* Adjust as needed */
margin-right: 10px;
/* Space between icon and text */
}
.premium-packages .two-column-container .value-item .features p {
margin: 0px
}
.premium-packages .two-column-container .value-item .features ul:not(:last-child) {
border-bottom: 1px solid #B6B6B7;
padding-bottom: 20px;
margin-bottom: 5px
}
/* Inner Premium packages page */
/*Package details */
.page-template-innerpremiumservice .what-is-included {
background: white;
overflow: visible;
background-image: unset !important;
}
.page-template-innerpremiumservice .what-is-included:after {
content: '';
width: 760px;
height: 760px;
position: absolute;
right: 0;
bottom: -34%;
left: -10%;
background-image: url(./assets/images/bg-pattern-green-v2.svg);
background-size: contain;
background-position: top right;
background-repeat: no-repeat;
}
.page-template-innerpremiumservice .what-is-included .pattern-background {
display: none
}
.page-template-innerpremiumservice .what-is-included .section-description {
max-width: 665px
}
.page-template-innerpremiumservice .what-is-included .two-column-container .value-item ul {
list-style: none;
/* Remove default list style */
padding: 0;
margin: 0;
text-align: left
}
.page-template-innerpremiumservice .what-is-included .two-column-container .value-item ul li {
position: relative;
padding-left: 30px;
/* Space for the icon */
margin-bottom: 40px;
/* Space between list items */
}
.page-template-innerpremiumservice .what-is-included .two-column-container .value-item ul li:last-child {
margin-bottom: 0px;
}
/* Add the icon before each list item */
.page-template-innerpremiumservice .what-is-included .two-column-container .value-item ul li::before {
content: url('./assets/images/check.svg');
/* Path to your SVG icon */
position: absolute;
left: 0;
top: 0;
width: 20px;
/* Adjust as needed */
height: 20px;
/* Adjust as needed */
margin-right: 10px;
/* Space between icon and text */
}
.page-template-innerpremiumservice .what-is-included.our-values .two-column-container {
gap: 10px
}
.page-template-innerpremiumservice .what-is-included.our-values .value-item {
flex: 1 1 calc(33% - 6px);
max-width: calc(33% - 6px);
text-align: left;
padding: 5px 30px;
border-radius: 19px;
box-sizing: border-box;
}
.page-template-innerpremiumservice .what-is-included .value-item:not(:first-child) {
border-left: 1px solid #B6B6B7;
border-radius: 0px
}
.page-template-innerpremiumservice .what-is-included .value-item.price-button-column {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
.page-template-innerpremiumservice .what-is-included .value-item.price-button-column .price {
font-size: 64px;
color: #000000;
font-weight: 600;
line-height: 1em;
margin-bottom: 12px
}
/*Discover Benefits */
.our-values.icon-boxes.our-leadership {
background: transparent;
}
.page-template-innerpremiumservice .our-values {
background-image: url(./assets/images/gradient-bg.jpg);
}
.our-values.icon-boxes.our-leadership,
.page-template-innerpremiumservice .our-values.icon-boxes {
background-image: none
}
.our-values.icon-boxes.our-leadership .two-column-container,
.page-template-innerpremiumservice .our-values .two-column-container {
gap: 40px;
}
.page-template-innerpremiumservice .our-values .two-column-container .value-item,
.our-values.icon-boxes.our-leadership .value-item{
flex: 1 1 calc(33% - 25px);
max-width: calc(33% - 25px);
text-align: left;
padding: 54px 30px;
background: white;
border-radius: 19px;
box-sizing: border-box;
background: transparent
}
.page-template-innerpremiumservice .our-values .value-item {
background: white;
}
.our-values.icon-boxes.our-leadership .value-item,
.page-template-innerpremiumservice .icon-boxes .value-item {
border: 1px solid #D75427;
}
.our-values.icon-boxes.our-leadership .value-item img {
max-width: 190px;
min-height: 100px;
object-fit: contain;
/* border: 1px solid #E1754B;
padding: 6px;
border-radius: 10px; */
}
.our-values.icon-boxes.our-leadership .description {
min-height: 210px;
}
/*Packages */
.page-template-innerpremiumservice .premium-packages.our-values .two-column-container {
gap: 10px;
width:100%;
}
.page-template-innerpremiumservice .premium-packages.our-values .two-column-container .value-item {
flex: 1 1 calc(33% - 5px);
/*max-width: calc(33% - 5px);*/
max-width:100%;
padding: 70px 60px;
text-align: center;
background-color:white;
}
/*Notice */
.applicant-assist-service-notice {
background: #D8531E;
padding: 100px 0px;
text-align: center;
background-image: url("./assets/images/notice-bg.jpg");
background-size: cover;
background-position: center
}
.applicant-assist-service-notice .notice-content {
font-size: 24px;
color: white;
font-weight: 600;
max-width: 850px;
margin-bottom: 40px
}
.applicant-assist-service-notice .notice-content p:last-child {
font-weight: 600;
margin-bottom: 0px
}
.applicant-assist-service-notice .service-availability {
font-size: 24px;
color: white;
max-width: 850px
}
.applicant-assist-service-notice .service-availability p:last-child {
margin: 0px
}
.who-are-we.verify-documents .section-description,
.who-are-we.verify-documents .section-description p:last-child {
margin-bottom: 0px
}
.who-are-we.verify-documents .quoted-by {
font-weight: 500;
margin: 30px 0px 5px 0px;
font-size: 18px;
}
.who-are-we.verify-documents .role-title {
font-size: 18px;
font-weight: 500;
margin-bottom: 30px
}
/* Find your Organizations page */
.recent-organizations {
padding-top: 100px
}
.recent-organizations .organizations-wrapper{
width:100%;
}
.organizations-wrapper .facetwp-template {
display: grid;
grid-template-columns: repeat(4, 1fr);
column-gap: 35px;
row-gap: 80px;
}
.organizations-wrapper .organization-item {
text-align: left;
text-decoration: none
}
.organizations-wrapper .organization-image {
background-color: #FAFAFA;
padding-top: 100%;
/* This creates a 1:1 aspect ratio */
position: relative;
border-radius: 19px;
overflow: hidden;
margin-bottom: 35px;
}
.organizations-wrapper .organization-image img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
border-radius: 19px;
}
.organizations-wrapper .organization-title {
margin-bottom: 10px;
font-size: 20px;
text-decoration: none;
}
.organizations-wrapper .organization-description {
font-size: 14px;
font-weight: 300;
text-decoration: none;
}
.organization-item a {
color: #000000;
text-decoration: none;
}
.page-template-findorganization section.contact-form {
/* background: white; */
padding-top: 140px;
background: url(./assets/images/partners-gradient-bg.jpg);
}
.page-template-findorganization section.contact-form .pattern-background {
position: absolute;
bottom: 0px;
margin: 0px
}
.page-template-findorganization section.contact-form .left-column {
background-image:unset;
}
/* Organization single */
.single-organization .more-reasons {
display: flex;
flex-direction: column;
align-items: center;
background-image: url(./assets/images/gradient-bg.jpg);
background-size: cover;
background-position: center;
}
.single-organization .more-reasons .two-column {
display: flex;
/* justify-content: center; */
flex-wrap: wrap;
gap: 20px;
margin-top: 40px;
}
.single-organization .more-reasons .two-column .reason-item {
flex: 1 1 calc(33.33% - 20px);
max-width: calc(33.33% - 20px);
align-items: flex-start;
}
.single-organization .more-reasons h2 {
text-align: center;
max-width: 450px;
margin-bottom: 60px
}
.single-organization .more-reasons .container.two-column .left-column {
flex: 0 0 calc(40% - 50px)
}
.single-organization .more-reasons .container.two-column .right-column {
flex: 0 0 calc(60% - 50px);
position: relative
}
.single-organization .more-reasons .container.two-column .right-column:after {
content: "";
position: absolute;
width: 350px;
height: 350px;
background: url(./assets/images/bg-pattern1.svg);
background-size: cover;
left: 10%;
top: 0px;
z-index: -1
}
.reason-item {
display: flex;
align-items: center;
gap: 25px;
margin-bottom: 70px;
/* Optional: Adds space between items */
}
.reason-item .reason-image img {
min-width: 80px;
max-width: 80px;
height: auto;
/* Maintain aspect ratio */
}
.reason-item .reason-content h3 {
margin: 0 0 4px 0;
text-transform: uppercase
}
.reason-item .reason-content .description * {
font-weight: 300
}
.reason-item .reason-content .description P:last-child {
margin: 0;
}
.single-organization .list-of-resources.our-values .pattern-background {
display: none
}
.single-organization .list-of-resources.our-values .description {
min-height: 180px;
}
.single-organization .list-of-resources.our-values .value-item h3 {
min-height: 50px;
}
.single-organization .image-left img {
border-radius: 19px
}
.single-organization .image-left .container.two-column {
gap: 75px
}
.single-organization .who-are-we {
background: #FFFBF9
}
.single-organization .who-are-we h2 {
margin-bottom: 45px;
max-width: 550px
}
.single-organization .support-now {
padding-bottom: 0px;
text-align: center;
background-image: url(./assets/images/gradient-bg.jpg);
background-size: cover;
background-position: center;
}
.single-organization .support-now .pattern-background {
margin: 120px 0px 0px 0px;
}
.single-organization .support-now .section-description {
max-width: 700px
}
/* All blogs page */
.default-hero.blog-archive {
background: #F6FAFF;
background-image: url(./assets/images/blog-hero-v2.png);
background-size: cover;
background-position: center 22%;
background-repeat: no-repeat;
}
.page-template-blogsarchive .news-grid {
padding-top: 55px
}
.posts-wrapper .facetwp-template {
display: grid;
grid-template-columns: repeat(3, 1fr);
/* 3 columns layout */
gap: 40px;
/* Space between posts */
}
.posts-wrapper .news-title a {
font-size: 16px
}
.posts-wrapper .news-excerpt {
font-size: 14px;
margin-bottom: 20px
}
.posts-wrapper .news-date {
margin-bottom: 2px
}
.posts-wrapper .news-item.tag-featured {
grid-column: span 2;
/* Make the item span 2 columns */
display: grid;
grid-template-columns: 40% 60%;
/* Split into two columns */
gap: 0px;
background: #FFF7F4;
border-radius: 19px
}
.posts-wrapper .news-item.tag-featured .news-content {
padding: 30px;
display: flex;
flex-direction: column;
justify-content: center;
align-items: flex-start;
}
.posts-wrapper .news-item.tag-featured .news-title {
margin-top: 10px
}
.posts-wrapper .news-item {
max-width: 100%
}
.posts-wrapper .tag-featured .news-image {
order: 2
}
.posts-wrapper .tag-featured .news-image img {
height: 100%;
object-fit: cover
}
.posts-wrapper .tag-featured .featured:before {
content: '•';
color: #D75427;
margin-right: 5px;
font-size: 20px;
line-height: 1;
vertical-align: baseline;
margin-left: 8px
}
/* Single blog */
.default-single .default-hero.blog-hero {
background: #F6FAFF;
padding: 85px 0px;
background-image: none
}
.default-single .default-hero.blog-hero .section-description:last-child {
margin: 0px
}
.default-single .blog-content {
padding-top: 45px
}
.default-single .blog-content .container.two-column {
flex-wrap: wrap;
row-gap: 20px;
align-items: flex-start;
}
.default-single .blog-content .author-info {
width: 100%;
padding-right: 450px
}
.default-single .blog-content .right-column {
max-width: 350px
}
.default-single .blog-content .right-column .news-grid {
flex-direction: column;
gap: 55px
}
.default-single .blog-content .right-column .news-item {
max-width: 100%
}
.default-single .blog-content .right-column .news-item h3 {
font-size: 16px
}
.default-single .blog-content .right-column .news-item .news-excerpt {
font-size: 14px
}
.default-single .post-content img {
border-radius: 19px
}
.default-single .post-content h2 {
font-size: 30px
}
.default-single .post-content h3 {
font-size: 20px
}
/* Author Info */
.author-info {
display: flex;
align-items: center;
justify-content: space-between;
margin-bottom: 20px;
}
.author-image {
width: 55px;
height: 55px;
flex: 0 0 55px;
margin-right: 10px;
}
.author-image img {
border-radius: 50%;
width: 55px;
height: 55px;
margin-right: 10px;
}
.author-details {
flex-grow: 1;
}
.author-name {
margin: 0;
font-size: 16px;
font-weight: 500;
text-transform: uppercase
}
.post-date {
margin: 0;
color: #D75427;
font-size: 12px;
font-weight: 500;
}
.social-share {
display: flex;
gap: 10px;
}
.social-share .share-button {
background-color: #0073e6;
color: #fff;
padding: 8px;
border-radius: 50%;
text-align: center;
font-size: 14px;
width: 30px;
height: 30px;
display: flex;
align-items: center;
justify-content: center;
}
.social-share .share-button img {
filter: brightness(0) invert(1);
}
.share-button.facebook {
background-color: #2E90FA
}
.share-button.twitter {
background-color: #7DBCFF
}
.share-button.linkedin {
background-color: #336CC1
}
/* Contact us Page */
.page-template-contactus .image-left.contact-form,
.page-template-contactus .image-left.contact-form .pattern-background {
background: white
}
.page-template-contactus .image-left.contact-form .left-column {
/*background-image: url(./assets/images/bg-pattern1.svg);*/
background-image: none;
background-size: 336px;
background-position: left top;
background-repeat: no-repeat;
}
.page-template-contactus .image-left.contact-form .wpcf7-submit {
margin-top: 10px
}
.page-template-contactus .list-of-resources {
padding-top: 0px
}
.page-template-contactus .left-column img{
display:none;
}
.page-template-contactus .list-of-resources .value-item a:not(.primary-button),
.page-template-contactus .list-of-resources .value-item .location {
text-decoration: none;
color: #000000;
font-weight: 500;
font-size: 18px;
margin: 0px
}
.page-template-contactus .list-of-resources .value-item h3 {
margin-bottom: 10px
}
.page-template-contactus .list-of-resources .value-item .description {
margin-top: 25px;
min-height: 80px;
}
.page-template-contactus .list-of-resources .social-icons a {
background: #2E2E2E;
width: 32px;
height: 32px
}
.page-template-contactus .list-of-resources svg {
fill: #FFF1EB;
}
.page-template-contactus .list-of-resources .social-icons a:first-child {
margin-left: 0px
}
.page-template-contactus .global-reach-map {
display:none !important;
}
.page-template-contactus .global-reach-map::before {
display: none;
}
.page-template-contactus .global-reach-map {
background: white
}
.page-template-contactus .global-reach-map h2,
.page-template-contactus .global-reach-map .section-description {
color: #000000
}
.page-template-contactus .global-reach-map .tooltip {
position: absolute;
background-color: white;
color: #000000;
width: 240px;
padding: 30px 20px;
border-radius: 6px;
font-size: 12px;
display: none;
/*pointer-events: none;*/
z-index: 100;
text-align: left;
box-shadow: 0px 0px 50px 0px rgba(0, 0, 0, 0.08);
}
.page-template-contactus .global-reach-map .tooltip a {
color: #000000;
text-decoration: none
}
.page-template-contactus .global-reach-map .tooltip .cu-wrapper {
display: flex;
}
.page-template-contactus .global-reach-map .tooltip h3 {
text-transform: uppercase;
font-size: 14px;
font-weight: bold;
}
.page-template-contactus .global-reach-map .tooltip .cu-icon {
display: inline-block;
width: 25px;
height: 25px;
flex: 0 0 25px;
/* border: 1px solid #D75427; */
border-radius: 4px;
margin-bottom: -5px;
margin-right: 10px;
}
.page-template-contactus .global-reach-map .tooltip .cu-icon img {
margin: 0;
opacity: 1;
width: 100%;
height: 100%;
}
.page-template-contactus .global-reach-map .tooltip * {
font-size: 12px;
}
.page-template-contactus .global-reach-map .map-container {
position: relative;
margin: 0 auto;
padding-top: 80px
}
.page-template-contactus .global-reach-map .map-pin {
cursor: pointer;
}
/* Partners Page */
.page-template-partners .hero-slider::before {
content: '';
width: 100%;
height: 100%;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background-image: url(./assets/images/partners-hero-bg-v2.jpg);
background-size: cover;
background-position: bottom center;
background-repeat: no-repeat;
z-index: -1;
/* Ensure it's behind the content */
}
.page-template-partners .hero-slider::after {
content: '';
width: 50%;
height: 100%;
position: absolute;
top: 0;
right: 0;
bottom: 0;
/* background-image: url(./assets/images/partners-hero-img-v2.png); */
/*background-image: url(./assets/images/partner-banner-img.png);*/
background-image: unset;
background-size: contain;
background-position: left center;
background-repeat: no-repeat;
z-index: 0;
}
.page-template-partners .hero-slider h1,
.page-template-partners .hero-slider h2,
.page-template-partners .hero-slider p {
color: white
}
.page-template-partners .hero-slider .swiper-pagination-bullet {
background: #FFFFFF !important
}
.page-template-partners .our-values,
.page-template-innerpartners .our-values {
background: linear-gradient(90deg, #5AA3CD 0%, #50BE9B 100%);
padding: 100px 0
}
.page-template-innerpartners .our-values .two-column-container,
.page-template-partners .our-values .two-column-container {
justify-content:flex-start;
}
.page-template-partners .our-values .value-item,
.page-template-innerpartners .our-values .value-item {
background: transparent;
transition:0.4s all !important;
border:1px solid transparent;
}
/*.page-template-partners .our-values .value-item:first-child,*/
/*.page-template-innerpartners .our-values .value-item:first-child,*/
.page-template-innerpartners .our-values .value-item:hover,
.page-template-partners .our-values .value-item:hover{
border: 1px solid #ffffff;
background: rgba(255, 255, 255, 0.1);
backdrop-filter: blur(200px);
-webkit-backdrop-filter: blur(200px);
}
.page-template-partners .our-values h2,
.page-template-partners .our-values .value-item *,
.page-template-innerpartners .our-values h2,
.page-template-innerpartners .our-values .value-item * {
color: white
}
.page-template-partners .image-left .left-column img,
.page-template-innerpartners .image-left .left-column img {
border-radius: 24px
}
.page-template-partners .our-values .value-item h3 {
min-height: 45px;
}
.page-template-innerpartners .news-item .news-excerpt{
min-height: 40px;
}
.image-overlay {
background-size: cover;
background-position: top center;
padding-top: 200px;
text-align: left;
min-height: 820px
}
.image-overlay::after {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: linear-gradient(90deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0.14) 100%);
pointer-events: none;
}
.image-overlay .container {
align-items: flex-start;
}
.image-overlay h2 {
color: white
}
.image-overlay .description {
font-size: 18px;
color: white;
max-width: 550px;
font-weight: 300
}
.image-overlay .description p {
font-weight: 300
}
.page-template-partners .contact-form,
.page-template-innerpartners .contact-form {
background: url(./assets/images/partners-gradient-bg.jpg);
padding-top: 140px
}
.page-template-partners .contact-form h2,
.page-template-innerpartners .contact-form h2 {
max-width: 320px;
margin-bottom: 40px
}
.page-template-partners .contact-form .pattern-background,
.page-template-innerpartners .contact-form .pattern-background {
display: none
}
.page-template-partners .contact-form .left-column{
background: url(./assets/images/partners-contact.png);
background-size: contain;
background-repeat: no-repeat;
}
.page-template-partners .contact-form .left-column {
/* background: url(./assets/images/partner-form-img.png); */
background: unset;
}
/*.page-template-partners .contact-form .wpcf7-submit,*/
/*.page-template-innerpartners .contact-form .wpcf7-submit {*/
/* margin-top: 30px*/
/*}*/
.page-template-innerpartners section.contact-form .left-column {
background-image:unset;
}
.page-template-homepage .top-bottom-img-contact {
background-color:unset;
}
.page-template-homepage .top-bottom-img-contact .pattern-background{
background-image:unset;
}
.top-bottom-img-contact .container.two-column .left-column{
background-image: unset;
}
.top-bottom-img-contact .top-img {
border-radius: unset;
position: absolute;
width: auto;
top: -140px;
opacity: 1;
z-index: 11;
right: 0;
}
.top-bottom-img-contact .top-img img {
border-radius: unset !important;
}
.top-bottom-img-contact .bottom-img {
border-radius: unset;
position: absolute;
width: auto;
bottom: -140px;
opacity: 1;
z-index: 11;
left: 0;
}
.top-bottom-img-contact .bottom-img img {
border-radius: unset !important;
}
.top-bottom-img-contact .left-column {
position: relative;
}
/* Inner Partners Page */
.page-template-innerpartners .default-hero {
background: #212121;
background-image: url(./assets/images/partners-inner-bg.jpg);
background-size: cover;
background-position: center 22%;
background-repeat: no-repeat;
}
.page-template-innerpartners .default-hero h1,
.page-template-innerpartners .default-hero p,
.page-template-innerpartners .default-hero .section-description {
color: white
}
.page-template-innerpartners .default-hero p {
font-weight: 300
}
/* Resources Page */
.default-hero.resources-pages {
background: #F5FEFB;
background-image: url(./assets/images/resources-hero-v2.png);
background-size: cover;
background-position: center 22%;
background-repeat: no-repeat;
}
.latest-news h2 {
margin-bottom:60px;
}
.resources-pages.latest-news {
padding-top: 0px
}
.resources-pages .news-grid .facetwp-template {
display: flex;
justify-content: flex-start;
gap: 80px;
flex-wrap: wrap;
}
.resources-pages .latest-news {
padding-top: 55px
}
.resources-menu {
display: flex;
gap: 10px;
margin: 0;
}
.resources-menu .resources-menu-class {
display: flex;
gap: 10px;
margin: 0;
padding: 0;
list-style: none;
}
.resources-menu .resources-menu-class li {
list-style: none;
}
.resources-menu .resources-menu-class li a {
border-radius: 26px;
border: 1px solid #454545;
font-size: 12px;
font-weight: 500;
padding: 8px 23px;
display: flex;
align-items: center;
background-image: none;
color: #000000;
text-decoration: none;
transition: all 0.3s ease;
text-transform: uppercase
}
.resources-menu .resources-menu-class li.current-menu-item a,
.resources-menu .resources-menu-class li a:hover {
border-color: #D75427;
background-color: #FFF8F4;
color: #D75427;
}
/* Single Resources Page */
.case-study-template-default .default-hero.blog-hero {
background: #E8F5F1;
}
/* Legal Pages */
.page-template-legalpage .default-hero {
background-image: none
}
.legal-pages-menu {
padding: 45px 0px
}
.legal-pages-navigation {
display: flex;
justify-content: center;
gap: 7px;
margin: 0px;
padding: 0px
}
.legal-pages-navigation li {
list-style: none;
display: flex
}
.legal-pages-navigation a {
text-decoration: none;
text-transform: uppercase;
color: #454545;
padding: 8px 30px;
border: 1px solid #454545;
border-radius: 26px;
font-size: 12px;
font-weight: 500;
min-height: 40px;
}
.legal-pages-navigation .current-menu-item a {
border-color: #D75427;
background: rgba(215, 84, 39, .16);
color: #D75427
}
.legal-pages-navigation a:hover {
background: rgba(215, 84, 39, .16);
color: #D75427
}
.legal-page-content {
padding-top: 10px
}
.legal-page-content .main-content {
margin-bottom: 70px;
width: 100%;
}
.legal-page-content td, .legal-page-content th {
border: 1px solid;
padding: .5em;
}
.legal-page-content table {
border-collapse: collapse;
}
.legal-page-content .row {
display: flex;
align-items: flex-start;
margin-bottom: 90px;
}
.legal-page-content .legal-content-section {
width:100%;
}
.legal-page-content .legal-content-section:last-child .row {
margin-bottom: 0px
}
.legal-page-content .col-left {
flex: 0 0 120px;
max-width: 120px;
text-align: center;
font-size: 100px;
font-weight: 600;
color: #D8531E;
line-height: .8em
}
.legal-page-content .col-right {
flex: 1;
padding-left: 45px;
}
.legal-content-section .section-title {
font-size: 24px;
font-weight: 600;
margin-bottom: 25px;
}
.legal-content-section .section-content {
margin-bottom: 20px;
font-size: 16px;
}
.legal-content-section .table-html-content {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 20px;
}
.legal-content-section ul,
.legal-content-section ol {
margin: 0px;
padding-left: 25px
}
.legal-content-section .table-html-content table {
width: 100%;
border-collapse: collapse;
}
.legal-content-section .table-html-content th,
.legal-content-section .table-html-content td {
padding: 10px;
border: 1px solid #ccc;
}
/* FAQs*/
section.faqs {
padding-top: 45px
}
.faq-filters {
text-align: center;
margin-bottom: 30px;
}
.faq-navigation {
display: flex;
justify-content: center;
gap: 7px;
margin: 0;
padding: 0;
}
.faq-navigation li {
list-style: none;
display: flex;
}
.filter-btn {
text-decoration: none;
text-transform: uppercase;
color: #454545;
padding: 8px 30px;
border: 1px solid #454545;
border-radius: 26px;
font-size: 12px;
font-weight: 500;
background: none;
cursor: pointer;
transition: background-color 0.3s, color 0.3s;
min-height: 40px;
}
.filter-btn.active,
.filter-btn:hover {
border-color: #D75427;
background: rgba(215, 84, 39, 0.16);
color: #D75427;
}
.faq-list {
margin-top: 20px;
width: 100%;
}
.faq-item {
padding-bottom: 30px;
overflow: hidden;
/* Ensures smooth transition */
}
.faq-question {
display: flex;
justify-content: space-between;
align-items: center;
cursor: pointer;
padding: 20px 60px;
background: #FAFAFA;
position: relative
}
.faq-item.active .faq-question:after {
content: "";
position: absolute;
left: 0;
top: 0;
width: 14px;
height: 100%;
background: #D8531E
}
.faq-question h3 {
margin: 0;
font-size: 20px;
font-weight: bold;
line-height: 1.1em
}
.faq-answer {
height: 0;
/* Set height to 0 initially for smooth transition */
overflow: hidden;
transition: height 0.3s ease;
font-size: 14px;
line-height: 1.6;
display: none;
/* Initially hide all answers */
padding: 20px 60px;
}
.faq-answer p:last-child {
margin-bottom: 0px
}
.faq-item.active .faq-answer {
display: block;
}
.toggle-icon {
transition: transform 0.3s;
}
.toggle-icon svg {
width: 34px;
height: 34px
}
.faq-item.active .toggle-icon {
transform: rotate(45deg);
}
/*Apply Now Popup*/
.popup-organization {
display: none;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.7);
justify-content: center;
align-items: center;
z-index: 1;
}
.popup-organization-container {
padding: 20px;
border-radius: 5px;
text-align: center;
height: 100%;
display: flex;
align-items: center;
}
.close {
position: absolute;
top: 10px;
right: 20px;
font-size: 24px;
cursor: pointer;
}
.popup-organization-main {
background: #fff;
padding: 6rem 3rem;
border-radius: 20px;
}
.popup-organization-cards {
display: flex;
gap: 40px;
}
.organization-card {
border: 1px solid #D75427;
padding: 3rem 2rem;
border-radius: 15px;
transition: .3s ease all;
width: 100%;
position: relative;
min-height: 300px;
}
.organization-card:hover{
box-shadow: #d7542726 0 0 15px 10px;
}
.popup-organization-main > .popup-title {
padding-bottom: 75px;
width: 100%;
position: relative;
}
.popup-organization-main h3 {
text-transform: uppercase;
}
.organization-card h3 {
font-weight: bold;
}
.organization-card > span {
position: absolute;
left: 0;
right: 0;
bottom: 3rem;
}
span.closePopup {
font-size: 40px;
}
.popup-organization-main > .popup-title:after {
content: '';
background: #666666;
height: 1px;
left: 25%;
right: 25%;
position: absolute;
bottom: 55px;
}
#popup-organization-2 {
max-width: 1000px;
}
#popup-organization-1, #popup-organization-2, #popup-organization-3{
display: none;
}
.page-template-innerpremiumservice .client-logos{
padding-top:0;
}
.page-template-innerpremiumservice .client-logos .swiper-wrapper{
justify-content:center;
}
.page-template-innerpremiumservice .client-logos .swiper-container .swiper-slide:first-child{
margin-right:unset !important;
}
.page-template-innerpremiumservice .client-logos .swiper-container{
margin-top: 50px;
padding-bottom:0;
}
@media only screen and (max-width: 767px) {
.header-container .site-header.sticky-header .bottom-bar{
min-height: 60px;
}
.main-navigation ul ul li a, .main-navigation ul ul li .menu-image {
transition:unset;
}
h1,
.hero-slides h2 {
font-size: 37px;
}
h2 {
font-size: 32px;
}
.facet-filter.horizontal-buttons .facetwp-facet {
flex-flow:wrap;
}
section {
padding: 70px 0;
}
.container.two-column {
flex-direction: column;
gap: 40px;
align-items: center;
}
.header-button {
display: none
}
.header-container .menu-toggle {
padding: 0px
}
.header-container .main-navigation ul li {
display: block;
margin: 8px 0;
}
.homepage-hero {
padding: 70px 0;
min-height: auto;
}
.homepage-hero .container {
flex-direction: column;
align-items: flex-start;
}
.homepage-hero .hero-slide {
max-width: 100%;
text-align: left;
padding: 0;
}
.why-choose-dataflow {
background-size: 90vw;
background-position: 30% 95%;
padding-bottom: 70px;
}
.customer-testimonials {
background-size: 70vw;
background-position: 100% 20%;
}
.overview-of-b2b {
padding: 70px 0;
}
.overview-of-b2b .left-column {
display: none !important;
}
.industries-we-serve {
background-size: 100vw, cover;
background-position: 100% 21%, center;
}
.global-statistics .stat {
display: flex;
flex-direction: column;
}
.global-statistics .stat h3 {
font-size: 45px;
}
.verification-support-services .container .verification-sections,
.why-choose-dataflow .features,
.global-statistics .right-column.statistics,
.footer-top {
flex-direction: column;
align-items: flex-start;
gap: 20px;
}
.footer-top {
padding-bottom: 30px
}
/*.global-statistics .right-column.statistics*/
.industries-we-serve .industries {
display: grid;
grid-template-columns: repeat(1, 1fr);
gap: 20px;
}
.global-statistics .right-column.statistics {
width: 100%;
display: flex;
}
.global-statistics .stat {
/*text-align: left;*/
flex: 0 0 100%;
max-width: 100%;
}
.global-statistics .stat img {
margin: 0 auto;
margin-bottom: 5px;
}
.industries-we-serve .industries .industry {
padding: 5px;
}
.industries-we-serve .industries .industry h3 {
font-size: 20px;
}
.industries-we-serve .industries .industry img {
margin-bottom: 10px;
max-width: 80px;
}
.verification-support-services .verification-section {
padding: 25px;
}
.why-choose-dataflow .feature {
padding-bottom: 0;
margin-bottom: 0;
}
.why-choose-dataflow .feature p:last-child {
margin-bottom: 5px;
}
.verification-support-services .verification-section,
.why-choose-dataflow .feature,
.industries-we-serve .industry,
.news-item,
.footer-column {
max-width: 100%;
flex: 1 1 100%;
}
.footer-bottom {
flex-direction: column;
align-items: flex-start;
text-align: left;
}
.footer-bottom-left,
.footer-bottom-right {
text-align: left;
width: 100%;
margin-bottom: 10px;
}
section .pattern-background {
margin-bottom: 50px !important;
}
.homepage-hero::after,
.overview-of-b2b::after,
.about-hero-section::after,
.page-template-about .global-reach-map::before,
.certifications::before,
.premium-packages::before,
.global-reach-map::before,
.image-overlay::after {
background-size: cover;
background-position: center;
opacity: 0.2;
}
.overlay-video-container {
padding: 0;
}
.overlay-video-container .play-icon {
width: 50px;
height: 50px;
}
.overlay-video-container .video-overlay,
.overlay-video-container .video-poster,
.overlay-video-container video {
max-width: 100%;
height: auto;
}
.single-organization .more-reasons {
background-position: center center;
}
.single-organization .more-reasons .container.two-column .left-column,
.single-organization .more-reasons .container.two-column .right-column {
flex: 1 1 100%;
max-width: 100%;
padding: 0;
}
.reason-item {
flex-direction: column;
align-items: flex-start;
gap: 10px;
}
.reason-item .reason-image img {
max-width: 60px;
}
.global-reach-map .map img {
max-width: 100%;
height: auto;
margin-bottom: 20px;
}
.latest-news h2 {
margin-bottom: 50px;
}
.news-grid {
gap: 50px;
}
.customer-testimonials .swiper-slide {
text-align: center;
}
.customer-testimonials .swiper-slide img {
max-width: 80px;
}
.our-values .value-item,
.recent-vacancies .vacancy-item,
.code-of-conduct .description,
.code-of-conduct .left-column{
text-align: center;
}
.recent-vacancies .vacancy-item {
max-width: 100%;
width: 100%;
}
.recent-vacancies .job-tags {
display: flex;
flex-wrap: wrap;
justify-content: center;
row-gap: 12px;
}
.recent-vacancies .vacancy-item h3 {
font-size: 18px;
}
.recent-vacancies .vacancy-item p {
font-size: 14px;
}
.footer-column ul li {
margin-bottom: 10px;
}
.footer-column ul li a {
font-size: 14px;
}
.legal-pages-navigation {
flex-flow: wrap;
align-items: flex-start;
gap: 10px;
}
.legal-pages-navigation a {
width: 100%;
text-align: center;
}
.legal-content-section .section-title {
font-size: 20px;
}
.legal-content-section .section-content,
.legal-content-section ul,
.legal-content-section ol {
font-size: 16px;
}
.legal-content-section .table-html-content {
grid-template-columns: 1fr;
}
.single-career .job-content .two-column {
flex-direction: column;
gap: 20px;
}
.single-career .job-content .right-column {
max-width: 100%;
width: 100%;
}
.help-with-application h2 {
font-size: 24px;
}
.help-with-application .section-description {
font-size: 16px;
}
.help-with-application .primary-button {
padding: 10px 20px;
}
.defining-our-vision::after {
width: 100%;
opacity: 0.3;
top: 40%;
}
.page-template-about .defining-our-vision {
padding-bottom: 70px
}
.our-values .two-column-container {
flex-direction: column !important
}
.our-values .value-item {
max-width: 100% !important;
flex: 1 1 100% !important;
}
.certifications-list {
flex-direction: column
}
.certification-item {
flex: 1 1 100%;
max-width: 100%;
}
.single-organization .more-reasons .two-column .reason-item {
flex: 1 1 100%;
max-width: 100%;
text-align: center;
align-items: center;
margin-bottom: 0;
}
/*.premium-packages .tab-content .swiper-slide {*/
/* flex: 0 0 80%;*/
/* max-width: inherit;*/
/* width: 80% !important;*/
/* padding: 25px 10px;*/
/*}*/
.single-organization .overlay-video-container iframe,
.page-template-innerpremiumservice .overlay-video-container iframe,
.page-template-verification .overlay-video-container iframe,
.page-template-about .overlay-video-container iframe {
height: 301px;
}
.partners-page-slider-sec .hero-slide {
min-height: 300px;
}
.partners-page-slider-sec .hero-slides .contentbox{
max-width:100% ;
}
.contact-form .form-row {
margin-bottom: 20px;
flex-flow: wrap;
flex-direction: column;
row-gap: 20px;
}
.contact-form .form-group{
margin-right:0;
}
.page-template-contactus .list-of-resources .value-item .description {
min-height: auto;
}
.page-template-individuals .industries-we-serve{
background-image:unset;
}
.page-template-findorganization section.contact-form{
padding-top: 40px;
}
.single-organization .image-left .container.two-column {
gap: 30px;
}
.single-organization .list-of-resources.our-values .value-item h3{
min-height: auto;
}
.single-organization .more-reasons h2{
margin-bottom: 25px;
}
div#primary .verification-section p {
min-height: auto !important;
}
.client-logos .swiper-container{
margin-top: 20px;
}
.about-values-sec .value-item {
box-shadow: 0px 0px 35px 0px rgb(215 84 39 / 15%);
}
.page-template-findorganization .facet-filters .fs-wrap{
width:100%;
}
.page-template-findorganization .fs-dropdown .fs-options{
max-height: 130px;
}
.page-template-findorganization .facet-filters .fs-wrap .fs-label-wrap {
max-width:100%;
}
}
.map-tooltip {
width: 110px;
height: auto;
background-color: #fff;
position: absolute;
border-radius: 3px;
/*padding: 10px 10px;*/
color: #292929;
text-transform: uppercase;
display: none;
}
.map-tooltip li {
list-style: disc;
}
g.group-item {
transition:0.4s all;
cursor:pointer;
}
g.group-item:hover {
stroke: #d8531e;
stroke-width: 2px;
}
.group-item.ggg[index] {
opacity: 0;
transition: .4s;
}
.group-item.ggg[index].active {
opacity: 1;
}
.my-map-container svg {
max-width: 100%;
height: auto;
}
.map-toolyp {
margin: 0 !important;
padding-inline: 0;
text-align: left;
}
.header-container .main-navigation ul li:first-child{
display:none;
}
.global-reach-map .tooltip .fa-times{
position: absolute;
right: 10px;
top: 10px;
font-size: 16px !important;
display:none;
}
/* Start Application */
.check-verification a.btn.button.primary-button {
margin-left: 15px;
}
.start-application .hide {
display: none !important;
}
.start-application .tabs {
width: 100%;
display: inline-block;
}
.start-application .tab-links:after {
display: block;
clear: both;
content: '';
}
.start-application .tab-links li {
margin: 0 5px;
float: left;
list-style: none;
}
.start-application .tab-links a {
padding: 9px 15px;
display: inline-block;
border-radius: 3px 3px 0 0;
background: #7FB5DA;
color: #fff;
font-size: 16px;
font-weight: 600;
text-decoration: none;
transition: all linear 0.15s;
}
.start-application .tab-content {
padding: 15px;
border-radius: 3px;
box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
background: #fff;
}
.start-application .tab {
display: none;
}
.start-application .tab.active {
display: block;
}
.start-application .tabs ul.tab-links {
padding: 0;
margin: 0 !important;
}
.start-application ul.tab-links li {
margin: 0;
}
.start-application ul.tab-links li a {
border: 1px solid #454545 !important;
border-radius: 30px;
font-size: 12px;
font-weight: 400;
padding: .5rem 1.5rem;
background: #fff;
color: #454545;
text-transform: uppercase;
}
.start-application ul.tab-links li:first-child {
margin-right: 15px;
}
.start-application ul.tab-links li:hover a,
.start-application ul.tab-links li.active a {
background: #FFF8F3;
border-color: #D75427 !important;
color: #D75427 !important;
}
.start-application .tab-content {
background: transparent !important;
box-shadow: unset;
}
.start-application .tab-content .facet-filters {
display: block !important;
}
.start-application .tab-content .facet-filters select.facetwp-dropdown {
min-width: 100%;
padding-right: 10px !important;
background-position: 97% 50%;
}
.start-application .tab-content .select2-container {
display: block;
width: 100%;
}
.start-application .tab-content .select2-container--default .select2-selection--single {
width: 100%;
max-width: 100%;
}
.start-application .tab-content .facet-filters .fs-wrap {
display:none;
}
@media (max-width: 991px) {
.page-template-followup .offcanvas-menu{
right: 0;
}
.header-container .main-navigation ul li{
margin: 0;
}
.header-container .main-navigation ul li{
/*border-bottom: 1px solid;*/
padding: 10px 0;
}
button.offcanvas-close{
position: absolute;
right: 20px;
top: 20px;
padding: 0;
}
#mobile-menu span.dropdown-arrow{
position: absolute;
top: 12px;
right: 0;
z-index:-1;
}
ul#mobile-menu ul.sub-menu{
width: 100% !important;
position: unset;
left: 0;
transform: unset;
flex: 0 0 100%;
max-width: 100%;
/* display:none; */
float:unset;
box-shadow:unset;
background-color:unset;
max-width: calc(100% - 20px);
margin-left: auto;
}
/* ul#mobile-menu ul.sub-menu li.menu-item-has-children{
margin-left:-20px;
} */
ul#mobile-menu ul.sub-menu > li:last-child {
padding-bottom: 0;
border-bottom: 0;
}
#mobile-navigation .menu-mobile-menu-container{
width: 100%;
}
#mobile-navigation li.menu-item-has-children::before {
content:unset;
}
#mobile-navigation .social-icons{
margin-top: 20px;
}
#mobile-navigation .social-icons a{
width: 40px;
height: 40px;
padding: 5px;
margin-right: 10px;
padding: 10px;
display: flex;
align-items: center;
justify-content: center;
border: 1px solid;
}
#mobile-navigation .social-icons a:last-child{
margin-right:unset;
}
li.menu-item > ul.sub-menu > li.menu-item > ul.sub-menu{
opacity: 1;
visibility:visible;
}
#mobile-navigation .social-icons {
position: fixed;
bottom: 0;
padding: 20px;
background: white;
width: 100%;
justify-content: center;
}
.header-container .main-navigation ul li:first-child{
display:block;
}
}
@media (max-width: 767px) {
.map-container svg {
max-width: 100%;
height: auto;
}
.map-tooltip {
/*border-radius: 10px;*/
/*padding: 18px;*/
width: 90px;
}
.global-reach-map .map-toolyp {
padding: 5px 18px;
font-size: 8px;
}
.map-tooltip li {
font-size: 13;
}
.my-map-container svg {
height: auto;
}
.page-template-partners .contact-form.top-bottom-img-contact {
padding-top: 60px;
}
.top-bottom-img-contact .top-img {
right: -60px;
top: -80px;
transform: rotate(90deg);
}
.top-bottom-img-contact .bottom-img {
left: -80px;
transform: rotate(90deg);
bottom: -80px;
}
.find-your-organization .facet-filters .select2-container {
width: 100% !important;
}
.find-your-organization .facet-filters {
flex-direction: column;
width: 100%;
row-gap:0;
}
.find-your-organization .facet-filter {
width: 100%;
}
.find-your-organization .select2-container--default .select2-selection--single {
min-width: 100%;
max-width: 100%;
}
.organizations-wrapper .facetwp-template{
grid-template-columns: repeat(1, 1fr);
row-gap: 30px;
}
.page-template-about .facet-filter.horizontal-buttons .facetwp-facet{
justify-content: center;
flex-flow:wrap;
}
section.news-grid.leadership-grid{
text-align:center;
}
.posts-wrapper .facetwp-template{
grid-template-columns: repeat(1, 1fr);
}
.tab-content .facet-filters .select2-container{
width: 100% !important;
}
.page-template-contactus .image-left.contact-form::before {
background-image:unset !important;
}
.page-template-contactus .image-left.contact-form .pattern-background{
margin-bottom:0 !important;
display:none;
}
.page-template-partners .our-values .value-item,
.page-template-innerpartners .our-values .value-item{
padding: 20px 20px;
}
.page-template-partners .our-values .value-item h3{
min-height: auto;
}
.contact-form .select2-container--default .select2-selection--single{
background-position: 94% 50%;
}
.check-verification .tabs{
margin-top: 25px;
}
.check-verification .tabs .facet-filters {
padding-top: 20px;
}
.page-template-careers .image-left.contact-form::before{
background-image: unset;
}
.page-template-careers section.contact-form {
padding: 60px 0px;
}
.voices-section .swiper-container{
padding-right: 0;
padding-bottom: 30px;
padding-top: 40px;
}
.voices-section .voice-content{
flex-direction: column;
text-align: center;
padding: 0 10px;
}
.voices-section .left-column{
margin-bottom: 20px;
}
.voices-section .left-column img{
max-width: 60%;
}
.voices-section .right-column {
padding-left: 0;
padding-right: 0;
}
.voices-section .quote-icon{
margin: 0 auto;
}
.page-template-careers .image-left:not(.contact-form):after{
width: 100%;
}
.voices-section .swiper-container .swiper-wrapper{
align-items: flex-start;
}
.our-initiatives .title-bar{
flex-direction: column;
}
.our-initiatives .initiative-item{
width: 100%;
}
.partners-page-slider-sec.hero-slider .swiper-pagination {
margin-left: 20px;
}
.partners-page-slider-sec .hero-slide .container{
padding:0;
}
.partners-page-slider-sec .hero-slide{
max-width: calc(100% - 20px);
margin: 0 auto;
}
.page-template-partners .contact-form, .page-template-innerpartners .contact-form{
padding-top: 50px;
}
.legal-page-content .row{
flex-direction: column;
}
.legal-page-content .col-right{
padding-left: 0;
}
.legal-page-content .row{
margin-bottom: 40px;
}
.legal-page-content .content-area span {
word-break: break-word;
}
.legal-page-content .table-responsive{
overflow-x: scroll;
width: 100%;
}
.facet-filters.below-hero{
flex-direction: column;
}
.facet-filters.below-hero .facet-filter.sort {
align-items: flex-start;
flex-direction: column;
margin-top: 10px;
}
.facet-filters.below-hero .facet-filter.sort .facetwp-facet{
margin: 0px;
margin-top: 20px;
width: 100%;
}
.facet-filters.below-hero .facet-filter.sort .facetwp-facet .select2-container{
width:100% !important;
}
.facet-filters.below-hero .facet-filter.sort .select2-container--default .select2-selection--single{
min-width: 100%;
max-width: 100%;
}
.popup-organization-main{
padding: 40px 20px;
}
.popup-organization-cards{
height: 300px;
overflow-y: scroll;
padding-right: 14px;
flex-flow: wrap;
}
.popup-organization-cards .organization-card{
min-height: 150px;
padding: 20px;
}
.organization-card > span{
position:unset;
}
.list-of-resources .container.two-column{
gap: 0;
}
.leadership-grid #popup-modal .popup-inner-content{
flex-direction: column;
}
.leadership-grid #popup-modal .popup-image{
flex: auto;
min-height: 300px;
}
.leadership-grid #popup-modal .popup-image img{
object-position: top;
}
.leadership-grid #popup-modal .popup-content-right{
flex: auto;
padding: 20px 20px;
height: 200px;
overflow-y: scroll;
}
.leadership-grid #popup-modal .popup-content .close{
z-index: 1;
}
.organizations-wrapper .organization-image{
margin-bottom: 20px;
}
.organization-item a{
display: flex;
flex-direction: column;
}
.organizations-wrapper .organization-title{
order: -1;
margin-bottom: 20px;
}
.our-initiatives #popup-modal > .popup-content > .popup-inner-content.active{
flex-flow: wrap;
}
.our-initiatives #popup-modal .popup-image{
flex: auto;
min-height: 300px;
height: 300px;
}
.our-initiatives #popup-modal .popup-content-right{
flex: auto;
padding: 20px 20px;
height: 300px;
overflow-y: scroll;
background: white;
padding-top: 0;
}
.our-initiatives .popup-header{
padding-top: 20px;
padding-bottom: 20px;
position: sticky;
top: 0;
background: white;
}
.our-initiatives #popup-modal .popup-content .close{
z-index: 1;
width: 30px;
height: 30px;
background: white;
text-align: center;
line-height: 30px;
border-radius: 4px;
border: 1px solid;
top: 15px;
right: 15px;
}
.page-template-contactus .left-column img{
display:block;
}
.page-template-contactus .apply-form-container{
width: 100%;
}
.page-template-contactus .contact-form .select2-container{
width: 100% !important;
}
.page-template-allcareers .facet-filters{
flex-flow: wrap;
width: 100%;
max-width: 100%;
gap:0;
}
.page-template-allcareers .facet-filters .facet-filter{
width: 100%;
text-align: left;
}
.page-template-allcareers .facet-filters .facet-filter .facetwp-facet{
margin-bottom: 25px;
}
.page-template-allcareers .facet-filters .facet-filter .facetwp-facet .select2-container{
width:100% !important;
}
.page-template-allcareers .facet-filters .facet-filter .facetwp-facet .select2-container--default .select2-selection--single{
min-width: 100%;
max-width: 100%;
}
.single-career .job-content .job-details{
padding: 20px;
}
.page-template-partners .image-overlay{
background-position: center right;
padding-top: 50px;
min-height: 500px;
/*background-blend-mode:overlay;*/
/*background-color: rgb(0 0 0 / 70%);*/
}
.page-template-partners .image-overlay::before{
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgb(0 0 0 / 80%);
}
.single-post .blog-content .post-content img:not(.featured-image img){
width:100% !important;
}
.default-single .blog-content .author-info{
flex-flow: wrap;
}
.default-single .blog-content .author-info{
padding-right:0;
}
.social-share{
flex: 0 0 100%;
max-width: 100%;
margin-top: 15px;
}
.page-template-individuals .verification-sections p,
.page-template-homepage .verification-sections p{
min-height:auto !important;
}
.page-template-individuals .our-values .value-item .description{
min-height:auto;
}
.industries-we-serve{
background-image:unset;
}
/*.my-map-container svg{*/
/* height:400px !important;*/
/*}*/
.leadership-grid .popup-description{
text-align:left;
}
.page-template-contactus .image-left.contact-form .left-column{
margin-left: -100px;
margin-bottom: -30px;
margin-top: -30px;
}
.page-template-csr .container.two-column .left-column{
margin-left: -130px;
margin-bottom: -40px;
margin-top: -40px;
}
.list-of-resources.our-values .value-item .description {
min-height: auto;
}
.contact-form .container.two-column .right-column .apply-form-container{
width: 100%;
}
.default-single .blog-content .right-column{
max-width: 100%;
}
.page-template-contactus .list-of-resources .social-icons{
justify-content: center;
width: 100%;
}
.page-template-resourceswhitepapers .resources-pages .news-item p.news-excerpt{
min-height: auto !important;
}
.list-of-resources.our-values .value-item h3{
min-height: auto;
}
.legal-page-content .col-right{
width: 100%;
}
.customer-testimonials .swiper-container{
padding-bottom: 30px;
}
.page-template-homepage .industries-we-serve{
margin-top: -30px;
margin-bottom: -30px;
}
.page-template-individuals .industries-we-serve h2,
.page-template-homepage .industries-we-serve h2 {
margin-bottom: 40px;
}
.page-template-individuals .why-choose-dataflow {
padding-top: 30px;
background-image: unset;
}
.page-template-individuals .why-choose-dataflow h2{
margin-bottom: 30px;
}
.page-template-homepage .global-statistics .right-column.statistics .stat{
gap: 10px;
}
.page-template-homepage .global-statistics .right-column.statistics{
margin-top: 20px;
}
.customer-testimonials {
background-image: unset !important;
}
.page-template-individuals .why-choose-dataflow .section-img{
margin-bottom: 25px;
}
.page-template-homepage .overview-of-b2b::after {
background-image:unset !important;
}
.page-template-contactus .image-left.contact-form{
padding-top: 50px;
}
.page-template-contactus .image-left.contact-form .left-column{
display: none;
}
}
@media(max-width:575px){
.recent-organizations {
padding-top: 50px;
}
section{
padding:50px 0;
}
.defining-our-vision .vision-item, .defining-our-vision .mission-item{
max-width: 100%;
text-align: center;
}
.our-initiatives .select2-container{
margin-top: 15px;
width: 100% !important;
}
.our-initiatives .select2-container--default .select2-selection--single{
min-width: 100%;
max-width: 100%;
}
.our-initiatives .initiative-item{
width: 100%;
}
.our-initiatives .title-bar .filter{
margin-top: 10px;
}
.our-initiatives .title-bar{
margin-bottom: 50px;
}
.global-reach-map .section-description{
margin-bottom: 130px;
}
.my-map-container svg{
transform: scale(1.9) translateX(-50px);
margin-bottom:40px;
}
.page-template-about .defining-our-vision {
padding-bottom: 300px;
margin-bottom: 40px;
}
.defining-our-vision::after{
opacity: 1;
top: 22%;
transform: translate(-28%, 4%);
}
.page-template-contactus .map-container svg{
transform: scale(2) translateX(-50px);
margin-bottom: 40px;
}
.page-template-contactus .global-reach-map .section-description{
margin-bottom: 60px;
}
.page-template-contactus .global-reach-map .tooltip{
top: 50% !important;
left: 50% !important;
transform: translate(-50%, -50%);
}
.global-reach-map .tooltip .fa-times{
display:block;
}
}
@media (min-width: 1024px) {
.premium-packages .swiper-wrapper {
/* add extra styles to make the middle alignment*/
display: flex;
justify-content: center;
}
}
/* hide all arrow button on desktop for the premium-services page*/
@media (min-width: 1024px) {
.package-slider .swiper-arrows-container .swiper-button-prev{
display:none;}
.package-slider .swiper-arrows-container .swiper-button-next{
display:none;
}
}
/* ----------------custom css-------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* changes */
.verification-sections h2 {
min-height: 44px;
}
.verification-sections p:not(:first-child) {
margin: 0 !important;
display: none;
}
.why-choose-dataflow .feature .ico_wrap img {
margin: 0;
margin-bottom: -4px;
max-width: 50px;
}
.why-choose-dataflow .feature .ico_wrap {
border: 1px solid;
padding: .5rem;
border-color: #D75427;
border-radius: 10px;
transition: .3s ease;
position: relative;
width: 20%;
margin: 15px auto;
}
.ico_wrap:hover::after {
content: '';
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
border-radius: 10px;
z-index: -1;
transition: .3s ease all;
}
div#primary .verification-section p {
min-height: 122px;
}
.resources-pages .news-item img {
height: 215px;
object-fit: cover;
}
.resources-pages .news-item h3.news-title , .page-id-16 .news-item h3.news-title {
overflow: hidden !important;
display: -webkit-box !important;
-webkit-line-clamp: 2 !important;
line-clamp: 2 !important;
-webkit-box-orient: vertical !important;
}
.resources-pages .news-item p.news-excerpt {
overflow: hidden !important;
display: -webkit-box !important;
-webkit-line-clamp: 3 !important;
line-clamp: 3 !important;
-webkit-box-orient: vertical !important;
min-height: 95px !important;
}
.page-template-blogsarchive .news-item p.news-excerpt{
overflow: hidden !important;
display: -webkit-box !important;
-webkit-line-clamp: 3 !important;
line-clamp: 3 !important;
-webkit-box-orient: vertical !important;
min-height: 60px !important;
}
.page-template-blogsarchive .news-item .news-image img {
height: 215px;
object-fit:cover;
}
.news-item{
justify-content: unset !important;
}
.initiative-item .initiative-content p{
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 3;
line-clamp: 3;
-webkit-box-orient: vertical;
}
.news-grid.leadership-grid .news-image img {
width: 270px;
aspect-ratio: 2/2;
object-fit: cover;
object-position: top;
border-radius: 50%;
box-shadow: 0 0 20px 5px #0000000a;
}
.news-grid.leadership-grid .news-image , .news-grid.leadership-grid .news-content {
text-align: center;
}
.single-post .blog-content .post-content img:not(.featured-image img) {
width: 300px;
aspect-ratio: 4/5;
object-fit: cover;
object-position: top;
}
section.default-hero h1, section.default-hero .section-description{
max-width: 1000px !important;
}
.single-post .blog-content .post-content ul {
margin: 0;
}
.single-post .blog-content .post-content iframe {
height: 450px;
width: 800px;
}
.single-post .blog-content .post-content blockquote.wp-block-quote.is-layout-flow.wp-block-quote-is-layout-flow {
background: #f4f4f4;
margin: 0;
padding: 1rem;
border-right: 3px solid;
}
.banner_slide p {
font-size: 18px;
color: #000000;
}
.page-template-partners .contact-form h2{
max-width: unset !important;
}
.premium-packages .value-item {
position: relative !important;
}
a.learn_more_btn {
position: absolute;
bottom: 25px;
left:0;
right:0;
}
.package-slider {
padding-bottom: 45px;
}
.reason-item .reason-image img {
width: 20px !important;
zoom: .6;
}
.reason-item .reason-image {
border: 1px solid;
padding: .5rem;
border-color: #D75427;
border-radius: 10px;
transition: .3s ease;
position: relative;
margin: 15px auto;
margin-top: 0;
}
@media(max-width: 767px){
.banner_slide .container {
display: flex !important;
flex-direction: column !important;
padding: 0 !important;
}
.banner_col1, .banner_col2 {
width: 100% !important;
text-align: center !important;
}
.banner_slide {
padding: 3rem 1rem !important;
}
.homepage-hero .swiper-pagination {
left: 0 !important;
right: 0 !important;
}
}
.footer-column h3 {
font-size: 14px;
}
/* Hide the main image for "Solutions" menu item only */
#menu-item-3336 > a .menu-image {
display: none;
}
#menu-item-3336:hover > a .menu-image,
#menu-item-3336 a:hover .menu-image,
{
display: none !important;
}
.menu-item:hover img.hovered-image {
opacity: 0;
}
/* Remove the padding specifically for the solutions image */
#menu-item-3336 > a .menu-image-title-after.menu-image-not-hovered img,
#menu-item-3336 > a .menu-image-hover-wrapper {
padding-right: unset !important;
}
#menu-item-3336 .menu-image-title-after.menu-image-title {
padding-left: unset;
}
.header-container .language-switcher a {
color: #d8531e;
font-size: 15px;
background-color: #fff;
padding: 2px 10px;
text-decoration: none;
border-radius: 2px;
}
.header-container .social-icons a {
width: 22px;
height: 22px;
padding: 4.5px;
}
.header-container .top-bar {
min-height: 40px;
}
/* Flip layout for even sections */
.code-of-conduct:nth-of-type(even) .container {
display: flex;
flex-direction: row-reverse;
}
.page-template-about .code-of-conduct:nth-of-type(even) .right-column:after {
transform: scaleX(-1);
right: -170px;
}
.footer-mission {
font-size: 17px;
}
/* Responsive adjustments for smaller screens */
@media (max-width: 768px) {
.code-of-conduct:nth-of-type(even) .container {
flex-direction: column; /* Stack image and text vertically */
}
.code-of-conduct:nth-of-type(even) .right-column:after {
transform: none; /* Remove flip on small screens for better readability */
right: 0; /* Reset position */
}
}
@media (max-width: 768px) {
.our-values .value-item, .recent-vacancies .vacancy-item, .code-of-conduct:nth-of-type(even) .description, .code-of-conduct:nth-of-type(even) .left-column {
text-align: center;
align-items: center;
}
}
@media (min-width: 1540px) and (max-width: 1650px) {
.page-template-contactus .image-left.contact-form::before {
background-position: -35% top !important;
}}
@media (min-width: 1455px) and (max-width: 1540px) {
.page-template-contactus .image-left.contact-form::before {
background-position: -50% top !important;
}}
@media (min-width: 1375px) and (max-width: 1454px) {
.page-template-contactus .image-left.contact-form::before {
background-position: -80% top !important;
}}
@media (min-width: 1309px) and (max-width: 1374px) {
.page-template-contactus .image-left.contact-form::before {
background-position: -110% top !important;
}}
@media (min-width: 1279px) and (max-width: 1310px) {
.page-template-contactus .image-left.contact-form::before {
background-position: -130% top !important;
}}
@media (min-width: 1239px) and (max-width: 1280px) {
.page-template-contactus .image-left.contact-form::before {
background-position: -190% top !important;
}}
@media (min-width: 1224px) and (max-width: 1240px) {
.page-template-contactus .image-left.contact-form::before {
background-position: -225% top !important;
}}
@media (min-width: 1195px) and (max-width: 1225px) {
.page-template-contactus .image-left.contact-form::before {
background-position: -350% top !important;
}}
@media (max-width: 1200px) {
.page-template-contactus .image-left.contact-form:before {
background-image: unset !important;
}
/* Specific to elements inside the 'contact' section */
.contact .container.two-column {
flex-direction: column;
gap: 40px;
align-items: center;
}
.contact .left-column,
.contact .right-column {
width: 100%; /* Take full width */
padding: 0; /* Remove any left/right padding */
}
.contact .value-item {
margin-bottom: 20px; /* Add spacing between stacked items */
}
.contact .container.two-column .right-column {
align-items: center;
}
}
.what-is-included .section-subdescription {
padding-top: 50px;
}
.swiper {
position: relative; /* Ensure the slider container is the reference point */
overflow: hidden; /* Allow arrows to appear outside the container */
}
.swiper-button-next,
.swiper-button-prev {
position: absolute;
top: 50%;
transform: translateY(-50%);
z-index: 10; /* Ensure they appear above other elements */
width: 40px;
height: 40px;
border-radius: 20%; /* Make the arrows circular */
display: flex;
justify-content: center;
align-items: center;
box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1); /* Optional: Add a shadow */
}
.swiper-button-next::after,
.swiper-button-prev::after {
font-size: 16px; /* Adjust arrow icon size */
color: #000; /* Arrow color */
}
.swiper-container {
overflow: hidden;
}
/* Hover effect */
.swiper-button-next:hover, .swiper-button-prev:hover {
background-color: #d8531e; /* Background color on hover */
}
/* Active state effect */
.swiper-button-next:active, .swiper-button-prev:active {
background-color: #d8531e;
/* Background color when button is active */
}
/* Change arrow color to white on hover and active */
.swiper-button-next:hover::after, .swiper-button-prev:hover::after,
.swiper-button-next:active::after, .swiper-button-prev:active::after {
color: white; /* Change color to white */
font-weight: bold;
}
/* Base style for arrows */
.swiper-button-next::after, .swiper-button-prev::after {
font-weight: bold; /* Always bold */
}
.tabbing-content.aos-init.aos-animate .swiper-button-next {
z-index: 999;
/* Adjust overflow for arrow elements */
}
.check-a-report .image-right {
background: white;
}
section.list-of-resources div.two-column-container {
display: flex !important;
justify-content: start !important;
}
.premium-packages .two-column-container .value-item {
padding: 70px 60px;
}
.our-initiatives #popup-modal {
position: fixed;
z-index: 9999; /* Ensure it is above other content */
overflow: hidden; /* Prevent content from spilling over */
}
.our-initiatives #popup-modal.hidden {
display: none;
}
.header-container .site-header.sticky-header {
z-index: 999999 !important;
}
.our-initiatives.pop-active {
z-index: 99999 !important;
}
.page-template-verification .image-right {
background:white;
}
/* .customer-testimonials .swiper-wrapper {
transition-duration:unset !important;
} */
.premium-packages .swiper-wrapper {
transition-duration: unset !important;
transition-delay:unset !important;
}
.blog-content .post-content img {
display: block !important;
margin: 0 auto !important;
max-width: 100% !important;
}
.defining-our-vision .vision-item {
margin-left: auto !important;
}
.defining-our-vision .mission-item {
margin-left: unset !important;
}
.defining-our-vision .two-column-container {
flex-direction: column-reverse !important;
}
.postid-3113 .joinchat__button {
display: none !important;
}
.our-initiatives #popup-modal .popup-image img {
position:unset !important;
}
.our-initiatives #popup-modal .popup-image {
display:flex !important;
justify-content:center !important;
}
.contact-form .form-row.checkbox-wrapper .wpcf7-list-item-label {
margin-left: unset !important;
}
.page-template-partners .our-values-true .value-item h3{
min-height: 40px;
}
.page-template-partners .our-values-true .value-item .description{
min-height: 220px;
}
.page-template-partners .our-values-true .value-item {
flex: 1 1 calc(33% - 25px);
max-width: calc(33% - 25px);
text-align: left;
padding: 54px 30px;
background: #fff;
border-radius: 19px;
box-sizing: border-box;
}
.our-values-true {
background: url(/wp-content/themes/dataflow/./assets/images/gradient-bg.jpg);
background-size: cover;
background-position: center;
text-align: center;
background-color: #fff;
background-image: url(/wp-content/themes/dataflow/./assets/images/gradient-bg.jpg);
background-size: cover;
background-position: top center;
}
.our-values-true h2 {
max-width: 643px;
}
.our-values-true .two-column-container {
display: flex
;
justify-content: space-between;
flex-wrap: wrap;
margin-top: 40px;
gap: 40px;
justify-content: center;
}
.our-values-true .value-item {
flex: 1 1 calc(33% - 25px);
max-width: calc(33% - 25px);
text-align: left;
padding: 54px 30px;
background: #fff;
border-radius: 19px;
box-sizing: border-box;
}
.our-values-true .value-item h3 {
min-height: 40px;
}
.our-values-true .value-item h3 {
text-transform: uppercase;
font-weight: 700;
color: #292929;
}
.our-values-true .value-item .description {
/* min-height: 220px; */
}
.our-values-true .value-item .description {
text-align: left;
}
.why_should_you_choose_dataflow {
background-size: 520px;
background-position: 33% 100%;
}
.why_should_you_choose_dataflow {
text-align: center;
padding-top: 140px;
padding-bottom: 140px;
background-size: 600px;
background-position: 26% 100%;
background-repeat: no-repeat;
}
.why_should_you_choose_dataflow .pattern-background {
position: absolute;
bottom: 0;
margin: 0;
}
.why_should_you_choose_dataflow{
text-align: center;}
.why_should_you_choose_dataflow .container {
display: flex;
flex-direction: column;
align-items: center;
}
.why_should_you_choose_dataflow .features {
display: flex;
flex-wrap: wrap;
justify-content: center;
width: 100%;
margin-top: 5px;
}
.why_should_you_choose_dataflow .feature .ico_wrap {
padding: .5rem;
border-color: #00497A;
border-radius: 10px;
transition: .3s ease;
position: relative;
width: 20%;
margin: 15px auto;
}
.why_should_you_choose_dataflow .feature h3 {
font-size: 20px;
margin-bottom: 7px;
text-transform: uppercase;
}
.why_should_you_choose_dataflow .feature p {
font-size: 14px;
}
.why_should_you_choose_dataflow .section-img img {
max-width: 679px;
padding-top: 60px;
}
.why_should_you_choose_dataflow h2 {
margin-bottom: 60px;
}
.page-id-4867 .default-hero {
background: #00497A;
background-image: url(/wp-content/themes/dataflow/assets/images/partners-inner-bg-true.png);
background-size: cover;
background-position: center 22%;
background-repeat: no-repeat;
}
.page-id-4867 .default-hero .section-description {
width: 50%;
}
.page-id-4867 .contact-form .primary-button {
background-color:#00497A !important;
}
.our-values-true .value-item img {
max-width: 80px;
margin-bottom: 20px;
}
@media only screen and (max-width: 767px) {
.our-values-true .two-column-container {
flex-direction: column !important;
}
}
@media only screen and (max-width: 767px) {
.our-values-true .value-item {
max-width: 100% !important;
flex: 1 1 100% !important;
}
}
.page-template-partners .why_should_you_choose_dataflow {
background-size: 520px;
background-position: 33% 100%;
}
.why-choose-dataflow .feature {
flex: 1 1 30%;
max-width: 30%;
margin-bottom: 10px;
padding: 20px;
}
/* why_should_you_choose_dataflow */
.why_should_you_choose_dataflow {
text-align: center;
padding-top: 140px;
padding-bottom: 140px;
background-image: url(./assets/images/bg-pattern2.svg);
background-size: 600px;
background-position: 26% 100%;
background-repeat: no-repeat;
}
.why_should_you_choose_dataflow .section-img {
text-align: center
}
.why_should_you_choose_dataflow .section-img img {
max-width: 679px;
padding-top: 60px
}
.why_should_you_choose_dataflow .container {
display: flex;
flex-direction: column;
align-items: center;
}
.why_should_you_choose_dataflow h2 {
max-width: 445px
}
.why_should_you_choose_dataflow .features {
display: flex;
flex-wrap: wrap;
justify-content: center;
width: 100%;
margin-top: 5px
}
.why_should_you_choose_dataflow .feature {
flex: 1 1 30%;
max-width: 30%;
margin-bottom: 10px;
padding: 20px;
}
.why_should_you_choose_dataflow .feature img {
max-width: 72px;
margin-bottom: 14px;
}
.why_should_you_choose_dataflow .feature h3 {
font-size: 20px;
margin-bottom: 7px;
text-transform: uppercase;
}
.why_should_you_choose_dataflow .feature p {
font-size: 14px
}
@media (max-width: 767px) {
.why_should_you_choose_dataflow {
padding-top: 30px;
background-image: unset;
}
}
@media only screen and (max-width: 767px) {
.why_should_you_choose_dataflow {
padding-bottom: 70px;
}
}
@media (max-width: 767px) {
.why_should_you_choose_dataflow h2 {
margin-bottom: 30px;
}
}
@media only screen and (max-width: 767px) {
.why_should_you_choose_dataflow .features{
flex-direction: column !important;
align-items: flex-start !important;
gap: 20px !important;
}
}
@media only screen and (max-width: 767px) {
.why_should_you_choose_dataflow .feature {
max-width: 100%;
flex: 1 1 100%;
}
}
@media only screen and (max-width: 767px) {
.why_should_you_choose_dataflow .feature {
padding-bottom: 0;
margin-bottom: 0;
}
}
.page-id-4867 .joinchat__button {
display: none !important;
}
@media (max-width: 1024px) {
.swiper-button-next, .swiper-button-prev {
display:flex !important;
}
}
.premium-packages .two-column-container .value-item {
padding: 70px 30px;
}
/* Ensure the popup is fixed and covers the entire screen */
#career-popup-section {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.5); /* Semi-transparent background */
display: none; /* Hidden by default */
z-index: 999999999999; /* Make sure the popup is on top */
}
/* Popup content styling */
#career-popup-section .career-popup-content {
position: relative;
background: white;
max-width: 600px;
margin: 50px auto; /* Center the popup */
padding: 20px;
border-radius: 8px;
}
/* Close button styling */
#career-popup-close {
position: absolute;
top: 10px;
right: 10px;
font-size: 20px;
color: #000;
background: none;
border: none;
cursor: pointer;
}
.career-apply-form-container img {
width: unset;
}
.career-apply-form-container h2 {
margin-bottom: 40px;
max-width: 460px;
}
.career-apply-form-container {
padding: 20px 40px;
}
.career-apply-form-container label {
display: block;
font-weight: 600;
text-transform: uppercase;
font-size: 14px;
}
.career-apply-form-container .form-group .attach-doc-wrapper .wpcf7-form-control-wrap {
opacity: 0;
overflow: hidden;
position: absolute;
z-index: 1;
top: 0;
left: 0;
cursor: pointer;
width: 100%;
height: 100%;
}
.career-apply-form-container .form-group .attach-doc-wrapper {
display: flex
;
align-items: center;
position: relative;
}
.career-apply-form-container .form-group .attach-doc-wrapper p {
margin: 0;
}
.career-apply-form-container .form-group .attach-doc-wrapper input {
opacity: 0;
overflow: hidden;
position: absolute;
z-index: 1;
top: 0;
left: 0;
cursor: pointer;
width: 100%;
height: 100%;
}
.career-apply-form-container input[type=file] {
padding: 5px;
border: none;
}
.career-apply-form-container input[type=text], .contact-form input[type=email], .contact-form input[type=tel], .contact-form input[type=file], .contact-form textarea, .contact-form select {
width: 100%;
padding: 10px;
margin: 12px 0 0;
border: 1px solid #999;
border-radius: 4px;
font-weight: 500;
color: #000;
}
.career-apply-form-container .form-group .attach-doc-wrapper .file-label {
position: relative;
cursor: pointer;
display: flex
;
align-items: center;
margin: 0;
}
.career-apply-form-container label {
display: block;
font-weight: 600;
text-transform: uppercase;
font-size: 14px;
}
.career-apply-form-container .form-group .attach-doc-wrapper .text-wrapper .file-uplod-title {
color: #d75427;
text-transform: uppercase;
font-weight: 500;
}
.career-apply-form-container .form-group .attach-doc-wrapper .text-wrapper span {
line-height: 1;
margin-bottom: 4px;
font-size: 12px;
}
.career-apply-form-container .form-group .attach-doc-wrapper .text-wrapper span:last-child {
margin-bottom: 0;
}
.career-apply-form-container .form-row.checkbox-wrapper label {
text-transform: initial;
font-weight: 400;
}
.career-apply-form-container .form-group .attach-doc-wrapper .file-label .upload-icon {
width: 38px;
height: 38px;
flex: 0 0 38px;
margin-right: 10px;
}
.career-apply-form-container
.wpcf7-list-item {
display: inline-block;
margin: 0 0 0 0 !important;
}
.career-apply-form-container
input[type=text], .career-apply-form-container input[type=email], .career-apply-form-container input[type=tel], .career-apply-form-container input[type=file], .career-apply-form-container textarea, .career-apply-form-container select {
width: 100%;
padding: 10px;
margin: 12px 0 0;
border: 1px solid #999;
border-radius: 4px;
font-weight: 500;
color: #000;
}
.single-organization .fees-section h2 {
text-align: center;
max-width: 450px;
margin-bottom: 60px;
}
.single-organization .fees-section {
display: flex;
flex-direction: column;
align-items: center;
}
.single-organization .fees-section th{
background-color: #00497A;
color: #F5F5F5;
padding: 10px 5px;
}
.single-organization .fees-section table {
width: 80%;
border-collapse: collapse;
}
.single-organization .fees-section td {
text-align: center;
width: 40%;
padding: 25px 50px 10px 50px;
}
.single-organization
.fees-section table,
.fees-section th,
.fees-section td {
border: 4px solid #F5F5F5;
}
/* Responsive Styles */
@media (max-width: 768px) {
.single-organization .fees-section table {
width: 100%; /* Make table responsive */
}
.single-organization .fees-section td,
.single-organization .fees-section th {
display: table-cell; /* Ensure that cells are displayed as table cells */
text-align: left; /* Align text to the left for readability */
padding: 10px 15px; /* Adjust padding for smaller screens */
}
/* Optional: Adjust the header style to make it look better on mobile */
.single-organization .fees-section th {
padding: 12px 8px; /* Adjust header padding */
}
/* Allow the content to be scrolled horizontally */
.single-organization .fees-section table {
-webkit-overflow-scrolling: touch; /* Smooth scrolling on iOS */
overflow-x: auto; /* Allow horizontal scroll */
-ms-overflow-x: scroll; /* For Internet Explorer */
}
}
@media (max-width: 450px) {
.single-organization .fees-section table {
width: 100%; /* Ensure table takes full width even on very small screens */
}
.single-organization .fees-section td,
.single-organization .fees-section th {
padding: 8px 12px; /* Smaller padding for mobile */
}
.single-organization .fees-section table {
font-size: 14px; /* Reduce font size on very small screens */
}
/* Optional: Add vertical scroll if needed */
.single-organization .fees-section {
overflow-y: auto;
}
}
.my-custom-swiper .swiper-wrapper {
/* transition-duration: 8s !important; */
/* transition-delay: 3s !important; */
}
.postid-3465.single-post .blog-content .post-content img:not(.featured-image img) {
width: 100% !important;
aspect-ratio: 10/5 !important;
object-fit: cover;
object-position: top;
}
.single-post .blog-content .post-content img:not(.featured-image img) {
width: 100% !important;
aspect-ratio:unset !important;
object-fit: cover;
object-position: top;
}
.postid-3480.single-post .blog-content .post-content img:not(.featured-image img) {
width: 100% !important;
aspect-ratio: 10/5 !important;
object-fit: cover;
object-position: top;
}
.postid-3602.single-post .blog-content .post-content img:not(.featured-image img) {
width: 100% !important;
aspect-ratio: 10/5 !important;
object-fit: cover;
object-position: top;
}
.free-button{
background-color:#00497A !important;
}
#apply-form-section.visible {
visibility: visible;
opacity: 1;
height: auto;
}
.apply-form-section-inner-job img{
width: 50px !important;
}
.apply-form-section-inner-job .form-row {
display: flex
;
justify-content: space-between;
margin-bottom: 30px;
}
.apply-form-section-inner-job .form-group {
flex: 1;
margin-right: 20px;
}
.apply-form-section-inner-job .form-group p {
margin: 0;
}
.apply-form-section-inner-job label {
display: block;
font-weight: 600;
text-transform: uppercase;
font-size: 14px;
}
.apply-form-section-inner-job .form-group .wpcf7-form-control-wrap {
width: 100%;
}
.apply-form-section-inner-job input[type=text], .apply-form-section-inner-job input[type=email], .apply-form-section-inner-job input[type=tel], .apply-form-section-inner-job input[type=file], .apply-form-section-inner-job textarea, .apply-form-section-inner-job select {
width: 100%;
padding: 10px;
margin: 12px 0 0;
border: 1px solid #999;
border-radius: 4px;
font-weight: 500;
color: #000;
}
.apply-form-section-inner-job .form-group .attach-doc-wrapper {
display: flex;
align-items: center;
position: relative;
}
.apply-form-section-inner-job .form-group .attach-doc-wrapper .file-label {
position: relative;
cursor: pointer;
display: flex;
align-items: center;
margin: 0;
}
.apply-form-section-inner-job .form-group .attach-doc-wrapper .file-label .upload-icon {
width: 38px;
height: 38px;
flex: 0 0 38px;
margin-right: 10px;
}
.apply-form-section-inner-job .form-group .attach-doc-wrapper .text-wrapper {
display: flex
;
flex-direction: column;
}
.apply-form-section-inner-job .form-group .attach-doc-wrapper .text-wrapper .file-uplod-title {
color: #d75427;
text-transform: uppercase;
font-weight: 500;
}
.apply-form-section-inner-job .form-group .attach-doc-wrapper .text-wrapper span {
line-height: 1;
margin-bottom: 4px;
font-size: 12px;
}
.apply-form-section-inner-job .form-group .attach-doc-wrapper .text-wrapper span:last-child {
margin-bottom: 0;
}
.apply-form-section-inner-job .form-group .attach-doc-wrapper .text-wrapper .file-format {
color: #292929;
}
.apply-form-section-inner-job .form-group .attach-doc-wrapper .text-wrapper span {
line-height: 1;
margin-bottom: 4px;
font-size: 12px;
}
.apply-form-section-inner-job .form-group .attach-doc-wrapper .text-wrapper p {
margin-bottom: 0;
}
.apply-form-section-inner-job .form-group .attach-doc-wrapper .wpcf7-form-control-wrap {
opacity: 0;
overflow: hidden;
position: absolute;
z-index: 1;
top: 0;
left: 0;
cursor: pointer;
width: 100%;
height: 100%;
}
.apply-form-section-inner-job .form-group:last-child {
margin-right: 0;
}
.apply-form-section-inner-job .form-group {
flex: 1;
margin-right: 20px;
}
.apply-form-section-inner-job .form-row.checkbox-wrapper label {
display: flex
;
align-items: flex-start;
}
.apply-form-section-inner-job .form-row.checkbox-wrapper label {
text-transform: initial;
font-weight: 400;
}
.apply-form-section-inner-job .wpcf7-list-item {
display: inline-block;
margin: 0 0 0 0 !important;
}
.apply-form-section-inner-job {
padding-bottom: 140px;
margin-top: -90px;
}
.my-custom-swiper
.swiper-pagination-bullet {
width: 10px !important;
height: 10px !important;
background: white !important;
}
.single-career .job-content .left-column .apply-now {
display: none !important;
}
.page-id-4867 .why_should_you_choose_dataflow .pattern-background {
position: absolute;
bottom: unset !important;
margin: 0;
top: 0;
}
.page-id-4867
.page-template-partners .contact-form, .page-template-innerpartners .contact-form {
background: url(/wp-content/themes/dataflow/./assets/images/partners-gradient-bg-true.png);
}
/* Hide only the image with the class old-image */
.page-id-4867 .top-img .old-image {
/* display: none; */
}
.page-id-4867
.why_should_you_choose_dataflow .feature .ico_wrap {
width: unset !important;
}
.page-id-4867
.why_should_you_choose_dataflow .feature img {
width: 75px;
}
.page-id-4867
.why_should_you_choose_dataflow .feature img {
margin-bottom: unset !important;
}
.page-id-4867
.why_should_you_choose_dataflow h2 {
max-width: 462px !important;
}
.page-id-4867
.why_should_you_choose_dataflow .feature .ico_wrap {
margin: unset !important;
}
.page-id-4867 section .pattern-background {
width: 100%;
height: 47px;
background-image: url('https://staging-746c-dataflowgroup2.wpcomstaging.com/wp-content/themes/dataflow/assets/images/dash-oultline-why-should-use-df-section.png');
background-size: unset !important;
margin-bottom: 120px;
}
.red{
color:red;
}
.contact-form .form-row1
{display: flex;
justify-content: space-between;
margin-bottom: 20px;
}
.page-id-15 .our-values.icon-boxes.our-leadership .value-item img {
max-width: 250px !important;
}
@media only screen and (max-width: 767px) {
.why-choose-dataflow .features {
flex-direction: column;
align-items: center;
gap: 20px;
}
.why-choose-dataflow .feature {
max-width: unset !important;
}
.page-template-innerpremiumservice .what-is-included:after {
content: unset !important;
/* width: 760px;
height: 760px;
position: absolute;
right: 0;
bottom: -34%;
left: -10%;
background-image: url(/wp-content/themes/dataflow/./assets/images/bg-pattern-green-v2.svg);
background-size: contain;
background-position: top right;
background-repeat: no-repeat; */
}
.premium-services-tabbing .tab-links li {
padding: .5rem .9rem;
}
.client-logos .swiper-pagination {
display: flex;
justify-content: center;
flex-wrap: nowrap; /* Prevent wrapping to a new line */
gap: 0px; /* Add a small gap between dots */
overflow-x: auto; /* Enable horizontal scrolling if necessary */
}
}
.apply-form-section-inner-job .form-row.checkbox-wrapper .wpcf7-list-item .wpcf7-list-item-label:before {
position: absolute;
top: 0;
left: 0;
height: 20px;
width: 20px;
border: 1px solid #d75427;
border-radius: 3px;
}
.apply-form-section-inner-job .contact-form .form-row.checkbox-wrapper .wpcf7-list-item .wpcf7-list-item-label:after {
top: 4px;
left: 4px;
width: 12px;
height: 12px;
border-radius: 3px;
background: #d75427;
opacity: 0;
transition: .4s all;
}
.apply-form-section-inner-job .form-row.checkbox-wrapper .wpcf7-list-item .wpcf7-list-item-label {
max-width: -moz-max-content;
max-width: max-content;
padding-left: 15px;
margin: 0;
font-size: 0;
}
.apply-form-section-inner-job .form-row.checkbox-wrapper .wpcf7-list-item input {
position: absolute;
opacity: 0;
cursor: pointer;
width: 0;
display: none;
}
.apply-form-section-inner-job .form-row.checkbox-wrapper .wpcf7-list-item .wpcf7-list-item-label:after {
content: "";
position: absolute;
}
.apply-form-section-inner-job .form-row.checkbox-wrapper .wpcf7-list-item .wpcf7-list-item-label:after {
top: 4px;
left: 4px;
width: 12px;
height: 12px;
border-radius: 3px;
background: #d75427;
opacity: 0;
transition: .4s all;
}
.apply-form-section-inner-job .form-row.checkbox-wrapper .wpcf7-list-item input:checked~.wpcf7-list-item-label:after {
opacity: 1;
}
/* .wpcf7 form.sent .wpcf7-response-output {
display: none !important;
} */
.custom-thank-you {
margin-top: 15px;
padding: 5px 15px;
border: 2px solid #46b450;
}
@media (max-width: 767px) {
.page-id-4867 .why_should_you_choose_dataflow h2 {
margin-bottom: 30px;
margin-top: 50px;
}
/* .our-initiatives.pop-active {
z-index: 9999999999 !important;
} */
}
@media (max-width: 767px) {
.our-initiatives #popup-modal .popup-content .close {
z-index: 9;
background: black;
color: white;
}
/* .popup-organization-container{
display:block !important;
overflow-y: scroll;
}
.popup-organization-main {
margin-bottom: 20px !important;
} */
/* .customer-testimonials .swiper-wrapper {
transition-duration:3s !important;
} */
}
@media (max-width: 1200px) {
.page-id-4867
.image-left.contact-form:before {
background-image: unset !important;
}
}
.single-organization .left-column .reason-image {
display:flex !important;
justify-content: center;
align-items: center;
}
.page-template-careers .fancybox-container {
z-index: 9999999999999999999999999992 !important;
}
.contact-form .select2-container--default .select2-selection--single {
padding: 6.5px 10px !important;
}
.page-id-6172 .top-bar{
display:none !important;
}
.page-id-6172 .site-header {
display:none !important;
}
.page-id-6172 .site-footer {
display:none !important;
}
.page-id-6172 .joinchat__button {
display: none !important;
}
.page-template-careers
.wpcf7 form.sent .wpcf7-response-output {
display: block !important;
}
.contact-form .form-group .attach-doc-wrapper .wpcf7-form-control-wrap {
opacity: unset !important;
font-size: 12px;
/* top: 40px !important; */
overflow: visible;
}
.attach-doc-wrapper
.wpcf7-not-valid-tip {
margin-top: 40px !important;
}
@media only screen and (max-width: 1400px) {
.page-template-careers
.contact-form
.container.two-column {
flex-direction: column;
gap: 40px;
align-items: center;
}
.page-template-careers
.contact-form
.page-template-careers section.contact-form {
padding: 60px 0;
}
.page-template-careers .image-left.contact-form:before {
background-image: unset!important;
}
}
.footer-column ul li a {
font-weight: 100 !important;
}
/* .customer-testimonials .swiper-wrapper {
transition-duration: 5s !important;
} */
.job-content{
padding: 75px 0 !important;
}
.page-template-innerpremiumservice .premium-packages.our-values .two-column-container .value-item {
padding: 70px 20px !important;
}
/* @media only screen and (width: 768px) {
.page-id-6172 img {
width: unset !important;
}
} */
@media only screen and (min-width: 768px) {
.page-id-6172
.homepage-hero, .hero-slider {
min-height: unset !important;
}
}
/* .page-id-6172
.homepage-hero
.hero-slide
.banner_slide
.container {
padding: 0 25px !important;
} */
@media only screen and (max-width: 768px) {
.premium-packages .two-column-container .value-item {
padding: 70px 50px;
}
.page-template-innerpremiumservice .premium-packages.our-values .two-column-container .value-item {
padding: 70px 50px !important;
}
}
@media (max-width: 1024px) and (min-width: 992px) {
.swiper-button-next, .swiper-button-prev {
display: none !important
;
}
}
@media only screen and (max-width: 767px) {
.why-choose-dataflow .feature {
padding: 0px !important;
}
}
@media only screen and (max-width: 767px) {
.why-choose-dataflow .features {
gap: 0px;
}
.page-id-4867 .default-hero .section-description {
width: 70%;
}
}
@media only screen and (min-width: 767px) {
.page-template-templatesverification-php
.check-verification
.right-column {
min-width: 600px;
}}
@media only screen and (max-width: 767px) {
.page-template-templatesverification-php
.check-verification {
background-image: none !important;
}
}
.body-no-scroll {
overflow-y: hidden;
}
@media only screen and (max-width: 1200px) and (min-width: 768px) {
.page-id-6172 .homepage-hero .hero-slide .banner_slide .container {
padding: 0 50px !important;
}
.page-id-6172 .homepage-hero .swiper-pagination {
padding-left: 50px !important;
}
}
.page-id-6172 .faq-list {
padding: 0px 20px;
}
.headline-faq-arab {
display: flex;
justify-content: center;
align-items: center;
}
@media only screen and (max-width: 390px) and (min-width: 300px) {
.single-organization .left-column .reason-image {
padding: 0.60rem !important;
}
.reason-item .reason-image img {
display:block !important;
max-width: 100% !important;
}
}
.faq-answer {
padding: 20px 30px;
}
.faq-question {
padding: 20px 30px;
}
.our-initiatives
.popup-content {
margin-top: 70px;
}
@media only screen and (max-width: 767px) {
.our-initiatives .popup-description h2 {
font-size: 20px;
}
}
@media only screen and (min-width: 1600px) {
.page-template-homepage
.overview-of-b2b:after {
width: 80% !important;
}
}
@media only screen and (min-width: 768px) and (max-width: 1200px){
.page-template-homepage
.overview-of-b2b:after {
width: 80% !important;
}
}
.page-template-premiumservice .premium-packages .package-slider{
padding-right: 15px !important;
padding-left: 15px !important;
}
.single-organization
.testimonial {
padding-top: 50px !important;
}
.page-template-csr .our-values, .page-template-csr .image-left {
padding: 10px 0px 0px 0px;
}
.page-template-csr .our-values{
padding:75px 0px;
}
.page-template-csr .our-initiatives {
padding: 75px 0 100px 0 !important;
}
.page-template-csr .our-initiatives .title-bar{
margin-bottom: 50px !important;
}
.page-template-csr
.our-values .value-item {
padding: 30px 30px !important;
}
.page-template-allcareers .recent-vacancies {
padding-top: 75px;
}
.page-template-allcareers
.recent-vacancies {
padding : 75px 0px !important;
}
.page-template-legalpage
.legal-page-content .row {
margin-bottom: 50px;
}
.page-template-homepage
.why-choose-dataflow {
padding-bottom: 75px;
}
.page-template-homepage
.customer-testimonials{
padding-top:75px !important;
}
.page-template-homepage
.industries-we-serve{
padding-top:75px !important;
}
.page-template-homepage
.overview-of-b2b {
padding: 100px 0;
}
.page-template-homepage
.latest-news {
padding:75px 0 !important;
}
.page-template-homepage .contact-form
section .pattern-background {
height: 20px;
}
.page-template-homepage
.verification-support-services {
padding-bottom:120px !important;
}
.page-template-homepage
.why-choose-dataflow
.pattern-background {
margin-bottom: 100px !important;
}
.page-template-individuals
.why-choose-dataflow .section-img img {
padding-top: 0px !important;
}
.video-testimonials{
padding-top:75px !important;
}
.page-template-individuals
.our-values
.value-item {
padding: 30px 30px !important;
}
.page-template-individuals
.why-choose-dataflow{
padding-top: 75px !important;
}
.page-template-individuals
.verification-support-services{
padding-top: 100px !important;
padding-bottom: 75px !important;
}
.single-organization
.reason-item {
margin-bottom: 40px;
}
/* .page-template-blogsarchive
.primary-button, .button, button, input[type="button"], input[type="reset"], input[type="submit"] {
background-color: #00497A;
} */
@media only screen and (min-width: 768px) {
.page-template-homepage
.global-statistics{
padding:75px !important;
}
.global-reach-map {
padding:100px !important;
padding-bottom: 30px !important;
}
/* .page-template-homepage */
.client-logos {
padding:75px 0 !important;
}
.page-template-individuals
.our-values {
padding:75px!important;
}
.page-template-individuals
.industries-we-serve{
padding:75px!important;
}
.page-template-verification
.check-verification {
padding-top:75px !important;
padding-bottom:75px !important;
}
.page-template-verification
.image-right {
padding-top:75px !important;
padding-bottom:75px !important;
}
.page-template-verification
.verification-steps {
padding-top:75px !important;
padding-bottom:75px !important;
}
.page-template-verification
.list-of-resources
{
padding-top:75px !important;
padding-bottom:75px !important;
}
.page-template-verification
.who-are-we{
padding-top:75px !important;
padding-bottom:75px !important;
}
.page-template-verification
.latest-news{
padding-top:75px !important;
}
.page-template-premiumservice
.image-left{
padding-top:75px !important;
padding-bottom:75px !important;
}
.page-template-premiumservice
.our-values {
padding-top:75px!important;
padding-bottom:75px !important;
}
.single-organization
.image-left{
padding-top:75px !important;
padding-bottom:75px !important;
}
.single-organization
.list-of-resources{
padding-top:75px !important;
padding-bottom:75px !important;
}
.single-organization
.more-reasons{
padding-top:75px !important;
padding-bottom:75px !important;
}
.single-organization
.who-are-we{
padding-top:75px !important;
padding-bottom:75px !important;
}
.single-organization
.customer-testimonials{
padding-top:75px !important;
padding-bottom:75px !important;
}
.single-organization
.support-now{
padding-top:75px !important;
}
.page-template-verification
.our-values .value-item {
padding: 30px 30px;
}
.single-organization
.our-values .value-item {
padding: 30px 30px;
}
.single-organization .support-now .pattern-background {
margin: 140px 0 0 0;
}
.single-organization
.support-now
.pattern-background{
margin-top: 75px ;
}
.page-template-innerpartners
.image-left{
padding-top:75px !important;
padding-bottom:75px !important;
}
.page-template-innerpartners
.our-values {
padding-top:75px!important;
padding-bottom:75px !important;
}
.page-template-innerpartners
.our-values-true {
padding-top:75px!important;
padding-bottom:75px !important;
}
.page-template-innerpartners
.our-values-true .value-item {
padding: 30px 30px !important;
}
.page-template-innerpartners
.why_should_you_choose_dataflow {
padding-top:75px!important;
padding-bottom:75px !important;
}
.page-template-about
.who-are-we {
padding-top:75px!important;
padding-bottom:75px !important;
}
.page-template-about
.about-values-sec{
padding-top:75px!important;
padding-bottom:75px !important;
}
.page-template-about
.our-values .value-item {
padding:30px 30px!important;
}
.page-template-about
.news-grid {
padding:75px 0px!important;
}
.page-template-about
.code-of-conduct {
padding:75px 0px!important;
}
.page-template-about
.our-values {
padding:75px 0px!important;
}
.page-template-about
.certifications {
padding:75px 0px!important;
}
.page-template-contactus
.image-left
{
padding:75px 0px!important;
}
.page-template-contactus
.list-of-resources .value-item {
padding:30px 30px!important;
}
.page-template-innerpartners
.our-values
.value-item{
padding: 30px 30px !important;
}
.page-template-innerpartners
.contact-form {
padding-bottom: 140px !important;
}
.page-id-15 .site-footer {
margin-top: 75px !important;
}
.page-template-csr .our-initiatives {
padding-bottom:140px !important;
}
.page-template-innerpartners
.why_should_you_choose_dataflow{
padding-top:100px !important;
}
.page-template-about
.defining-our-vision{
padding-bottom:75px !important;
}
.page-template-about .our-values .value-item {
padding: 25px 30px !important;
}
.page-template-careers .our-values .value-item {
padding: 25px 30px !important;
}
.single-organization .list-of-resources.our-values .description {
min-height: unset !important;
}
}
@media only screen and (max-width: 576px) {
.page-template-csr .our-initiatives {
padding: 0px 0 100px 0 !important;
}
.page-template-allcareers
section.default-hero {
padding: 70px 0 !important;
}
.page-template-individuals
section.default-hero {
padding: 70px 0 !important;
}
.page-template-allcareers .recent-vacancies {
padding: 20px 0px !important;
}
.page-template-individuals
.verification-support-services{
padding-top: 50px !important;
padding-bottom: 50px !important;
}
.page-template-individuals
.why-choose-dataflow{
padding-top: 50px !important;
}
.page-template-verification
section.default-hero {
padding: 70px 0 !important;
}
.single-organization
section.default-hero {
padding: 70px 0 !important;
}
.page-template-verification
.latest-news{
padding-bottom:75px !important;
}
.page-template-premiumservice
section.premium-packages {
padding-bottom:0px !important;
}
.single-organization
section .pattern-background {
margin-bottom: 0px !important;
}
.page-template-innerpartners
section.default-hero {
padding: 70px 0 !important;
}
.page-id-4867
section.default-hero {
padding: 70px 0 !important;
}
.page-template-blogsarchive
section.default-hero {
padding: 70px 0 !important;
}
.page-template-contactus
section.default-hero {
padding: 70px 0 !important;
}
.page-template-faq
section.default-hero {
padding: 70px 0 !important;
}
.page-template-legalpage
section.default-hero {
padding: 70px 0 !important;
}
.page-template-resourcesnews
section.default-hero {
padding: 70px 0 !important;
}
.page-template-partners .our-values, .page-template-innerpartners .our-values {
padding: 50px 0 !important;
}
.page-template-innerpartners
.contact-form{
padding-top:unset !important;
}
.page-template-about
.who-are-we
{
padding-top:unset !important;
}
.defining-our-vision .vision-item {
margin-top: 15px !important;
}
.about-values-sec
.value-item{
padding: 30px 30px !important;
}
.page-template-about .code-of-conduct .right-column:after {
background-image:unset !important;
}
.code-of-conduct .container.two-column {
gap: 35px !important;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1400px) {
.page-template-homepage .overview-of-b2b:after {
width: 65% !important;
}
}
@media only screen and (min-width: 1400px) and (max-width: 1600px) {
.page-template-homepage .overview-of-b2b:after {
width: 55% !important;
}
}
@media only screen and (min-width: 1600px) {
.page-template-homepage .overview-of-b2b:after {
width: 45% !important;
}
}
.single-post .news-grid
.news-item
.primary-button{
background-color: #094A7A;
}
.page-id-1630 .our-values .two-column-container, .page-template-partners .our-values .two-column-container {
justify-content: center;
}
.share-button.facebook {
background-color: black;
}
.share-button.twitter {
background-color: black;
}
.share-button.linkedin {
background-color: black;
}
/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
.overview-of-b2b::after {
content: "";
position: absolute;
top: 0px;
left: 0px;
right: 0px;
bottom: 0px;
background-image: url(/wp-content/themes/dataflow/./assets/images/business-section-img.png) !important;
background-size: contain;
background-repeat: no-repeat;
background-position: -24% top;
}
.homepage-hero .hero-slides {
max-width: 100% !important;
}
.header-container .main-navigation {
display: flex;
align-items: center;
justify-content: flex-start !important;
margin-right: 43px;
}
a:visited {
color: white;
}
li.menu-item>ul.sub-menu>li.menu-item>ul.sub-menu {
right: calc(100% + 15px) !important;
opacity: 0;
visibility: hidden;
transition: 0.4s all;
}
li.menu-item>ul.sub-menu>li.menu-item.menu-item-has-children::before {
left: 0 !important;
}
.header-container .bottom-bar {
direction: ltr;
}
.menu-main-menu-arabic-container{
direction: rtl;
}
li.menu-item > ul.sub-menu > li.menu-item.menu-item-has-children:hover::before {
background-image: url(/wp-content/themes/dataflow/./assets/images/arrow-right-hover.svg);
transform: scaleX(-1);
transition: transform 0.3s ease; /* Optional: Adds a smooth transition effect */
}
li.menu-item > ul.sub-menu > li.menu-item.menu-item-has-children::before {
background-image: url(/wp-content/themes/dataflow/./assets/images/arrow-right-hover.svg);
transform: scaleX(-1);
transition: transform 0.3s ease; /* Optional: Adds a smooth transition effect */
}
li.menu-item>ul.sub-menu>li.menu-item.menu-item-has-children::before {
left: 0 !important;
position: absolute;
right: auto;
}
.header-container .main-navigation ul li:first-child {
display: block;
}
.header-button {
direction: rtl;
}
.primary-button::after {
content: url(/wp-content/themes/dataflow/./assets/images/arrow.svg);
margin-right: 10px !important;
width: var(--arrow-width);
transform: scaleX(-1);
}
.flip-image {
transform: scaleX(-1); /* Flip the image horizontally */
}
.homepage-hero, .hero-slider {
text-align: right !important;
}
.news-grid
.news-item
.news-content {
text-align: right !important;
}
.verification-support-services .verification-section {
text-align: right !important;
}
.page-template-individuals .our-values .value-item {
text-align: right !important;
}
.premium-packages .two-column-container .value-item ul li::before {
right: 0 !important;
}
.premium-packages .two-column-container .value-item ul li {
padding-right: 35px !important;
text-align: right !important;
}
.header-container .social-icons a {
margin-right: unset !important;
}
.joinchat {
left: var(--sep) !important;
right: unset !important;
}
.joinchat__button {
left: 8px !important;
right: unset !important;
}
.joinchat__box {
left: 0 !important;
right: unset !important;
}
.country-select.inside .flag-dropdown {
left: auto !important;
right: 0 !important;
}
.country-select .country-list {
text-align: right !important;
}
.contact-form .form-group {
margin-left: 20px;
margin-right: auto;
}
/*
.country-select.inside .flag-dropdown {
right: auto !important;
left: 0 !important;
} */
.country-select.inside input, .country-select.inside input[type=text] {
padding-right: 52px;
padding-left: 6px;
margin-left: 0;
}
.country-select .selected-flag .arrow {
right: unset !important;
left: 6px !important;
}
.country-select .selected-flag .flag {
right: 6px !important;
}
.intl-tel-input .country-list {
text-align: right !important;
}
.intl-tel-input .selected-flag .iti-arrow {
right: unset !important;
left: 6px !important;
}
.intl-tel-input .selected-flag .iti-flag {
right: 6px !important;
}
.intl-tel-input.allow-dropdown .flag-container, .intl-tel-input.separate-dial-code .flag-container {
left: auto;
right: 0;
}
.intl-tel-input.allow-dropdown input, .intl-tel-input.allow-dropdown input[type=tel], .intl-tel-input.allow-dropdown input[type=text], .intl-tel-input.separate-dial-code input, .intl-tel-input.separate-dial-code input[type=tel], .intl-tel-input.separate-dial-code input[type=text]
{
padding-right: 85px;
padding-left: 6px;
margin-left: 0;
}
.intl-tel-input.separate-dial-code .selected-dial-code {
display: table-cell;
vertical-align: middle;
padding-right: 28px;
}
.intl-tel-input.separate-dial-code .selected-dial-code {
display: table-cell;
vertical-align: middle;
padding-right: 15px;
}
.selected-dial-code {
left: 0px;
right: 15px;
position: absolute;
top: 10px;
bottom: auto;
}
.wpcf7 input[type="url"], .wpcf7 input[type="email"], .wpcf7 input[type="tel"] {
direction: rtl;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
text-align: right;
}
.select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered {
padding-right: 35px;
/* padding-left: 18px; */
}
.contact-form .select2-container--default .select2-selection--single .select2-selection__rendered {
color: #999;
}
.wpcf7-submit::after {
content: url(/wp-content/themes/dataflow/./assets/images/arrow-back.svg);
margin-right: 10px !important;
width: var(--arrow-width);
transform: scaleX(-1);
}
.swiper-pagination {
right:unset !important;
}
.homepage-hero {
min-height: 100% !important;
}
.homepage-hero .hero-slide {
justify-content: center!important;
align-items: center;
}
.homepage-hero {
background-color: unset !important;
}
.menu-toggle{
margin-left: 0;
margin-right: auto;
}
@media (max-width: 991px) {
#mobile-menu span.dropdown-arrow {
left: 0 !important;
}
}
.author-info {
padding-right: 0 !important;
padding-left: 450px !important;
}
.author-details
{
padding-right: 30px !important;
}
.page-template-careers .applicant-assist-service-notice .service-availability a::after {
transform: scaleX(-1);
padding-left: 15px !important;
}
.page-template-innerpremiumservice
.our-values
.two-column-container
.value-item{
text-align: center !important;
}
a.learn_more_btn {
position: absolute;
bottom: 25px;
left: 0;
right: 0;
display: flex;
justify-content: center;
}
.legal-pages-navigation a {
text-decoration: none;
text-transform: uppercase;
color: #454545;
padding: 8px 30px;
border: 1px solid #454545;
border-radius: 26px;
font-size: 12px;
font-weight: 500;
min-height: 40px;
}
.legal-page-content .col-right {
padding-right: 45px;
flex: 1;
padding-left: unset !important;
}
.page-template-contactus .contact-form .two-column {
display: flex
;
flex-direction: row-reverse !important;
justify-content: center;
gap: 100px;
}
.page-template-contactus .two-column{
text-align: right !important;
}
.page-template-contactus .list-of-resources .social-icons a {
margin-right: 10px !important;
}
.our-values-true .value-item {
text-align: right !important;
}
.our-values-true .value-item .description {
text-align: right !important;
}
.form-row
a:visited {
color: #d8531e !important;
}
.form-row
a {
color: #d8531e !important;
}
.our-values .value-item {
text-align: right;
}
.page-template-contactus .list-of-resources .social-icons a {
margin-right: unset !important;
padding: 5px;
border-radius: 22px;
justify-content: center;
align-items: center;
display: inline-flex;
}
.partners-page-slider-sec .hero-slide::after {
left: 0 !important;
right:unset !important;
}
.swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction {
right: 0 !important;
left:unset !important;
}
.defining-our-vision .vision-item, .defining-our-vision .mission-item {
text-align: right !important;
}
.defining-our-vision {
direction: ltr !important;
}
.page-template-about .code-of-conduct:nth-of-type(even) .right-column:after {
transform: scaleX(1) !important;
}
.our-values.icon-boxes.our-leadership .value-item {
text-align: right !important;
}
.page-template-about .code-of-conduct .right-column:after {
background-position: top left !important;
}
#popup-modal {
direction: ltr !important;
}
.page-id-8177 .joinchat__button {
display: none !important;
}
.page-id-8617 .joinchat__button {
display: none !important;
}
.video-testimonials {
direction: ltr;
}
.latest-news
a:visited {
color: #fff !important;
}
.latest-news .news-title
a
{
color: black !important;
}
.news-item
a:visited {
color: #fff !important;
}
.news-item .news-title
a
{
color: black !important;
}
.page-template-contactus .default-hero
a:visited
{
color: #d8531e !important;
font-weight: 400 !important;
}
@media only screen and (min-width: 576px) {
.org-banner-cards .col-3 a {
position: absolute !important;
bottom: 0 !important;
left: unset !important;
}
}
/* @media (min-width: 1076px) {
.single-organization .org-banner-cards .col-3:not(:last-child)::after {
content: unset !important;
position:relative !important;
top: -25px;
right: 0;
height: 137%;
width: 1px;
background-color: #dee2e6;
}
} */
@media (min-width: 1076px) {
/* Original rule (LTR) - adds dividers except after last child */
.single-organization .org-banner-cards .col-3:not(:last-child)::after {
content: "";
position: absolute;
top: -25px;
right: 0;
height: 137%;
width: 1px;
background-color: #dee2e6;
}
/* Override for RTL - adds dividers except before first child */
html[dir="rtl"] .single-organization .org-banner-cards .col-3:not(:first-child)::after {
content: none; /* Remove the divider */
}
html[dir="rtl"] .single-organization .org-banner-cards .col-3:not(:last-child)::after {
content: "";
position: absolute;
top: -25px;
left: 0; /* Switch from right to left for RTL */
right: auto;
height: 137%;
width: 1px;
background-color: #dee2e6;
}
}
.single-organization .org-banner-cards .col-3 {
flex: 1;
position: relative;
padding: 15px;
padding-left: unset !important;
padding-right: 40px !important;
}
.rtl
.facetwp-type-autocomplete i.clear {
position: absolute;
left: 0px !important;
height: 100%;
line-height: 1;
cursor: pointer;
display: inline-block;
opacity: 0.3;
width: 24px;
height: 100%;
background: transparent url(/wp-content/plugins/facetwp/assets/images/icon-close.png) 6px 50% no-repeat;
background-size: 14px 14px;
}
.facetwp-facet input.facetwp-autocomplete {
padding-right: 55px !important;
display: inline-block !important;
}
.facet-filters h3 {
font-size: 14px;
font-weight: 700;
text-transform: uppercase;
text-align: right !important;
}
.fs-label-wrap .fs-label {
padding: 6px 22px 6px 8px;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
text-align: right !important;
}
.single-organization
.more-reasons
.reason-content
.description
a:visited {
color: #d8531e;
}
.our-values
.two-column-container
.value-item
.description p {
text-align: right !important;
}
.video-testimonials
.testimonial
h2{
text-align:right !important;
}
.video-testimonials
.testimonial-item{
direction: rtl !important;
}
.video-testimonials
.testimonial-content {
text-align: right !important;
}
.leadership-grid
.popup-content-right {
direction: rtl;
}
.recent-organizations
.organization-title {
text-align: right !important;
}
.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-4 input, .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-4 input[type=tel], .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-4 input[type=text] {
padding-left: 30px !important;
}
.home
.why-choose-dataflow {
background-color: #FFFFFF !important;
}
.home .verification-support-services .container:after {
right: -120px !important;
left: unset !important;
}
.page-id-8603 .default-hero {
background: #FFF8F4;
background-image: unset !important;
background-size: cover;
background-position: center 22%;
background-repeat: no-repeat;
}
/*------------ contact us resources ------- */
.page-template-contactus .list-of-resources .value-item {
min-height: 450px;
}
.page-template-contactus .list-of-resources .primary-button
{
position: absolute !important;
bottom: 20px !important;
}
.page-id-8177 .default-hero {
background: #00497A !important;
background-image: url(/wp-content/themes/dataflow/assets/images/partners-inner-bg-true.png) !important;
background-size: cover !important;
background-position: center 22% !important;
background-repeat: no-repeat !important;
}
/* ---------------------------------------------------- */
.page-id-8436 .our-values .two-column-container, .page-template-partners .our-values .two-column-container {
justify-content: center;
}
.page-id-8276
.image-overlay {
background-image: url(/wp-content/themes/dataflow/assets/images/Partners-Banner-ar.jpg) !important;
}
.page-id-8276
.image-overlay
.description{
text-align: right;
}
.page-id-13025 .default-hero {
background: #00497A;
background-image: url(/wp-content/themes/dataflow/assets/images/partners-inner-bg-true.png);
background-size: cover;
background-position: center 22%;
background-repeat: no-repeat;
}
.page-id-13025 .why_should_you_choose_dataflow .pattern-background {
position: absolute;
bottom: unset !important;
margin: 0;
top: 0;
}
.page-id-13025 section .pattern-background {
width: 100%;
height: 47px;
background-image: url(https://staging-746c-dataflowgroup2.wpcomstaging.com/wp-content/themes/dataflow/assets/images/dash-oultline-why-should-use-df-section.png);
background-size: unset !important;
margin-bottom: 120px;
}
@media only screen and (min-width: 1200px) {
.page-id-13025 .help-with-application h2 {
max-width: 750px;
line-height: 45px !important;
}
}
.page-id-13025 .help-with-application .primary-button {
border: 2px solid #fff !important;
}
.page-id-13025 .help-with-application .primary-button {
font-size: 16px !important;
padding: 15px 60px !important;
margin-top: 20px;
}
.page-id-13025 .help-with-application .primary-button {
border: 1px solid #fff !important;
background: #fff;
background: radial-gradient(circle, #a0cdea -200%, #175a88 95%) !important;
color: #fff !important;
}
.page-id-13025 .help-with-application .primary-button::after {
filter: unset !important;
}
.page-id-13025 .help-with-application {
background: #FFF8F4;
background-image: url(/wp-content/themes/dataflow/./assets/images/org-hero-blue.png) !important;
background-size: cover;
background-position: center 22%;
background-repeat: no-repeat;
padding-bottom: 75px !important;
}
.page-id-13025 .help-with-application.default-hero {
background-color: #00497A !important;
}
.page-id-13025 .joinchat__button {
display: none !important;
}
.partners-page-slider-sec .hero-slide::after {
content: '';
width: 50%;
height: 100%;
position: absolute;
top: 0;
right: 0;
bottom: 0;
background-size: contain;
background-position: left center;
background-repeat: no-repeat;
z-index: 0;
transform: scaleX(-1);
}
/* --------------faq------------------------ */
.page-id-10823 .joinchat__button {
display: none !important;
}
.page-id-10823 .faq-filters {
display:none;
}
.page-id-10823
.support-now {
padding-bottom: 0;
text-align: center;
background-image: url(/wp-content/themes/dataflow/./assets/images/gradient-bg.jpg);
background-size: cover;
background-position: center;
}
.page-id-10823 .top-bar{
display:none !important;
}
.page-id-10823 .site-header {
display:none !important;
}
.page-id-10823 .image-left
ul, ol {
margin: 0 0 38px -20px !important;
}
.page-id-10823
.image-left
{
background-image: url(/wp-content/themes/dataflow/./assets/images/gradient-bg.jpg);
background-size: cover;
background-position: center;
}
.page-id-10823
.image-left {
padding: 75px 0;
}
.page-id-10823
.more-reasons {
padding: 75px 0;
}
.page-id-10823
.faqs{
padding-top:25px;
}
.page-id-10823 .more-reasons {
margin-bottom: 70px;
}
.page-id-10823 .image-left
h2 {
margin-bottom: 30px;
}
.page-id-10823 .more-reasons
h2 {
margin-bottom: 30px;
}
@media only screen and (max-width: 992px) {
.page-id-10823 .image-left ul, ol {
}
.page-id-10823 .more-reasons h2 {
font-size: 30px;
}
}
@media only screen and (min-width: 768px) {
.page-id-10823
.homepage-hero
.banner_col2
img{
padding: 50px 55px;
}
}
@media only screen and (max-width: 768px) {
.page-id-10823
.homepage-hero
.banner_col2
img{
padding: 50px 0px;
padding-bottom: 0px !important;
}
}
.page-id-10823
.hero-slides {
padding-bottom: unset !important;
}
.page-id-10823 .image-left {
/* padding-top: 50px !important; */
}
.page-id-10823 .more-reasons {
padding: 100px 0 !important;
}
.page-id-10823 .more-reasons {
margin-bottom: 100px !important;
}
@media only screen and (max-width: 992px) {
.page-id-10823 .two-column-faq {
flex-direction: column-reverse !important;
}
.page-id-10823 .image-left-faq
{
padding-bottom: 25px !important;
}
}
.image-left-faq
.right-column
.list-design
.list-icon {
padding-left: 35px !important;
padding-right: unset !important;
}
/*---------- Document Concierge Service---------- */
.page-id-10839 .support-now {
padding-bottom: 0;
text-align: center;
background-image: url(/wp-content/themes/dataflow/./assets/images/gradient-bg.jpg);
background-size: cover;
background-position: center;
}
.page-id-10839
.faq-filters {
display: none;
}
.page-id-10839
.faqs {
padding-top: 25px;
}
.page-id-10839 .site-header {
display: none;
}
.page-id-10839 .top-bar {
display: none;
}
.page-id-10839
.joinchat__button
{
display: none;
}
.text-left-icon-list-faq {
padding-top: 0px !important;
padding-bottom: 25px !important;
}
.page-id-10839
.homepage-hero, .hero-slider {
min-height: 600px;
}
.page-id-10839
.package_image img {
width: 100%; /* Makes image fill its container */
height: auto; /* Maintains aspect ratio */
max-width: 300px; /* Or whatever maximum size you prefer */
}
/* .page-id-10839
.value-item ul li {
position: relative;
padding-left: 30px;
margin-bottom: 10px;
} */
.page-id-10839
.features ul li::before {
content: url(/wp-content/themes/dataflow/./assets/images/featuresCheck.svg);
position: absolute;
left: -30px;
top: 2px;
width: 20px;
height: 20px;
margin-right: 10px;
}
.page-id-10839
.features ul {
list-style: none; !important
}
.page-id-10839
.features ul li{position: relative;
text-align: left;
line-height: 25px;
}
.page-id-10839
.our-services-packages
.primary-button::after {
content: unset !important;
}
@media only screen and (min-width: 992px) {
.page-id-10839
.list-content{
width:500px
}}
.text-left-icon-list-faq
{
background-image: url(/wp-content/themes/dataflow/./assets/images/gradient-bg.jpg) !improtant;
}
.page-id-10839
.hero-slides {
padding-bottom: 0 !important;
}
/* .page-id-10839
.container.two-column .right-column {
padding-top: 65px !important;
} */
.page-id-10839
.more-reasons {
background-image: url(/wp-content/themes/dataflow/./assets/images/mask-faq.png) !important;
}
@media only screen and (max-width: 768px) {
.page-id-10839
.packages-grid {
display: block !important;
}
.page-id-10839
.package-item {
margin-bottom: 30px;
}
.page-id-10839 .container.two-column .right-column {
padding-top: 0px !important;
}
}
@media only screen and (min-width: 992px) {
.page-id-10839
.package-item
.primary-button {
padding: 15px 35% !important;
}
}
@media only screen and (min-width: 768px) {
.page-id-10839
.banner_col1
{
padding-left: 20px !important;
}}
.conditional-line {
display:none !important;
}
.conditional-head {
display:block !important;
}
@media only screen and (max-width: 767px) {
.page-id-10839
.more-reasons {
margin-bottom: 70px!important;
}
.page-id-10839
.banner_slide {
padding: 0px 0 !important;
padding-top: 3rem !important;
}
.page-id-10839 .support-now
{
padding-bottom: 70px !important;
}
.page-id-10839
.more-reasons .section-title {
margin-bottom: 0px !important;
}
.page-id-10839
.package-item{
padding: 20px 5% !important;
}
.page-id-10839
.text-left-icon-list-faq
.list-content {
padding-bottom: 15px !important;
}
.page-id-10839
.container.two-column {
gap: 0px !important;
}
.conditional-line {
display:block !important;
}
.conditional-head {
display:none !important;
}
}
@media only screen and (max-width: 520px) {
.page-id-10839 .image-left .list-design {
display: flex !important
;
}
}
@media only screen and (max-width: 520px) {
.page-id-10839 .list-content {
height: 100px !important;
width: -webkit-fill-available;
align-items: start !important;
}
.page-id-10839
.price_details {
padding-left: 5px;
}
.page-id-10839
.package-title {
padding-left: 5px;
}
.page-id-10839
.package-description {
padding-left: 5px;
}
.page-id-10839
.list-icon img {
width: 80px !important;
}
}
.text-left-icon-list-faq
.list-design
.list-icon
{
padding-right: unset !important;
padding-left: 35px !important;
}
.page-id-10839 .features ul li::before {
margin-left: 10px;
right: -30px !important;
left: unset !important;
margin-right: unset !important ;
}
.page-id-10839 .features ul li {
text-align: right !important;
}
.page-template-faq
.premium-packages
.short-description
{
padding-left: unset !important;
text-align: right !important;
padding-right: 20px !important;
}
.page-template-faq
.premium-packages
.price_details
{
text-align: right !important;
}
.page-template-faq
.premium-packages
.package-title{
text-align:right !important;
}
.page-template-faq
.premium-packages
.package-description{
text-align:right !important;
}
.legal-page-content .col-right {
text-align: right !important;
}
.legal-content-section
.col-right
.section-content
li
{
direction: rtl !important;
}
.legal-content-section
.col-right
.table-responsive
tbody
p
{
direction: rtl !important;
}
.page-id-10243 .contact-form .pattern-background {
display: none !important;
}
.wpcf7 input[type="url"], .wpcf7 input[type="email"], .wpcf7 input[type="tel"] {
direction: rtl !important;
}
.select2-container .select2-search--inline .select2-search__field {
padding-right:35px !important;
}
.page-id-8603
.check-verification {
background-position: 102% 30%;
}
#mobile-navigation {
align-items: flex-end !important;
}
@media (max-width: 991px) {
button.offcanvas-close {
right: 85% !important;
}
}
a:hover, a:focus, a:active {
color: #D8531E;
}
.premium-packages
a:visited {
color: #D8531E;
}
#masthead
.menu-mobile-menu-arabic-container
.sub-menu li{
direction:rtl !important;
}
#masthead
.menu-image-title-after.menu-image-not-hovered img, .menu-image-hovered.menu-image-title-after .menu-image-hover-wrapper, .menu-image-title-before.menu-image-title {
padding-left: 20px !important;
padding-right: unset !important;
}
#masthead
.header-container .main-navigation ul li.current-menu-item>a, .header-container .main-navigation ul li>a:hover, .header-container .main-navigation ul li>a.active, .header-container .main-navigation ul>li.active>.dropdown-arrow {
color: #d8531e;
}
#masthead
.header-container .main-navigation ul li a {
text-wrap:nowrap !important;
}
@media (max-width: 991px) {
#masthead
ul#mobile-menu ul.sub-menu {
margin-right: auto !important;
}
}
#colophon
.menu-image-hover-wrapper {
display: none;
}
.page-id-10839
.premium-packages a:visited {
color: white !important;
}
.legal-content-section
a:visited {
color:#d8531e !important;
}
.page-template-findorganization
.fs-label-wrap .fs-label {
padding: 6px 0px 6px 8px !important;
}
.page-template-findorganization
.page-template-findorganization .facet-filters select, .page-template-findorganization .facet-filters .fs-wrap .fs-label-wrap {
background-position: 10% 50% !important;
}
.premium-packages .two-column-container .value-item {
padding: 70px 10px !important;
}
.page-template-innerpremiumservice .what-is-included .two-column-container .value-item ul {
text-align: right !important;
}
.page-template-innerpremiumservice .what-is-included .two-column-container .value-item ul li::before {
right: 0 !important;
margin-left: 10px !important;
margin-right: unset !important;
}
.page-template-innerpremiumservice .what-is-included .two-column-container .value-item ul li {
padding-right: 30px !important;
}
.news-grid .news-item .news-content {
text-align: center !important;
}
.our-initiatives #popup-modal .popup-content-right {
text-align: right;
}
.our-initiatives .popup-header {
justify-content: end !important;
}
@media (max-width: 767px) {
.leadership-grid .popup-description {
text-align: right !important;
}
.page-template-partners
.image-overlay
h2{
text-align: right !important;
}
.author-info {
padding-left: unset !important;
}
.author-details {
padding-right: unset !important;
}
.menu-mobile-menu-arabic-container
.menu-image-title-after
{
text-wrap: nowrap !important;
}
.single-organization .org-banner-cards .col-3 {
padding-right: unset !important;
}
}
/* This makes the hovered image invisible by default */
.menu-image-hover-wrapper img.hovered-image {
transform: none !important;
margin: 0 !important;
left: unset !important;
}
/* This makes the default image invisible on hover */
.menu-item:hover .menu-image-hover-wrapper img.menu-image {
transform: none !important;
margin: 0 !important;
left: unset !important;
}
/* This makes the hovered image visible on hover */
.menu-item:hover .menu-image-hover-wrapper img.hovered-image {
transform: none !important;
margin: 0 !important;
left: unset !important;
}
.menu-image-hover-wrapper img.hovered-image {
position: absolute;
transform: none !important;
margin: 0 !important;
left: unset !important;
position: absolute !important;
left: 0;
right: 0 !important;
top: 15px
}
.page-template-contactus
section.default-hero .section-description {
direction:ltr !important;
}
.page-template-contactus .list-of-resources .value-item .description {
direction: ltr !important;
}
.contact-form .form-row.checkbox-wrapper .wpcf7-list-item-label {
margin-right: 15px !important;
}
.video-testimonials
.container.two-column {
flex-direction: row-reverse !important;
}
.page-template-individuals
.why-choose-dataflow {
background-color: unset !important;
}
@media only screen and (min-width: 1700px) {
.page-template-homepage .overview-of-b2b:after {
width: 35% !important;
}
.rtl .overview-of-b2b::after {
}
}
@media only screen and (min-width: 1100px) and (max-width: 1400px) {
.rtl .overview-of-b2b::after {
background-position: 220% top !important;
}
}
@media only screen and (min-width: 768px) and (max-width: 992px) {
.page-template-homepage .overview-of-b2b:after {
width: 50% !important;
}
}
.news-grid .news-item .news-content {
text-align: right !important;
}
.verification-section
a:hover,.verification-section a:focus,.verification-section a:active {
color: white !important;
}
.premium-packages .primary-button:visited {
color: white !important;
}
.banner_col1
a:active {
color: white !important;
}
body {
font-family: 'Cairo', sans-serif;
}
/* To apply Cairo to headings */
h1, h2, h3 {
font-family: 'Cairo', sans-serif;
}
body, h1, h2, h3, h4, h5, h6 {
font-family: 'Cairo', sans-serif !important;
}
.faq-item
a:visited {
color: #D8531E !important;
}
.language-switcher-landing {
z-index: 99999999999999 !important;
}
.what-is-included
a:visited {
color:#D8531E !important;
}
/* --- A. RULES FOR THE MAIN SECTION (PARENT) --- */
.page-template-homepage .hero-slide {
/* 1. Positioning */
position: relative;
/* 2. Sizing (Must be defined for the ::before to work) */
width: 1521px;
margin-left: 10px;
min-height: 400px; /* Ensures visibility if content is short or empty */
/* 3. Override Conflicts */
background-image: none !important; /* Crucial: removes image from parent */
transform: none !important; /* Crucial: removes full section flip */
}
/* --- B. RULES FOR THE PSEUDO-ELEMENT (FLIPPED BACKGROUND) --- */
.page-template-homepage .hero-slide::before {
/* 1. Pseudo-element Existence & Positioning */
content: ""; /* ⭐️ MUST HAVE THIS to render the element */
position: absolute; /* ⭐️ MUST HAVE THIS for absolute placement */
top: 0;
left: 0;
width: 100%; /* Sized relative to the parent (.hero-slide) */
height: 100%; /* Sized relative to the parent (.hero-slide) */
/* 2. Image Source & Display */
background-image: url('https://staging-746c-dataflowgroup2.wpcomstaging.com/wp-content/uploads/2024/09/ab.png');
background-size: cover; /* Fills the element */
background-repeat: no-repeat;
background-position: center center;
/* 3. The Flip and Layering */
transform: scaleX(-1); /* ⭐️ THE FLIP */
z-index: -1; /* Puts the background behind the content */
}
.page-template-verification
.our-values .two-column-container .value-item .description p {
text-align: center !important;
}
.contact-form .wpcf7-submit {
padding-right: 15px !important;
}
/* 1. MODIFY THE MAIN BUTTON (Remove old background and set up positioning) */
.contact-form .wpcf7-submit {
/* REMOVE the old background properties so the pseudo-element can take over */
background-image: none !important;
background-position: initial !important;
/* Set positioning context for the ::after element */
position: relative;
/* IMPORTANT: Ensure there's padding on the right to make space for the arrow */
padding-right: 55px; /* Adjust this value if your original padding was different */
/* IMPORTANT: Ensure text alignment doesn't hide the arrow */
text-align: center;
}
/* 2. CREATE AND STYLE THE PSEUDO-ELEMENT (The new arrow container) */
.contact-form .wpcf7-submit::before {
content: ''; /* ESSENTIAL: Must be present for ::after to work */
display: block; /* Allows setting width/height */
position: absolute; /* Allows precise positioning inside the relative parent */
/* SIZE: Give the arrow container a size */
width: 20px;
height: 20px;
/* POSITIONING: Place it where the old background image was */
right: 15px; /* Adjust this value to set the distance from the right edge */
top: 50%; /* Start at the vertical middle */
transform: translateY(-50%) scaleX(-1); /* Center vertically AND flip horizontally */
/* IMAGE: Add the arrow image and ensure it covers the area */
background-image: url('/wp-content/themes/dataflow/./assets/images/arrow.svg');
background-repeat: no-repeat;
background-size: contain; /* Ensures the whole arrow fits in the 20x20 box */
}
.contact-form .form-group {
margin-right: unset !important;
width: unset !important;
}
@media only screen and (max-width: 767px) {
.video-testimonials
.container.two-column {
flex-direction: column !important;
}
.page-template-innerpartners
.our-values .two-column-container .value-item .description p {
text-align: center !important;
}
}
.page-template-innerpremiumservice
.our-values .two-column-container .value-item .description p {
text-align: center !important;
}
.page-template-innerpremiumservice
.client-logos
.client {
margin-left: unset !important;
}
.contact-form .wpcf7-submit {
background-image: url(/wp-content/themes/dataflow/./assets/images/ar-white-arrow.png) !important;
background-position: calc(100% - 50px) 50% !important;
padding-right: 10px !important;
padding-left: 35px !important;
}
.page-template-contactus .list-of-resources .value-item .description {
direction: rtl !important;
}
.page-template-contactus
.default-hero
.section-description{
display:none;
}
.organization-card p
a:visited {
color: #D8531E !important;
}