:root {
    --primary: #1575b1;
    --light: #f1f8fe;
    --light100: #e3f0fb;
    --secondary: #0ec9ef;
    --secondaryLight: #ecfdff;
    --gray: #f6f6f6;
    --dark: #041d38;
    --lightBlue: #ebfaff;
    --highlight: #f98a07;
    --text-color: #4b4f58;
    --header-color: #041d38;
    --primary-nav-hover: rgb(11 33 79 / 80%);
    --primary-nav-sub: rgb(11 33 79 / 80%);
    --primary-nav-font: "Poppins", sans-serif;
    --subheader-font: "Poppins", sans-serif;
    --header-font: "Poppins", sans-serif;
    --body-font: "Inter", sans-serif;
}

html {text-size-adjust: 100%; font-family: sans-serif; scroll-behavior: smooth; } 
body {margin: 0px; font-family: var(--body-font); font-weight: 300; font-size: 1em; line-height: 1.2; color: var(--text-color); text-align: left; position: relative; min-height: 100vh; } 
.footer {flex-shrink: 0; } 
.wrapper {min-height: 100vh; display: flex; flex-direction: column; } 
.layout {height: auto; width: 100%; margin: 0px auto; position: relative; flex: 1 0 auto; } 
footer.footer {flex-shrink: 0; } 
address, blockquote, body, dd, dl, dt, fieldset, figure, h1, h2, h3, h4, h5, h6, hr, html, iframe, legend, li, ol, p, pre, textarea, ul {border: 0px; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; } 
html {text-size-adjust: 100%; scroll-behavior: smooth; } 
body {margin: 0px; } 
main, nav {display: block; } 
.progress {display: inline-block; vertical-align: baseline; } 
a {background-color: transparent; } a:active {outline: 0px; } 
a, a:focus, a:hover, a:visited {text-decoration: none; } 
abbr[title] {border-bottom: 1px dotted; } 
b, strong {font-weight: 700; } 
dfn {font-style: italic; } 
mark {background: rgb(255, 255, 0); color: rgb(0, 0, 0); } 
small {font-size: 80%; } 
sub, sup {font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } 
sup {top: -0.5em; } 
sub {bottom: -0.25em; } 
img {border: 0px; } 
svg:not(:root) {overflow: hidden; } 
figure {margin: 0px; } hr {box-sizing: content-box; height: 0px; } 
pre {overflow: auto; } 
code, kbd, pre, samp {font-size: 1em; } 
button, input, optgroup, select, textarea {color: inherit; font: inherit; margin: 0px; } 
button {overflow: visible; } 
button, select {text-transform: none; } 
button[disabled], html input[disabled] {cursor: default; } 
#comments .submit, .search .search-submit {padding: 10px 15px; border-radius: 2px; line-height: 1.85714; border: 0px; } 
.archive .no-results .ast-search-submit, .search .site-main .ast-search-submit {display: none; } 
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {appearance: none; } 
fieldset {border: 1px solid var(--ast-border-color); margin: 0px; padding: 0.35em 0.625em 0.75em; } 
legend {border: 0px; padding: 0px; } 
fieldset legend {margin-bottom: 1.5em; padding: 0px 0.5em; } 
textarea {overflow: auto; } 
optgroup {font-weight: 700; } 
table {border-collapse: collapse; border-spacing: 0px; } 
td, th {padding: 0px; } 
a img {border: 0px; } 
.container.sjb-container {margin-top: 80px; } 
header, section, article, aside, footer, figure, nav, hgroup, video, div, canvas {display: block; } 
p {margin: 0.5em 0px; line-height: 1.6em; } 
a {transition: 0.4s; color: var(--highlight); text-decoration: none; } 
a.button:focus {color: var(--white); } 
a:hover, a:focus {text-decoration: none; color: var(--dark); } 
a img {border: 0px; } 
img {max-width: 100%; width: auto; height: auto; vertical-align: middle; border: 0px; }

/*Custom Container*/
@media (min-width: 1200px) {.container {max-width: 1140px; } }

@media (min-width: 1400px) {.container {max-width: 1320px; } }

@media (min-width: 1600px) {.container {max-width: 1440px; } }

@media (min-width: 1920px) {.container {max-width: 1600px; } }


/*Headings*/
h1, h2, h3, h4, h5, h6 {margin-top: 0px; margin-bottom: 0.5rem; font-family: var(--header-font); font-weight: 500; text-align: left; text-rendering: optimizelegibility; line-height: 1.2; color: var(--dark); 
    & a {color: inherit; } 
}

.h1, h1 {font-size: calc(1.375rem + 1.5vw);
    @media (min-width: 1200px) {
        font-size: 2.5rem;
    }
}

.h2, h2 { font-size: calc(1.3rem + 0.6vw);
    @media (min-width: 1200px) {
        font-size: 1.75rem;
    }
}

.h3, h3 { font-size: calc(1.25625rem + 0.075vw);
    @media (min-width: 1200px) {
        font-size: 1.3125rem;
    }
}
.h4, h4 {font-size: 1.125rem; }
.h5, h5 {font-size: 1rem; }
.h6, h6 {font-size: 0.875rem; } p {margin-bottom: 1.2em; } 

ul, ol {margin: 0px 0px 1.5em 3em; } 
ul {list-style: disc; } 
ol {list-style: decimal; } 
ul ul, ol ol, ul ol, ol ul {margin-bottom: 0px; margin-left: 1.5em; } 
dt {font-weight: bold; } dd {margin: 0px 1.5em 1.5em; } 
b, strong {font-weight: bold; } 
dfn, cite, em, i {font-style: italic; } 
blockquote {font-style: italic; margin: 0px 1.5em; } 
address {margin: 0px 0px 1.5em; } 
pre {background: var(--secondary); font-family: "Courier 10 Pitch", Courier, monospace; font-size: 1.5rem; line-height: 1.6; margin-bottom: 1.6em; padding: 1.6em; overflow: auto; max-width: 100%; } 
code, kbd, tt, var {font: 15px Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace; } 
abbr, acronym {border-bottom: 1px dotted rgb(102, 102, 102); cursor: help; } 
mark, ins {background: rgb(255, 249, 192); text-decoration: none; } 
sup, sub {font-size: 75%; height: 0px; line-height: 0; position: relative; vertical-align: baseline; } 
sup {bottom: 1ex; } 
sub {top: 0.5ex; } 
small {font-size: 75%; } 
big {font-size: 125%; } 
figure {margin: 0px; } 
table {margin: 0px 0px 1.5em; width: 100%; } 
th {font-weight: bold; } 
button, input, select, textarea {font-size: 0.9em; margin: 0px; vertical-align: middle; } 

.clear {clear: both; height: 0px; margin: 0px; padding: 0px; } 
.hide {display: none; } 

/*Skip to main button*/
.skip-to-main-content-link {position: absolute; left: -9999px; z-index: 99999; padding: 1em; background-color: black; color: white; } 
.skip-to-main-content-link:focus {left: 0%; transform: translateX(0%); opacity: 1; color: var(--white); } 

:focus, :focus-visible {outline: 1px solid var(--primary); } 

body.noScroll {overflow: hidden; } 

/*scroll bar*/
body::-webkit-scrollbar-track {background-color: rgb(255, 255, 255); } 
body::-webkit-scrollbar {width: 5px; background-color: rgb(255, 255, 255); } 
body::-webkit-scrollbar-thumb {background-color: var(--secondary); } 

a {color: var(--primary); text-decoration: none; transition: all; } 
a:hover, a:focus, a:active {color: var(--highlight); text-decoration: none; } 

/*WP default elements*/
.assistive-text {clip: rect(1px, 1px, 1px, 1px); display: none; position: absolute !important; } 
.site-title, .entry-title, .page-title, .entry-content, .entry-summary, .widget-title, .comments-title, .comment .reply, .comment-meta, .comment-author, #reply-title {font-family: var(--body-font); }
#main, .main-navigation, .site-title, .site-description {margin: 0px auto; } #main {clear: both; } 
#primary.subpage .breadcrumbs {padding: 10px 0px; font-size: 0.9rem; background: transparent; }

/*Breadcrumbs*/
.breadcrumbs {line-height: 1; transition: 0.5s; position: relative; z-index: 3;
    & #breadcrumb {display: flex; flex-wrap: wrap; align-items: center;
        & a, & span {font-size: 0.8rem;color: var(--text-color);line-height: 1;font-weight: 300;text-transform: capitalize;}
        & a:first-child {
            &::before {content:"\f285"; font-size: 14px; vertical-align: middle; display: none; font-weight: normal; font-family: bootstrap-icons !important; }
        }

        & span {font-size: 16px; vertical-align: middle;
            &.delimiter {font-size: 0px;
                &::after {content:"\f285"; font-size: 14px; line-height: 14px; height: 14px; display: inline-block; padding: 0px 10px 0px 5px; transform: scaleY(0.8); font-family: bootstrap-icons !important; }
            }
        }
    }
}

.header.toFixed {transition: all 0.5s ease; transform: translateY(0px);
    & .breadcrumbs {background: var(--gray); transition: 0.5s;
        & span.delimiter::after {color: var(--primary); }
        & span {color: var(--header-color); }
        & a {color: var(--primary); }
    }
}

.scroll-progress-container {width: 100%; height: 1px; position: absolute; bottom: 1px; z-index: 0; background: transparent; transition: 0.5s; } 
.scroll-progress {width: 0px; height: 100%; background: var(--primary); } 
.header.toFixed .scroll-progress-container {background: var(--white); transition: 0.5s; }

.button {background-color: var(--primary); color: var(--white); display: inline-block; font-size: 1em; font-weight: 400; padding: 15px; text-align: center; transition: 0.3s; position: relative; clip-path: polygon(5% 1%, 100% 0%, 95% 100%, 0% 100%); overflow: hidden; justify-content: flex-start;
    &::before, &::after {content: ""; background-color: var(--primary); display: block; height: 101%; right: -5px; opacity: 1; pointer-events: none; position: absolute; z-index: 1; top: 0px; transform: translateX(0px) skewX(-14deg); transition: 0.3s; width: 42px; }
    &::after {background: var(--secondary); z-index: 0; right: 0px; }
    & span {display: inline-block; vertical-align: middle; margin-right: 15px; position: relative; transition: 0.5s; left: 0px; }
    & i {display: inline-block; vertical-align: middle; position: relative; z-index: 1; transition: 0.3s; left: 4px; }
    &:hover {
        &::before, &::after {right: 26px; transform: translateX(76px) skewX(-15deg); transition: 0.5s; opacity: 0; }
        &::after {transition: 0.8s; background: var(--white); }
        & span {left: 5px; transition: 0.5s; }
        & i {left: 0px; transition: 0.5s; }
    }

    &.button-lg {font-size: 1.5em; padding: 20px 30px; }
    &.button-sm {border-radius: 0.25rem; padding: 0.5rem 0.85rem; font-size: 0.9rem; }

    &.button-primary {background: rgb(21, 117, 177); color: var(--white); 
        &:hover {} 
        &.button-lines {border-color: var(--primary); color: var(--primary); } 
        &.button-lines:hover {background: var(--primary); color: var(--white); } 
    }

    &.button-highlight {background: var(--highlight); color: var(--white); 
        &::after {background: var(--light); } 
        &::before {background: rgb(255, 170, 23); } 
        &:hover {background: var(--highlight); } 
        &.button-lines {border-color: var(--highlight); color: var(--highlight); } 
        &.button-lines:hover {background: var(--highlight); color: var(--white); } 
    }

    &.button-white {background: var(--white); color: var(--primary); 
        &::after {background: var(--secondary); } 
        &::before {background: var(--light100); } 
        &:hover {background: var(--highlight); color: var(--white); } 
        &.button-lines {border-color: var(--white); color: var(--white); } 
        &.button-lines:hover {background: var(--highlight); color: var(--white); } 
    }

    &.button-light {background: var(--light); border: 1px solid transparent; color: var(--dark); 
        &:hover {background: var(--dark); color: var(--light); } 
        &.button-lines {border-color: var(--light); color: var(--light); } 
        &.button-lines:hover {background: var(--dadrk); color: var(--light); } 
    }

    &.button-dark {background: var(--dark); border: 1px solid transparent; color: var(--white); 
        &:hover {background: var(--primary); color: var(--dark); } 
        &.button-lines {border-color: var(--dark); color: var(--dark); } 
        &.button-lines:hover {background: var(--dark); color: var(--light); } 
    }

    &.button-lines {background: transparent; border-width: 0.11em; }

    &.button-arrow {
        &.right::after {content: "\f135"; } 
        &.left::after {content: "\f12c"; } 
        &.down::after {content: "\f124"; } 
        &.up::after {content: "\F145"; } 
        &.button-sm::after {font-size: 26px; line-height: 0; } 
    }
}

.site-main {background: var(--white); } 
.subpageHeader {padding-top: 0px; background: var(--primary); margin-top: 130px; } 
.entry-title, .page-title {font-size: 2.8rem; font-style: italic; margin: 0px 0px 0.2em; } 
.entry-title a {text-decoration: none; } 
body.search .page-title, body.archive .page-title {font-size: 1.6rem; margin-bottom: 1em; } 
.entry-meta {clear: both; font-size: 1.2rem; } .byline {display: none; } 
.single .byline, .group-blog .byline {display: inline; } 
.entry-summary {margin: 1.5em 0px 0px; } 
.entry-content table, .comment-content table {border-left-width: 0px; margin: 0px -0.083em 2.083em 0px; text-align: left; width: 100%; } 
.entry-content tr th, .entry-content thead th, .comment-content tr th, .comment-content thead th {border-left: 1px solid var(--secondary); font-weight: bold; padding: 0.5em 1.25em; } 
.entry-content tr td, .comment-content tr td {border-width: 1px 0px 0px 1px; padding: 0.5em 1.25em; } 
.entry-content tr.odd td, .comment-content tr.odd td {background: var(--secondary); } 
.page-links {clear: both; margin: 0px 0px 1.5em; }

.textContentBlock {
    & .textHeader {
        & h1 {font-size: 4em; font-weight: 700; margin: 0px; } 
        & p {font-weight: 500; font-size: 1.5em; margin-bottom: 0px; } 
    } 
    & .textwidget {padding: 20px 30px 10px 0px; 
        & img {margin-bottom: 15px; } 
        & p {font-size: 0.9em; font-weight: 300; margin: 0px; } 
    } 
}

.bgBlockWrapper {background: var(--text-color); padding: 15px; border-radius: 5px; 
    & .bgBlockText {padding: 0px 35% 0px 0px; position: relative; z-index: 2; display: flex; min-height: 320px; flex-wrap: wrap; align-content: space-between; 
        & span, & p {color: var(--secondary); } 
        & h2 {font-size: 3em; color: var(--secondary); margin: 0px; font-weight: 700; } 
    } 
}


.pageHeader, .default-pageheader {height: 520px;display: flex;align-items: center;background-color: var(--text-color);position: relative;background-repeat: no-repeat;background-position: center;background-size: auto;\: 60px; 
    .container { position: relative; z-index: 99; color: var(--white); 
        :is(h1, h2, h3, h4, h5, h6) { color: var(--white); } 
        h1 {position:relative;display: inline-block;font-size: 4.5rem;line-height: 1.1;text-transform: uppercase;font-weight: 500;color: var(--dark);font-family: var(--heading-font);
               &:after{content:'';display: block;width:100%;height:2px;background:var(--primary);}
           } 
        .button { background: var(--white); color: var(--primary); padding: 15px 30px; font-size: 1em; text-transform: uppercase; }
        @media all and (min-width: 0px) and (max-width: 579px) {
            h1{font-size:2.5em;}
        }                
    } 
    &::before {content: '';display: block;position: absolute;z-index: 2;width: 100%;height: 100%;top: 0;left: 0;opacity: .8;background: linear-gradient(-45deg,var(--primary) 0%, var(--light) 100%);} 
    &::after{content:'';display: block;position: absolute;z-index: 2;width: 100%;height: 40px;bottom: 0;left: 0;background:var(--white);clip-path: polygon(0px 90%, 100% 0%, 100% 100%, 0% 100%);}
    &.postHeader { background-size: cover; height: 600px; 
        &::before { background: linear-gradient(180deg, rgba(48, 86, 166, 0.85) 15%, rgba(0, 0, 0, 0) 100%); }
    }
 
}
.default-pageheader {height: 460px;background: url(images/bg-bottom.jpg) no-repeat;background-size: cover;background-position: right;/* margin-top: 90px; */margin-bottom: 30px; 
    &::before {content: '';display: block;position: absolute;z-index: 2;width: 100%;height: 100%;top: 0;left: 0;background: linear-gradient(-45deg,var(--primary) 0%, var(--light) 100%);} 
    .container { position: relative; z-index: 99; color: var(--white); } 
    h1 {color: var(--white);} 
}
.format-aside .entry-content {border-left: 4px solid rgba(0, 0, 0, 0.1); padding-left: 1em; } 
.header img, .entry-content img, .comment-content img, .widget img {max-width: 100%; } 
.header img, .entry-content img, .widget-img, img[class*="align"], img[class*="wp-image-"], .wp-caption img {height: auto; } 
.header img, .entry-content img, .widget img, img.size-full {max-width: 100%; width: auto; } 
.entry-content img.wp-smiley, .comment-content img.wp-smiley {border: none; margin-bottom: 0px; margin-top: 0px; padding: 0px; } 
.wp-caption {border: 1px solid var(--secondary); max-width: 100%; } 
.wp-caption.aligncenter, .wp-caption.alignleft, .wp-caption.alignright, .wp-caption.alignnone {margin-bottom: 1.5em; } 
.wp-caption img {display: block; margin: 1.2% auto 0px; max-width: 98%; } 
.wp-caption-text {text-align: center; } 
.wp-caption .wp-caption-text {margin: 0.8075em 0px; } 
#content .gallery {margin-bottom: 1.5em; } 
.wp-caption-text, .gallery-caption {font-size: 1.2rem; font-style: italic; } 
#content .gallery a img {border: none; height: auto; max-width: 90%; } 
#content .gallery dd {margin: 0px; } 
embed, iframe, object {max-width: 100%; } 
.site-content .site-navigation {font-size: 1.3rem; font-style: italic; margin: 0px 0px 1.5em; overflow: hidden; } 
.site-content .nav-previous {float: left; width: 50%; } 
.site-content .nav-next {float: right; text-align: right; width: 50%; } #nav-below {display: none; } 
.widget {font-size: 1.2rem; line-height: 1.8; margin: 0px 0px 1.5em; } 
.widget-title {color: var(--secondary); font-size: 2rem; font-style: italic; } #searchsubmit {display: none; } 
.widget .widget-title {margin-bottom: 25px; font-size: 19px; font-weight: 600; } 
.tagcloud a {position: relative; font-weight: 500; background: var(--white); border-radius: 20px; color: var(--secondary); margin: 0px 5px 10px; padding: 3.5px 17px 7px; display: inline-block; transition: 0.5s; box-shadow: rgba(0, 0, 0, 0.1) 0px 20px 50px 0px; font-size: 16px !important; } 
.tagcloud a:hover {color: var(--white); background-color: rgb(253, 74, 54); }

/*go to top button*/
.cd-top {transition: opacity 0.3s, visibility 0.3s; background-color: var(--primary); color: rgb(255, 255, 255); cursor: pointer; display: flex; height: 60px; min-width: 60px; position: fixed; right: 0px; bottom: 0px; text-align: center; z-index: 99; animation: 0.5s ease 0s 1 normal none running moveup; background-position: 17px 17px; justify-content: center; align-items: center; flex-direction: column; opacity: 0; 
    &::before {background-color: var(--primary); content: ""; display: block; height: 100%; left: -5px; position: absolute; top: 0px; transform: skewX(-10deg); width: 15px; } 
    &::after {content: "Top"; font-size: 11px; display: block; text-transform: uppercase; font-weight: 200; } 
    & i {color: var(--white); display: block; width: 100%; font-size: 30px; line-height: 1; } 
    &.cd-is-visible, &.cd-fade-out, .no-touch &.cd-is-visible, .no-touch &.cd-fade-out, .no-touch &:hover {transition: opacity 0.3s, visibility; } 
    &.cd-is-visible {opacity: 0.7; visibility: visible; } 
    &.cd-fade-out {opacity: 0.75; } 
    &:focus {outline: 0px; } 
    &:hover, .no-touch &:hover {opacity: 1; color: var(--white); background: var(--highlight); 
        &::before {background: var(--highlight); } 
        & i {color: var(--white); } 
    } 
}

/*Footer*/
footer {clear: both; width: 100%; background: var(--dark); color: var(--white); position: relative; 
    & h3 {color: var(--wite); } 
    & .container {position: relative; z-index: 9; } 
    & ul {margin: 0px 0px 30px; padding: 0px; list-style: none; display: flex; flex-wrap: wrap; } 
    & #footernav {
        & ul.nav > li {margin: 5px 0px; } 
    } 
    & .footerContactBlock {background: var(--primary); height: 100%; padding: 120px 15px; 
        & h3 {color: var(--dark); } 
        & a.footerContact {display: block; background: var(--dark); color: var(--white); font-size: 1.6em; text-align: center; padding: 15px 25px; border-radius: 8px; margin: 30px 0px; text-transform: uppercase; } 
    } 
    & .widget-footer {
        & .country-title {display: flex; align-items: center; margin: 0px 0px 20px; 
            & .country-flag {width: 40px; margin: 0px 20px 0px 0px; } 
        } 
        & h5 {color: var(--white); font-size: 1.3em; font-weight: 600; margin: 0px; } 
        & ul {margin: 0px; padding: 0px; list-style: none; color: var(--white); 
            & li {display: flex; align-items: center; margin-bottom: 5px; font-size: 0.94em; flex-wrap: wrap; line-height: 1.5; 
                & i {display: inline-block; text-align: center; flex: 0 0 30px; max-width: 30px; color: var(--white); font-size: 1.8em; margin-right: 10px; margin-left: 5px; } 
                & a {color: var(--white); font-size: 0.98em; } 
            } 
        } 
    } 
    & ul li a {display: inline-block; color: var(--white); padding: 9px 0px; } 
    & .address ul li {display: flex; width: 100%; flex-wrap: wrap; align-items: center; font-size: 0.9em; margin-bottom: 15px; 
        & i {padding-right: 10px; font-size: 20px; } 
    } 
    @media (min-width: 0px) and (max-width: 991px) {padding-top: 30px; 
        & .sectionContent {margin-bottom: 30px; } 
        & .footerContactBlock {padding: 30px 15px; margin-bottom: 30px; } 
    } 
}

/*SUb footer*/
.subFooter {background-color: color-mix(in srgb, var(--light) 10%, transparent 0%); padding: 40px 0px 15px; color: var(--white); clip-path: polygon(0px 30%, 100% 0%, 100% 100%, 0% 100%); 
    & p {margin-bottom: 0px; font-size: 0.9em; padding: 10px; 
        & a {color: var(--white); } 
    } 
    & ul li a {color: var(--white); font-size: 0.9em; } 
}

.site-info {font-size: 1.3rem; padding: 1.5em 0px; text-align: center; background-color: var(--text-color); }

.footerLogo { padding: 60px 0px;
    & img { max-width: 225px;
    }
}

#footernav ul {list-style: none; margin: 0px; flex-direction: column; }

.header::after {content: ""; display: table; width: 100%; }
.site_desc {display: none; }
.header hgroup {background: var(--white); padding: 1.5em 2em; }
.site-title {font-size: 4.5rem; font-style: italic; }
.site-description {font-size: 1.3rem; }
.site-title a, .site-description {color: rgb(233, 224, 209); }

.header {position: fixed; width: 100%; z-index: 9999; padding: 0px; top: 0px; left: 0px; transition: all 0.5s ease; transform: translateY(0px); background: transparent;
    & h1 {display: none; color: var(--white); }
    &.toFixed{box-shadow: 0px 0px 1px rgb(9 9 9 / 30%);transform: translateY(-100%);transition:all .3s ease;}
    &.headBg.toFixed {background: var(--primary);transition: all .5s ease;position: fixed;top: 0;transform: translateY(0px);
        & .logo {
            & img.logo {opacity: 1; visibility: visible; transition: 0.8s; }
        }
    }
    & .container {position: relative;
        & .row, & .logoBlock {}
    }

    & .topNavigation {background: var(--primary); padding: 0px; 
        & .topNav {
            & ul {list-style: none; margin: 0px; padding: 0px; display: flex; justify-content: flex-start; 
                & li {
                    & a {display: flex; padding-right: 20px; font-size: 0.75em; font-weight: 500; color: var(--secondary); align-items: center; 
                        &::before {content: ""; font-size: 18px; color: var(--secondary); font-family: bootstrap-icons !important; } 
                    } 
                    & a:hover {color: var(--primary); text-decoration: none; } 
                } 
            } 
        } 
    }

    & .mainNavigation {transition: 0.5s; position: relative; z-index: 9; width: 100%; }

    & .logo {position: relative; top: 0px; z-index: 999; text-align: left; line-height: 0; 
        & a {color: var(--white); display: inline-block; padding: 0px; line-height: 0; } 
        & img {position: relative; display: block; transition: 0.8s; margin: 8px 0px; min-height: 60px; 
            &.logo_white {display: none; } 
        } 
        & img.logo {display: block; } 
        @media (min-width: 0px) and (max-width: 992px) {display: flex; width: 100%; justify-content: space-between; align-items: center; 
            & img.logo {max-width: 250px; } 
        } 
        & .menuIcons {text-align: right; 
            & button {background: none; color: var(--primary); font-size: 3em; border: 0px; } 
        } 
    }

    &.toFixed img.logo {display: block; filter: brightness(0) invert(1); }

    & .HeaderMenu {float: right; 
        & ul {list-style: none; padding: 0px; margin: 0px auto; display: flex; justify-content: flex-end; align-items: center; 
            & li {position: relative; text-align: center; 
                &.hasSub > a::after {content:"\f282"; font-size: 20px; font-weight: 600; margin-left: 2px; vertical-align: top; font-family: bootstrap-icons !important; } 
                & a, & span {color: var(--dark); display: block; padding: 10px 15px; font-weight: 400; text-transform: capitalize; font-size: 1.1em; font-family: var(--body-font); transition: 0.5s; 
                    &::after {content: ""; display: block; width: 0%; height: 2px; background: var(--white); margin-top: 10px; position: absolute; bottom: 0px; left: 0px; transition: 0.3s; } 
                    &:hover {color: var(--primary); 
                        &::after {background: var(--primary); width: 100%; transition: 0.3s; } 
                    } 
                } 
                & ul {display: block; position: absolute; list-style: none; padding: 0px; margin: 0px; min-width: 260px; background: var(--primary); box-shadow: rgba(51, 51, 51, 0.2) 0px 1px 1px 0px; transform: translateY(60px); opacity: 0; visibility: hidden; transition: transform 0.4s, visibility 0.4s, opacity 0.4s !important; 
                    & li {text-align: left; 
                        & a {padding: 15px; color: var(--dark); text-transform: capitalize; 
                            &:hover {background: var(--gray); color: var(--dark); } 
                        } 
                        & ul {position: absolute; left: 100%; top: 0px; background: var(--text-color); 
                            & li:last-child {padding: 0px; } 
                            & li:hover ul {display: block; } 
                        } 
                    } 
                } 
                &:hover > ul {transform: translateY(0px); opacity: 1; visibility: visible; } 
                &.home a, &.search span {font-size: 0px; padding: 25px 20px; 
                    &::after {display: block; font-size: 16px; line-height: 32px; font-family: bootstrap-icons !important; } 
                } 
                &.home a::after {content:"\f424"; } 
                &:hover > a, &.headBg &:hover > a {background: var(--white); } 
                &:hover ul li a:hover {background: var(--gray); color: var(--dark); }

                @media (min-width: 0px) and (max-width: 1200px) {
                    & > a {font-size: 1em; } 
                } 
            } 
            & > &.current_page_item a {color: var(--primary); 
                &::after {content: ""; display: block; width: 100%; height: 2px; background: var(--primary); margin-top: 10px; position: absolute; bottom: 0px; left: 0px; transition: 0.3s; } 
            } 
        } 
        & .subpage ul li a, & .headBg ul li > a {color: var(--white); } 
        .toFixed & ul li a {color: var(--white); } 
        .toFixed & ul li:hover > a, .toFixed .headBg & ul li:hover > a {background: var(--highlight); color: var(--white); } 
        .toFixed & ul li ul li a:hover {background: var(--primary); color: var(--white); } 
    }
}

.Sidebar {
    & .Sidebar__backdrop {background: color-mix(in srgb, var(--dark) 40%, transparent); height: 100%; left: 0px; position: fixed; top: 0px; width: 100%; z-index: 9999; display: none; } 
    & .Sidebar__body {background-color: var(--dark); bottom: 0px; overflow-y: auto; position: fixed; right: -320px; top: 0px; transition: right 0.3s ease-in-out; width: 320px; z-index: 10000; 
        & .sidebar__Close {text-align: right; 
            & button {
                & i {font-size: 30px; color: var(--white); display: block; } 
                &:hover i {background: var(--dark); } 
            } 
        } 
    } 
    &.show {
        & .Sidebar__body {right: 0px; } 
        & .Sidebar__backdrop {display: block; } 
    } 
    & .SidebarMenu {padding: 30px 0px; 
        & ul {list-style: none; margin: 0px; padding: 0px; 
            & li {
                & a {color: var(--white); display: block; font-size: 1.1em; font-weight: 300; padding: 10px 15px; text-decoration: none; text-transform: uppercase; } 
                & ul li {padding: 0px; } 
                & ul li a {padding-left: 25px; text-transform: none; font-size: 0.96em; font-weight: 500; } 
            } 
            & a:hover {background: var(--primary); color: var(--dark); } 
        } 
    } 
}

#social {position: relative; z-index: 99; margin-top: 30px; 
    & ul {margin: 0px; padding: 0px; display: flex; justify-content: flex-start; align-items: center; flex-wrap: wrap; } 
    & li {display: block; margin-right: 15px; 
        & a {background: transparent; text-align: center; display: block; font-size: 0px; overflow: hidden; padding: 0px !important; 
            & span {display: none; vertical-align: middle; font-family: "Open Sans", sans-serif; text-transform: capitalize; font-size: 16px; color: var(--white); font-weight: 600; }
            &::before {content: ""; width: 30px; height: 30px; line-height: 30px; background: center center no-repeat rgba(255, 255, 255, 0.15); border-radius: 50%; text-align: center; display: inline-block; vertical-align: middle; transition: 0.3s; font-family: bootstrap-icons !important; } 
            &:hover::before {background-color: var(--primary); color: var(--white); } 
        } 
        &.facebook a::before {background-image: url("images/facebook.svg"); background-size: 40px; } 
        &.twitter a::before {background-image: url("images/twitterx.svg"); background-size: 30px; } 
        &.instagram a::before {background-image: url("images/instagram.svg"); background-size: 35px; } 
        &.linkedin a::before {background-image: url("images/linkedin.svg"); background-size: 43px; } 
        &.phone a:hover span {color: rgb(85, 85, 85); transition: 0.3s; } 
    } 
}

.animatedLink {position: relative; 
    &::before {content: ""; display: block; width: 100%; height: 3px; position: absolute; bottom: 0px; left: 0px; background: var(--secondary); z-index: 0; } 
    &::after {content: ""; display: block; position: relative; z-index: 1; background-image: linear-gradient(var(--text-color) 0 0); background-repeat: no-repeat; padding-bottom: 3px; background-size: 0px 3px; background-position: 0% 100%; transition: background-size 0.5s, background-position 0.5s; } 
    &:hover::after {background-position: 110% 100%; background-size: 100% 3px; } 
}

.swiper-button-next, .swiper-button-prev {
    display: none;
}

.sliderSection {position: relative; overflow: hidden; background: var(--white); 
    & .swiper-wrapper {} 
    & .particles-js-canvas-el {position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; } 
    & .swiper-slide {position: relative; 
        & .slideCaption {position: absolute; z-index: 99; max-width: 50%; padding: 0px; height: 100%; display: flex; align-items: center; 
            & .slide-description {padding: 15px 15px 15px 120px; max-width: 95%; position: relative; z-index: 3; } 
            & .title {font-size: 3.7rem; line-height: 1.1; text-transform: capitalize; letter-spacing: 1px; font-weight: 700; color: var(--primary); font-family: var(--heading-font); margin-bottom: 15px; 
                &::after {content: ""; display: none; width: 100%; height: 2px; margin-top: 30px; background: var(--primary); } 
                & span {display: block; font-weight: 500; font-size: 49.443px; text-transform: none; 
                    & strong {font-weight: 500; } 
                    & span {font-weight: 800; font-size: 65px; text-transform: uppercase; } 
                } 
            } 
            & .subTitle {font-size: 30.558px; } 
            & p.lead {font-size: 1.3em; margin: 10px 0px; letter-spacing: 0.5px; color: var(--text-color); } 
            & a.button {
                &:hover {background: rgb(0, 0, 0); } 
            } 
        } 
        & img {display: block; width: 100%; height: 100%; max-height: 100vh; object-fit: cover; position: relative; top: 0px; left: 0px; order: 0; } 
        &::after {content: ""; display: block; position: absolute; width: 100%; height: 100%; top: 0px; right: 0px; background-image: url("data:image/svg+xml,%3Csvg id='Layer_1' data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' width='2253.13' height='1303.79' viewBox='0 0 2253.13 1303.79'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:%232395d4;%7D.cls-2%7Bfill:%23FFF;%7D%3C/style%3E%3C/defs%3E%3Ctitle%3E2 inverted_shape%3C/title%3E%3Cpath class='cls-1' d='M1078.53,1074.9,934,843.14,863.47,731.69a44.4,44.4,0,0,1-1.69-46.25L1191.34,65.56c12.61-24.58,38.1-40,66-41L1946.05-.57l-2.85-78.22L-229.79.49l44.59,1222.3,2173-79.28-3.7-101.5-905.69,33.13Z' transform='translate(265.33 81)'/%3E%3Cpath class='cls-2' d='M1047.41,1079.72,906.64,834.53,837.91,716.59a46,46,0,0,1,0-47.9L1202.18,39.94C1216.16,15,1243.1,0,1272,0h713.29V-81H-265.33V1185H1985.33V1079.87l-938.07.09Z' transform='translate(265.33 81)'/%3E%3C/svg%3E"); background-position: center center; opacity: 0.8; } 
    } 

    @media (min-width: 0px) and (max-width: 992px) {
        & .swiper-wrapper {height: calc(70vw); } 
    } 
    @media (min-width: 0px) and (max-width: 768px) {
        & .swiper-wrapper {height: calc(75vw); } 
    } 
    @media (min-width: 0px) and (max-width: 640px) {
        & .swiper-wrapper {height: calc(85vw); } 
    } 
    @media (min-width: 0px) and (max-width: 520px) {
        & .swiper-wrapper {height: calc(100vw); } 
    } 
    @media (min-width: 0px) and (max-width: 520px) {
        & .swiper-wrapper {height: calc(120vw); } 
    } 
}

.swiper {width: 100%; height: 100%; background: var(--text-color);
    & .swiper-slide {text-align: center; font-size: 18px; background: var(--text-color); display: flex; justify-content: center; align-items: center; height: 100vh;
        & img {display: block; width: 100%; object-fit: cover; }
    }
}

.logoSwiper {
    & .swiper-slide {
        & img {height: auto; width: auto; object-fit: none; }
    }
}

.swiper-pagination {position: absolute; right: 0px; height: 100px; top: 25% !important; bottom: auto !important; left: auto !important; width: 30px !important; 
    & .swiper-pagination-bullet {border: 1px solid var(--white); position: relative; margin-top: 25px !important; 
        &::after {content: ""; display: block; width: 100%; height: 100%; padding: 10px; border: 1px dotted var(--white); position: absolute; left: -8px; top: -8px; border-radius: 100%; background: rgba(0, 0, 0, 0.75); z-index: -1; } 
    } 
}

.row_block.welcome {text-align: center; padding: 50px 0px; }
.text-banner {
    & h1 {color: var(--primary); font-weight: 300; font-size: 4em; margin: 0px; } 
    & h4 {color: var(--primary); font-size: 1.6em; }
    & p {margin: 0px; } 
 }

.heading {
    & span {font-size: 0.9em; color: var(--highlight); font-weight: 400; text-transform: uppercase; } 
    & h2 {margin-top: 0px; position: relative; display: block; font-weight: 500; font-size: 1.8em; } 
}
 
.introBlock {background-size: 100%; transition: 1s; overflow: hidden; position: relative; z-index: 1; display: flex; align-items: center; background: var(--gray); padding-top: 120px; padding-bottom: 90px; transform: translateY(-5%); clip-path: polygon(0px 6%, 100% 0%, 100% 100%, 0% 100%); 
    & .choosePoints {position: relative; padding: 0px; 
        & .details {padding: 60px 40px; position: relative; z-index: 4; font-size: 1.2em; } 
        & .image {position: relative; top: 0px; left: 0px; width: 100%; height: 100%; 
            & img {position: relative; z-index: 2; width: 100%; height: 100%; min-height: 220px; object-fit: cover; mask-image: url("images/mask.png"); mask-repeat: no-repeat; mask-size: auto 100%; } 
            &::after {content: ""; display: block; width: 100%; height: 100%; position: absolute; left: 0px; top: 0px; background-size: contain; background-position: center center; background-repeat: no-repeat; mask-image: url("images/mask.png"); mask-repeat: no-repeat; mask-size: auto 100%; transform: rotate(3deg) scale(1.01); } 
        }
        &.Scale .image::after {background: var(--highlight); } 
        &.Innovation .image::after {background: var(--secondary); } 
        &.Accountability .image::after {background: var(--primary); } 
    } 
 }

& .largerHeading {/* padding-top: 50px; */ 
    & span {color: var(--highlight); font-weight: 500; font-size: 1.5em; } 
    & h2 {font-size: 36px; font-weight: 700; } 
} 
& .pointers {min-height: 90px; margin-bottom: 10px; display: flex; position: relative; color: var(--white); /* flex-wrap: nowrap; */ 
    & .pointWrapper {display: flex; width: 100%; p {margin-bottom: 0; } 
        & .marker {
            svg {max-height: 100px; width: auto; } 
            + div {background: var(--highlight); padding: 10px; margin-left: -1px; width: 100%; display: flex; flex-direction: column; justify-content: center; } 
        } 
    } 
    &.Scale, &.primary {
        svg {fill: var(--primary); } 
        & .marker + div {background: var(--primary); } 
    } 
    &.Accountability, &.secondary{
        svg {fill: var(--secondary); } 
        & .marker + div {background: var(--secondary); } 
    } 
    &.Innovation {
        svg {fill: var(--primary); }
         & .marker + div {background: var(--primary); } 
     }
    &.singleService {
        & .marker{
         & + div {
            ul{margin:0; padding:0; padding-left:15px;
                li{ margin:5px;}
            }
         } 
        }
        &.Appdev {
           & .marker{
            svg{max-height:none;}  
           }
        }
    }
 } 

.serviceBlocks{background: var(--white);position: relative;z-index: 3;
    & .largerHeading {
        & span {color: var(--highlight); font-size: 1.5em; font-weight: 600; }
        & h2 {color: var(--text-color); font-size: 36px; font-weight: 700;
            & span {display: block; } 
        }
    }               
    & .blocksWrapper {display:flex;-ms-flex-wrap: wrap;flex-wrap: wrap;
        & .serviceBlock {-ms-flex: 0 0 33.333%;flex: 0 0 33.333%;max-width: 33.333%;margin-bottom: 50px;position: relative;
            a{display:flex;-ms-flex-wrap: wrap;flex-wrap: nowrap;justify-content: flex-start;align-items: center;position: relative;
              img{-ms-flex: 0 0 40%;flex: 0 0 40%;max-width: 40%;mask-image: url(images/mask.png);mask-repeat: no-repeat;mask-size: 100%;}
              & .details{-ms-flex: 0 0 60%;flex: 0 0 60%;max-width: 60%;padding: 15px;
                    span{display:block; color:var(--text-color);}        
                }              
             }                
        }
    }
}

.careersBlock {background-size: 100%; transition: 1s; overflow: hidden; position: relative; display: flex; background: url(images/careerBG.jpg) no-repeat center; background-size: cover; transition: all .3s ease; 
    & .sectionContent{display:flex; position: relative; /* height: 100%; */ left: 0px; width: 50%; z-index: 9; color: var(--white); flex-wrap: nowrap; flex-direction: row; 
        & .textdetails{padding: 180px 60px;background: #0ec9ef;max-width: 80%; 
            & .largerHeading {
                & span {color: var(--dark); font-size: 1.5em; font-weight: 600; } 
                & h2 {color: var(--white); font-size: 36px; font-weight: 700; 
                    & span {display: block; } 
                } 
            } 
            p{/* font-size:1.2em; */}
             &:after{content:'';display:block;width: 100%;height:100%;position: absolute;right: -13%;top: 0;background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='294.78' height='697.29' fill='%230ec9ef' viewBox='0 0 294.78 697.29'%3E%3Ctitle%3Eshape_right%3C/title%3E%3Cpath d='M0,.22V697.29H155.17l90.89-158.43,44.37-76.14a29.68,29.68,0,0,0,0-30.94L55.26,25.79A51.45,51.45,0,0,0,10.13,0Z'/%3E%3C/svg%3E");background-repeat: no-repeat;background-size: contain; /* or cover */background-position: right center; /* adjust as needed */} 
         } 
     } 
     @media (min-width: 0px) and (max-width: 992px) {
        flex-direction: column-reverse; clip-path: polygon(0px 5%, 100% 0%, 100% 96%, 0% 100%); 
        & .homeAbout {position: relative; max-width: 100%; bottom: 0px; } 
    }
    @media (min-width: 0px) and (max-width: 992px) {
        background-position: center top; flex-direction: column-reverse; clip-path: polygon(0px 5%, 100% 0%, 100% 96%, 0% 100%); 
        &.polygone-overlay {
            & .moving-polygones {
                &::after, &::before {transform: rotateZ(180deg); right: 0px; left: auto; } 
                & .moving-line {width: 110%; transform: rotate(8deg); left: -10%; top: 43%; } 
            } 
            &:hover {
                & .moving-polygones {
                    & .moving-line {transform: rotate(-6deg); } 
                } 
            } 
        } 
    } 
    @media (min-width: 0px) and (max-width: 768px) {
        display: flex; align-items: flex-start; 
        & .homeAbout {margin-top: -100px; } 
        & img {width: 100%; min-height: 420px; display: block; object-position: center center; object-fit: cover; } 
    } 
}


.chooseBlock {transform:translateY(-10%);clip-path: polygon(0px 5%, 100% 0%, 100% 100%, 0% 100%);background: var(--white);transform: translateY(-10%);padding-top: 120px;
    .image{position:relative;
        img{object-fit: cover; mask-image: url(images/mask.svg); mask-repeat: no-repeat; mask-size: 100%;} 
        &::after {content: ""; display: block; width: 100%; height: 100%; position: absolute; z-index: -1; left: 0; top: 0; background: var(--secondary); background-position: center center; background-repeat: no-repeat; mask-image: url("images/mask.svg"); mask-repeat: no-repeat; mask-size: 100%; transform: rotate(-3deg); } 
    }
    & .sectionContent {} 
}
 
.subpageContent {
    & .highlightTextBlock {
        ul{margin:0; padding:0; list-style:none; display:flex; flex-wrap:wrap;
            li{-ms-flex: 0 0 40%;flex: 0 0 40%;max-width: 40%;margin:10px;display:flex;flex-wrap: nowrap;justify-content: flex-start;position: relative;
                &:before{content:'';display:block;width: 100%;height: 100%;position: absolute;left: 8px;top: 0;z-index:0;background-repeat: no-repeat;background-size: contain;background-position: left;background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' id='Layer_1' data-name='Layer 1' width='82.32' height='194.71' viewBox='0 0 82.32 194.71'%3E%3Ctitle%3Eshape_left%3C/title%3E%3Cpath fill='%23f98a07' d='M81.37,2.29a14.36,14.36,0,0,0-12.6,7.2L3.1,122.86a8.29,8.29,0,0,0,0,8.64l12.39,21.26L40.87,197l0,0H84.2V2.35Z' transform='translate(-1.88 -2.29)'/%3E%3C/svg%3E");}
                strong{position:relative;display: block;height: 100%;font-weight: 500;margin-left: 30px;padding: 10px;/* border: 1px solid var(--light); */background: var(--highlight);color: var(--white);}  
            }  
        }
    }
    &.Appdev, &.dw_bi{
        ul li{-ms-flex: 0 0 100%;flex: 0 0 100%;max-width: 100%;
            strong{ width:100%; margin-left:24px;}     
        }
    }    
}

.pageBgSection {padding: 60px 0px; margin-bottom: 60px;
    &.gray {background: var(--gray);}
}
 

.contactPage {
    & .address ul li {display: flex; width: 100%; flex-wrap: wrap; align-items: center; font-size: 1.2em; margin-bottom: 25px; 
        & i {padding-right: 10px; font-size: 20px; } 
    } 
    & #contactForm {
        & form {
            & div p span {display: block; } 
            & input, & textarea {display: block; width: 100%; padding: 15px; border: 1px solid rgb(228, 228, 228); background: rgb(238, 238, 238); border-radius: 3px; } 
            & textarea {max-height: 170px; } 
            & input[type="submit"] {background: var(--primary); width: auto; padding: 15px 25px; border: 0px; border-radius: 5px; font-size: 1.2em; } 
        } 
    } 
}

.servicesPage {
    & .highLightBg {background: var(--gray); padding-top: 30px; 
        & ul {list-style: none; margin: 0px; padding: 0px; display: flex; flex-wrap: wrap; justify-content: space-between; 
            & li {max-width: 48%; padding: 15px; margin: 10px 0px; background: var(--primary); color: var(--dark); border-radius: 8px; 
                & strong {display: block; } @media (min-width: 0px) and (max-width: 579px) {max-width: 100%; } 
            } 
        } 
    } 
    & .serviceBlock {border-radius: 8px; overflow: hidden; height: 100%; background: var(--gray); 
        & .details {padding: 15px; } 
    } 
}

.serviceIntroBlock {
    & div.introInfoBlock {padding: 15px; border-radius: 8px; background: var(--lightBlue); height: 100%; 
        & strong {display: block; } 
    } 
    &.dataAnalytics {
        & .introInfoBlock {background: var(--gray); color: var(--dark); border-left: 5px solid var(--primary); 
            & span {color: var(--primary); font-weight: 500; } 
            & p {margin: 0px; } 
        } 
    } 
}

.serviceOptionsBlock {background: var(--gray); padding: 90px 0px; 
    & .serviceInfoBlock {height: 100%; color: var(--dark); display: flex; border: 1px solid var(--lightBlue); 
        & img {max-width: 50%; object-fit: cover; border-top-left-radius: 8px; border-bottom-left-radius: 8px; } 
        & .details {padding: 15px; background: var(--white); border-top-right-radius: 8px; border-bottom-right-radius: 8px; } 
        & h3 {font-size: 1.35em; } 

        @media (min-width: 0px) and (max-width: 579px) {
            flex-flow: column; 
            & img {max-width: 100%; border-radius: 8px 8px 0px 0px; } 
            & .details {border-radius: 0px 0px 8px 8px; } 
        } 
    } 
    &.dataAnalytics {background: var(--lightBlue); } 

    @media (min-width: 0px) and (max-width: 991px) {
        &.dataAnalytics {
            & .serviceInfoBlock {flex-direction: column; 
                & img {max-width: 100%; border-radius: 8px 8px 0px 0px; } 
                & .details {border-radius: 0px 0px 8px 8px; } 
            } 
        } 
    } 
}
  

@media (min-width: 0px) and (max-width: 991px) {
    .slideContent {
        & .slideCaption {
            & .title {font-size: 40px; 
                & span {font-size: 30px; 
                    & strong {font-weight: 500; } 
                    & span {font-size: 45px; } 
                } 
            } 
        } 
    }

    .pageHeader, .default-pageheader {height: 400px; background-size: cover; background-position: right center; }
    .pageHeader::before {background: linear-gradient(90deg, rgb(16, 26, 48) 10%, rgba(0, 0, 0, 0) 100%); }

    #footernav {margin-top: 30px; }
}

@media (min-width: 0px) and (max-width: 768px) {
    footer #footernav ul.nav > li {flex: 0 0 100%; max-width: 100%; }
}

@media only screen and (max-width: 800px) {
    #main {overflow: visible; }

    #content, #primary, #secondary, #tertiary {background: none; float: none; margin: 0px; padding: 0px; }

    #primary, #secondary, #tertiary {width: 100%; }

    .header hgroup, #main {padding: 0.8em; }
}

#ie8 .header img, #ie8 .entry-content img, #ie8 img.size-full, #ie8 .entry-thumbnail img, #ie8 .widget img, #ie8 .wp-caption img {
    width: auto;
}