/*
Theme Name: Garden 
Theme URI: https://gstateci.com/
Author: Admin
Author URI:
Description: The theme is a simple, minimalist theme based on Underscores and the original shape Theme by Ian Stewart.
Version: 1.0
License: GNU General Public License
License URI: license.txt
Tags: GState Consulting
/* variables.css */
:root {
    /*Colors*/
    --primary: #E85A4F;
    --light: #fccfcc;
    --light100: #fde5e3;
    --secondary: #2779A7;
    /*Silver*/
    --gray: #f0f8ff;
    /*Gray*/
    --dark: #142c3d;
    --highlight:#d43a2e;
    --lightBlue:#e5f1f9;
    --text-color: #4b4f58;
    /*Black*/
    --header-color: #041d38;
    /*#3a3a3a*/
    --primary-nav-hover: rgb(11 33 79 / 80%);
    --primary-nav-sub: rgb(11 33 79 / 80%);

    /*Fonts*/
    --primary-nav-font:"Rubik", sans-serif;
    --subheader-font: "Exo 2", sans-serif;
    --header-font: "Exo 2", sans-serif;
    --heading-font:"Rubik", sans-serif;
    --body-font: "Inter", sans-serif;
}

html { font-family: sans-serif; -ms-text-size-adjust:100%; -webkit-text-size-adjust: 100%; font-family: sans-serif; scroll-behavior: smooth; }

/* Global----------------------------------------------- */
body {margin: 0;font-family: var(--body-font);font-weight: 300;font-size: 1em;line-height: 1.3;color: var(--text-color);text-align: left;position: relative;min-height: 100vh;size-adjust: 105%;ascent-override: 92%;descent-override: 28%;line-gap-override: 0%;}
.footer { flex-shrink: 0; }
.wrapper { min-height: 100vh; display: flex; flex-direction: column; }
.layout {height: auto;width: 100%;margin: 0 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: 0; font-style: inherit; font-weight: inherit; margin: 0; outline: 0; padding: 0; vertical-align: baseline }
html { -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100% } 
body { margin: 0 } 
main, nav { display: block } 
progress { display: inline-block; vertical-align: baseline } 
a { background-color: transparent } 
a:active { outline: 0 } 
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: #ff0; color: #000 } 
small { font-size: 80% } 
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline } 
sup { top: -.5em } 
sub { bottom: -.25em } 
img { border: 0 } 
svg:not(:root) { overflow: hidden } 
figure { margin: 0 } hr { box-sizing: content-box; height: 0 } 
pre { overflow: auto } 
code, kbd, pre, samp { font-size: 1em }
button, input, optgroup, select, textarea { color: inherit; font: inherit; margin: 0 } 
button { overflow: visible } 
button, select { text-transform: none } 
button[disabled], html input[disabled] { cursor: default } 
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0 } 
#comments .submit, .search .search-submit { padding: 10px 15px; border-radius: 2px; line-height: 1.85714285714286; border: 0 }
.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 { -webkit-appearance: none }
fieldset { border: 1px solid var(--ast-border-color); margin: 0 0; padding: .35em .625em .75em }
legend { border: 0; padding: 0 } fieldset legend { margin-bottom: 1.5em; padding: 0 .5em }
textarea { overflow: auto } 
optgroup { font-weight: 700 } 
table { border-collapse: collapse; border-spacing: 0 } td, th { padding: 0 } 
 a img { border: 0; }
.container.sjb-container { margin-top: 80px; }
header, section, article, aside, footer, figure, nav, hgroup, video, div, canvas { display: block; }
p {margin: 0.5em 0;line-height: 1.4em;}
a { -moz-transition: all .4s ease; -o-transition: all .4s ease; -webkit-transition: all .4s ease; transition: all .4s ease; color: var(--highlight); text-decoration: none; }
.Button-primary { background-color: var(--highlight); border-color: var(--highlight); }
.Button-primary:hover { background: var(--priamry); }
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: 0; -ms-interpolation-mode: bicubic; }

/* Medium desktops */
@media (min-width: 1200px) {
  .container { max-width: 1140px; }
}
/* Large desktops */
@media (min-width: 1400px) {
  .container { max-width: 1320px; }
}
/* Extra-large desktops or 4K displays */
@media (min-width: 1600px) {
  .container { max-width: 1440px; }
}
@media (min-width: 1920px) {
    .container { max-width: 1600px; }
}

/*Base Elements */
/* Headings */ 
h1, h2, h3, h4, h5, h6 {margin-top: 0; 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; }

/* Text elements */
p { margin-bottom: 1.2em; } 
ul, ol { margin: 0 0 1.5em 3em; } 
ul { list-style: disc; } 
ol { list-style: decimal; } 
ul ul, ol ol, ul ol, ol ul { margin-bottom: 0; margin-left: 1.5em; } 
dt { font-weight: bold; } 
dd { margin: 0 1.5em 1.5em; } 
b, strong { font-weight: bold; } 
dfn, cite, em, i { font-style: italic; } 
blockquote { font-style: italic; margin: 0 1.5em; } 
address { margin: 0 0 1.5em; } 
pre { background: var(--secondary); font-family: "Courier 10 Pitch", Courier, monospace; font-size: 15px; 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 #666; cursor: help; } 
mark, ins { background: #fff9c0; text-decoration: none; } 
sup, sub { font-size: 75%; height: 0; line-height: 0; position: relative; vertical-align: baseline; } 
sup { bottom: 1ex; } 
sub { top: .5ex; } 
small { font-size: 75%; } 
big { font-size: 125%; } 
figure { margin: 0; } 
table { margin: 0 0 1.5em; width: 100%; } 
th { font-weight: bold; } 
button, input, select, textarea { font-size: .9em; /* Corrects font size not being inherited in all browsers */ margin: 0; /* Addresses margins set differently in IE6/7, F3/4, S5, Chrome */ vertical-align: baseline; /* Improves appearance and consistency in all browsers */ vertical-align: middle; /* Improves appearance and consistency in all browsers */ }

.button .icon { margin: 0 10px 0 0 }
.button .icon-flag { width: 30px; }
.clear { clear: both; height: 0px; margin: 0px; padding: 0px; }
.hide { display: none; }
.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); }
/*Usage as a mixin */
*:focus, *:focus-visible { outline: 1px solid var(--primary);  }

/* Links */
a { color: var(--primary); text-decoration: none; transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out; transition: all; -moz-transition: all .3s ease-in-out; } 
a:hover, a:focus, a:active { color: var(--highlight); text-decoration: none; }

/* Text meant only for screen readers */
.assistive-text { clip: rect(1px1px1px1px); /* IE6, IE7 */ clip: rect(1px, 1px, 1px, 1px); position: absolute !important; display: none; }
.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); }

/* ----------------------------------------------- Structure----------------------------------------------- */
#main, .main-navigation, .site-title, .site-description { margin: 0 auto; } 
#main { clear: both; }
#primary.subpage .breadcrumbs {padding: 10px 0;font-size: .9rem;background: transparent;}
.breadcrumbs {line-height: 1;transition: all .5s ease;position: relative;z-index: 3;
    #breadcrumb {display: flex;align-items: center;flex-wrap: wrap;  
        a,span {font-size:.8rem;color: var(--gray);line-height: 1;font-weight: 300;text-transform: capitalize;}
        a:first-child {/* font-size: 0; */      
            &::before { content: "\f424"; font-family: bootstrap-icons !important; font-size: 14px; vertical-align: middle; display: none; font-weight: normal; }
        }
        span {font-size: 16px;display: inline-block;vertical-align: middle;
            &.delimiter {font-size: 0;
                &::after {content:"\f27b";font-family: bootstrap-icons !important;font-size: 14px;line-height: 14px;height: 14px;display: inline-block;padding: 0 5px;padding-right: 10px;transform: scaleY(.8);}
            }
        }
    }
}
.header.toFixed { 
    .breadcrumbs { background: var(--gray); transition: all 0.5s ease; 
        span.delimiter::after { color: var(--primary); } 
        span { color: var(--header-color); } 
        a { color: var(--primary); } 
    } 
}
.scroll-progress-container { width: 100%; height: 1px; position: relative; z-index: 0; background: transparent; transition: all .5s ease; } 
.scroll-progress { width: 0px; height: 100%; background: var(--secondary); } 
.header.toFixed .scroll-progress-container { background: var(--white); transition: all .5s ease; }

/*Buttons*/
.button {-o-transition: all 0.3s;-webkit-transition: all 0.3s;background-color: var(--primary);border-radius: 5px;color: var(--white);display: inline-block;fill: var(--white);font-size: 1.2em;font-weight: 400;line-height: 1;padding: 10px 30px;text-align: center;transition: all 0.3s;
    &.button-lg { font-size: 1.5em; padding: 20px 30px; }
    &.button-sm { border-radius: 0.25rem; padding: 0.5rem .85rem; font-size: 0.9rem; }
    &.button-primary {background: var(--primary);border: 1px solid transparent;color: var(--white); 
        &:hover { background: var(--highlight); } 
        &.button-lines { border-color: var(--primary); color: var(--primary); } 
        &.button-lines:hover { background: var(--primary); color: var(--white); } 
    }
    &.button-highlight { background: var(--highlight); border: 1px solid transparent; color: var(--white); 
        &:hover { background: var(--primary); } 
        &.button-lines { border-color: var(--highlight); color: var(--highlight); } 
        &.button-lines:hover { background: var(--highlight); color: var(--white); } 
    }
    &.button-secondary { background: var(--secondary); border: 1px solid transparent; color: var(--white); 
        &:hover { background: var(--primary); } 
        &.button-lines { border-color: var(--secondary); color: var(--secondary); } 
        &.button-lines:hover { background: var(--secondary); color: var(--white); } 
    }         
    &.button-white { background: var(--white); border: 1px solid transparent; color: var(--primary); 
        &: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: .11em; }
    &.button-arrow { 
        &:after {content: "";display: inline-block;font-family: bootstrap-icons !important;font-size: 26px;line-height: 30px;padding: 0 0 0 4px;vertical-align: middle;} 
        &.right:after { content: "\f138"; } 
        &.left:after { content: "\f12f"; } 
        &.down:after { content: "\f128"; } 
        &.up:after { content: "\f148"; } 
        &.button-sm:after { font-size: 26px; line-height: 0; } 
    } 
}

/* Content----------------------------------------------- */
.site-main { background: var(--white); }
.subpageHeader { padding-top: 0; background: var(--primary); margin-top: 130px; } 
.entry-title, .page-title { font-size: 28px; font-size: 2.8rem; font-style: italic; margin: 0 0 .2em; } 
.entry-title a { text-decoration: none; }
body.search .page-title, body.archive .page-title { font-size: 16px; font-size: 1.6rem; margin-bottom: 1em; } 
.entry-meta { clear: both; font-size: 12px; font-size: 1.2rem; } 
.byline { display: none; } 
.single .byline, .group-blog .byline { display: inline; } 
.entry-summary { margin: 1.5em 0 0; } 
.entry-content table, .comment-content table { border: 1px solid var(--secondary); border-left-width: 0; margin: 0 -.083em 2.083em 0; 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: .5em 1.25em; } 
.entry-content tr td, .comment-content tr td { border: 1px solid var(--secondary); border-width: 1px 0 0 1px; padding: .5em 1.25em; } 
.entry-content tr.odd td, .comment-content tr.odd td { background: var(--secondary); } 
.page-links { clear: both; margin: 0 0 1.5em; }

/*Page contents*/
.textContentBlock { 
    .textHeader { h1 { font-size: 4em; font-weight: 700; margin: 0; } 
    p { font-weight: 500; font-size: 1.5em; margin-bottom: 0; } } 
    .textwidget { padding: 20px 30px 10px 0; img { margin-bottom: 15px; } 
    p { font-size: 0.9em; font-weight: 300; margin: 0; } } 
}
.bgBlockWrapper { background: var(--text-color); padding: 15px; border-radius: 5px; 
    .bgBlockText { padding: 0 35% 0 0; 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: 0; font-weight: 700; } 
    } 
}
.bgBlock { 
    &.imageBG { position: relative; 
        &::after { content: ''; display: block; position: absolute; width: 100%; height: 100%; background: url('/dev/wp-content/uploads/2024/06/shape-dots.png') no-repeat right; background-size: contain; top: 0; left: 0; transform: translateY(40px); transition: all 1s ease; } 
        &.bgBlockStyle1 { 
            &::after { background-image: url('/dev/wp-content/uploads/2024/06/shape-dots.png'); } 
            &:hover::after { --translateY: -61.19595px; transform: translateY(0px); transition-property: transform, opacity; transition-timing-function: cubic-bezier(0, 0.33, 0.07, 1.03); transition-duration: 1s; } 
        } 
    } 
    &.light { background: var(--secondary); } 
}
.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;/* margin-bottom: 60px; *//* margin-top: 90px; */ 
    .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: #fff;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,rgba(232, 90, 79, 1) 0%, rgba(39, 121, 167, 1) 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,rgba(232, 90, 79, 1) 0%, rgba(39, 121, 167, 1) 100%);} 
    .container { position: relative; z-index: 99; color: var(--white); } 
    h1 {color: var(--white);} 
}

/* Aside Post Format----------------------------------------------- */
.format-aside .entry-content { border-left: 4px solid rgba(0, 0, 0, 0.1); padding-left: 1em; }

/* Media----------------------------------------------- */
.header img, .entry-content img, .comment-content img, .widget img { max-width: 100%; /* Fluid images for posts, comments, and widgets */ }
.header img, .entry-content img, .widget-img, img[class*="align"], img[class*="wp-image-"], .wp-caption img { height: auto; /* Make sure images with WordPress-added height and width attributes are scaled correctly */ }
.header img, .entry-content img, .widget img, img.size-full { max-width: 100%; width: auto; /* Prevent stretching of full-size images with height and width attributes in IE8 */ }
.entry-content img.wp-smiley, .comment-content img.wp-smiley { border: none; margin-bottom: 0; margin-top: 0; padding: 0; }
.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 0; max-width: 98%; } 
.wp-caption-text { text-align: center; } 
.wp-caption .wp-caption-text { margin: .8075em 0; } 
#content .gallery { margin-bottom: 1.5em; } 
.wp-caption-text, .gallery-caption { font-size: 12px; font-size: 1.2rem; font-style: italic; } 
#content .gallery a img { border: none; height: auto; max-width: 90%; } 
#content .gallery dd { margin: 0; }

/* Make sure embeds and iframes fit their containers */
embed, iframe, object { max-width: 100%; }

/* Navigation----------------------------------------------- */
.site-content .site-navigation { font-size: 13px; font-size: 1.3rem; font-style: italic; margin: 0 0 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; }

/* Widgets----------------------------------------------- */
.widget { font-size: 12px; font-size: 1.2rem; line-height: 1.8; margin: 0 0 1.5em; } 
.widget-title { color: var(--secondary); font-size: 20px; font-size: 2rem; font-style: italic; }

/* Search widget */
#searchsubmit { display: none; } 
.widget .widget-title { margin-bottom: 25px; font-size: 19px; font-weight: 600; } 
.tagcloud a { position: relative; font-size: 16px !important; font-weight: 500; background: var(--white); border-radius: 20px; color: var(--secondary); margin: 0 5px 10px; padding: 3.5px 17px 7px; display: inline-block; -webkit-transition: .5s ease; -o-transition: .5s ease; transition: .5s ease; -webkit-box-shadow: 0px 20px 50px 0px rgba(0, 0, 0, 0.1); box-shadow: 0px 20px 50px 0px rgba(0, 0, 0, 0.1); } 
.tagcloud a:hover { color: var(--white); background-color: #fd4a36; }
.cd-top { -moz-transition: opacity 0.3s 0s, visibility 0s 0.3s; -webkit-transition: opacity 0.3s 0s, visibility 0s 0.3s; transition: opacity 0.3s 0s, visibility 0s 0.3s; background: var(--text-color); opacity: 0; bottom: 0; display: block; height: 35px; position: fixed; right: 30px; padding: 7px; visibility: hidden; width: 50px; z-index: 10; border-top-left-radius: 5px; border-top-right-radius: 5px; text-align: center; 
    i { color: var(--white); } 
    &.cd-is-visible, &.cd-fade-out, .no-touch &.cd-is-visible, .no-touch &.cd-fade-out, .no-touch &:hover { -moz-transition: opacity 0.3s 0s, visibility 0s 0s; -webkit-transition: opacity 0.3s 0s, visibility 0s 0s; transition: opacity 0.3s 0s, visibility 0s 0s; } 
    &.cd-is-visible { opacity: 0.7; visibility: visible; } 
    &.cd-fade-out { opacity: 0.75; } 
    &:hover, .no-touch &:hover { opacity: 1; 
        i { color: var(--white); } 
    } 
}

/* Site Footer----------------------------------------------- */
.site-footer {clear: both;width: 100%;background: var(--secondary);color: var(--white);position: relative; 
    h3{color:var(--wite);}
    .container { position: relative; z-index: 9; } 
} 
footer { 
    ul {list-style:none; margin: 0 0 30px 0;padding: 0;list-style: none;display: flex;flex-wrap: wrap;} 
    #footernav { 
        ul.nav > li {  margin: 5px 0; } 
    } 
    & .footerContactBlock  {background: var(--white);height:100%;padding: 120px 15px;
        h3{color: var(--secondary);}
        a.footerContact{display: block;background: var(--secondary);color:var(--white);font-size: 1.6em;text-align: center;padding: 15px 25px;border-radius:8px;margin:30px 0;text-transform: uppercase;}
    }
    .widget-footer { 
        .country-title { display: flex; align-items: center; margin: 0 0 20px 0; 
            .country-flag { width: 40px; margin: 0 20px 0 0; } 
        } 
        h5 { color: var(--white); margin-left: 10px; font-size: 1.3em; font-weight: 600; margin: 0; } 
        ul { margin: 0; padding: 0; list-style: none; color: var(--white); 
            li { display: flex; align-items: center; margin-bottom: 5px; font-size: .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: .98em; } 
            } 
        } 
    } 
    ul li a {display:inline-block; color: var(--white);padding: 9px 0;} 

    & .address ul li{display: flex;width: 100%;flex-wrap: wrap;align-items: center;font-size: .9em;margin-bottom: 15px;
        i{padding-right: 10px;font-size: 20px;}                
    }
        @media all and (min-width: 0px) and (max-width: 991px) {
            padding-top:30px;
            & .sectionContent{ margin-bottom:30px;}
            & .footerContactBlock {padding:30px 15px;margin-bottom: 30px;}
        }    
} 
.subFooter {background: color-mix(in srgb, transparent 100%, var(--dark) 20%);padding: 0;color: var(--white); 
    p {margin: 0;font-size: .9em;padding: 8px 0; 
        a {color: var(--white);} 
    } 
    ul{align-items:center;
        li a{color: var(--white);font-size: .9em;}
    }
} 
.site-info { font-size: 1.3rem; padding: 1.5em 0; text-align: center; background-color: var(--text-color); } 
.footerLogo img {max-width: 225px;} 
#footernav ul {list-style: none;margin: 0;flex-direction: column;} 
.footer_contactfrom { text-align: left; background: var(--white); padding: 30px; border-radius: 8px; margin-top: -200px; position: relative; z-index: 9; 
    h5 { text-align: center; } 
    p { margin: 10px 0; } 
    label { color: var(--secondary); margin: 0; font-size: .9em; font-weight: 300; line-height: 0; } 
    input, textarea { width: 100%; } 
    input[type="submit"] { font-family: var(--subheader-font); display: inline-block; font-size: 14px; font-weight: 600; text-transform: none; font-style: normal; line-height: 1.2em; letter-spacing: 0px; word-spacing: 0em; color: var(--white); background-color: var(--primary); border-radius: 4px; padding: 14px 24px; width: auto; } 
    img { position: absolute; right: 0; display: none; } 
    textarea { height: 100px; max-width: 100%; max-height: 100px; border: 0; padding: 10px 15px; } 
}
 
/* ----------------------------------------------- Site Header----------------------------------------------- */
.header:after { content: ""; display: table; width: 100%; }
.site_desc { display: none; }
.header hgroup { background: var(--white); padding: 1.5em 2em; }
.site-title { font-size: 45px; font-size: 4.5rem; font-style: italic; }
.site-description { font-size: 13px; font-size: 1.3rem; }
.site-title a, .site-description { color: #e9e0d1; }

/* ====================header ==================== */
.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: 5px 0px;max-width: 200px;filter: brightness(0) invert(1); 
            &.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: 200px;} 
        } 
        & button.navbarToggler  {background: none; color: var(--white); 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(--white);display: block;padding: 11px 15px;font-weight: 300;text-transform: uppercase;font-size: 1.0em;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 Naviagationa---------------------- */
.Sidebar{
    & .Sidebar__backdrop{background: color-mix(in srgb, var(--dark) 40%, transparent);height:100%;left:0;position:fixed;top:0;width:100%;z-index:9999;display:none;}
    & .Sidebar__body{-webkit-overflow-scrolling:touch;-webkit-transition:right .3s ease-in-out;background-color: var(--secondary);bottom:0;overflow-y:auto;position:fixed;right:-320px;top:0;transition:right .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:0;}
        & .Sidebar__backdrop{display:block;}
    }    
    .SidebarMenu{padding: 30px 0;
        ul{list-style:none; margin:0; padding:0;
            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:0;}
                ul li a{padding-left:25px;text-transform:none; font-size:.96em; font-weight:500;}
            }
                        a:hover{background:var(--primary); color:var(--dark);}
        }  
    } 
}

/* ==================== Social Menu ==================== ================================================== */
#social { position: relative; z-index: 99; margin-top: 30px; 
    ul { margin: 0; padding: 0; display: flex; justify-content: flex-start; align-items: center; flex-wrap: wrap; } 
    li { display: block; margin-right: 15px;
        a { background: transparent; text-align: center; padding: 0 !important; display: block; font-size: 0; overflow: hidden; 
            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: ''; font-family: bootstrap-icons !important; width: 30px; height: 30px; line-height: 30px; background: rgba(255, 255, 255, 0.15); background-position: center; background-repeat: no-repeat; border-radius: 50%; text-align: center; display: inline-block; vertical-align: middle; transition: all 0.3s ease; } 
            &: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: #555; transition: all 0.3s ease; } 
    } 
}
.animatedLink { position: relative; 
    &:before { content: ''; display: block; width: 100%; height: 3px; position: absolute; bottom: 0; left: 0; 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: 0 3px; background-position: 0% 100%; transition: background-size 0.5s, background-position 0s 0.5s; } 
    &:hover:after { background-position: 110% 100%; background-size: 100% 3px; } 
}
/*Home --------------------------------------------------*/
/*welcome block*/
.swiper-button-next, .swiper-button-prev { display: none; }
.sliderSection {position: relative;overflow: hidden;background: var(--secondary);/* margin-top: 90px; */min-height: 110vh;background: #145378;background: linear-gradient(180deg,rgba(20, 83, 120, 1) 0%, rgba(39, 121, 167, 1) 50%, rgba(65, 153, 204, 1) 100%);clip-path: ellipse(100% 100% at 50% 0%); 
    & .swiper-wrapper{height: 120vh;}
    & .particles-js-canvas-el{position:absolute;left:0;top:0;width:100%;height:100%;}
    .swiper-slide { position: relative; 
        & .imageWrapper{position:absolute;width:100%;/* height: 100vh; */top:0;left:0;
            img{width:100%;height: 120vh;object-fit:cover;}
            &:after{content:'';display:block;width:100%;height:100%;position:absolute;top:0;left:0;background:rgba(34,36,41,0.85);opacity: .9;background: linear-gradient(-45deg,rgba(232, 90, 79, 1) 0%, rgba(39, 121, 167, 1) 100%);}
        }
        .slideCaption {position: relative;z-index: 99;top: 50%;transform: translateY(-65%);text-align: left;color: var(--white);max-width: 65%;margin: 0;padding: 0; 
            .title {font-size: 4.5rem;line-height: 1.1;text-transform: uppercase;font-weight: 500;color: #fff;font-family: var(--heading-font);
                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; } 
                }
            }
            p{font-size:1.2em;line-height: 2;}                   
            .subTitle { font-size: 30.558px; } 
            p.lead { font-size: 1.95em; margin: 10px 0; letter-spacing: 0.5px; } 
            a.button {font-size: 18px;font-weight: 600;padding: 20px 35px;/* color:var(--dark); */
                span { display: inline-block; vertical-align: middle; margin-left: 10px; } 
                &:hover { background:var(--secondary); } 
            }       
        } 
    } 
    @media (min-width: 0px) and (max-width: 991px) {
        height:105vh;clip-path: ellipse(150% 100% at 50% 0%);
        & .swiper-slide{
            & .slideCaption{width:100%; max-width:100%;
                & .title {font-size:3.8em;}               
            }
        }
    }                
} 
.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; top: 25% !important; bottom: auto !important; left: auto !important; right: 0; width: 30px !important; height: 100px; 
    .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 0; } 
.text-banner { 
    h1 { color: var(--primary); font-weight: 300; font-size: 4em; margin: 0; } 
    h4 { color: var(--primary); font-size: 1.6em; } p { margin: 0; } 
}


/*page text*/
.heading { 
    span {color: var(--primary);font-weight: 500;text-transform: uppercase;} 
    h2 {margin-top: 0;position: relative;display: block;font-weight: 600;font-size: 2.5em;} 
} 
.introBlock{background: var(--white);padding-bottom: 60px !important;/* clip-path: ellipse(150% 100% at 20% 0%); */position: relative;z-index: 2;}
.aboutImage {
    img{ border-radius:8px;}
    span.textBlock{position:relative;display:block;padding: 15px;margin-bottom: 15px;border-radius:7px;font-size: 1.4em;font-weight: 400;line-height: 1;display: flex;align-items: center;color: var(--gray);}
    &.right {
        .textBlock{background: var(--secondary);
            img{max-width: 80px;margin: 0;margin-right: 10px;}                  
        }         
    }
    &.left{
        .textBlock{z-index:9;background: var(--primary);margin-top: 15px;margin-right: -130px; color:var(--dark);
            img{max-width: 85px;margin: 10px 15px;}                  
        }            
    }
    @media all and (min-width: 0px) and (max-width: 576px) {
       display:flex; 
        &.left, &.right{
           & span.textBlock{max-width:50%;flex-direction:column;margin: 0 !important;text-align:center;justify-content: center;
                img{max-width: 60px;}               
            }
            img{ object-fit:cover;}            
        }
    }    
}
.sectionContent { 
    &.homeAbout { 
        .heading { 
            h2 {font-size: 2.5em; 
                span { display: block; font-size: 0.8em; text-transform: capitalize; } 
            } 
        } 
        ul { margin: 0; padding: 0; list-style: none; display: flex; flex-wrap: wrap; justify-content: space-between; 
            li { max-width: 25%; padding: 5px 0;  
                > div { background: var(--gray); padding: 15px; margin-right: 15px; height: 100%; display: flex; flex-wrap: wrap; align-content: flex-start; } 
                .icon-row { 
                    svg { width: 75px; height: auto; margin: 0 15px; } 
                } 
                span { font-size: 1.5em; font-weight: 600; color: var(--header-color); } 
                p { color: var(--header-color); } 
            } 
        } 
    } 
} 
.bgLight { background-color: var(--light); color: var(--header-color); 
    h2 { color: var(--header-color); } 
} 
.bgGray { background-color: var(--gray); color: var(--header-color); } 
.bgPrimary { background-color: var(--primary); 
    :is(h1, h2, h3, h4, h5, h6) { color: var(--white); } 
} 
.bgHighlight { background-color: var(--highlight); 
    h2 { color: var(--white); } 
    .textwidget.staffingWidget { background-color: var(--white); } 
} 
.elevatedImg { img { margin-top: -180px; } 
}

/*About Block*/
.introBlock a.button { margin-top: 30px; }
.aboutWidget { background: var(--light100); padding: 15px; height: 100%; border-radius: 7px; }
.logoSwiper { overflow: hidden; }
.logoSwiper .swiper-slide { background: none; }

.processSection{
    & .aboutWidget { box-shadow: 0px 0px 8px 1px rgb(0 0 0 / 22%); display: flex; align-items: center; /* height:200px; */ background: var(--primary); color: var(--white); padding: 0; overflow: hidden; 
        & .icon { -ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 20%; text-align: center; height: 100%; background: var(--white); 
            img { max-width: 100%; /* background: #FFF; */ padding: 25px; }        
        }
        .details { padding: 15px; }            
    }    
}
/*Services Blocks*/
.serviceBlocks {position: relative;z-index: 1;font-size: 1rem;text-align: left;transition: all 0.5s ease;background: var(--gray);padding: 50px 0;margin-bottom: 20px;  
    p{margin:0;}
    .heading {
        span {color:var(--primary);} 
        h2 {font-size: 2.5em;color: var(--secondary);} 
    } 
    .serviceBlock{position:relative;padding: 20px;background: var(--white);border-radius: 8px;height: 100%; 
        img{border-radius:8px;}
        .details {position: relative;background: var(--white);padding: 15px;
            h3{font-size: 1.5em;margin-bottom: 0.5rem;font-weight: 500;}
            p {font-size: 1em;line-height: 1.7142857143;}          
        }
        @media all and (min-width: 0px) and (max-width: 991px){
          display:flex;align-items: center;
            & .thumb{ min-width:70%;}
            & .details{min-width: 50%;transform: translate(-45%, 0px);min-height: auto;}
        }
        @media all and (min-width: 0px) and (max-width: 768px){
            flex-direction:column;
            & .thumb{ min-width:100%;}
            & .details{min-width: 50%;transform: translate(0, -30%);}            
        }
    }
    &.servicesPage{background:var(--white);}
}

/*Why Choose Us*/
.chooseBlock  {background-size: contain;
    & .sectionContent {/* background: var(--lightBlue); */padding: 30px;border-radius: 8px;/* box-shadow: 1px 1px 5px #14141426; */}  
    & .choosePoints {display:flex;align-items: flex-start;padding: 15px;background: var(--light100);flex-direction: column;border-radius: 15px;overflow: hidden;height: 100%;
        p {text-align: left;margin: 0;
            b{ display:block;}
        }
        img{width: 90px;margin-right: 15px;background: var(--gray);padding: 10px;position: relative;left: -15px;top: -15px;float: left;}                
    }
    @media all and (min-width: 0px) and (max-width: 991px){
        background-size:cover;
    }
}

/*About Page*/
.aboutPage {
    ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap: wrap;justify-content: space-between;
        li{max-width: 100%;width: 100%;padding: 15px;margin: 10px  0;background: var(--gray);border-radius: 8px;border-left: 6px solid var(--primary);
            strong{display:block;}  
        }
        @media all and (min-width: 0px) and (max-width: 991px){
            li{max-width:100%;}        
        }   
    }
    .highlightBG{background:url(images/highlight-banner.jpg) center center;background-size:cover;padding: 150px 0;margin: 60px 0;font-size:1.4em;color:var(--white);position: relative;
        &:after{content:'';display:block;position:absolute;width:100%;height:100%;top:0;left:0;opacity: .65;z-index:0;background: var(--secondary);}
        & .container{ position:relative; z-index:2;}
        blockquote{width: 60%;display: block;
            p strong{font-size:2.5em;}
            a {font-size:1em;font-style: normal;}
        }
        @media all and (min-width: 0px) and (max-width: 991px){
            blockquote{width:100%;margin: 0;
                p strong{font-size:1.5em;}          
            }
        }  
    } 
    .infoBlocks{
        .infoBlock{height:100%;color: var(--text-color);background: var(--light100);border-radius:8px;position: relative;margin-bottom: 15px;
            div{ background:var(--white);}
            img{max-width: 100px;display: block; padding:10px;}
            p{padding:15px;margin: 0;border-top: 1px solid var(--primary);display: block;
                +p {border:0;}
            }
            strong{ display:block}
        }
    }
}

/*Contact Page*/
.contactPage { 
    & .address ul li{display: flex;width: 100%;flex-wrap: wrap;align-items: center;font-size: 1.0em;padding: 29px;margin-bottom: 1.2em;/* background: var(--gray); */border: 1px solid color-mix(in lab, var(--dark) 15%, transparent 100%);border-radius: 3px;
        i{padding-right: 20px;font-size: 30px;}   
        a{color:var(--dark);}
    }

    #contactForm {
        p{margin:0;margin-bottom: 1.2em;}
        fieldset{padding:0;}
        & .screen-reader-response{ul, p{margin: 0;}}
        form{
            div p span{display:block;}
            input, textarea{display:block;width:100%;padding:15px;border: 1px solid color-mix(in lab, var(--dark) 15%, transparent 100%);background: var(--gray);border-radius: 3px;}
            textarea{max-height: 116px;}
            input[type="submit"]{background:var(--primary);color: var(--white);width:auto;padding:15px 25px;border:0;border-radius:5px;font-size:1.2em;}
        }
    }
    
}

/*Services Page*/
.servicesPage{
    & .highLightBg {background: var(--gray);padding-top: 30px;
        ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;justify-content: space-between;
           li {max-width: 48%;padding:15px;margin: 10px 0;background: var(--primary);color: var(--dark);border-radius:8px;
               strong{display:block;}   
               @media all and (min-width: 0px) and (max-width: 579px) {
                   max-width:100%;
               }
            } 
       }              
    }
    .serviceBlock {border-radius:8px;overflow: hidden;height: 100%;background: var(--gray);
        .details {padding: 15px;}
    }
}
/*single service page*/
.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:0;}
        }
    }
}

.workModals{background: var(--secondary);padding-top: 90px;padding-bottom: 120px;
    .heading {
        span{color:var(--dark);}
        h2, p{color:var(--white);}
    }
    & .workModal{padding: 25px;background:var(--gray);height:100%;border-radius: 8px;border: 1px solid var(--lightBlue);
        p{margin: 10px 0; 
            strong{font-size:1.3em;}
        }     
    }
}

.serviceOptionsBlock{ background:var(--gray);  padding:90px 0;
    .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 all and (min-width: 0px) and (max-width: 579px) {
            flex-direction: column;flex-wrap: nowrap;
            img{ max-width:100%; border-radius:0; border-top-left-radius: 8px;border-top-right-radius: 8px;}
            & .details {border-radius:0;border-bottom-left-radius: 8px;border-bottom-right-radius: 8px;}
        }
    }   
    &.dataAnalytics{ background:var(--lightBlue);}
    @media all and (min-width: 0px) and (max-width: 991px) {
       &.dataAnalytics{
           & .serviceInfoBlock {flex-direction:column;
                img{ max-width:100%; border-radius:0; border-top-left-radius: 8px;border-top-right-radius: 8px;}
                & .details {border-radius:0;border-bottom-left-radius: 8px;border-bottom-right-radius: 8px;}               
           }
       } 
    }                     
}
.serviceFeaturesBlock {background-color: var(--white);background-size: contain; background-repeat:no-repeat; background-position:center right;
    &.cloudTech{background-image:url(images/cloudFeaturesBG.jpg);}
    &.dataAnalytics{background-image:url(images/dataAnalyticFeaturesBG.jpg);}
    &.dataSciences{background-image:url(images/dataScinedFeatureBG.jpg);}
    & .sectionContent {background-color: var(--lightBlue);padding: 30px;border-radius: 8px;box-shadow: 1px 1px 5px #14141426;
        ul{ margin:0; padding:0; list-style:none; display:flex; flex-wrap:wrap;
              li{width: 50%;padding:15px;color: var(--dark);}
          } 
        .IncludeList{
            .item{display:flex;align-items: center;
                img{max-width: 70px;} 
                p{ margin-left:15px;}
            }
        }
    }
    &.dataAnalytics .sectionContent{background:var(--gray);} 
    @media all and (min-width: 0px) and (max-width: 991px) {
        background-size:cover;
       &.dataAnalytics{background-size:cover;}
    }
    @media all and (min-width: 0px) and (max-width: 768px) {
        ul li{min-width:100%;}
    }                       
}
.serviceClosingText { padding:90px 0;
    .button{ margin-bottom:10px;}                    
} 

/* Responsive Structures----------------------------------------------- */

@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; } 
                } 
            } 
        } 
    } 
    .sectionContent { 
        &.homeAbout { margin: 0; } 
    }
    .pageHeader, .default-pageheader {height: 300px;background-size: cover;}
    .pageHeader:before {}
    #footernav { margin-top: 30px; }
}

@media all and (min-width: 0px) and (max-width: 768px) {
    footer #footernav ul.nav>li { -ms-flex: 0 0 100%; 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: 0; padding: 0; }
    #primary, #secondary, #tertiary { width: 100%; }
    .header hgroup, #main { padding: .8em; }
}

/* IE Styles----------------------------------------------- */
#ie8 .header img, #ie8 .entry-content img, #ie8 img.size-full, #ie8 .entry-thumbnail img, #ie8 .widget img, #ie8 .wp-caption img { width: auto; /* Prevent stretching of full-size images with height and width attributes in IE8 */ }