/*!
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,<svg xmlns="http://www.w3.org/2000/svg" width="7" height="7" viewBox="0 0 7 7" fill="none"><path opacity="0.1" d="M3.17198 0.00010763C4.87639 0.000107555 6.26586 1.37998 6.26586 3.09329C6.26586 4.80659 4.88565 6.18652 3.17198 6.18652C1.45832 6.18652 0.0781249 4.80659 0.0781249 3.09329C0.0781248 1.37998 1.45832 0.000107705 3.17198 0.00010763Z" fill="%23D75427"/></svg>');
    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;
	}
}





.rtl 
.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;
}

.page-template-careers .applicant-assist-service-notice .service-availability a {
    background-color: white;
    color: black;
    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: 0.5px solid black; /* Updated border property */
    padding: var(--button-padding);
    text-decoration: none;
    text-transform: var(--font-transform-button);
    display: inline-flex;
    align-items: center;
    cursor: pointer;
}

.page-template-careers .applicant-assist-service-notice .service-availability a::after {
    content: url(/wp-content/themes/dataflow/./assets/images/arrow-black.svg);
    margin-left: 5px;
    width: var(--arrow-width);
}
.page-template-contactus .list-of-resources .social-icons a {
    margin-left: 10px !important;
    padding: 5px;
    border-radius: 22px;
    justify-content: center;
    align-items: center;
    display: inline-flex;
}

.defining-our-vision .two-column-container {
    flex-direction: column !important;
}

body.page-template-contactus [data-aos^=fade][data-aos^=fade] {
    opacity: 1 !important;
}

body.page-template-contactus [data-aos=fade-up] {
    transform:unset !important;
}
/* ------------------------------------------------------------------- */
.page-template-findorganization .default-hero {
    background: #FFF8F4;
    background-image: url(/wp-content/themes/dataflow/./assets/images/org-hero.png);
    background-size: cover;
    background-position: center 22%;
    background-repeat: no-repeat;
}

.page-id-869 .default-hero {
    background: #FFF8F4;
    background-image:unset !important;
    background-size: cover;
    background-position: center 22%;
    background-repeat: no-repeat;
}

.page-id-869 .container.two-column .right-column {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    margin-top: 70px !important;
}

.facetwp-facet input.facetwp-search, .facetwp-facet input.facetwp-location {
    margin: 0;
    padding-right: 30px;
    min-width: 240px;
    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(/wp-content/themes/dataflow/./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-filter {
	text-align: left;
}
.single-organization
.default-hero {
    background-image:unset !important;
}
.single-organization
.support-now
.primary-button {
	background-color: #169973 !important;
}
.single-organization
.help-with-application.default-hero {
	background-color: #00497A !important;
}
.single-organization
.help-with-application .primary-button {
    border: 1px solid #fff !important;
    background: #fff;
    background: radial-gradient(circle,rgb(160 205 234) -200%,rgb(23 90 136) 95%) !important;
    color: #fff !important;
}

.single-organization
.help-with-application .primary-button::after {
    filter: unset !important;
}
.single-organization
.org-banner-cards
{
	display: flex;
    justify-content: center;
    align-items: center;
	border: 1px solid rgba(234, 234, 234, 1);
    border-radius: 22px;
    background-color: white;
	padding: 25px 0px;
	margin-top: 50px;
    box-shadow: 0px 0px 35px 0px rgba(215, 84, 39, 0.25);
	text-align: start;

}
.single-organization
  .org-banner-cards .col-3 {
    flex: 1; /* Make columns equal width */
    position: relative; /* Needed for the pseudo-element */
    padding: 15px; /* Add padding */
	padding-left: 40px;

  }
  
.single-organization
  .org-banner-cards .col-3:not(:last-child)::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    width: 1px;
    background-color: #dee2e6; /* Border color */
  }

/* ------------- */

@media (min-width: 993px) {
    .single-organization .default-hero {
        position: relative;
        overflow: visible;
        padding-bottom: 180px;
        margin-bottom: 75px;
    }

    .single-organization .org-banner-cards {
        position: absolute;
        top: 40px;
    }
}

@media (max-width:576px) {
       .single-organization
.org-banner-cards
{
	display: block;
	text-align: center;
	padding-top:0px !important;
	padding-bottom:0px !important;
}
	
	.single-organization .org-banner-cards .col-3 {
  
    padding-left:15px !important;
    padding-bottom: 30px;
		padding-top:30px !important;

}
	  #bit-assist-widget-container .channel-name {
        font-size: 14px !important;
    }
	    .recent-organizations {
        padding-top: 0px !important;
    }
	    .facetwp-facet {
        margin-bottom: 10px !important;
    }
.arrows-wrapper {
    margin-top: -5px !important;
}
	.facetwp-facet-search_organization input{
		font-size: 10px !important;
	}
	.facetwp-sort
	.facetwp-sort-select {
		padding: 5px 40px 5px 16px !important;
	}
	.single-organization .org-banner-cards .col-3:not(:first-child)::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 100% !important;
	height: 1px !important;
    background-color: #dee2e6;
}
	
		.single-organization .org-banner-cards .col-3:first-child::after {
  
    position: unset !important;

   
    background-color: unset !important;
}
	.channel-name {
   
    font-size: 12px !important;
}
}

@media (min-width:1076px) {
   .single-organization .org-banner-cards .col-3:not(:last-child)::after {
    content: "";
    position: absolute;
    top: -25px;
    right: 0;
    height: 125%;
    width: 1px;
    background-color: #dee2e6;
}
	
	
}

.channel-name{
	background-color: #FFFFFF;
    color: #1A9874;
    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: 0;
    padding: var(--button-padding);
    text-decoration: none;
    text-transform: var(--font-transform-button);
    display: inline-flex
;
    align-items: center;
    cursor: pointer;
}
.recent-organizations
.facet-filters{
	    display: flex;
    justify-content: end;
}

.single-organization .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;
}

.facetwp-facet input.facetwp-search, .facetwp-facet input.facetwp-location {
  
    background-image:unset !important; 
   
}

.facetwp-input-wrap {

    width: -webkit-fill-available !important;
}

	.facetwp-icon:before {  
/*     background: url(/wp-content/themes/dataflow/./assets/images/search-icon-new.png) no-repeat !important; */
}

.facetwp-icon {

    padding: 10px !important;
}
.recent-organizations
.facet-filters 
{
	display: flex;
    justify-content: end;
    align-items: end;
}

.recent-organizations {
	overflow:visible;
}
.Search-msg-no-found{
    position: absolute;
/*     top: -100%; */
    z-index: 999999999999999;
    text-align: center;
    color: #D75427;
    font-size: 13px;
    font-style: italic;
    font-weight: 500;
    line-height: 150%;
}

.facetwp-autocomplete:focus {
  background-color: white !important;
}

.channel-name {
    font-family: 'Montserrat', sans-serif !important;
}

.facetwp-type-search i.clear {
    right: 35px !important;
   
}
.facetwp-autocomplete
{
	padding: 13px 40px 13px 16px !important;
    border: 1px solid #D75427 !important;
    border-radius: 6px !important;
    background-color: #FFF8F4;
    font-size: 12px;
    color: #D75427 !important;
    font-weight: 500;
    text-transform: uppercase;
   
    background-size: 20px;
    background-position: 95% 50%;
    background-repeat: no-repeat;
    appearance: none;
    outline-color: #D75427 !important;
    min-width: 230px;
    max-width: 30% !important;
    outline-color: #D75427;
    min-width: 230px;
    max-width: 30%;
    cursor: pointer;
}
	.facetwp-autocomplete-update {
  display: none !important;
}
.facetwp-type-autocomplete input
{
	 background-image: url(/wp-content/themes/dataflow/./assets/images/search-icon-new.png);
}
.fcomplete-wrap{
	max-width: 102% !important;
	min-width:50% !important;
}
.recent-organizations {
    z-index: 0;
}
.fcomplete-status
{
	max-width: 102% !important;
	min-width:50% !important;
}
.arrows-wrapper{
    z-index: 0 !important;
}

.fcomplete-wrap{
	z-index:99999 !important;
}

.facetwp-facet-search_organization{
	position:relative !important;
}
.facetwp-type-autocomplete i.clear {
	top:0;
}
.fcomplete-result, .fcomplete-status{
/* 	background-color:#FFF8F4; */
/* color:#D75427; */
}

/* .fcomplete-wrap {
    border: unset !important;
} */

#resources {
    scroll-margin-bottom: 500px !important; /* Match your header height */
}
.facet-filters {
    padding-top: 20px !important;
	gap: unset !important;
		
}
.page-template-verification
.start-application
.right-column a{
	background-color: #1A9874;
}

.start-application a.btn.button.primary-button {
    margin-left: unset !important;
}

.Search-msg-no-found {
    text-align: left !important;
}
@media only screen and (max-width: 576px) {

.search-mob-padding{
	padding-top: 20px;
	}}
@media only screen and (min-width: 1007px) {

.single-organization .org-banner-cards .col-3 {
	    height: 200px !important;
	}}

/* This is very specific and should override most other h1 rules */
body.rtl h1 {
    font-family: 'Cairo', sans-serif;
}