/*!
Theme Name: My Dev Team
Theme URI: https://mydevteam.com/
Author: My Dev Team
Author URI: https://mydevteam.com/
Description: Description
Version: 1.2.3
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: my-dev-team
Tags: 

*/

*{box-sizing: border-box;}

html {
  line-height: 1.15;
  scroll-behavior: smooth;
  -webkit-text-size-adjust: 100%;
}

/* html,
* {  cursor: none; } */

/* Sections
	 ========================================================================== */

/**
 * Remove the margin in all browsers.
 */
body {
  margin: 0;
}

/**
 * Render the `main` element consistently in IE.
 */
main {
  display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/* Grouping content
	 ========================================================================== */

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
  font-family: monospace, monospace;
  font-size: 1em;
}

.pt-0{padding-top: 0 !important;}
.mt-0{margin-top: 0 !important;}
.pb-0{padding-bottom: 0 !important;}
.mb-0{margin-bottom: 0 !important;}
.pb-100{padding-bottom: 100px;}
.spacer-80{height: 80px; width: 100%; display: table; clear: both;}

/* Text-level semantics
	 ========================================================================== */

/**
 * Remove the gray background on active links in IE 10.
 */
a {
  background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  border-bottom: none;
  text-decoration: underline;
  text-decoration: underline dotted;
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
  font-weight: 600;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content
	 ========================================================================== */

/**
 * Remove the border on images inside links in IE 10.
 */
img {
  border-style: none;
}

/* Forms
	 ========================================================================== */

/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
  font-family: 'Graphik';
  font-size: 100%;
  line-height: 1.15;
  margin: 0;
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input {
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select {
  text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */
button,
[type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */
fieldset {
  padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *		`fieldset` elements in all browsers.
 */
legend {
  box-sizing: border-box;
  color: inherit;
  display: table;
  max-width: 100%;
  padding: 0;
  white-space: normal;
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */
textarea {
  overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */
[type="checkbox"],
[type="radio"] {
  box-sizing: border-box;
  padding: 0;
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type="search"] {
  -webkit-appearance: textfield;
  outline-offset: -2px;
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */
[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit;
}

/* Interactive
	 ========================================================================== */

/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */
details {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */
summary {
  display: list-item;
}

/* Misc
	 ========================================================================== */

/**
 * Add the correct display in IE 10+.
 */
template {
  display: none;
}

/**
 * Add the correct display in IE 10.
 */
[hidden] {
  display: none;
}

/* Box sizing
--------------------------------------------- */

/* Inherit box-sizing to more easily change it's value on a component level.
@link http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
*,
*::before,
*::after {
  box-sizing: inherit;
}

html {
  box-sizing: border-box;
}

/*--------------------------------------------------------------
# Base
--------------------------------------------------------------*/

/* Typography
--------------------------------------------- */
body,
button,
input,
select,
optgroup,
textarea {
  color: #404040;
  font-family: 'Graphik', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  font-size: 1rem;
  line-height: 1.5;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  clear: both;
}

p {
  margin-bottom: 1.5em;
}

dfn,
cite,
em,
i {
  font-style: italic;
}

blockquote {
  margin: 0 1.5em;
}

address {
  margin: 0 0 1.5em;
}

/* pre {
  background: #eee;
  font-family: "Courier 10 Pitch", courier, monospace;
  line-height: 1.6;
  margin-bottom: 1.6em;
  max-width: 100%;
  overflow: auto;
  padding: 1.6em;
} */

code,
kbd,
tt,
var {
  font-family: monaco, consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
}

abbr,
acronym {
  border-bottom: 1px dotted #666;
  cursor: help;
}

mark,
ins {
  background: #fff9c0;
  text-decoration: none;
}

big {
  font-size: 125%;
}

/* Elements
--------------------------------------------- */
body {
  background: #000;
}
body.show-menu{overflow: hidden;}
hr {
  background-color: #ccc;
  border: 0;
  height: 1px;
  margin-bottom: 1.5em;
}

ul,
ol {
  margin: 0 0 1.5em 0; padding-left: 15px;
}

ul {
  list-style: disc;
}

ul > li {margin-bottom: 10px;}

ol {
  list-style: decimal;
}

li > ul,
li > ol {
  margin-bottom: 0;
  margin-left: 1.5em;
}

dt {
  font-weight: 700;
}

dd {
  margin: 0 1.5em 1.5em;
}

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

img {
  height: auto;
  max-width: 100%;
}

figure {
  margin: 1em 0;
}

table {
  margin: 0 0 1.5em;
  width: 100%;
}

/* Links
--------------------------------------------- */
a {
  color: #00C99A;
}

/* a:visited {
  color: #800080;
} */

a:hover,
a:focus,
a:active {
  color: #191970;
}

a:focus {
  outline: none;
}

a:hover,
a:active {
  outline: 0;
}

a.btn-cta {
 background: #fff; padding: 17px 15px 15px 15px; width: 130px; display: inline-block; text-align: center; border-radius: 25px; font-weight: 500; color: #000; font-size: 14px; line-height: 1; text-decoration: none; position: relative; height: 46px; overflow: hidden; transition: all 0.4s linear; text-transform: uppercase; opacity: 1;
}

a.btn-cta:after { content: ""; width: 120%; height: 100px; position: absolute; z-index: 1; left: 0; top: 100%; border-radius: 50%; transition: all 0.1s linear; background: #00FFC2; transform: translateX(-10%);}
a.btn-cta:hover:after{top: -70%;}
a.btn-cta .nav-wrapper{height: 1em; overflow: hidden; position: relative; z-index: 2;}
a.btn-cta .menu-link{width: 100%; display: block; transition: all 0.3s ease-in-out; transform: translateY(0); text-transform: capitalize;}
a.btn-cta .menu-link-hover{width: 100%; display: block; transition: all 0.3s ease-in-out; text-transform: capitalize;}

a.btn-cta:hover .menu-link{ transform: translateY(-1em); }
a.btn-cta:hover .menu-link-hover{ transform: translateY(-1em); }
a.btn-cta:hover{background: none; box-shadow: none;}

a.btn-cta-2 {
 background: #00FFC2; padding: 17px 15px 15px 15px; width: 160px; display: none; text-align: center; border-radius: 25px; font-weight: 500; color: #000; font-size: 14px; line-height: 1; text-decoration: none; position: relative; height: 46px; overflow: hidden; transition: all 0.3s ease-in-out; text-transform: uppercase;
}

a.btn-cta-2:after { content: ""; width: 150%; height: 100px; position: absolute; z-index: 1; left: 0; top: 100%; border-radius: 50%; transition: all 0.3s ease-in-out; background: #fff; transform: translateX(-20%);}
a.btn-cta-2:hover:after{top: -70%;}
a.btn-cta-2 .nav-wrapper{height: 1em; overflow: hidden; position: relative; z-index: 2;}
a.btn-cta-2 .menu-link{width: 100%; display: block; transition: all 0.3s ease-in-out; transform: translateY(0); text-transform: capitalize;}
a.btn-cta-2 .menu-link-hover{width: 100%; display: block; transition: all 0.3s ease-in-out; text-transform: capitalize;}

a.btn-cta-2:hover .menu-link{ transform: translateY(-1em); }
a.btn-cta-2:hover .menu-link-hover{ transform: translateY(-1em); }
a.btn-cta-2:hover{background: none;}

a.btn-cta-3 {
  background: #00FFC2; padding: 24px 40px 20px 40px; width: auto; display: inline-flex; text-align: center; border-radius: 35px; font-weight: 500; color: #000; font-size: 16px; line-height: 1; text-decoration: none; position: relative; height: 60px; overflow: hidden; transition: all 0.3s ease-in-out; text-transform: uppercase;
 }
 
 a.btn-cta-3:after { content: ""; width: 150%; height: 100px; position: absolute; z-index: 1; left: 0; top: 100%; border-radius: 50%; transition: all 0.3s ease-in-out; background: #fff; transform: translateX(-20%);}
 a.btn-cta-3:hover:after{top: -38%;}
 a.btn-cta-3 .nav-wrapper{height: 1em; overflow: hidden; position: relative; z-index: 2;}
 a.btn-cta-3 .menu-link{width: 100%; display: block; transition: all 0.3s ease-in-out; transform: translateY(0);}
 a.btn-cta-3 .menu-link-hover{width: 100%; display: block; transition: all 0.3s ease-in-out;}
 
 a.btn-cta-3:hover .menu-link{ transform: translateY(-1em); }
 a.btn-cta-3:hover .menu-link-hover{ transform: translateY(-1em); }
 a.btn-cta-3:hover{background: none;}

a.menu-toggle {width: 26px; height: 21px; display: flex; flex-direction: column; justify-content: space-between; align-items: end;}
a.menu-toggle span{width: 100%; height: 3px; border-radius: 5px; display: block; background: #fff; transition: all 0.3s linear; box-shadow: 0 0 1px rgba(0,0,0,0.2);}
a.menu-toggle span:nth-child(2){width: 75%;}
a.menu-toggle:hover span{background: #00FFC2;}
a.menu-toggle:hover span:nth-child(2){width: 100%;}
a.menu-toggle.isOpend span:nth-child(2){opacity: 0;}
a.menu-toggle.isOpend span:nth-child(1){transform: translateY(8px) rotate(45deg);}
a.menu-toggle.isOpend span:nth-child(3){transform: translateY(-10px) rotate(-45deg);}

a.btn-cta-1 {
 display: inline-flex; font-weight: 500; font-size: 16px; line-height: 1; text-decoration: none; position: relative; transition: all 0.3s ease-in-out 0.1s; text-transform: uppercase; padding: 0.2em 0 0.4em; color: #fff; overflow: hidden;
}
a.btn-cta-1:after { content: "";   width: 100%;    height: 0.1em;    position: absolute;    left: 0;    bottom: 0;    transition: all 0.3s ease-in-out;    background: #fff;}
a.btn-cta-1:before { content: "";   width: 100%;    height: 0.1em;    position: absolute;    left: -160%;    bottom: 0;    transition: all 0.3s ease-in-out;    background: #fff;}
a.btn-cta-1:hover:before{left: 0;}
a.btn-cta-1:hover:after{ left: 160%;}
a.btn-cta-1 .nav-wrapper{height: 1em; overflow: hidden;}
a.btn-cta-1 .menu-link{width: 100%; display: block; transition: all 0.3s ease-in-out; transform: translateY(0);}
a.btn-cta-1 .menu-link-hover{width: 100%; display: block; transition: all 0.3s ease-in-out;}
a.btn-cta-1:hover .menu-link{ transform: translateY(-1em); }
a.btn-cta-1:hover .menu-link-hover{ transform: translateY(-1em); }
a.btn-cta-1 .arrow-wrapper{height: 1em; overflow: hidden; margin-left: 9px;}
a.btn-cta-1 .arrow-wrapper .arrow-link{ width: 11px; height: 11px; display: block; background: url(assets/images/green-arrow.svg) 0 0 no-repeat; transition: all 0.4s ease-in-out; transform: translate3d(0, 0, 0);}
a.btn-cta-1 .arrow-wrapper .arrow-link-hover{ width: 11px; height: 11px; display: block; background: url(assets/images/green-arrow.svg) 0 0 no-repeat; transition: all 0.4s ease-in-out; transform: translate3d(-15px, 4px, 0);}
a.btn-cta-1:hover .arrow-link{transform: translate3d(15px, -15px, 0);}
a.btn-cta-1:hover .arrow-link-hover{transform: translate3d(0, -11px, 0);}

.text-green {color: #00C99A;}
.text-gold{color: #F0D579 !important;}
.text-red{color: #F0001B !important;}
.text-italic{font-style: italic;}
.text-400{font-weight: 400;}
.text-500{font-weight: 500;}
.text-600{font-weight: 600;}
.px-50{padding-left: 50px; padding-right: 50px;}
.text-no-underline{text-decoration: none;} 
.text-black{color: #000;}
.text-center{text-align: center;}

#full-page-menu{width: 100%; height: 0; background: url(assets/images/banner-bg.webp) center 0 no-repeat; display: flex; transition: all 0.4s linear; position: fixed; background-size: 100% 100%; background-attachment: fixed; overflow-y: auto; z-index: 998; }
body.show-menu #full-page-menu{height: 100vh;}
#full-page-menu .wrapper{display: flex; flex-direction: column; padding-top: 96px; padding-left: 50px; padding-right: 50px;}
.page-menu-main {width: 100%; display: flex; padding: 50px 0 75px; border-top: 1px solid rgba(255,255,255,0.1); height: 75vh; overflow-y: auto;}
.page-menu-footer{width: 100%; display: flex; justify-content: space-between; padding: 50px 0; border-top: 1px solid rgba(255,255,255,0.1);}

.menu-1{border-right: 1px solid rgba(255,255,255,0.1); width: 35%;}
.menu-1 ul{margin: 0; padding: 0;}
.menu-1 ul li{list-style: none; font-size: 4em; line-height: 1; margin-bottom: 0.4em; font-weight: 400; opacity: 0; transform: translateY(30%); transition: all 0.3s ease-in-out 0.3s;}
body.show-menu .menu-1 ul li{ opacity: 1; transform: translateY(0%);}
.menu-1 ul li:last-child{margin-bottom: 0;}
.menu-1 ul li a{ color: #fff; transition: all 0.3s ease-in-out; text-decoration: none;}
.menu-1 ul li a:hover{ color: #00FFC2;}

.menu-2{border-right: 1px solid rgba(255,255,255,0.1); padding-left: 75px; width: 20%;}
.menu-2 p.menu-title{display: none;}
.menu-2 ul{margin: 0; padding: 0;}
.menu-2 ul li{list-style: none; font-size: 1.2em; line-height: 1; margin-bottom: 20px; font-weight: 400; opacity: 0; transform: translateY(30%); transition: all 0.3s ease-in-out 0.3s; width: fit-content; display: block;}
body.show-menu .menu-2 ul li{ opacity: 1; transform: translateY(0%);}
.menu-2 ul li:last-child{margin-bottom: 0;}
.menu-2 ul li a{ color: #fff; transition: all 0.3s ease-in-out; text-decoration: none; display: inline-block; width: 100%;}

.menu-2 a:after, .menu-3 a:after, .menu-4 a:after { content: ""; width: 0; height: 0.1em; position: absolute; left: 0; bottom: -0.2em; transition: all 0.3s ease-in-out; background: #fff;}
.menu-2 a .nav-wrapper, .menu-3 a .nav-wrapper, .menu-4 a .nav-wrapper{height: 1em; overflow: hidden;}
.menu-2 a .menu-link, .menu-3 a .menu-link, .menu-4 a .menu-link{width: 100%; display: block; transition: all 0.3s ease-in-out; transform: translateY(0);}
.menu-2 a .menu-link-hover, .menu-3 a .menu-link-hover, .menu-4 a .menu-link-hover{width: 100%; display: block; transition: all 0.3s ease-in-out;}
.menu-2 a:hover .menu-link, .menu-3 a:hover .menu-link, .menu-4 a:hover .menu-link{ transform: translateY(-1em); }
.menu-2 a:hover .menu-link-hover, .menu-3 a:hover .menu-link-hover, .menu-4 a:hover .menu-link-hover{ transform: translateY(-1em); }
.menu-2 a:hover:after, .menu-2 a.active-link:after, .menu-3 a:hover:after, .menu-3 a.active-link:after, .menu-4 a:hover:after, .menu-4 a.active-link:after{width: 100%;}

.menu-3{border-right: 1px solid rgba(255,255,255,0.1); padding-left: 80px; width: 25%;}
.menu-3 ul{margin: 0; padding: 0;}
.menu-3 ul li{list-style: none; font-size: 1em; line-height: 1; margin-bottom: 20px; font-weight: 400; opacity: 0; transform: translateY(30%); transition: all 0.3s ease-in-out 0.3s; width: fit-content; display: block;}
body.show-menu .menu-3 ul li{ opacity: 1; transform: translateY(0%);}
.menu-3 ul li:last-child{margin-bottom: 0;}
.menu-3 ul li a{ color: #fff; transition: all 0.3s ease-in-out; text-decoration: none; display: inline-block; width: 100%;}
.menu-3 ul li.text-green a, .menu-4 ul li.text-green a{color: #00C99A !important;}

.menu-4{ padding-left: 90px; width: 20%;}
.menu-4 ul{margin: 0; padding: 0;}
.menu-4 ul li{list-style: none; font-size: 1em; line-height: 1; margin-bottom: 20px; font-weight: 400; opacity: 0; transform: translateY(30%); transition: all 0.3s ease-in-out 0.3s; width: fit-content; display: block;}
body.show-menu .menu-4 ul li{ opacity: 1; transform: translateY(0%);}
.menu-4 ul li:last-child{margin-bottom: 0;}
.menu-4 ul li a{ color: #fff; transition: all 0.3s ease-in-out; text-decoration: none; display: inline-block; width: 100%;}


p.menu-title{text-transform: uppercase; font-weight: 500; font-size: 1em; margin-bottom: 20px; margin-top: 0; color: #fff; opacity: 0; transform: translateY(30%); transition: all 0.3s ease-in-out 0.3s;}
body.show-menu p.menu-title{ opacity: 1; transform: translateY(0%);}
.menu-tagline{color: #878787; font-weight: 500; font-size: 1em; line-height: 1;}
.social-menu p.menu-title{display: none;}
.social-menu ul{margin: 0; padding: 0; display: flex;}
.social-menu ul li{list-style: none; font-size: 0.8em; line-height: 1; margin-left: 25px; text-transform: uppercase; opacity: 0; transform: translateY(30%); transition: all 0.3s ease-in-out 0.3s;}
body.show-menu .social-menu ul li{opacity: 1; transform: translateY(0%);}
.social-menu ul li a{color: #878787; text-decoration: none;}
.social-menu ul li a:hover{color: #fff;} 

.mobile-menu-footer{ padding: 0; width: 100%; display: none; }
.btn-cta-3{width: 100%; background: #00FFC2; color: #000000; font-size: 1.1em; text-align: center; border-radius: 35px; position: relative; padding: 15px 0; text-decoration: none; font-weight: 500; display: block;}
.btn-cta-3:hover, .btn-cta-3:visited{color: #000000; text-decoration: none;}

/* Forms
--------------------------------------------- */
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
  border: 1px solid;
  border-color: #ccc #ccc #bbb;
  border-radius: 3px;
  background: #e6e6e6;
  color: rgba(0, 0, 0, 0.8);
  line-height: 1;
  padding: 0.6em 1em 0.4em;
}

button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
  border-color: #ccc #bbb #aaa;
}

button:active,
button:focus,
input[type="button"]:active,
input[type="button"]:focus,
input[type="reset"]:active,
input[type="reset"]:focus,
input[type="submit"]:active,
input[type="submit"]:focus {
  border-color: #aaa #bbb #bbb;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea {
  color: #666;
  border: 1px solid #ccc;
  border-radius: 3px;
  padding: 3px;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
textarea:focus {
  color: #111;
}

select {
  border: 1px solid #ccc;
}

textarea {
  width: 100%;
}

/*--------------------------------------------------------------
# Layouts
--------------------------------------------------------------*/

.wrapper {
  max-width: 1512px;
  width: 100%;
  padding: 0 90px;
  margin: 0 auto;
}

header {  width: 100%; display: flex; padding: 25px 0; position: fixed; top: 0; z-index: 999; transition: all 0.3s linear;}
header.hide-header{top: -76px;}
/* header.show-header{transform: translateY(0%); } */
header.style-header{background-color: rgba(0,0,0,0.5); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); padding: 15px 0;}
header.style-header.dark-header{background-color: rgba(255,255,255,0.5);}
/* header.show-header:not(.style-header) .main-navigation{opacity: 0;}
header.show-header:not(.style-header) .desktop-logo{display: none;}
header.show-header:not(.style-header) .mobile-logo{display: block;} */

/* .header-fixed{position: fixed; top: 0;} */

header .wrapper{
  display: flex; align-items: center; padding: 0 50px; justify-content: space-between;
}

.show-menu header{position: fixed;}

/*--------------------------------------------------------------
# Components
--------------------------------------------------------------*/

/* Navigation
--------------------------------------------- */
.main-navigation {
  display: flex; justify-content: center; opacity: 1;
  width: 100%; transition: all 0.3s ease-in-out;
}

.main-navigation ul {
  display: flex;
  list-style: none;
  margin: 0;
  padding-left: 0;
}

.main-navigation ul ul {
  box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
  float: left;
  position: absolute;
  top: 100%;
  left: -999em;
  z-index: 99999;
}

.main-navigation ul ul ul {
  left: -999em;
  top: 0;
}

.main-navigation ul ul li:hover > ul,
.main-navigation ul ul li.focus > ul {
  display: block;
  left: auto;
}

.main-navigation ul ul a {
  width: 200px;
}

.main-navigation ul li:hover > ul,
.main-navigation ul li.focus > ul {
  left: auto;
}

.main-navigation li {
  position: relative; margin: 0 2em; font-size: 1em; line-height: 1; font-weight: 500; text-transform: uppercase;
}

.main-navigation a {
  display: block; color: #fff; padding: 0.2em 0;
  text-decoration: none; position: relative;
}

.main-navigation a:after { content: ""; width: 0; height: 0.1em; position: absolute; left: 0; bottom: -0.2em; transition: all 0.3s ease-in-out; background: #fff;}
.main-navigation a .nav-wrapper{height: 1em; overflow: hidden;}
.main-navigation a .menu-link{width: 100%; display: block; transition: all 0.3s ease-in-out; transform: translateY(0); text-transform: capitalize;}
.main-navigation a .menu-link-hover{width: 100%; display: block; transition: all 0.3s ease-in-out; text-transform: capitalize;}

.main-navigation a:hover .menu-link{ transform: translateY(-1em); }
.main-navigation a:hover .menu-link-hover{ transform: translateY(-1em); }
.main-navigation a:hover:after, .main-navigation a.active-link:after{width: 100%;}

/* Small menu. */
.menu-toggle,
.main-navigation.toggled ul {
  display: block;
}

.site-main .comment-navigation,
.site-main .posts-navigation,
.site-main .post-navigation {
  margin: 0 0 1.5em;
}

.comment-navigation .nav-links,
.posts-navigation .nav-links,
.post-navigation .nav-links {
  display: flex;
}

.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
  flex: 1 0 50%;
}

.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
  text-align: end;
  flex: 1 0 50%;
}

/* Posts and pages
--------------------------------------------- */
.sticky {
  display: block;
}

.post,
.page {
  margin: 0;
}

.updated:not(.published) {
  display: none;
}

.page-content,
.entry-content,
.entry-summary {
  margin: 1.5em 0 0;
}

.page-links {
  clear: both;
  margin: 0 0 1.5em;
}


/* Widgets
--------------------------------------------- */
.widget {
  margin: 0 0 1.5em;
}

.widget select {
  max-width: 100%;
}



/*--------------------------------------------------------------
# Plugins
--------------------------------------------------------------*/

/* Jetpack infinite scroll
--------------------------------------------- */

/* Hide the Posts Navigation and the Footer when Infinite Scroll is in use. */
.infinite-scroll .posts-navigation,
.infinite-scroll.neverending .site-footer {
  display: none;
}

/* Re-display the Theme Footer when Infinite Scroll has reached its end. */
.infinity-end.neverending .site-footer {
  display: block;
}

/*--------------------------------------------------------------
# Utilities
--------------------------------------------------------------*/

/* Accessibility
--------------------------------------------- */

/* Text meant only for screen readers. */
.screen-reader-text {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute !important;
  width: 1px;
  word-wrap: normal !important;
}

.screen-reader-text:focus {
  background-color: #f1f1f1;
  border-radius: 3px;
  box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
  clip: auto !important;
  clip-path: none;
  color: #21759b;
  display: block;
  font-size: 0.875rem;
  font-weight: 700;
  height: auto;
  left: 5px;
  line-height: normal;
  padding: 15px 23px 14px;
  text-decoration: none;
  top: 5px;
  width: auto;
  z-index: 100000;
}

/* Do not show the outline on the skip link target. */
#primary[tabindex="-1"]:focus {
  outline: 0;
}

/* Alignments
--------------------------------------------- */
.alignleft {

  /*rtl:ignore*/
  float: left;

  /*rtl:ignore*/
  margin-right: 1.5em;
  margin-bottom: 1.5em;
}

.alignright {

  /*rtl:ignore*/
  float: right;

  /*rtl:ignore*/
  margin-left: 1.5em;
  margin-bottom: 1.5em;
}

.aligncenter {
  clear: both;
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 1.5em;
}

.dark-header .main-navigation a{color: #000;}
.dark-header .main-navigation a:after{background: #000;}
.dark-header a.btn-cta{color: #fff; background: #000;}
.dark-header a.btn-cta:hover{background: none;}
.dark-header a.menu-toggle span{background: #000;}

.header-logo {
  max-width: 192px; height: auto; width: 100%; display: flex;
}

.header-right {
  display: flex; align-items: center;
}
.header-right .btn-cta, .header-right .btn-cta-2 {
  margin: 0 30px 0 0;
}

.header-right .btn-cta {box-shadow: 0 0 1px rgba(0,0,0,0.2);}

.banner{  background-position: center 0; background-repeat: no-repeat; background-color: #000; width: 100%; max-height: 100vh; height: 860px; min-height: 600px; background-size: 100% 100%; position: relative; display: flex; align-items: center; box-shadow: 0px -35px 35px -25px rgba(0,0,0) inset; z-index: 500;
}
.ui-banner{background-position: center 0; background-size: cover; background-repeat: no-repeat; background-color: #000; width: 100%; max-height: 100vh; height: 860px; min-height: 600px; position: relative; display: flex; z-index: 500; padding: 120px 0 0;}
.ui-banner .ui-banner-text{}
.ui-banner .ui-banner-text h1{margin: 0 0 40px; font-size: 5.2em; font-weight: 600; color: #fff; font-family: 'Graphik'; line-height: 1.1; overflow: hidden;}
.ui-banner .ui-banner-text .ui-banner-content{}
.career-banner .ui-banner-text{margin-top: 150px;}
.career-banner .ui-banner-text h1{font-size: 4.5em;}
.ui-banner .ui-banner-text .ui-banner-content p{margin: 0 0 30px; font-size: 28px; line-height: 40px; color: #fff; font-weight: 400;} 
.career-banner .ui-banner-text .ui-banner-content p{font-size: 22px;}
.ui-banner-img{width: 100%; display: flex; margin: -320px 0 100px; position: relative; z-index: 997;}
.banner.work-banner{ height: 600px;}
.contact-banner{background: #fff; max-height: fit-content; height: auto; overflow: hidden; }
.contact-banner .wrapper{padding: 0 180px;}
.banner .wrapper{ position: relative; height: 100%;}
.ft-text{position: relative; z-index: 999; top: 250px;}
.banner h1 {margin: 0 0 40px; font-size: 5.2em; font-weight: 600; color: #fff; font-family: 'Graphik'; line-height: 1.1; overflow: hidden;}
.banner h1 span {color: #00FFC2; }
.banner .banner-text {max-width: 45%; width: 100%;}
.banner .banner-text p {margin: 0 0 30px; font-size: 22px; line-height: 30px; color: #fff; font-weight: 400;}
.banner-ft-img{position: absolute; right: 0; top: 0px; z-index: 1; width: 100%; height: 100%;}
.banner-ft-img .main-ft-img{position: absolute; z-index: 2; right: 10%; top: 17%; max-width: 557px;}
.banner-ft-img .shadow-ft-img{position: absolute; z-index: 1; right: 2%; top: 10%; opacity: 0.4; max-width: 590px;}
.banner.contact-banner h1{font-size: 3.75em;}
.banner.contact-banner .ft-text{width: 55%; position: static; margin-top: 180px;}
.contact-banner .banner-text{max-width: 100%;}
.banner.contact-banner .banner-ft-img{width: auto; top: 11%; right: -21%;}
.white-bg{box-shadow: none;}
.white-bg h1{color: #000;}
.white-bg .banner-text p{color: #000;}

.blog-banner{ width: 100%; padding: 175px 0 75px; position: relative; display: flex; align-items: center; z-index: 500;}
.blog-banner .wrapper{ position: relative; height: 100%; justify-content: space-between; display: flex; flex-direction: column;}
.blog-banner h1 {margin: 0 0 40px; font-size: 5em; font-weight: 600; color: #fff; font-family: 'Graphik'; line-height: 1; overflow: hidden;}
.blog-banner .banner-text {max-width: 700px; width: 100%;}
.blog-banner .banner-text p {margin: 0; font-size: 1.3em; line-height: 1.5; color: #fff; font-weight: 400;}
.blog-banner a.btn-cta-1{color: #000;}
.blog-banner a.btn-cta-1:before, .blog-banner a.btn-cta-1:after{background: #000;}
.blog-banner a.btn-cta-1 .arrow-wrapper .arrow-link, .blog-banner a.btn-cta-1 .arrow-wrapper .arrow-link-hover{background-image: url(assets/images/black-arrow.svg);}
.single-blog-banner{min-height: inherit; padding-top: 130px; padding-bottom: 50px; background: url(assets/images/single-bg.webp) center top no-repeat; background-size: cover; }
.post-author-info{color: #fff;}
.post-author-info p{margin: 0;}
.post-author-info a{color: #fff;}
.single-post-info{color: #fff; margin-top: 0; margin-bottom: 75px; text-align: center;}
.col-2-page-layout{width: 100%; justify-content: space-between; display: flex; padding: 50px 0 0;}
.col-2-page-layout .left-sidebar{ width: 220px;  position: sticky;  top: 75px; max-height: 100vh;  overflow-y: auto; }
.col-2-page-layout .main-col{max-width: calc(100% - 300px);}
.left-sidebar #ez-toc-container {  border: none !important;  padding: 0 !important;  box-shadow: none !important; }
.call-to-action{ width: 100%; padding: 0 0 10px 0;  display: flex;  flex-direction: column;}
.call-to-action.cta-shortcode .inner-wrapper {  background: url(assets/images/cta-bg.jpg) center 0 no-repeat; background-size: cover;  padding: 35px 40px 35px 40px;  margin: 0; border-radius: 20px; display: flex; justify-content: space-between; align-items: center;}
.call-to-action .call-to-action-block{width: 55%; display: inline-block;  background: none;  min-height: inherit;}
.call-to-action .call-to-action-block h3{color: #fff; font-weight: 600;  font-size: 1.5em;  list-style: none;  line-height: 1.5;  margin: 0;  text-align: left;}
.call-to-action .call-to-action-right a.green-btn{font-size: 1em;}
.call-to-action-1{ width: 100%; padding: 0 0 50px 0;  display: flex;  flex-direction: column;}
.call-to-action-1 .inner-wrapper {  background: url(assets/images/call-to-action-bg-1.jpg) center 0 no-repeat; background-size: cover;  padding: 35px 40px 35px 40px;  margin: 0 0 35px; border-radius: 20px; display: flex; justify-content: space-between; align-items: center;}
.call-to-action-1 .call-to-action-block{width: 55%; display: inline-block;  background: none;  min-height: inherit;}
.call-to-action-1 .call-to-action-block h3{color: #fff; font-weight: 600;  font-size: 1.5em;  list-style: none;  line-height: 1.5;  margin: 0 0 5px;  text-align: left;}
.call-to-action-1 .call-to-action-block h3 span{color: #00FFC2;}
.call-to-action-1 .call-to-action-block p{color: #fff;}
.call-to-action-1 .call-to-action-block a.green-btn{font-size: 1em;}
.mobile-ft-img{width: 276px; height: 260px; display: inline-block; background: url(assets/images/mobile-ft-img.png) center 0 no-repeat; background-size: cover; }

#author_details {
  padding-top: 0px; max-width: 650px; width: 100%;
}
.bottom-author-desc {
  background-color: #F8F8F8;
  border-radius: 0px;
  padding: 35px 30px 30px;
  width: 100%;
  display: inline-block;
  margin: 0;
}
.bottom-author-desc .entry-meta {
  display: flex; align-items: flex-start;
}
.bottom-author-desc .entry-meta .post-author-pic {
  max-width: 200px;
  display: flex;
  width: 200px;
  overflow: hidden;
}
.bottom-author-desc .entry-meta .post-author-info {
  width: auto; color: #333333;
  padding-left: 20px;
}
.bottom-author-desc .entry-meta .post-author-info small {
  font-size: 13px; display: block;
  color: #333333;
  margin: 0 0 10px;
  line-height: 1;
}
.bottom-author-desc .entry-meta .post-author-info p.author-name {
  font-size: 1.8em;
  color: #333333;
  margin: 0 0 15px;
  line-height: 1;
}
.bottom-author-desc .entry-meta .author-bio {
  width: 100%;
  font-size: 15px;
  color: #333333;
  line-height: 1.4;
}
.ez-toc-title-container{padding: 0 5px;}
#ez-toc-container a{padding: 5px 5px; display: block;}
#ez-toc-container a:hover{ text-decoration: none; color: #00C99A; background-color: #F2F5FB; }
.left-sidebar #ez-toc-container ul li a:hover, .left-sidebar #ez-toc-container ul li a.active {
  text-decoration: none;
  color: #00C99A;
}
#scrollDown{width: 88px; height: 88px; display: inline-block; position: absolute; bottom: 35px; right: 35px; background: url(assets/images/scroll-graphic.svg) center 0 no-repeat; animation: rotate 10s linear infinite; z-index: 9;}
#scrollDown.dark-scroll{background-image: url(assets/images/dark-scroll-graphic.svg); }

.section-2{width: 100%; display: flex; background: #000; padding: 105px 0;}
.section-2 h2{font-weight: 500; color: #fff; font-size: 4em; margin: 0 0 0.8em; line-height: 1.2; letter-spacing: -1px;}
.section-2 h3{font-weight: 400; color: #fff; font-size: 2em; margin: 0 0 1.3em; line-height: 1.5; letter-spacing: 0;}
ul.dev-process{margin: 0; padding: 0; width: 100%; display: flex; flex-wrap: wrap; justify-content: space-between;}
ul.dev-process li{width: 32%;margin: 0 0 25px;padding: 30px 35px 35px 0px;list-style: none;min-height: 250px;}
ul.dev-process li .icon{margin: 0 0 25px; height: 86px; display: flex; align-items: center;}
ul.dev-process li h4{font-weight: 400; color: #fff; font-size: 1.4em; margin: 0 0 1em; line-height: 1.3;}
ul.dev-process li p{margin: 0; color: #B9B9B9; font-size: 1.1em; line-height: 1.4;}

.section-3{width: 100%; display: flex; background: #eeeeee; padding: 100px 0 80px; flex-direction: column;}
.section-3 .inner-box{padding-left: 50px; padding-right: 60px;}
.section-3 h2{font-weight: 500; color: #000; font-size: 3.6em; margin: 0 0 1em; line-height: 1.2; letter-spacing: -1px;}
.title-section {
    padding: 0;
}
.section-3-meta-links{display: flex; justify-content: space-between; align-items: flex-start;}

.section-3-meta-links p {font-weight: 500; font-size: 1.5em; margin: 0; line-height: 1; position: relative; padding-bottom: 5px;}
.section-3-meta-links a.btn-cta-1{color: #000;}
.section-3-meta-links a.btn-cta-1:after, .section-3-meta-links a.btn-cta-1:before{background-color: #000;}
.section-3-meta-links a.btn-cta-1 .arrow-wrapper .arrow-link, .section-3-meta-links a.btn-cta-1 .arrow-wrapper .arrow-link-hover{background-image: url(assets/images/black-arrow.svg);}

.section-3 .title-section{margin-top: 10em;}
.title-section-marquee-box {
    display: flex;
    align-items: center;
    overflow: hidden;
}
.title-section-marquee-box h2 {
    white-space: nowrap;
    color: #000;
    font-size: 7em;
    font-weight: 500;
    margin: 0;
    flex-shrink: 0;
    padding: 0 0 0 40px;
    width: max-content;
    display: flex;
    align-items: center;
    transform: translateX(0);
    animation: title-text-scroll 10s linear infinite;
}

.title-section-marquee-box h2:after {content: ""; background: url(assets/images/star.svg) center center no-repeat; width: 73px; display: inline-block; height: 72px; margin-left: 40px; animation: rotate 10s linear infinite;}

.ui-block{width: 100%; display: flex; padding: 100px 0; flex-direction: column;}
.ui-block.ui-light-block{background-color: #fff;}
.ui-block.ui-dark-block{background-color: #000;}
.ui-banner #scrollDown{bottom: 335px;}
.ui-block h3{font-weight: 500;  color: #000;  font-size: 3.6em;  margin: 0 0 30px;  line-height: 1.2;  letter-spacing: -1px;}
.ui-block.ui-dark-block h3{color: #fff;}
.ui-block .ui-block-content-box{width: 75%;}
.ui-block .ui-block-content-box p{font-size: 1.4em; color: #000;  margin-bottom: 40px;  margin-top: 0;}
.ui-block.ui-dark-block .ui-block-content-box p{color: #fff;}

/*Footer*/

.site-footer{width: 100%; display: flex; padding: 100px 0 120px; background: #000; }
.site-footer .wrapper{display: flex; justify-content: space-between; flex-wrap: wrap; position: relative; }
.foot-widget-1{max-width: 320px; width: 30%; display: flex; flex-direction: column;}
.foot-widget-2{width: 70%; max-width: 755px; display: flex; flex-direction: column;}

.foot-widget-1 .header-logo{margin-bottom: 97px;}
.foot-menu-1{margin-bottom: 110px;}
.foot-menu-1 .foot-menu-title{display: none; }
.foot-menu-1 ul{margin: 0; padding: 0; display: flex; justify-content: space-between; }
.foot-menu-1 ul li{list-style: none; font-size: 1.2em; line-height: 1; font-weight: 400;}
.foot-menu-1 ul li a{color: #E9E9E9; text-decoration: none; transition: all 0.3s ease-in-out;}
.foot-menu-1 ul li a:hover{color: #00C99A;}
.foot-wrap{display: flex; width: 100%; justify-content: space-between;}
.foot-menu-title{margin-bottom: 25px; color: #fff; margin-top: 0; font-size: 1.3em; font-weight: 400;}
.foot-menu-title > a{text-decoration: none; color: #fff;}
.foot-menu-title > a:hover{color:#00C99A; text-decoration: none;}
.foot-widget-1 h6{margin-bottom: 30px; color: #fff; margin-top: 0; font-size: 1.5em; font-weight: 400;}
.foot-wrap ul{margin: 0; padding: 0;}
.foot-wrap ul li{font-size: 1em; line-height: 1; font-weight: 400; margin: 0 0 20px; list-style: none; color: #fff;}
.foot-wrap ul li a{text-decoration: none; color: #fff; transition: all 0.3s ease-in-out;}
.foot-wrap ul li a:hover{color: #00C99A;}
.foot-wrap ul li.text-green a{color: #00C99A;}
.site-footer .tnp-subscription{margin: 0; position: relative;}
.site-footer .tnp-subscription input[type="email"]{background: none; color: #8A8A8A; font-size: 1.2em; padding: 0 0 15px; border-bottom: 1px solid #ACACAC; border-radius: 0;}
.site-footer .tnp-subscription input[type="email"]:focus{outline: none;}
.site-footer .tnp-subscription input[type="submit"]{position: absolute; right: 0; top: 7px; font-size: 0; background: url(assets/images/grey-arrow.svg) 0 0 no-repeat; width: 11px; height: 11px; border: none; cursor: pointer;}
.tnp-subscription div.tnp-field{margin: 0;}
.foot-widget-3{width: 100%; border-top: 1px solid #484848; padding: 50px 0 0; margin-top: 75px; display: flex; justify-content: space-between;}
.foot-widget-3 p{color: #858585; font-size: 1em; margin: 0 0 20px; line-height: 1.3;}

.foot-menu-5 ul{margin: 0; padding: 0; display: flex; }
.foot-menu-5 ul li{list-style: none; font-size: 1em; line-height: 1.3; font-weight: 400; margin-left: 25px; position: relative;}
.foot-menu-5 ul li:before {    content: ".";    font-size: 26px;    position: absolute;    line-height: 16px;    left: -15px;    top: 0px;}
.foot-menu-5 ul li:first-child:before{display: none;}
.foot-menu-5 ul li a{color: #858585; text-decoration: none; transition: all 0.3s ease-in-out;}
.foot-menu-5 ul li a:hover{color: #00C99A;}

#backToTop{width: 60px; height: 60px; display: inline-block; border: 2px solid #fff; border-radius: 50%; background: url(assets/images/white-right-arrow.svg) center center no-repeat; transition: all 0.3s ease-in-out; background-size: 14px auto; transform: rotate(-90deg); position: absolute; right: 50px; bottom: 200px;}

.section-4{width: 100%; padding: 100px 0; display: flex; flex-direction: column;}
.case-studies-wrap{width: 100%; display: flex; justify-content: space-between; margin: 0; flex-wrap: wrap;}
.case-studies-wrap .case-study-block{width: 48%; margin: 0 0 75px;}
.case-studies-wrap .case-study-block:nth-child(3), .case-studies-wrap .case-study-block:nth-child(8){width: 100%;}
.half-case-study-block{width: 48%;}
.case-study-block a{display: block; color: #fff; text-decoration: none; transition: all 0.3s ease-in-out;}
.case-study-block .ft-img{width: 100%; height: 650px;  border-radius: 10px; overflow: hidden; margin: 0 0 40px; }
.case-study-block .ft-img > div{width: 100%; height: 100%; background-position: center center; transition: all 0.3s ease-in-out; background-repeat: no-repeat; background-size: cover; transform: scale(1);}
.case-study-block .ft-img .desktop-ft-img{display: block;}
.case-study-block .ft-img .mobile-ft-img{display: none;}
.case-study-block a:hover .ft-img > div{transform: scale(1.2);}
.case-study-block h4{margin: 0; font-size: 2em; font-weight: 400;}
.case-study-block ul{ margin: 0; padding: 0; display: flex;}
.case-study-block ul li{list-style: none; color: #D4D4D4; font-size: 1em; margin-right: 15px;}

.section-5{background: #000; padding-bottom: 75px; width: 100%; display: flex; flex-direction: column;}
.section-5 .title-section-marquee-box h2{color: #fff;}
.section-5 .title-section-marquee-box h2:after{background-image: url(assets/images/scroll-graphic-white.svg);}
.section-5 .inner-box{ width: 100%; margin-top: 100px; padding-left: 50px; padding-right: 50px;}
.section-5 .inner-box h3{    font-weight: 500;    color: #fff;    font-size: 3.6em;    margin: 0 0 1.6em;    line-height: 1.2;    letter-spacing: -1px;}
.section-5-content-box{display: flex; width: 100%; max-width: 1086px; margin: 0 auto;}
.section-5-content-box .title-block{ display: inline-flex; justify-content: flex-end;}
.section-5-content-box .title-block h4{margin: 0 0 20px; font-size: 1.1em; color: #fff; text-transform: uppercase; font-weight: 500; line-height: 1.8;}
.section-5-content-box .content-block{width: 68%; padding-left: 50px;}
.section-5-content-box .content-block p{color: #fff; font-size: 1.2em; margin-bottom: 40px; margin-top: 0; }
.section-5 a.btn-cta-1 .arrow-wrapper .arrow-link{background-image: url(assets/images/white-arrow.svg);}
.section-5 a.btn-cta-1 .arrow-wrapper .arrow-link-hover{background-image: url(assets/images/white-arrow.svg);}
ul.dev-services{margin: 0 auto; padding: 100px 0 0; width: 100%; max-width: 1086px; display: flex; flex-direction: column;}
ul.dev-services > li{width: 100%; margin: 0; padding: 60px 60px; list-style: none; border-bottom: 1px solid #424244; position: relative; transition: all 0.3s ease-in-out; cursor: pointer;}
ul.dev-services > li:first-child{border-top: 1px solid #424244;}
ul.dev-services > li:after{content: ""; width: 0%; height: 1px; background: #fff; position: absolute; bottom: 0; left: 0; transition: all 0.3s ease-in-out;}
ul.dev-services > li:hover:after{width: 100%;}
ul.dev-services > li h4{font-weight: 400;color: #fff;font-size: 5em; margin: 0 0 20px; line-height: 1.1;}
ul.dev-services > li p{margin: 0; color: #B9B9B9; font-size: 1em; line-height: 1.8; padding-right: 100px; margin-bottom: 20px;}
ul.dev-services > li .service-title > span{font-size: 1em; color: rgba(255,255,255,0.3); font-weight: 500; position: absolute; left: 0; top: 65px; transition: all 0.3s ease-in-out;}
ul.dev-services > li:hover .service-title > span{color: #00C99A;}
ul.dev-services > li .service-content a.btn-cta-1{padding-top: 40px; }

ul.tech-stack{margin: 0 0 20px; padding: 0;}
ul.tech-stack li{list-style: none; color: #B9B9B9; font-size: 1em; line-height: 1.3; padding-left: 20px; position: relative; display: inline-block;}
ul.tech-stack li:before{content: "."; margin-right: 10px;}
ul.tech-stack li:first-child{padding-left: 0;}
ul.tech-stack li:first-child:before{display: none;}

.section-6{width: 100%; display: flex; background: #EEEEEE; padding: 80px 0 100px; flex-direction: column;}
.heading-wrap{display: flex; width: 100%; justify-content: space-between; padding-left: 50px;}
.heading-wrap .title{width: 60%;}
.tech-heading-wrap .title {width: 65%;}
.heading-wrap .title span{font-weight: 500; font-size: 1.2em; line-height: 1.3;}
.heading-wrap .title h2{color: #000; font-size: 4.5em; line-height: 1; font-weight: 500; margin: 20px 0 0; letter-spacing: -3px;}
.dark-bg-section .heading-wrap .title h2{color: #fff;}
.tech-heading-wrap .title h2{font-size: 4em;}

.heading-wrap .content{width: 29%; padding-top: 35px;}
.heading-wrap .content p{font-size: 1.25em; line-height: 1.5; color: #000; margin: 0 0 20px; font-weight: 400;}
.heading-wrap a.btn-cta-1{color: #000;}
.heading-wrap a.btn-cta-1:after, .heading-wrap a.btn-cta-1:before{background-color: #000;}
.heading-wrap a.btn-cta-1 .arrow-wrapper .arrow-link, .heading-wrap a.btn-cta-1 .arrow-wrapper .arrow-link-hover{background-image: url(assets/images/black-arrow.svg);}
.dark-bg-section  .heading-wrap .content p{color: #fff;}
.dark-bg-section .heading-wrap a.btn-cta-1{color: #fff;}
.dark-bg-section .heading-wrap a.btn-cta-1:after, .heading-wrap a.btn-cta-1:before{background-color: #fff;}
.dark-bg-section .heading-wrap a.btn-cta-1 .arrow-wrapper .arrow-link, .heading-wrap a.btn-cta-1 .arrow-wrapper .arrow-link-hover{background-image: url(assets/images/white-arrow.svg);}

.technology-list{margin: 0; padding: 100px 0 0; width: 100%; display: flex; flex-wrap: wrap; justify-content: space-between;}
.technology-list li{width: 16%; max-width: 205px; height: 164px; border-radius: 10px; background: #fff;  margin-bottom: 20px; list-style: none; transition: all 0.3s ease-in-out;}
.technology-list li:hover{ box-shadow:0px 4px 4px rgba(0,0,0,0.25); }
.technology-list li a{display: block; width: 100%; height: 100%; display: inline-flex; justify-content: center; align-items: center;}

.our-services{background: #EEEEEE; width: 100%; display: flex; padding: 0 0 100px;}
.our-services h2{color: #000; font-size: 4em; line-height: 1; font-weight: 500; margin: 0 0 50px; letter-spacing: -2px;}
.our-services p{color: #000; font-size: 1.2em; line-height: 1.5; margin: 0 0 50px;}
ul.our-service-listing{margin: 100px 0 0; padding: 0; width: 100%; display: flex; flex-wrap: wrap; justify-content: space-between;} 
ul.our-service-listing li{width: 32.3%; background-color: #fff; border-radius: 10px; padding: 20px 40px; list-style: none; margin: 0 0 20px; display: flex; align-items: center;}
ul.our-service-listing li img{margin: 0; display: block;}
ul.our-service-listing li .service-ft-icon{height: 65px; display: flex; align-items: center; margin: 0 20px 0 0;}
ul.our-service-listing li h4{margin: 0; color: #000; font-size: 1.2em; font-weight: 500;}

#testimonial-slider{width: 100%; display: flex; padding: 80px 0 50px; flex-direction: column; overflow: hidden; background: #EEEEEE; }
#testimonial-slider h3{color: #000; font-size: 3em; line-height: 1; font-weight: 400; margin: 0 0 50px; letter-spacing: -1px;}
.testi-slider .slide{background: #fff; padding: 40px 45px 60px 45px; border-radius: 10px; margin: 0 30px 0 0; width: 480px;}
.testi-slider .slide .meta-info{width: 100%; display: flex; align-items: center;}
.testi-slider .slide .meta-info .auth_pic{width: 75px; margin-right: 28px;}
.testi-slider .slide .meta-info .auth_pic img{width: 100%; height: auto; border-radius: 50%; overflow: hidden;}
.testi-slider .slide .meta-info .auth_name{color: #000; font-size: 1.4em; line-height: 1; margin: 0 0 7px; font-weight: 500; display: block;}
.testi-slider .slide .meta-info .designation{color: #000; font-size: 1.2em; line-height: 1; margin: 0; font-weight: 400; display: block;}
.testi-slider .slide p{margin: 40px 0 0; color: #000; font-size: 1.4em; line-height: 1.3; font-weight: 400;}
.testi-slider .slick-prev{display: none !important;}
.testi-slider .slick-next{position: absolute;  left: 0;  top: 0;  width: 100%;  height: 100%;  background: none;  font-size: 0;  border: none;}
/* .testi-slider .slick-next:after{content:""; background: url(assets/images/white-right-arrow.svg) center center no-repeat #000; border-radius: 50%; width: 125px; height: 125px; display: inline-block; border: none;} */


.trusted-companies{width: 100%; display: flex; padding: 50px 50px 120px; background: #EEEEEE;}
.trusted-companies h4{font-weight: 400; font-size: 1.2em; margin: 0 0 30px; color: #000;}
.company-logos{display: flex; justify-content: space-between; align-items: center;}
.company-logos .company-logo{height: 30px; margin: 0 60px 0 0;}
.company-logos .company-logo img{max-height: 100%; width: auto; -webkit-filter: grayscale(100%); filter: grayscale(100%); transition: all 0.3s ease-in-out;}
.company-logos .company-logo img:hover{-webkit-filter: grayscale(0%); filter: grayscale(0%);}

.section-7{width: 100%; display: flex; background: url(assets/images/d-5-bg.webp) center top no-repeat #000; background-attachment: fixed; padding: 130px 0; background-size: 100% auto}
.section-7 .wrapper{display: flex; justify-content: space-between; height: fit-content; align-items: flex-start;}
.section-7 .left-fix-block{ max-width: 470px; width: 40%;  position: sticky; top: 50px; margin-left: 50px;}
.section-7 .right-scrol-block{height: 100%; width: 40%;}
.section-7 .left-fix-block .design-5-ft-img{margin: 0 0 4em;}
.section-7 .left-fix-block h3{color: #fff; margin: 0; font-size: 3em; line-height: 1.2; margin: 0 0 1em; font-weight: 600;}
.section-7 .left-fix-block p{color: #fff; font-size: 1.3em; line-height: 1.3; margin: 0 0 1em;}
.methodology-list{margin: 0; padding: 0;}
.methodology-list li{list-style: none; width: 100%; border-radius: 10px; margin: 0 0 30px; padding: 40px 40px 50px 50px; background: #161616;}
.methodology-list li span{color: #00D8A7; font-weight: 600; font-size: 1.2em; margin: 0 0 30px; display: block;}
.methodology-list li h4{margin: 0 0 20px; color: #fff; font-size: 2em; line-height: 1; font-weight: 400;}
.methodology-list li p{color: #B9B9B9; margin: 0; font-size: 1.0em; line-height: 1.3;}
.section-7 a.btn-cta-1 .arrow-wrapper .arrow-link{background-image: url(assets/images/white-arrow.svg);}
.section-7 a.btn-cta-1 .arrow-wrapper .arrow-link-hover{background-image: url(assets/images/white-arrow.svg);}

.section-8{width: 100%; display: flex; background: #EEEEEE; padding: 80px 0 0; flex-direction: column;}
.section-8 .inner-box{margin-top: 100px; width: 100%; padding-left: 50px; padding-right: 50px;}
.section-8 .inner-box h3 {    font-weight: 500; color: #000;   font-size: 3.6em;    margin: 0 0 1.6em;    line-height: 1.2;    letter-spacing: -1px;}
.section-8 .section-5-content-box .content-block p{color: #000;}
.section-8 .section-5-content-box .title-block h4{color: #000;}
.section-8 a.btn-cta-1{color: #000;}
.section-8 a.btn-cta-1:after, .section-8 a.btn-cta-1:before{background-color: #000;}
.section-8 a.btn-cta-1 .arrow-wrapper .arrow-link, .section-8 a.btn-cta-1 .arrow-wrapper .arrow-link-hover{background-image: url(assets/images/black-arrow.svg);}
.grey-btn{display: inline-block; padding: 14px 25px 12px 25px; border-radius: 25px; background: rgba(255,255,255,0.2); color: rgba(255,255,255,0.7); text-transform: uppercase; font-size: 0.9em; text-decoration: none; transition: all 0.3s ease-in-out;}
.grey-btn:hover{background: #00D8A7; color: #fff;}
.feature-wrapper{width: 100%; padding: 100px 50px; overflow: hidden; position: relative;}
.feature-list{display: flex; width: 100%; justify-content: center; }
.feature-list > div{width: 426px; background: #fff; border-radius: 10px; padding: 45px 35px; display: inline-flex; flex-direction: column; margin: 0 13px;}
.feature-list > div .icon{height: 76px; margin: 0 0 60px;}
.feature-list > div h4{font-weight: 500; color: #000; font-size: 2em; line-height: 1.2; margin: 0 0 15px;}
.feature-list > div p{margin: 0; font-size: 1.2em; line-height: 1.5; color: #000;}

.section-9{width: 100%; display: flex; flex-direction: column; padding: 130px 0; background: url(assets/images/ideas-bg.webp) center bottom no-repeat #000; background-size: cover;}
.section-9 h3{ padding: 0; font-size: 4.5em; line-height: 1; color: #fff; margin: 0 0 60px; text-align: center; font-weight: 500; letter-spacing: -2px;}
.section-9 .action-button-wrapper{text-align: center;}
a.green-btn{display: inline-block; padding: 14px 25px 12px 25px; border-radius: 30px; background: #00FFC2; color: #000; font-size: 1.2em; text-decoration: none; transition: all 0.3s ease-in-out; font-weight: 500;}
a.green-btn:hover{background: rgba(255,255,255,1);  }
a.black-btn{display: inline-block; padding: 14px 25px 12px 25px; border-radius: 30px; background: #000; border: 2px solid #000; color: #fff; text-transform: uppercase; font-size: 1.2em; text-decoration: none; transition: all 0.3s ease-in-out; font-weight: 500;}
a.black-btn:hover{background: none; color: #000;  }
ul.idea-listing{margin: 100px 0 0; padding: 0; display: flex; justify-content: center;}
ul.idea-listing li{padding: 0 50px; text-align: center; list-style: none;}
ul.idea-listing li .icon{height: 46px; margin: 0 0 30px;}
ul.idea-listing li h4{font-weight: 500; color: #fff; font-size: 1.1em; margin: 0;}

.tag-wrapper{width: 100%; margin: 100px 0 0; overflow: hidden;}
.tag-wrapper .tags{ display: flex; margin: 0 0 20px;}
.tag-wrapper .tags a{text-decoration: none; color: #fff; white-space: nowrap;  background: rgba(255, 255, 255, 0.1); border-radius: 30px;    font-size: 1em;    font-weight: 400;  width: max-content;    margin: 0 8px;  padding: 17px 35px; display: block;  }


.service-banner{background: #f3f3f3; box-shadow: none; overflow: hidden;}
.service-banner h1{color: #000;}
.service-banner h1 span{color: #00E7A6}
.service-banner .banner-text p{color: #000;}
.service-banner a.btn-cta-1{color: #000;}
.service-banner a.btn-cta-1:after, .service-banner a.btn-cta-1:before{background: #000;}
.service-banner a.btn-cta-1 .arrow-wrapper .arrow-link{background-image: url(assets/images/black-arrow.svg);}
.service-banner a.btn-cta-1 .arrow-wrapper .arrow-link-hover{background-image: url(assets/images/black-arrow.svg);}
.banner.staff-banner{background: url(assets/images/staff-banner.webp) right bottom no-repeat; background-color: #fff;}

.banner-ft-img-service{position: absolute; right: 0; bottom: -50px; width: calc(1634px/1.8);}
.banner-ft-img-service img{display: block;}
.banner-ft-img-staff{position: absolute; right: 0; width: 50%; height: 100%; top: 0;}
.banner-ft-img-staff .ft-img-1{position: absolute; left: -25%; bottom: 10%;}
.banner-ft-img-staff .ft-img-2{position: absolute; right: 25%; top:45%;}
.banner-ft-img-staff .ft-img-3{position: absolute; left: 0%; top: 32%;}
.compare-banner .banner-ft-img-service{ top: 50%;  width: 50%;  bottom: inherit;  transform: translateY(-50%);  right: -100px;}

.development-services-block{width: 100%; display: flex; background: #000; padding: 80px 0px 100px; flex-wrap: wrap;}
.development-services-block .section-5{background: none; padding-bottom: 60px;}
.service-listing{width: 100%; display: flex; justify-content: space-between; flex-wrap: wrap; margin: 75px 0 0; padding: 0;}
.service{width: 49%; margin: 0 0 25px; background: #161616; border-radius: 10px; padding: 45px 55px 60px; list-style: none;}
.service-listing li.service:first-child{width: 100%; display: flex; flex-direction: row-reverse; align-items: center; justify-content: space-between;}
.service-listing li.service:first-child .service-ft-img{height: auto; width: auto; margin: 0;}
.service-listing li.service:first-child .service-ft-img img{height: auto;}
.service-listing li.service:first-child .service-content{width: 50%;}
.service-listing li.service:first-child .service-content h3{font-size: 3.2em;}
.service .service-ft-img{width: 100%; height: 75px; display: flex; align-items: center; margin: 0 0 20px;}
.service .service-ft-img img{max-height: 100%;}
.service .service-content{ width: 100%;}
/* .service .service-content ul.service-tags{margin: 0 0 15px; padding: 0; display: flex; flex-wrap: wrap;}
.service .service-content ul.service-tags li{list-style: none; font-size: 0.9em; border-radius: 20px; line-height: 1; text-wrap: nowrap; color: #fff; font-weight: 400; border: 1px solid #fff; padding: 9px 20px; margin: 0 15px 15px 0;} */
.service .service-content h3{color: #fff; font-size: 2.5em; line-height: 1.1; font-weight: 400; margin: 0 0 15px;}
.service .service-content h3 a{text-decoration: none; color: #fff; transition: all 0.3s ease-in-out;}
.service .service-content h3 a:hover{color: #00FFC2;}
.service .service-content p{color: #fff; font-size: 1.1em; line-height: 1.5; margin: 0 0 30px;}
.service .service-content a.btn-cta-1 {}
.service .service-content a.btn-cta-1 .arrow-wrapper .arrow-link, .service .service-content a.btn-cta-1 .arrow-wrapper .arrow-link-hover{background-image: url(assets/images/white-arrow.svg);}
.service-banner-ft-img{width: 100%; display: flex; background-position: center 0; background-repeat: no-repeat; background-size: cover; background-attachment: fixed; height: 874px;}

.help-clients{width: 100%; display: flex; padding: 150px 0; background: #eee;}
.help-clients .wrapper{display: flex;}
.help-clients .left-block {width: 50%;}
.help-clients .right-block {width: 50%; padding-left: 50px;}
.help-clients h2{font-weight: 500; color: #000; font-size: 3.5em; line-height: 1.1; margin: 0 0 50px 0; letter-spacing: -1px;}
.help-clients .help-listing{width: 100%; margin: 0; padding: 0 50px 0 0; display: flex; flex-direction: column;}
.help-clients .help-listing li{list-style: none; margin: 0 0 15px; width: 100%; border-radius: 10px; position: relative;}
.help-clients .help-listing li a{padding: 28px 60px 28px 100px; display: block; color: #000; opacity: 0.5; font-size: 1.7em; line-height: 1; text-decoration: none; }
.help-clients .help-listing li a span{position: absolute; left: 30px; top: 50%; height: 50px; transform: translateY(-50%);}
.help-clients .help-listing li a span img{display: block; width: auto; max-height: 100%;}
.help-clients .help-listing li a span.icon{ opacity: 1;}
.help-clients .help-listing li a span.icon-active{ opacity: 0;}
.help-clients .help-listing li.active {background: url(assets/images/right-arrow.svg) right 30px center no-repeat #fff; box-shadow: -1px 18px 18px rgba(161, 161, 175, 0.2);}
.help-clients .help-listing li.active span.icon, .help-clients .help-listing li:hover span.icon{opacity: 0;}
.help-clients .help-listing li.active span.icon-active, .help-clients .help-listing li:hover span.icon-active{opacity: 1;}
.help-clients .help-listing li.active a, .help-clients .help-listing li:hover a{opacity: 1;}
.help-clients .help-ft-block{background: url(assets/images/help-box-bg.webp) 0 0 no-repeat #191919; background-size: cover; width: 100%; border-radius: 10px; min-height: 490px; padding: 100px 40px 40px; position: relative;}
.help-clients .help-ft-block > div{display: none;}
.help-clients .help-ft-block > div.active{display: block;}
.help-clients .help-ft-block p{margin: 0 0 20px; font-size: 1.8em; line-height: 1.1; color: #fff;}
.help-clients .help-ft-block img{float: right;}
.help-clients .help-ft-block .btn-cta-1{position: absolute; left: 40px; bottom: 50px; color: #00FFC2;}
.help-clients .help-ft-block a.btn-cta-1:after,.help-clients .help-ft-block a.btn-cta-1:before{background: #00FFC2;}

.mobile-logo{display: none;}
.desktop-logo{display: inline-block;}
.only-mobile{display: none !important;}
.copyrights{font-size: 0.9em; color: #878787; margin: 0; display: none; text-align: center;}

.work-banner .ft-text{padding-bottom: 100px; top: 180px;}
.work-banner .banner-text{max-width: 600px;}
.work-banner h1{line-height: 1;}
.work-banner #scrollDown{bottom: 40%;}
.page-template-work .section-4{padding-top: 0;}

.contact-form{ width: 100%; display: inline-block; margin-top: 50px; padding-bottom: 100px;}
.contact-form form{width: 100%; display: flex; flex-wrap: wrap; justify-content: space-between;}
.contact-form form > div{width: 100%; margin: 0 0 30px; display: flex; flex-wrap: wrap;}
.contact-form form > div.col-half{width: 48%;}
.contact-form form > div label{width: 100%; font-weight: 500; color: #000; font-size: 1.2em; margin: 0 0 10px; line-height: 1; display: block;}
.contact-form form > div input[type="text"], .contact-form form div input[type="email"], .contact-form form div input[type="url"]{width: 100%; border-radius: 10px; border: 1px solid #545454; height: 55px; font-size: 1.2em; color: #000; line-height: 1; padding: 0 10px;}
.contact-form form > div textarea{width: 100%; border-radius: 10px; border: 1px solid #545454; height: 145px; font-size: 1.2em; line-height: 1; padding: 10px; resize: none; color: #000;}
.contact-form form > div p{margin: 0; width: 100%;}
.contact-form form > div .submit-btn{background: #00FFC2; border-radius: 30px; width: 210px; height: 63px; border: none; transition: all 0.3s linear; position: relative; overflow: hidden; display: inline-flex; justify-content: center; align-items: center; margin-right: 30px;}
.contact-form form > div .submit-btn p{margin: 0;}
.contact-form form > div input[type="submit"]{background: none; border-radius: 0; font-size: 1.1em; line-height: 1; text-transform: uppercase; color: #000; font-weight: 500; width: auto; height: auto; border: none; transition: all 0.3s linear; position: relative; z-index: 9;}
/* .contact-form form > div input[type="submit"]:hover{color: #fff;} */
.contact-form form > div .submit-btn:after { content: ""; width: 120%; height: 100px; position: absolute; z-index: 1; left: 0; top: 100%; border-radius: 50%; transition: all 0.1s linear; background: #000; transform: translateX(-10%);}
.contact-form form > div .submit-btn:hover:after{top: -25%;}
.contact-form form > div .submit-btn:hover input[type="submit"]{color: #fff;}
.wpcf7 form .wpcf7-response-output{margin: 0; padding: 0; border: none;}
.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output, .wpcf7 form.failed .wpcf7-response-output,
.wpcf7 form.aborted .wpcf7-response-output{color: #dc3232;}
.wpcf7 form.sent .wpcf7-response-output{color: #46b450;}
.contact-form form div.form-footer{flex-wrap: nowrap; align-items: flex-start;}
.contact-form form div.form-footer p{width: auto;}
/* .file-upload-container{padding-left: -80px;}
.file-upload-container label{font-weight: 400 !important; border-bottom: 1px solid #000; padding-bottom: 2px; cursor: pointer; position: relative; width: auto !important; display: inline-block !important;}
.file-upload-container p{margin: 0;}
.file-upload-container label:before{content: ""; width: 65px; height: 65px; background: url(assets/images/file-icon.svg) center center no-repeat #eee; border-radius: 50%; display: inline-block; position: absolute; left: -80px; top: -20px;} */

/* file upload button */
input[type="file"]::file-selector-button {
  border-radius: 0;
  padding: 0 0 2px;
  height: auto;
  cursor: pointer;
  background-color: white;
  border: none; border-bottom: 1px solid #000; 
  box-shadow: none; position: relative;
  margin-right: 16px; transition: all 0.3s linear;
}
.file-upload-container{ display: inline-flex; align-items: center; width: auto;}
.file-upload-container:before{content: ""; width: 65px; height: 65px; background: url(assets/images/file-icon.svg) center center no-repeat #eee; border-radius: 50%; display: inline-block; margin-right: 20px;}

/* file upload button hover state */
input[type="file"]::file-selector-button:hover {

}

/* file upload button active state */
input[type="file"]::file-selector-button:active {
  
}

.consultation-block{width: 100%; display: flex; background: #eee; padding: 100px 0;}
.consultation-block h2{text-align: center; font-weight: 500; color: #000;  font-size: 3.5em;  margin: 0 0 0.5em;  line-height: 1.2;  letter-spacing: -1px;}
.consultation-block .content-block{text-align: center; color: #000; font-size: 1.2em;  margin: 0 auto 80px; max-width: 1000px; width: 100%; }
.consultation-block .content-block p{margin: 0;}
.consultation-block .feature-list > div .icon{margin-bottom: 20px;}

.faq-block{width: 100%; display: flex; background: #fff; padding: 100px 0; flex-wrap: wrap;}
.faq-block h3{text-align: center; font-weight: 400; color: #000;  font-size: 4em;  margin: 0 0 0.5em;  line-height: 1.2;  letter-spacing: -1px;}
ul.faq-list{width: 80%; padding: 0; margin: 0 auto;}
ul.faq-list li{list-style: none; width: 100%; border-bottom: 1px solid #C4C4C4; padding: 45px 55px 40px 15px; position: relative;}
ul.faq-list li .action-btn{position: absolute; right: 15px; top: 58px; width: 23px; height: 23px;}
ul.faq-list li .action-btn span{width: 100%; height: 2px; background-color: #000; border-radius: 5px; display: flex; align-items: center; justify-content: center; flex-wrap: wrap; transition: all 0.3s linear;}
ul.faq-list li .action-btn span + span{transform: translateY(-2px) rotate(90deg);}
ul.faq-list li.active .action-btn span + span{transform: translateY(-2px) rotate(0deg);}
ul.faq-list li h4{color: #000; font-size: 1.3em; font-weight: 500; margin: 0;}
ul.faq-list li .faq-content{display: none; margin-top: 20px;}
ul.faq-list li p{margin-top: 30px; margin-bottom: 0; color: #000; font-size: 1.1em; line-height: 1.5;}

.industry-ft-img{width: 45%; position: absolute; right: 0; top: 30%;}
.banner.industry-banner .banner-text{max-width: 570px;}
.banner.industry-banner .banner-text p{margin-bottom: 30px;}

.col-3-list{display: flex; width: 103%; justify-content: center; flex-wrap: wrap; padding: 0 0 80px; margin: 0 -1.5%;}
.col-3-list > div{width: 31%; background: #fff; border-radius: 10px; padding: 45px 35px 75px; display: block; margin: 0 1% 40px; position: relative;}
.col-3-list > div .icon{height: 65px; margin: 0 0 35px; display: flex; align-items: center; width: auto;}
.col-3-list > div .icon img{display: block;}
.col-3-list > div h4{font-weight: 500; color: #000; font-size: 2em; line-height: 1.2; margin: 0 0 20px;}
.col-3-list > div p{margin: 0 0 20px; font-size: 1.2em; line-height: 1.5; color: #000;}
.col-3-list > div a.btn-cta-1{position: absolute; bottom: 40px; left: 35px;}
.left-no-padding {}
.left-no-padding > div{width: 33%; padding: 45px 80px 0 0; margin: 0 0 40px;}
.no-background{background: none !important;}
/* .major-industries h2{text-align: center; color: #000; font-size: 4em;  line-height: 1.1;  font-weight: 500;  margin: 50px 0 80px;  letter-spacing: -1px;} */

.dark.col-3-list > div{background: #161616;}
.dark.col-3-list > div h4{ color: #fff; }
.dark.col-3-list > div p{ color: #D3D3D3; }

.col-2-list{display: flex; width: 100%; justify-content: space-between; flex-wrap: wrap; padding: 0 0 80px;}
.col-2-list > div{width: 49%; background: #fff; border-radius: 10px; padding: 35px; display: flex; margin: 0 0 30px; position: relative; align-items: center;}
.col-2-list > div .icon{height: auto; margin: 0 20px 0 0; display: flex; align-items: center; width: auto;}
.col-2-list > div .icon img{display: block;}
.col-2-list > div h4{font-weight: 500; color: #000; font-size: 1.2em; line-height: 1.2; margin: 0;}

.tech-stack-list.col-2-list > div .icon{height: 30px;}

.wealth-exp-block, .open-source-block{width: 100%; display: flex; background: url(assets/images/wealth-experience-bg.webp) center 0 no-repeat #000; background-size: cover; padding: 100px 0 80px; }
.wealth-exp-block .wrapper, .open-source-block .wrapper{display: flex; width: 100%; align-items: center; justify-content: space-between;}
.wealth-exp-block .block-text{width: 38%;}
.wealth-exp-block .block-text h3, .open-source-block .block-text h3{color: #fff; font-size: 3.5em; line-height: 1.2; font-weight: 500; margin: 0 0 40px;}
.wealth-exp-block .block-text p, .open-source-block .block-text p{color: #fff; font-size: 1.2em; line-height: 1.5; margin: 0;}
.open-source-block .block-text{width: 55%;}
.open-source-block .block-text p{margin: 0 0 30px;}
.staff-cta-block{background: url(assets/images/wealth-experience-bg.webp) center 0 no-repeat #000;}
.open-source-block .block-text ul{padding: 0; margin: 0 0 30px;}
.open-source-block .block-text ul li{color: #fff; font-size: 1.2em; line-height: 1.5; margin: 0 0 10px; background: url(assets/images/tick.svg) 0 6px no-repeat; list-style: none; padding: 0 0 0 30px;}

.open-source-block.staff-cta-block{background-image: url(assets/images/staff-cta-background.webp); }

.banner.tech-banner, .banner.mob-app-banner{background-image: url(assets/images/tech-bg.webp) !important;}
.banner.general-banner{background-image: url(assets/images/inner-service-bg.webp);}
.banner.devops-banner{background-image: url(assets/images/devops-bg.webp); background-size: cover;}
.banner.outsourcing-banner{background-image: url(assets/images/software-outsourcing-banner.webp); background-size: cover;}
.general-banner .wrapper{display: flex; align-items: center;}
.general-banner .general-ft-text{width: 55%;}
.general-banner .general-ft-text h1{font-size: 3.8em;}
.general-banner .general-ft-img{width: 45%;}
.general-banner .general-ft-text p{margin: 0 0 40px;}
.general-banner.banner .banner-text{max-width: fit-content;}
.general-banner.mob-app-banner .general-ft-text h1{font-size: 5.2em;}
.banner.tech-banner .general-ft-text{position: relative; z-index: 9;}
.banner.tech-banner .general-ft-img{width: auto; position: absolute; right: 0; z-index: 1;}
.tech-list-box{width: 100%; padding: 80px 0;}
.col-2-tech{display: flex; justify-content: space-between;}
.col-2-tech > div {width: 49%;}
.col-4-tech{display: flex; justify-content: space-between; flex-wrap: wrap;}
.col-4-tech > div {width: 23.5%;}
.tech-col{background: #fff; border-radius: 10px; padding: 40px 35px; margin: 0 0 30px;}
.tech-col .icon{ margin: 0 0 20px;}
.tech-col .icon img{display: block;}
.tech-col h4{font-size: 1.8em; color: #000; margin: 0 0 20px; font-weight: 500; line-height: 1;}
.tech-col p{color: #545454; font-size: 1em; line-height: 1.5; margin: 0 0 30px; min-height: 100px;}
.tech-col .btn-cta-1{font-size: 14px;}
.col-4-tech .tech-col p{min-height: 160px;}

.mob-app-banner.general-banner .tech-banner-ft-img{position: absolute; top: 40%; right: 40px; width: 55%; opacity: 0;}
.mob-app-banner.general-banner .tech-banner-ft-img.is-inview{opacity: 1;}
.mob-app-banner .tech-banner-ft-img > div{position: absolute; left: 0; top: 0; z-index: 7;}
.mob-app-banner .tech-banner-ft-img > div.tech-main-ft-img{left: 0; top: -120px; z-index: 9;}
.mob-app-banner .tech-banner-ft-img > div.tech-shadow-ft-img-1{left: 0; top: -60px; z-index: 8;}
.mob-app-banner.general-banner .general-ft-text{width: 75%;}

ul.inner-service-list{width: 100%; margin: 0; padding: 0; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: flex-start;}
ul.inner-service-list li{ width: 49%; padding: 35px 40px 30px 30px; background: rgba(255,255,255,0.07); border-radius: 10px; display: flex; flex-wrap: wrap; margin: 0 0 30px;}
ul.inner-service-list li .inner-service-title{display: flex; width: 100%; align-items: center; position: relative;}
ul.inner-service-list li .icon{width: 60px; height: 60px; display: inline-flex; align-items: center;}
ul.inner-service-list li .icon img{display: block;}
ul.inner-service-list li h4{color: #fff; font-size: 1.5em; line-height: 1.2; margin: 0; padding:0 50px 0 15px; width: calc(100% - 80px); font-weight: 500;}
ul.inner-service-list li .action-btn{width: 23px; height: 23px;  display: flex;  justify-content: center;  align-items: end;  flex-wrap: wrap;  position: relative;}
ul.inner-service-list li .action-btn span{width: 100%; height: 2px;  display: inline-block;  background-color: #fff;  border-radius: 5px;  transition: all 0.3s linear;}
ul.inner-service-list li .action-btn span + span{transform: translateY(-11px) rotate(90deg);}
ul.inner-service-list li.active .action-btn span + span{transform: translateY(-11px) rotate(0deg);}
ul.inner-service-list li .inner-service-content{width: 100%; display: none;}
ul.inner-service-list li .inner-service-content p{color: #fff; margin: 30px 0 0; font-size: 1.1em; line-height: 1.5;}

.call-to-action-block{width: 100%; display: flex; background-color: #000; min-height: 680px; background-size: cover; background-repeat: no-repeat; background-position: center top; align-items: center;}
.ai-hire-block{background-image: url(assets/images/inner-service-cta-banner.webp);}
.call-to-action-block .content{}
.call-to-action-block h3{font-size: 3.8em; font-weight: 500; color: #fff; margin: 0 0 20px; line-height: 1.1;}
.call-to-action-block p{color: #CBCBCB; font-size: 1.2em; margin: 0 0 40px; line-height: 1.5;}

ul.tech-stack-list li{background: rgba(255,255,255,1);}
ul.tech-stack-list li h4{color: #000;}
ul.tech-stack-list li .action-btn span{background-color: #000;}
ul.tech-stack-list li .inner-service-content p{color: #000;}

.tabs-section{width: 100%; display: flex; flex-wrap: wrap; margin: 50px 0 0;}
.tabs-header{width: 100%; display: flex; justify-content: flex-start; margin: 0 0 40px;}
.tabs-header .tab{background: #fff; border-radius: 10px; color: #000; text-decoration: none; font-weight: 500; font-size: 1.1em; padding: 20px 10px; width: 100%; margin: 0 1.5% 0 0; text-align: center;}
.tabs-header .tab.active{background: #00FFC2;}
.tabs-body{width: 100%; display: flex; flex-wrap: wrap;}
.tabs-body .tab-content{width: 100%; display: none; }
.tabs-body .tab-content.active{display: block;}
ul.tools-list{margin: 0; padding: 0; width: 100%; flex-wrap: wrap; display: flex; justify-content: flex-start;}
ul.tools-list li{ list-style: none; background: #fff; border-radius: 10px; padding: 35px 25px 25px 25px; width: 15.15%; margin: 0 1.5% 1.5% 0;}
ul.tools-list li h5{font-size: 1em; font-weight: 500; color: #000; margin: 0;}
ul.tools-list li img{height: 40px; width: auto; margin: 0 0 10px;}

.mob-app-cta-block{overflow: hidden; position: relative; padding: 130px 0 100px;}
.mob-app-cta-block .block-ft-img{position: absolute; right: 0;}

.single-post #page, .page-template-default #page, .error404 #page{background: #fff;}
.page-template-blog #page, .archive #page{background: url(assets/images/blog-bg.jpg) center top no-repeat; background-size: 100% auto; background-color: #000;}
.blog-section {width: 100%; display: flex; padding-bottom: 70px;}
ul.category-listing {list-style: none; width: 100%; display: flex; flex-wrap: wrap; margin: 0 0 50px; padding: 0;}
ul.category-listing > li{width: auto;  margin: 0 20px 20px 0;}
ul.category-listing > li a{padding: 15px 35px; display: block; border-radius: 30px; color: #000; font-size: 1.1em; line-height: 1; font-weight: 500; background-color: #F2F2F4; text-decoration: none;}
ul.post-listing, ul#featured-blog{list-style: none; width: 100%; display: flex; flex-wrap: wrap; margin: 0; padding: 0; justify-content: space-between;}
ul#featured-blog{margin: 0 0 15px;}
ul.post-listing > li{width: 32%; margin: 0 0 50px;}
ul.post-listing:not(.related-posts):not(#blog-post-listing) > li:first-child, #featured-blog > li{width: 100%; display: flex; justify-content: space-between;}
ul.post-listing > li .post-image{width: 100%; display: block; height: 280px; background-size: cover; margin: 0 0 50px;}
ul.post-listing > li .post-image a{display: block; width: 100%; height: 100%;}
ul.post-listing > li .post-meta-info{width: 100%;}
ul.post-listing > li h3.post-title, #featured-blog > li h3.post-title{margin: 0 0 15px; font-size: 17px; line-height: 1.5; font-weight: 500; color: #fff;}
ul.post-listing > li h3.post-title a{color: #fff; text-decoration: none;}
ul.post-listing.related-posts > li .post-image{margin: 0 0 25px;}
ul.post-listing.related-posts > li h3.post-title a{color: #000; text-decoration: none; margin-bottom: 0;}
ul.post-listing:not(.related-posts) > li h3.post-title a, #featured-blog > li h3.post-title a{color: #fff; text-decoration: none;}
ul.post-listing > li ul.post-category-listing, #featured-blog > li ul.post-category-listing{width: 100%; display: flex; flex-wrap: wrap; margin: 0 0 10px; padding: 0;}
ul.post-listing.related-posts > li .post-description p {color: #000;}
ul.post-listing > li ul.post-category-listing li, #featured-blog > li ul.post-category-listing li{color: #FFFFFF; list-style: none; text-transform: capitalize; font-size: 1em; line-height: 1; padding: 0; font-weight: 500; margin: 0 10px 10px 0; border: none; display: inline-block;}
ul.post-listing > li ul.post-category-listing li a, #featured-blog > li ul.post-category-listing li a{color: #FFFFFF; padding: 10px 15px; text-decoration: none; border: 1px solid #fff; transition: all 0.3s ease-in-out; display: block;}
ul.post-listing > li ul.post-category-listing li a:hover, #featured-blog > li ul.post-category-listing li a:hover{background: #00FFC2; color: #000000; border: 1px solid #00FFC2;}
ul.post-listing:not(.related-posts):not(#blog-post-listing) > li ul.post-category-listing li a, #featured-blog > li ul.post-category-listing li a{border: 1px solid #fff;}
ul.post-listing:not(.related-posts):not(#blog-post-listing) > li .post-description{width: 100%; font-size: 1.2em; line-height: 1.5; display: none;}
ul.post-listing > li .btn-cta-1{display: none;}
ul.post-listing:not(.related-posts):not(#blog-post-listing) > li:first-child .post-description, #featured-blog > li .post-description{display: block;}
ul.post-listing:not(.related-posts):not(#blog-post-listing) > li:first-child .btn-cta-1, #featured-blog > li .btn-cta-1{display: inline-flex;}
ul.post-listing:not(.related-posts):not(#blog-post-listing) > li:first-child h3.post-title, #featured-blog > li h3.post-title{font-size: 2.5em; line-height: 1.2;}
ul.post-listing > li .post-description p{color: #fff; margin: 0 0 20px; font-weight: 300;}
ul.post-listing:not(.related-posts):not(#blog-post-listing) > li:first-child .post-description p, #featured-blog > li .post-description p{color: #fff; margin: 0 0 20px; font-weight: 300;}
ul.post-listing:not(.related-posts):not(#blog-post-listing) > li:first-child .post-image, #featured-blog > li .post-image{width: 50%; height: 475px;}
ul.post-listing:not(.related-posts):not(#blog-post-listing) > li:first-child .post-meta-info, #featured-blog > li .post-meta-info{width: 50%; padding-left: 5%;}
ul#blog-post-listing li .post-description{display: none;}

.single-blog-banner .wrapper{align-items: center;}
.single-blog-banner h1{ font-size: 2.8em; line-height: 1.5; text-align: center;}
.single-blog-banner .post-category-listing{list-style: none; width: 100%; display: flex; flex-wrap: wrap; margin: 20px 0 10px; padding: 0; justify-content: center;}
.single-blog-banner .post-category-listing li{padding: 10px 15px; display: block; border-radius: 0; color: #fff; font-size: 1em; line-height: 1; font-weight: 400; background-color: #000000; text-decoration: none; width: auto;  margin: 0 8px 10px; border: 1px solid #5D5D5D;}
.single-blog-banner .post-category-listing li a{ color: #fff; text-decoration: none;}

.back-link{text-decoration: none; font-size: 1.5em; line-height: 1; color: #000; display: inline-block; margin: 0 0 50px;}
.back-link img{vertical-align: middle; margin-right: 5px;}
.single-featured-image{text-align: center; margin-bottom: 100px;}
.single-featured-image img{width: 100%; height: auto; display: block;}
.blog-single-content{display: flex; width: 100%; justify-content: space-between;}
.blog-single-content .blog-single-content-meta{width: 250px; display: block;}
.blog-single-content-meta span{font-size: 1em; color: #000; font-weight: 500; line-height: 1;}
.single-content{width: 100%; display: block; padding: 0;}
.single-content .wp-block-preformatted{margin: 0 0 20px; font-size: 2.5em; line-height: 1.2; color: #000; font-family: 'Graphik', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;}
.single-content p, .single-content li{font-size: 18px; line-height: 1.5; color: #000; margin: 0 0 20px;}
.single-content li a{color: #00C99A;}
.single-content p.empty-paragraph{margin: 0 !important; height: 25px !important;}
.single-content p a{text-decoration: none; color: #00C99A; font-weight: 700;}
.single-content h2{font-size: 2.2em; line-height: 1.2; font-weight: 500; color: #000; margin: 0 0 20px;}
.single-content h3{font-size: 1.8em; line-height: 1.1; font-weight: 500; color: #000; margin: 0 0 15px;}
.single-content h4{font-size: 1.6em; line-height: 1.1; font-weight: 500; color: #000; margin: 0 0 15px;}
.related-blogs{width: 100%; background: #fff; padding: 75px 0 50px;}
.related-blogs h2{font-size: 2.8em; line-height: 1.1; font-weight: 500; color: #000; margin: 0 0 30px; text-align: center;}
div#ez-toc-container ul li{font-size: 15px; line-height: 1.2; margin: 0 0 10px;}

.page-section{width: 100%; display: flex; padding-bottom: 100px;}
.page-section .single-content{padding: 0; width: 100%;}

.about-banner{ min-height: inherit; padding-top: 130px;  padding-bottom: 100px; background: #fff; width: 100%; position: relative; z-index: 500;}
.about-banner h1 { max-width: 100%;  font-size: 6em; line-height: 1; font-weight: 400; font-family: 'Graphik'; color: #000; margin: 0 0 40px;}
.about-banner .banner-text{max-width: 90%; width: 100%; margin: 0 0 60px;}
.about-banner .banner-text p{margin: 0; font-size: 1.8em;  line-height: 1.5;  color: #000;  font-weight: 400;}
.about-banner a.btn-cta-1 { color: #000; }
.about-banner a.btn-cta-1:before, .about-banner a.btn-cta-1:after { background: #000; }
.about-banner a.btn-cta-1 .arrow-wrapper .arrow-link, .about-banner a.btn-cta-1 .arrow-wrapper .arrow-link-hover { background-image: url(assets/images/black-arrow.svg); }
.about-ft-img{width: 100%; display: flex}
.about-ft-img img{width: 100%; height: auto;}
.about-block-image-1{width: 100%; display: flex; justify-content: space-between; padding: 50px 0 100px;}
.about-block-image-1 div{ width: 48%;}
.about-block-image-1 div + div {margin-top: 60px;}
.about-block-image-1 div img{display: block;}
.about-block-image-2{width: 100%; display: flex; justify-content: space-between; background: #EEEEEE;}
.about-block-image-2 div img{display: block;}

.select-all-service{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; padding: 75px 0 0;}
.select-all-service a{
  width: 13vw;
  height: 13vw;
  border: 0.07vw solid #fff;
  text-transform: uppercase;
  border-radius: 100vw;
  justify-content: center;
  align-items: center;
  padding: 1vw;
  text-decoration: none;
  display: flex;
  position: relative; 
}
.projects-cta-bg {
  z-index: 0;
  width: 0%;
  height: 0%;
  background-color: #fff;
  border-radius: 100vw;
  position: absolute; transition: all 0.3s ease-in-out;
}
.cta-item-wrap {
  z-index: 3;
  grid-column-gap: 0.4vw;
  align-items: center;
  font-size: 1vw; text-align: center;
  display: flex; flex-direction: column;
  position: relative;
}
.cta-item-wrap img {margin-bottom: 10px;}
.cta-item-wrap.darktone {
  color: #000; opacity: 0;
  position: absolute;
}
.cta-item-wrap.light {
  z-index: 6; opacity: 1; 
  color: #fff;
  position: absolute;
}
.select-all-service a:hover { }
.select-all-service a:hover .projects-cta-bg {width: 100%; height: 100%;}
.select-all-service a:hover .cta-item-wrap.light{opacity: 0;}
.select-all-service a:hover .cta-item-wrap.darktone{opacity: 1;}

.banner.single-case-banner, .banner.web-dev-banner{background-size: cover;}
.single-case-banner .blog-ft-text{position: relative; top: 50%; transform: translateY(-50%);}
.single-case-banner .case-tagline{font-size: 2.5em; color: #fff; font-weight: 400; margin: 0 0 25px 0; line-height: 1; display: block;}
.banner.single-case-banner h1{font-size: 8em; line-height: 1;}
.banner.single-case-banner .banner-text{max-width: inherit;}
.banner.single-case-banner .banner-text p{font-size: 1.8em; line-height: 1.5;}
.case-study-content{width: 100%; display: inline-block; background: #fff; padding: 50px 0 0;}
.case-study-content > div:last-of-type {padding-bottom: 0;}
.case-2-block{width: 100%; display: flex; padding: 75px 0;}
.case-2-block .left-case-block{width: 300px; padding-top: 12px;}
.case-2-block .right-case-block{width: calc(100% - 300px); padding-left: 20px;}
.case-2-block .left-case-block .serial-number{color: #000; font-size: 1.1em; line-height: 1; font-weight: 500; margin: 0 0 15px;}
.case-2-block .left-case-block .case-block-tagline{color: #000; font-size: 1.1em; line-height: 1.2; font-weight: 500;}
.case-2-block .right-case-block h2{font-size: 3.5em; margin: 0 0 50px; letter-spacing: -1px; line-height: 1.2; font-weight: 400; color: #000;}
.case-2-block .right-case-block p{font-size: 1.2em; margin: 0 0 30px; color: #000; line-height: 1.8;}
ul.case-study-side-list{margin: 50px 0 0; padding: 0 10px 0 15px; width: 100%;}
ul.case-study-side-list li{font-size: 1em; margin: 0 0 10px; line-height: 1.5; font-weight: 400;}
ul.case-study-stats{width: 100%; margin: 0; padding: 0;}
ul.case-study-stats li{width: 100%; display: flex; justify-content: space-between; border-bottom: 1px solid #B5B5B5; padding: 35px 0; list-style: none; font-size: 1.1em; font-weight: 500; line-height: 1; color: #000;}
.full-width-case-img{width: 100%; display: block; padding: 50px 0;}
.full-width-case-img figure{margin: 0; width: 100%; display: block;}
.full-width-case-img figure img{display: block; width: 100%;}
.half-width-case-img{width: 100%; display: flex; justify-content: space-between; padding: 50px 0;}
.half-width-case-img figure{margin: 0; width: 49%;}
.half-width-case-img figure img{display: block;}
.case-study-big-title{padding-top: 70px;}
.next-slide{width: 100%; background-position: center top; background-repeat: no-repeat; background-size: cover; height: 100vh; min-height: 600px; position: relative; display: flex; align-items: center;}
.next-slide .next-slide-banner-content{width: 73%; display: inline-block;}
.next-slide .next-slide-banner-content h2{color: #fff; font-size: 8em; line-height: 1; font-weight: 500; margin: 0 0 30px;}
.next-slide .next-slide-banner-content p{color: #fff; font-size: 1.8em; line-height: 1.5; margin: 0;}
.compare-features-block{width: 100%; display: flex; flex-wrap: wrap;}
.compare-features-listing{width: 100%; margin: 0; padding: 0; display: flex; flex-direction: column;}
.compare-features-listing li{width: 100%; display: flex; padding: 100px 0; margin: 0; list-style: none; min-height: 700px;}
.compare-features-listing li .wrapper{display: flex; align-items: center; justify-content: space-between; flex-direction: row-reverse;}
.compare-features-listing li:nth-child(2n) .wrapper{flex-direction: row;}
.compare-features-listing li .ft-img{width: 38%; text-align: center;}
.compare-features-listing li .ft-content{padding-left: 0px; width: 55%;}
.compare-features-listing li:nth-child(2n) .ft-content{padding-left: 50px;}
.compare-features-listing li .ft-content .serial-no{color: #24D692; font-size: 2em; line-height: 1; margin: 0 0 15px; display: block; font-weight: 500;}
.compare-features-listing li .ft-content h3{color: #000; font-size: 4em; line-height: 1; margin: 0 0 25px; display: block; font-weight: 500;}
.compare-features-listing li .ft-content p{margin: 0; color: #000; font-size: 1.3em; line-height: 1.5;}
.compare-features-listing li.dark-block .ft-content h3{color: #fff;}
.compare-features-listing li.dark-block .ft-content p{color: #fff;}
.compare-table-block{width: 100%; background: #fff; padding: 100px 0;}
.compare-header{text-align: center; width: 100%; margin: 0 auto 75px; max-width: 70%;}
.compare-header h3{margin: 0 0 25px; font-size: 4em; font-weight: 500; color: #000; line-height: 1;}
.compare-header p{font-size: 1.5em; line-height: 1.5; color: #000; margin: 0;}
.compare-table{display: flex; width: 100%; flex-direction: column; margin: 0; padding: 0;}
.compare-table > li{list-style: none; width: 100%; background-color: #fff; border-radius: 10px;}
.compare-table > li:nth-child(2n){background-color: rgba(14,14,14,0.04);}
.compare-table li ul.row{display: flex; width: 100%; margin: 0; padding: 0;}
.compare-table li ul.row li{list-style: none; width: 25%; min-height: 105px; display: inline-flex; align-items: center; text-align: center; justify-content: center; padding: 25px 35px; color: #545454; font-size: 1.1em;}
.compare-table li ul.row li.col-1{font-weight: 500; color: #000; justify-content: flex-start; text-align: left;}
.compare-table li ul.row li.col-2{background-color: #00FFC2; color: #000;}
.compare-table li:nth-child(2n) ul.row li.col-2{background-color: #01F5BB;}
.compare-table li:nth-child(2) ul.row li.col-2{border-radius: 10px 10px 0 0;}
.compare-table li:last-child ul.row li.col-2{border-radius: 0 0 10px 10px;}
.compare-table li:first-child ul.row li{border-radius: 10px; margin: 0 0 5px;}
.compare-table li:first-child ul.row li.col-2{background-color: #000; color: #fff; font-weight: 600; font-size: 1.3em; margin: 0 2px 5px;}
.compare-table li:first-child ul.row li.col-3, .compare-table li:first-child ul.row li.col-4{background-color: #E1E1E1; color: #000; margin: 0 2px 5px;}
.col-2-gallery{display: flex; justify-content: space-between; margin: 0 0 100px;}
.col-2-gallery > div{width: 49%;}
.action-block{width: 100%; display: flex; box-shadow: 0 4px 30px 0 rgba(0,0,0,0.1); padding: 50px 65px; justify-content: space-between; align-items: center; border-radius: 10px;}
.action-block .action-text{width: 45%;}
.action-block h4{font-weight: 500; color: #000; font-size: 3em; line-height: 1.1; margin: 0 0 30px;}
.action-block p{margin: 0 0 30px; font-size: 1.2em; line-height: 1.5;}
.ui-block.ui-dark-block .title-section-marquee-box{margin-bottom: 100px;}
.ui-block.ui-dark-block .title-section-marquee-box h2{color: #fff;}
.ui-block.ui-dark-block .title-section-marquee-box h2:after{background-image: url(assets/images/scroll-graphic-white.svg);}
.full-img{width: 100%; display: flex; margin: 50px 0 100px;}
.action-block.dark{background: #161616;}
.action-block.dark h4{color: #fff;}
.action-block.dark p{color: #fff;}
.no-flex{display: inline-block;}
.ux-design-block{width: 100%; display: flex; background-repeat: no-repeat; background-position: center top; background-size: cover; padding: 100px 0;}
.ux-design-block .block-text{text-align: center; width: 100%; margin: 0 0 50px;}
.ux-design-block .block-text.flex-block{display: flex; justify-content: space-between;}
.ux-design-block .block-text.flex-block h3{width: 40%; text-align: left;}
.ux-design-block .block-text.flex-block .block-content{width: 50%; text-align: left;}
.ux-design-block h3{font-size: 4em; color: #fff; line-height: 1; margin: 0 0 30px; font-weight: 500;}
.ux-design-block p{margin: 0 0 50px; font-size: 1.3em; color: #fff; line-height: 1.5;}
.ui-case-study-single{width: 100%; display: flex; flex-direction: column; margin: 100px 0 0;}
.ui-case-study-single h4{margin: 0; font-size: 3.5em;  font-weight: 500; color: #fff; line-height: 1; margin: 0 0 20px;}
.ui-case-study-single ul.tags{margin: 0; padding: 0;  display: flex;}
.ui-case-study-single ul.tags li{list-style: none; color: #D4D4D4;  font-size: 1.5em; line-height: 1;  margin-right: 15px;}
.ui-case-study-single .ui-case-study-slider{width: 100%; margin: 75px 0 50px 65px;}
.ui-case-study-single .ui-case-study-slider .ui-case-ft-img{ width: 800px; height: 580px; margin: 0 25px; display: inline-flex; background-repeat: no-repeat; background-position: center center; background-size: cover;}
.tech-process-graphic{text-align: center;}
.react-cta-bg{background-position: right center !important; background-size: contain !important; background-color: rgb(38,42,41);}
.essential-block{background-repeat: no-repeat; background-position: center 0; background-size: cover; width: 100%; padding: 150px 0;}
.essential-block h3{font-weight: 500;  color: #fff;  font-size: 3.6em;  margin: 0 0 1.6em;  line-height: 1.2;  letter-spacing: -1px;}
.essential-block .essential-ft-img{width: 100%; margin: 0 0 50px;}
.career-content-box{display: flex; width: 100%;}
.career-content-box .title-block{width: 20%; padding-right: 20px;}
.career-content-box .title-block h4{margin: 10px 0 20px;  font-size: 1.1em;  color: #000;  font-weight: 500;  line-height: 1.3;}
.career-content-box .career-content-block{width: 75%;}
.career-content-box-1{display: flex; align-items: flex-end;}
.career-content-box-1 .ui-block-content-box{padding-left: 10%;}
.career-gallery{width: 100%;}
.career-gallery-slider .slick-slide{padding: 0 10px;}
.career-gallery-slider-1 .slick-slide{padding: 0 10px;}
.career-gallery-slider .slick-slide:nth-child(2n+1){margin-top: 20px;}
.inner-wrapper{max-width: 940px; width: 100%; margin: 0 auto;}
ul.career-services > li h4{font-size: 3.8em;}
ul.career-services > li .career-meta{color: #878787; font-size: 16px; line-height: 1;}
ul.career-services > li .career-meta span{color: #fff; text-transform: uppercase; margin: 0 20px 0 10px;}
.intro-block{width: 100%; display: flex; padding: 0; background: #fff; position: relative;}
.intro-block .wrapper{display: flex; justify-content: space-between;}
.intro-block .block-text{width: 45%; padding: 80px 0 80px 0;}
.intro-block .block-text h3{color: #000;  font-size: 3.5em;  line-height: 1.2;  font-weight: 500;  margin: 0 0 40px;}
.intro-block .block-text p{color: #000;  font-size: 1.2em; line-height: 1.5; margin: 0;}
.intro-block .block-ft-img {position: absolute; right: -100px; bottom: -50px; width: 55%;}
.intro-block-1 {width: 100%; display: flex; padding: 100px 0 0; background: #000000;}
.intro-block-1 .block-text{width: 100%; text-align: center; padding:0; margin: 0 0 50px;}
.intro-block-1 .block-text h3{color: #fff;  font-size: 3.5em;  line-height: 1.2;  font-weight: 500;  margin: 0 0 40px;}
.intro-block-1 .block-text p{color: #959595;  font-size: 1.2em; line-height: 1.5; margin: 0 auto; max-width: 75%;}
.intro-block-1 .block-ft-img { width: auto; display: flex; justify-content: center;}
.intro-block-1 .block-ft-img img{display: block;}
.page-404-ft-img{width: 100%; display: flex; justify-content: center; margin: 0;}
.page-404-ft-img img{max-width: 50vw; height: auto;}
.page-404-content h1{color: #000; margin: 0 0 20px; font-weight: 600; font-size: 4em; line-height: 1;}
.page-404-content p{color: #000; margin: 0 0 20px; font-weight: 400; font-size: 1.1em; line-height: 1.5;}

.general-page-header { width: 100%; display: flex; padding: 170px 0 50px; }
.general-page-header .general-ft-text h1{margin: 0; color: #000; line-height: 1.2; font-size: 4em; font-weight: 600;}
#load-more-posts-container{text-align: center;}
.blog-cta-block{margin-top: 45px;}
.blog-cta-block .block-text h3{font-size: 3em; margin: 0 0 25px;}

.share-box { position: absolute; right: 0;  bottom: 0;  color: #fff;  display: flex; }
.share-box span {line-height: 32px;}
.share-box ul.social-listing {display: flex; list-style: none; margin: 0; padding: 0;}
.share-box ul.social-listing li {width: 32px; height: 32px; display: inline-block; list-style: none; margin: 0; transition: all ease-in-out 0.3s; opacity: 1;}
.share-box ul.social-listing li:hover{opacity: 0.7;}
.share-box ul.social-listing li a{width: 100%; height: 100%; display: block;}
.share-box ul.social-listing li.share-fb{ background: url(assets/images/fb-icon.svg) center center no-repeat;}
.share-box ul.social-listing li.share-x{ background: url(assets/images/tweet-icon.svg) center center no-repeat;}
.share-box ul.social-listing li.share-lkdn{ background: url(assets/images/linkedin-icon.svg) center center no-repeat;}

.post-permalink { position: absolute; left: 0;  bottom: 0;}
.post-permalink ul{color: #fff;  display: flex; list-style: none; margin: 0; padding: 0;}
.post-permalink ul li{font-size: 1em; line-height: 32px; padding: 0 15px 0 0; margin: 0 10px 0 0; position: relative;}
.post-permalink ul li:after{content: ">"; position: absolute; color: #fff; right: 0; line-height: 32px;}
.post-permalink ul li a{color: #fff; text-decoration: none;}
.post-permalink ul li a:hover{color: #00C99A;}
.post-permalink ul li:last-child:after{display: none;}

#landingPageLayout{width: 100%; display: flex; flex-direction: column; padding: 0; background: #fff;}
#landingPageLayout .wrapper{max-width: 1390px; padding: 0 50px;}
a.green-btn.landing-page-header-btn{font-size: 0.8em; padding: 12px 25px; border: 2px solid #00FFC2; transition: all 0.3s ease-in-out;}
a.green-btn.landing-page-header-btn:hover{ background: none; color: #fff; border: 2px solid #fff; }
.dark-header a.green-btn.landing-page-header-btn:hover{ color: #000; border: 2px solid #00FFC2; }
.landing-banner{width: 100%; padding: 130px 0 100px; text-align: center; position: relative;}
.dark-theme-page .landing-banner:after{content: ""; width: 100%; height: 75px; background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 0%, #000 95%); display: inline-block; position: absolute; bottom: 0; left: 0; z-index: 1;}
.dark-theme-page .landing-banner .wrapper{position: relative; z-index: 99;}
.landing-banner h1{ margin: 0 0 20px; font-size: 58px; line-height: 1.1; font-weight: 600; color: #000;}
.landing-banner h1 span{color: #00E7A6;}
.landing-banner .banner-text{ font-size: 22px; line-height: 1.5; font-weight: 400; color: #000; margin: 0 0 30px;}
.landing-banner .video-container{max-width: 1040px; margin: 0 auto 50px; width: 100%; position: relative;}
.landing-banner .video-container .video-wrapper{border: 10px solid rgba(255,255,255,0.1); border-radius: 20px; overflow: hidden;}
.landing-banner .video-container iframe{width: 100%; display: block; margin:0;}
.landing-banner .video-container #playButton{position: absolute; top: 50%; transform: translate(-50%, -50%); border: none; background: url(assets/images/play-icon.svg) center center no-repeat; width: 148px; height: 101px; display: flex; font-size: 0; text-indent: -9999px; cursor: pointer; left: 50%; transition: all 0.3s ease-in-out; z-index: 99;}
.landing-banner .video-container #playButton:hover{opacity: 0.8;}
.landing-banner .video-container .video-tag{background: url(assets/images/video-arrow.svg) center bottom no-repeat; width: 230px; display: block; margin: 0 auto; font-size: 24px; line-height: 1.2; color: #000; font-family: 'Kalam'; padding-bottom: 60px; right: -80px; top: -120px; position: absolute;}
.landing-banner .banner-actions{display: flex; justify-content: center;  column-gap: 20px;}
.landing-banner .banner-actions a{font-size: 18px; padding: 18px 30px 16px 30px; font-weight: 500; line-height: 1;}
.landing-banner .banner-actions a.green-btn{ border: 2px solid #00FFC2;}
.landing-banner .banner-actions a.green-btn:hover{ background: none;}
.dark-theme-page .landing-banner .banner-actions a.green-btn:hover{ color: #00FFC2;}
.landing-companies{ text-align: center; background: #fff; padding-bottom: 0;}
.landing-company-logos{display: flex;  justify-content: center; column-gap: 50px;  align-items: center;}
.landing-company-logos .company-logo {  height: 30px;  margin: 0;}
.landing-company-logos .company-logo img {  max-height: 100%;  width: auto;  -webkit-filter: grayscale(100%);  filter: grayscale(100%);  transition: all 0.3s ease-in-out; }
.landing-company-logos .company-logo img:hover {  -webkit-filter: grayscale(0%);  filter: grayscale(0%);}

#landing-testimonial-slider{width: 100%; padding: 100px 0 50px; text-align: center; background: url(assets/images/landing-bg.svg) center bottom no-repeat;}
#landing-testimonial-slider h3{margin: 0 0 50px; font-size: 58px; line-height: 1.1; font-weight: 600; color: #000;}
.landing-testi-slider .slide{width: 400px; padding: 50px 40px; background: rgba(255,255,255,0.95); border-radius: 15px; box-shadow: 0 20px 20px -10px rgba(95,109,137,.1),0 5px 20px -5px rgba(95,109,137,.1); border: 1px solid #E3E9EF; text-align: center; margin: 5px 0 30px;}
.landing-testi-slider .slide .metrics{color: #00C697; font-size: 50px; line-height: 1; margin: 0 0 20px; display: inline-block; font-family: 'Kalam';}
.landing-testi-slider .slide h5{font-size: 24px; font-weight: 500; line-height: 1; margin: 0 0 10px;}
.landing-testi-slider .slide p{color: #000; font-size: 17px; line-height: 1.5; margin: 0 0 20px; min-height: 180px;}
.landing-testi-slider .slide .auth_pic{border-radius: 50%; overflow: hidden; width: 77px; height: 77px; display: block; margin: 0 auto 10px;}
.landing-testi-slider .slide .auth_name{font-size: 20px; font-weight: 500; color: #000; line-height: 1; display: block; margin: 0 0 5px;}
.landing-testi-slider .slide .auth_company{font-size: 16px; line-height: 1; color: #000;}


.landing-cta{width: 100%; padding: 50px 0 100px; text-align: center;}
.light-theme-page .landing-cta{ background: #f9f9f9;}
.landing-cta-box{width: 100%; max-width: 1260px; margin: 0 auto; background: url(assets/images/cta-bg.png) center top no-repeat; background-size: cover; border-radius: 20px; text-align: center; padding: 80px 30px 75px 30px;}
.landing-cta-box h3{margin: 0 0 40px; font-size: 48px; line-height: 1.1; font-weight: 500; color: #fff;}
.landing-cta-box .cta-action-btns{display: flex; justify-content: center; column-gap: 20px;}
.landing-cta-box .cta-action-btns a{font-size: 18px; padding: 18px 30px 16px; font-weight: 500; line-height: 1;}
.landing-cta-box .cta-action-btns a.green-btn{ border: 2px solid #00FFC2;  color: #000;}
.landing-cta-box .cta-action-btns a.green-btn:hover{background: none; color: #fff;}
.landing-cta-box .cta-action-btns a.black-btn{ background: none; border: 2px solid #fff; color: #fff;} 
.landing-cta-box .cta-action-btns a.black-btn:hover{background-color: #fff; color: #000;}

.landing_about_us{width: 100%; display: flex; flex-direction: column; padding-bottom: 50px;}
.light-theme-page .landing_about_us {background: #f9f9f9;}
.landing_about_us .about_us_heading{max-width: 800px; margin: 0 auto 75px; text-align: center;}
.landing_about_us .about_us_heading h3{margin: 0 0 30px; font-size: 48px; line-height: 1.1; font-weight: 500; color: #000;}
.landing_about_us .about_us_heading p{font-size: 18px; line-height: 1.5; color: #000; margin: 0;}
.landing_about_us .feature-wrapper{padding: 0;}
.landing_about_us .feature-list > div{border-radius: 15px; box-shadow: 0 20px 20px -10px rgba(95,109,137,.1),0 5px 20px -5px rgba(95,109,137,.1); border: 1px solid #E3E9EF; margin-bottom: 30px;}
.landing_about_us .feature-list > div h4{font-size: 1.6em;}
.landing_about_us .feature-list > div .icon{ margin-bottom: 35px;}
.landing_about_us .feature-list > div{padding: 65px 35px;}

.landing_contact{width: 100%; display: flex; flex-direction: column; padding: 75px 0;}
.light-theme-page .landing_contact {background: #fff;}
.landing_contact .wrapper{ display: flex; justify-content: space-between; column-gap: 50px;}
.landing_contact .left-block{width: 100%; max-width: 600px; padding: 0;}
.landing_contact .left-block h3{margin: 0 0 30px; font-size: 48px; line-height: 1.1; font-weight: 500; color: #000;}
.landing_contact .left-block p{font-size: 20px; line-height: 1.5; color: #000; margin: 0 0 30px;}
.landing_contact .left-block a.green-btn{border:1px solid #00FFC2;}
.landing_contact .left-block a.green-btn:hover{background: none; border:1px solid #000; color: #000;}
.landing_contact .right-block{width: 100%; max-width: 575px; margin: 0; padding: 0;}
.landing_contact .right-block.contact-form form > div label{font-size: 1em;}
.landing_contact .right-block.contact-form form > div input[type="text"], .landing_contact .right-block.contact-form form div input[type="email"], .landing_contact .right-block.contact-form form div input[type="url"]{height: 50px; border: 1px solid #B7B7B7;}
.landing_contact .right-block.contact-form form div textarea{height: 100px; border: 1px solid #B7B7B7;}
.landing_contact .right-block.contact-form form > div .submit-btn{background: #000; color: #fff; transition: all 0.3s ease-in-out; overflow: visible; width: 100%; margin: 0;}
.landing_contact .right-block.contact-form form > div .submit-btn:hover{background: #00FFC2; color: #000;}
.landing_contact .right-block.contact-form form > div .submit-btn p {height: 100%; width: 100%;}
.landing_contact .right-block.contact-form form > div input[type="submit"]{color: #fff; height: 100%; cursor: pointer; width: 100%;}
.landing_contact .right-block.contact-form form > div .submit-btn:after {display: none;}
.landing_contact .right-block.contact-form form > div input[type="submit"]:hover{color: #000;}

/* dark version landing page */

#landingPageLayout.dark-theme-page{background: url(https://www.mydevteam.com/wp-content/uploads/2024/02/banner-bg.webp) center 0 no-repeat #000; background-size: 100% auto;}
.dark-theme-page .landing-banner h1, .dark-theme-page .landing-banner .banner-text, .dark-theme-page .landing-banner .video-container .video-tag, .dark-theme-page #landing-testimonial-slider h3, .dark-theme-page .landing_about_us .about_us_heading h3, .dark-theme-page .landing_about_us .about_us_heading p, .dark-theme-page .trusted-companies h4{color: #fff;}
.dark-theme-page .landing-companies{background: #000;}
.dark-theme-page .landing-company-logos .company-logo img{filter: brightness(0) invert(1); -webkit-filter: brightness(0) invert(1);}
.dark-theme-page .landing-company-logos .company-logo img:hover{filter: brightness(100%) invert(1); -webkit-filter: brightness(100%) invert(1);}
.dark-theme-page .landing-banner .video-container .video-tag{display: none;}
.dark-theme-page a.black-btn{background-color: #fff; color: #000; border: 2px solid #000;}
.dark-theme-page a.black-btn:hover{background-color: #000; color: #fff; border: 2px solid #fff;}
.dark-theme-page #landing-testimonial-slider{background: url(assets/images/testimonials-bg-dark.png) center 0% no-repeat #000; background-size: 100% 100%; position: relative; z-index: 99;}
.dark-theme-page #landing-testimonial-slider:before{content: ""; width: 100%; height: 75px; background: linear-gradient(0deg, rgba(0, 0, 0, 0.00) 5%, #000 100%); display: inline-block; position: absolute; top: 0; left: 0; z-index: 1;}
.dark-theme-page #landing-testimonial-slider .wrapper{position: relative; z-index: 999;}
.dark-theme-page .landing-testi-slider .slide{background: rgba(32,32,32,0.95); color: #fff; border: none;}
.dark-theme-page .landing-testi-slider .slide h5, .dark-theme-page .landing-testi-slider .slide p, .dark-theme-page .landing-testi-slider .slide span.auth_name, .dark-theme-page .landing-testi-slider .slide span.auth_company{color: #fff;}

.dark-theme-page .landing-cta, .dark-theme-page .landing_about_us{background: #000;}

.dark-theme-page .feature-list > div{background: rgba(32,32,32,0.95); color: #fff; border: none;}
.dark-theme-page .feature-list > div h4, .dark-theme-page .feature-list > div p{color: #fff;}

.dark-theme-page .landing_contact{background: #000;}
.dark-theme-page .landing_contact .left-block h3, .dark-theme-page .landing_contact .left-block p{color: #fff;}
.dark-theme-page .landing_contact .left-block a.green-btn:hover{background: none; border:1px solid #fff; color: #fff;}
.dark-theme-page .contact-form form > div label{color: #fff;}
.dark-theme-page .contact-form form > div input[type="text"], .dark-theme-page .contact-form form div input[type="email"], .dark-theme-page .contact-form form div input[type="url"], .dark-theme-page .contact-form form div textarea{border: 1px solid #fff; background: #000; color: #fff;}
.dark-theme-page .landing_contact .right-block.contact-form form > div .submit-btn{background: #fff;}
.dark-theme-page .landing_contact .right-block.contact-form form > div input[type="submit"]{color: #000;}
.dark-theme-page .landing_contact .right-block.contact-form form > div .submit-btn:hover{background: #00FFC2;}

.landing-testi-slider .slick-arrow{
  background: url(assets/images/slide-arrow.svg) center center no-repeat;
  background-size: contain; border: none; font-size: 0;
  width: 12px;
  height: 19px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 99;
  cursor: pointer;
  transition: all 0.3s ease-in-out;
}
.landing-testi-slider .slick-arrow.slick-prev{left: -15px; transform: rotate(180deg);}
.landing-testi-slider .slick-arrow.slick-next{right: -15px;}
.dark-theme-page .landing-testi-slider .slick-arrow{background-image: url(assets/images/slide-arrow-white.svg);}

@media(max-width:1600px) {
  .banner-ft-img .shadow-ft-img{right: 0;}
  .banner-ft-img .main-ft-img{right: 5%; top: 14%;}
  .banner h1, .about-banner h1 {font-size: 4.8em;}
  .trusted-companies{padding: 30px 0 75px;}
  .contact-banner .wrapper{padding: 0 120px;}
  .wealth-exp-block .block-text{width: 45%;}
  .wealth-exp-block .block-ft-img{width: 45%;}
  .banner.service-banner .banner-ft-img-service{right: -60px;}
  .mob-app-cta-block .block-ft-img{max-width: 50%;}
  .heading-wrap .title h2{font-size: 3.8em; letter-spacing: -1px;}
  .banner.staff-banner{background-size: 80% auto; background-position: right center;}
  .post-permalink{margin-left: 20px;}
  .share-box{margin-right: 20px;}
  .single-post-info{margin-bottom: 50px;}
  .landing-companies{padding-bottom: 0;}
}
@media(max-width:1300px){
  .wrapper{padding: 0 50px;}
  .banner.contact-banner .banner-ft-img{width: 45%; top: 11%; right: -12%;}
  .consultation-block h2, .faq-block h3{font-size: 3.2em;}
  .contact-form form div.form-footer{flex-wrap: wrap; flex-direction: column-reverse;}
  .file-upload-container{width: auto; margin-bottom: 20px;}
  .consultation-block .content-block{width: 70%;}
  ul.faq-list li .action-btn{top: 60px;}
  .general-banner .general-ft-text h1{font-size: 3.5em;}
  .service-listing li.service:first-child .service-content{width: 65%;}
  .ui-case-study-single .ui-case-study-slider{margin: 50px 0 0px 25px;}
  .ui-case-study-single .ui-case-study-slider .ui-case-ft-img{width: 525px;height: 430px;}
  .ui-banner .ui-banner-text h1{font-size: 4em;}
  .ui-banner .ui-banner-text .ui-banner-content p{font-size: 24px;}
  .ui-banner{padding: 150px 0 0;}
  .action-block h4{font-size: 2.6em;}
  .ui-block h3{font-size: 3.2em;}
  .banner-ft-img-staff .ft-img-1{left: 0;}
  .banner-ft-img-staff .ft-img-2{right: 10%; top: 35%;}
  .banner-ft-img-staff .ft-img-3{left: 20%; top: 20%;}
  .landing-testi-slider .slide{width: auto; margin: 5px 10px 20px; padding: 40px 25px;}
}
@media(max-width:1250px) {
  .main-navigation li{margin: 0 1.5em;}
  .banner-ft-img .main-ft-img{right: 5%; top: 20%; max-width: 450px;}
  .banner-ft-img .shadow-ft-img{top: 20%; right: 0%; max-width: 490px;}
  .section-2 h2{font-size: 3.6em;}
  ul.dev-process li p br{display: none;}
  .section-3 .inner-box h2, .section-5 .inner-box h3, .section-8 .inner-box h3{font-size: 3.2em;}
  .section-8 .inner-box h3 br{display: none;}
  .case-study-block .ft-img{height: 550px;}
  .heading-wrap .title h2{font-size: 3.2em;}
  .heading-wrap .content{width: 32%;}
  .section-9 h3{font-size: 4em; letter-spacing: -1px;}
  .foot-widget-2{padding-left: 5%;}
  .section-3 .title-section{margin-top: 8em;}
  ul.dev-services > li h4{font-size: 4em;}
  .site-footer{padding-bottom: 60px;}
  .title-section-marquee-box h2{font-size: 5em;}
  .banner h1, .about-banner h1{font-size: 4.2em; letter-spacing: -1px;}
  #scrollDown{display: none;}
  .section-2 h3 br, .section-2 h2 br, .section-5 .inner-box h3 br{display: none;}
  .menu-1{width: 30%;}
  .menu-1 ul li{font-size: 3em;}
  .menu-2, .menu-4{padding-left: 40px;}
  .menu-3{padding-left: 40px; width: 30%;}
  .banner.industry-banner h1{font-size: 3.8em; margin: 0 0 20px;}
  .banner.industry-banner .banner-text{max-width: 480px;}
  .service .service-content h3{font-size: 2.2em;}
  .development-services-block{padding: 60px 0px 50px;}
  .help-clients{padding: 100px 0;}
  .help-clients h2{font-size: 2.8em; margin: 0 0 30px;}
  .help-clients .help-listing li a{font-size: 1.4em;}
  .help-clients .help-ft-block{min-height: 450px; padding: 60px 40px 40px;}
  .help-clients .help-ft-block p{font-size: 1.5em;}
  .service-banner-ft-img{height: 670px;}
  .our-services h2{font-size: 3.2em;}
  ul.our-service-listing li h4{font-size: 1em;}
  /* .testi-slider .slide{width: auto;} */
  .banner.tech-banner .general-ft-img{width: 60%;}
  .banner.single-case-banner h1, .next-slide .next-slide-banner-content h2{font-size: 6em;}
  .single-case-banner .case-tagline{font-size: 2em;}
  .case-2-block .right-case-block h2{font-size: 2.8em; margin: 0 0 30px;}
  .case-2-block .left-case-block{width: 250px;}
  .case-2-block .right-case-block{width: calc(100% - 250px);}
  .banner.web-dev-banner .general-ft-text{width: 60%;}
  .compare-features-listing li .ft-content h3, .compare-header h3{font-size: 3em;}
  .compare-header{max-width: 90%;}
  .compare-header p{font-size: 1.2em;}
  .compare-features-listing li .ft-content .serial-no{font-size: 1.5em;}
  .compare-banner{background-size: 100% auto !important;}
  .compare-features-listing li .ft-content p{font-size: 1.1em;}
  .ui-banner .ui-banner-text h1{font-size: 4em;}
  .ui-banner .ui-banner-text .ui-banner-content p{font-size: 22px; line-height: 32px;}
  .ui-block h3{font-size: 3em;}
  .ui-block .ui-block-content-box p{font-size: 1.2em;}
  .left-no-padding > div {    width: 33%;    padding: 20px 40px 0 0;    margin: 0 0 20px;}
  .action-block h4{font-size: 2.4em;}
  .action-block .action-text{width: 70%;}
  .ui-case-study-single h4{font-size: 2.8em;}
  .ui-case-study-single ul.tags li{font-size: 1.2em;}
  .col-3-list > div h4{font-size: 1.6em;}
  .ux-design-block h3{font-size: 3em;}
  .essential-block{padding: 100px 0;}
  .essential-block h3{font-size: 3em;}
  .intro-block-1 .block-ft-img{width: 75%; margin: 0 auto;}
  .blog-banner h1{font-size: 4em; line-height: 1.2;}
  .blog-cta-block .block-text h3{font-size: 2.5em;}
  .blog-cta-block{padding: 65px 0 50px;}
  .blog-section{padding-bottom: 0;}
  ul.post-listing:not(#blog-post-listing) > li:first-child h3.post-title{font-size: 2em;}
  ul.post-listing > li .post-image{height: 320px; margin-bottom: 30px;}
  ul.post-listing > li h3.post-title{font-size: 1.3em;}
  ul.post-listing > li .post-description{font-size: 1em;}
  ul.post-listing > li ul.post-category-listing li{font-weight: 400;}
  .landing-banner .video-container .video-tag{display: none;}
  .landing-banner .video-container .video-wrapper{border: none; border-radius: 0;}
  .landing-banner{padding: 130px 0 75px;}
  .landing-cta-box{border-radius: 0;}
  .landing-banner .video-container .video-wrapper{position: relative;
    width: 100%; /* Make the container responsive */
    padding-bottom: 56.25%; /* Aspect ratio of 16:9 (height / width * 100 = 9 / 16 * 100 = 56.25%) */
    height: 0;
    overflow: hidden;}
  .landing-banner .video-container .video-wrapper iframe{position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
}

@media(max-width:1150px) {
  .heading-wrap .title h2{font-size: 3.6em;}
  .heading-wrap .content{width: 40%;}
  .menu-tagline{display: none;}
  .page-menu-footer{justify-content: center;}
  .company-logos .company-logo{ height: 35px;}
  #testimonial-slider{padding-top: 50px;}
  .feature-wrapper{padding-bottom: 50px;}
  #testimonial-slider h3{font-size: 3.2em;}
  ul.faq-list li{padding: 35px 55px 35px 15px;}
  ul.faq-list li .action-btn{top: 50px;}
  .banner.contact-banner .banner-text p br{display: none;}
  .contact-banner .wrapper{padding: 0 80px;}
  .wealth-exp-block .block-text h3{font-size: 3em; margin: 0 0 20px;}
  .col-3-list > div h4{font-size: 1.6em;}
  .col-3-list > div p{font-size: 1em;}
  .major-industries h2{font-size: 3.5em; margin: 0 0 80px;}
  .banner-ft-img-service{width: calc(1634px/2.2);}
  .banner.service-banner{height: 700px;}
  .banner.service-banner .ft-text{top: 170px;}
  .general-banner .general-ft-text h1, .general-banner.mob-app-banner .general-ft-text h1{font-size: 3em; margin-bottom: 20px;}
  .general-banner .general-ft-text p{margin-bottom: 20px;}
  .general-banner .general-ft-text{width: 50%;}
  .general-banner .general-ft-img{width: 50%;}
  .section-3 .inner-box h2, .section-5 .inner-box h3, .section-8 .inner-box h3{font-size: 3em;}
  .col-4-tech{flex-wrap: wrap;}
  .col-4-tech > div{width: 49%;}
  .col-4-tech .tech-col p{min-height: 100px;}
  .open-source-block .block-text h3, .call-to-action-block h3{font-size: 2.8em; margin:0 0 20px;}
  .open-source-block .block-text{width: 65%; padding-right: 5%;}
  ul.inner-service-list li h4{padding: 0 30px 0 15px; font-size: 1.3em;}
  .section-5{padding-bottom: 80px;}
  ul.inner-service-list li{padding: 30px 30px 25px 25px;}
  .mob-app-cta-block{padding: 100px 0 80px;}
  ul.tools-list li{width: 18.45%; padding: 25px 20px 20px 25px;}
  .col-2-list > div{padding: 20px 25px;}
  .about-banner .banner-text{max-width: 100%;}
  .service-listing li.service:first-child .service-content h3{font-size: 2.5em;}
  .service .service-content h3{font-size: 1.8em;}
  .service .service-ft-img{height: 55px;}
  .intro-block .block-text h3, .intro-block-1 .block-text h3{font-size: 2.5em;}
  .intro-block .block-text p, .intro-block-1 .block-text p{font-size: 1em;}
  .compare-features-listing li{min-height: 500px;}
  .general-page-header .general-ft-text h1{font-size: 3.2em;}
  ul.post-listing > li .post-image{height: 250px;}
  ul.post-listing:not(.related-posts):not(#blog-post-listing) > li:first-child .post-image{height: 375px;}
}

@media(max-width:1000px) {
  .main-navigation{display: none !important;}
  .ft-text{top: 0; transform: translateY(0); margin-top: 150px;}
  .banner{max-height: inherit; height: auto;}
  .banner-ft-img{position: relative; height: auto; text-align: center; margin-top: -150px;}
  .banner-ft-img .main-ft-img{position: relative; display: inline-block; top: 35px; right: 0;}
  .banner-ft-img .shadow-ft-img{top: 0; right: 14%;}
  .industry-banner .ft-text{margin-bottom: 100px;}
  ul.dev-process li{width: 50%;}
  ul.dev-process li h4{min-height: 58px;}
  .section-3 .inner-box h2, .section-5 .inner-box h3, .section-8 .inner-box h3{font-size: 2.8em;}
  .case-study-block .ft-img{height: 450px;}
  .section-4{padding: 100px 0 50px;}
  .section-5-content-box .content-block{width: 80%;}
  ul.dev-services > li h4{font-size: 3.5em;}
  .section-5{padding-bottom: 60px;}
  .heading-wrap{padding-left: 0;}
  .technology-list{justify-content: center;}
  .technology-list li{width: 23%; margin: 1%;}
  .section-2{padding-bottom: 50px;}
  .title-section-marquee-box h2{padding-left: 25px;}
  .title-section-marquee-box h2:after{width: 55px; height: 55px; background-size: contain; margin-left: 25px;}
  .section-9 h3{font-size: 3.5em;}
  ul.dev-services > li{padding-right: 0;}
  .methodology-list li{padding: 40px 30px 40px 40px;}
  .methodology-list li span{margin: 0 0 20px;}
  .foot-widget-3{flex-wrap: wrap; text-align: center; flex-direction: column-reverse;    align-items: center;}
  .foot-menu-5{margin-bottom: 30px;}
  .foot-widget-3 p{margin-bottom: 10px;}
  .site-footer{padding-bottom: 30px; padding-top: 75px;}
  .foot-widget-1 {    max-width: 100%;    width: 100%;    align-items: center; margin-bottom: 60px;}
  .foot-widget-1 .header-logo{margin-bottom: 40px;}
  .foot-widget-2{width: 100%; max-width: 100%; padding: 0;}
  .foot-menu-1{margin-bottom: 70px;}
  ul.tech-stack li:first-child:before{display: inline-block;}
  ul.tech-stack li{padding-left: 0; width: 32%;}
  .section-9{background-attachment: scroll;}

  .page-menu-main{height: auto; overflow-y: visible;}
  .page-menu-footer{padding: 30px 0;}
  .menu-1{width: 25%;}
  .menu-1 ul li{font-size: 2em;}
  .menu-2, .menu-4{padding-left: 20px;}
  .menu-3{padding-left: 20px; width: 35%;}
  .feature-list{flex-wrap: wrap;}
  .feature-list > div {    width: 100%;    padding: 35px 25px;    margin: 0 0 20px; }
  .feature-list > div h4 br{display: none}
  .testi-slider .slide{ max-width: 100%; padding: 25px 25px 30px 25px; margin: 0 15px;}
  .banner.contact-banner .banner-ft-img{position: absolute;}
  .banner.contact-banner .ft-text{width: 100%;}
  .banner.contact-banner .banner-ft-img {display: none;}
  .consultation-block h2, .faq-block h3{font-size: 2.8em;}
  .banner.contact-banner h1{font-size: 3.5em;}
  .work-banner .ft-text{  padding-bottom: 100px; top: 50px; margin-top: 100px;}
  .banner.work-banner {  height: auto;    min-height: auto;}
  .banner.work-banner h1 {    font-size: 3.5em;    letter-spacing: 0;}
  .contact-form{margin-top: 20px; padding-bottom: 30px;}
  .consultation-block .content-block, ul.faq-list{width: 100%;}
  .consultation-block, .faq-block{padding: 50px 0;}
  .col-3-list > div{width: 46%; margin: 0 2% 30px; padding: 35px 25px 50px;}
  .banner.industry-banner h1{font-size: 3.2em;}
  .industry-banner .ft-text{margin-bottom: 0;}
  .industry-ft-img {    width: 100%;    position: static;    margin: 0 0 50px;    text-align: right;    padding-left: 20%;}
  .major-industries h2 {    font-size: 2.8em;    margin: 0 0 50px;}
  .banner.service-banner .ft-text{top: 0; margin-top: 0;}
  .banner.service-banner h1 {    font-size: 3.8em;    margin: 0 0 20px;}
  .banner.service-banner{height: auto;}
  .banner.service-banner .banner-ft-img-service{right: -50px; bottom: -100px; width: 60%;}
  
  .help-clients h2{font-size: 2.2em;}
  .help-clients .help-listing li a{padding: 25px 40px 25px 80px; font-size: 1.2em;}
  .help-clients .help-listing li a span{left: 20px;}
  .help-clients .help-listing li.active{background-position: right 20px center;}
  .help-clients .help-ft-block{min-height: inherit; padding: 35px 25px;}
  .help-clients .help-ft-block p{font-size: 1.2em;}
  .help-clients .help-ft-block .btn-cta-1{position: relative; left: 0; bottom: 0;}
  .help-clients .help-ft-block img{margin-bottom: 20px; max-width: 70%;}
  .service-banner-ft-img{height: 500px;}
  .our-services h2 {    font-size: 2.6em;    letter-spacing: 0;}
  ul.our-service-listing li{padding: 20px;}
  .general-banner .general-ft-text{width: 100%; margin: 150px 0 20px;}
  .banner.tech-banner .general-ft-img{position: static; width: 50%;}
  .general-banner .general-ft-img { width: 50%;    margin: 0 auto;}
  .tech-list-box{padding: 50px 0;}
  .open-source-block .block-text{width: 80%; padding-right: 0;}
  .general-banner .wrapper{flex-wrap: wrap;}
  .general-banner .general-ft-text p{font-size: 20px;}
  .heading-wrap .title h2{font-size: 2.8em;}
  .tabs-header .tab{font-size: 1em;}
  .mob-app-banner.general-banner .general-ft-text{width: 50%;}
  
  .mob-app-banner.general-banner .tech-banner-ft-img{right: 0; width: 50%;}
  .mob-app-banner .tech-banner-ft-img > div.tech-shadow-ft-img-1{top: -35px;}
  .mob-app-banner .tech-banner-ft-img > div.tech-main-ft-img{top: -70px;}
  .section-8 .inner-box{margin-top: 60px;}
  .section-8 .inner-box h3{margin-bottom: 1em;}
  .section-8 .inner-box{padding-left: 0; padding-right: 0;}
  .spacer-80{height: 50px;}
  .section-5 .inner-box{margin-top: 50px;}
  .mob-app-cta-block .block-ft-img{position: static;}
  .open-source-block .block-text h3 br, .open-source-block .block-text br, .section-8 .inner-box h3 br, .general-banner .general-ft-text p br, .heading-wrap .title h2 br, .call-to-action-block h3 br{display: none;}
  ul.tools-list li{width: 23.48%;}
  .about-banner .banner-text p{font-size: 1.5em;}
  .case-2-block .right-case-block h2{font-size: 2.5em;}
  .single-case-banner .blog-ft-text{transform: translateY(0%);}
  .case-2-block .left-case-block{width: 200px;}
  .case-2-block .right-case-block{width: calc(100% - 200px);}
  .next-slide .next-slide-banner-content h2{font-size: 5em;}
  .next-slide .next-slide-banner-content p{font-size: 1.5em;}
  .next-slide .next-slide-banner-content p br{display: none;}
  .banner.web-dev-banner .general-ft-text{margin-top: 0; width: 100%;}
  .compare-table li ul.row li{font-size: 1em; padding: 10px 20px; min-height: inherit;}
  .compare-features-listing li .ft-content h3, .compare-header h3{font-size: 2.5em;}
  .banner.compare-banner .banner-ft-img-service{ width: 50%;  bottom: inherit;  right: 0px;}
  .banner.compare-banner h1{font-size: 3em;}
  .banner.compare-banner .banner-text p{font-size: 18px;}
  .ui-banner .ui-banner-text h1{font-size: 3em;}
  .ui-banner .ui-banner-text .ui-banner-content p{font-size: 20px; line-height: 28px;}
  .ui-banner{height: 750px;}
  .col-3-list{justify-content: flex-start;}
  .left-no-padding > div{    width: 50%;    margin: 0 0 30px;    padding: 35px 25px 0 0;}
  .action-block{padding: 40px;}
  .ui-block h3{font-size: 2.6em;}
  .ui-block .ui-block-content-box p br{display: none;}
  .ux-design-block .block-text.flex-block h3{width: 50%;}
  .ui-case-study-single .ui-case-study-slider .ui-case-ft-img { width: calc(100% - 50px); height: 320px; }
  .select-all-service a{width: 20vw; height: 20vw;}
  .cta-item-wrap{font-size: 2vw;}
  .select-all-service{height: 150px;}
  .banner-ft-img-staff{display: none;}
  .call-to-action-1 .call-to-action-block h3 br{display: none;}
  .col-2-page-layout .main-col{max-width: calc(100% - 250px);}
  .blog-banner h1{font-size: 3.2em;}
  .blog-cta-block .block-text h3{font-size: 2em !important;}
  .blog-cta-block .block-text{width: 70%;}
  #featured-blog > li h3.post-title{font-size: 2.2em;}

  .landing-banner h1{font-size: 48px;}
  #landing-testimonial-slider h3, .landing-cta-box h3, .landing_about_us .about_us_heading h3, .landing_contact .left-block h3{font-size: 42px;}
  #landing-testimonial-slider{padding: 75px 0;}
  .landing_about_us .feature-list > div .icon{margin: 0 0 25px;}
  .landing_about_us{padding-bottom: 75px;}
  .landing_contact .wrapper{flex-direction: column;}
  .landing_contact .left-block{max-width: inherit;}
  .landing_contact .right-block{margin-top: 50px; max-width: inherit;}
}

@media(max-width:800px){
  .banner-ft-img{margin-top: -50px; padding-left: 50px; padding-right: 50px;}
  .banner-ft-img .shadow-ft-img{right: 5%;}
  .section-3 .inner-box{padding-left: 0; padding-right: 0;}
  .section-3-meta-links p{font-size: 1.1em;}
  .case-studies-wrap{flex-wrap: wrap; margin: 0;}
  .case-studies-wrap .case-study-block{width: 100%; margin: 0 0 50px;}
  .case-study-block .ft-img{margin: 0 0 30px;}
  .section-5 .inner-box, .section-8 .inner-box{padding-left: 0; padding-right: 0;}
  ul.dev-services > li h4 {  font-size: 3em;    letter-spacing: -2px;}
  ul.idea-listing{flex-wrap: wrap;}
  ul.idea-listing li{margin-bottom: 100px;}
  ul.dev-services > li{padding: 40px 0px 20px 60px;}
  ul.dev-services > li .service-title span{top: 45px;}
  .heading-wrap{flex-wrap: wrap;}
  .heading-wrap .title{width: 100%;}
  .heading-wrap .content{width: 100%;}
  .technology-list li{width: 31%; height: 100px;}
  .section-7 .wrapper{height: auto; flex-wrap: wrap;}
  .section-7 .left-fix-block{width: 100%; max-width: 100%; position: static; margin-left: 0; margin-bottom: 50px;}
  .section-7 .right-scrol-block{width: 100%;}
  .feature-wrapper{padding-bottom: 0;}
  .section-9{padding: 100px 0;}
  .section-9 h3{font-size: 2.8em; line-height: 1.3;}
  ul.tech-stack li{ width: 49%;}

  #full-page-menu{background: #000; flex-wrap: wrap;}
  #full-page-menu .wrapper{padding-left: 30px; padding-right: 30px; padding-top: 80px; padding-bottom: 0px; height: 100vh; overflow-y: auto; position: relative;}
  .page-menu-main{flex-direction: column; padding: 0; border-top: none;}
  .menu-2, .menu-3, .menu-4, .menu-5, .social-menu{width: 100%;    border-right: none;    background: rgba(255,255,255,0.1);    margin: 0 0 10px 0;    border-radius: 10px;    padding: 15px 25px; }
  .menu-2 p.menu-title{display: block;}
  p.menu-title{font-size: 1.2em;}

  .menu-2 ul, .menu-3 ul, .menu-4 ul, .social-menu ul {display: none; padding-top: 15px; flex-wrap: wrap;}
  .menu-2 p.menu-title, .menu-3 p.menu-title, .menu-4 p.menu-title, .menu-5 p.menu-title, .social-menu p.menu-title{margin: 0; text-transform: capitalize; font-weight: 400; position: relative;}
  .menu-2 p.menu-title:after, .menu-3 p.menu-title:after, .menu-4 p.menu-title:after, .social-menu p.menu-title:after{content: ""; width: 15px; height: 9px; display: inline-block; transition: all 0.3s ease-in-out; background: url(assets/images/menu-arrow.svg) right center no-repeat; position: absolute; right: 5px; top: 10px;}
  .menu-5 p.menu-title:after{content: ""; width: 15px; height: 9px; display: inline-block; transition: all 0.3s ease-in-out; background: url(assets/images/menu-arrow.svg) right center no-repeat; position: absolute; right: 5px; top: 10px; transform: rotate(-90deg);}

  .menu-2 p.menu-title.expanded:after, .menu-3 p.menu-title.expanded:after, .menu-4 p.menu-title.expanded:after, .social-menu p.menu-title.expanded:after{transform: rotate(180deg);}
  .menu-5 p.menu-title a{color: #fff; text-decoration: none; display: block;}
  .menu-2 ul li, .menu-3 ul li, .menu-4 ul li, .social-menu ul li { font-size: 0.9em; line-height: 1; margin-bottom: 15px;  font-weight: 400; width: 49%; display: inline-block !important; vertical-align: top; margin-left: 0; }
  .menu-3 ul li { width: 100%; }
  .menu-2 ul li a, .menu-3 ul li a, .menu-4 ul li a, .social-menu ul li a{color: #878787;}
  .menu-2 ul li a:hover, .menu-3 ul li a:hover, .menu-4 ul li a:hover, .social-menu ul li a:hover{color: #00C99A;}
  .menu-2 a:hover:after, .menu-2 a.active-link:after, .menu-3 a:hover:after, .menu-3 a.active-link:after, .menu-4 a:hover:after, .menu-4 a.active-link:after{width: 0;}
  .call-to-action-1 .inner-wrapper, .call-to-action.cta-shortcode .inner-wrapper{flex-direction: column;}
  .call-to-action-1 .call-to-action-block, .call-to-action .call-to-action-block{width: 100%;}
  .social-menu p.menu-title{display: block;}
  .cursor{display: none !important}
  /* html,
  * {
    cursor: none;
  } */
  .menu-1{display: none;}
  .only-mobile{display: block !important;}
  .page-menu-footer{border-top: none; padding-top: 0; padding-bottom: 0; flex-wrap: wrap;}
  .header-right .btn-cta-2{display: none !important; }
  .show-menu header{background: #000;}
  .mobile-menu-footer{display: block;}
  
  
  .foot-widget-1{order: 2; margin-bottom: 30px;}
  .foot-widget-2{order: 0;}
  .foot-widget-3{order: 1;}
  .foot-menu-1 .foot-menu-title {display: block; position: relative; color: #878787;}
  .foot-menu-1 ul{flex-direction: column; display: none;}
  .foot-menu-1 ul li {    font-size: 0.9em;    line-height: 1;    font-weight: 400;    margin: 0 0 20px;    list-style: none;    color: #fff; }
  .foot-wrap ul li{font-size: 0.9em;}
  .foot-wrap{flex-direction: column;}
  .foot-menu-1, .foot-menu-2, .foot-menu-3, .foot-menu-4 {margin-bottom: 0; border-bottom: 1px solid #262626; padding: 15px 0;}
  .foot-menu-title{ font-size: 1.2em; position: relative; margin-bottom: 0; color: #878787;}
  .foot-menu-title:after {content: '+'; position: absolute; right: 5px; top: 12px; content: ""; width: 15px; height: 9px; display: inline-block; transition: all 0.3s ease-in-out;                background: url(assets/images/menu-arrow.svg) right center no-repeat; }
  .foot-menu-title.expanded:after {transform: rotate(180deg);}
  .foot-wrap ul{display: none;}
  .foot-widget-3{margin-top: 0px; border-top: none; padding-bottom: 20px;}
  .foot-menu-1 ul, .foot-menu-2 ul, .foot-menu-3 ul, .foot-menu-4 ul {padding-top: 20px;}
  .foot-widget-1 h6, .site-footer .tnp-subscription{display: none;}
  .foot-widget-1 .header-logo{margin-bottom: 20px;}
  .copyrights{display: block;}

  .contact-banner .wrapper{padding: 0 50px;}
  .wealth-exp-block .wrapper{flex-wrap: wrap;}
  .wealth-exp-block .block-text{width: 100%; margin-bottom: 50px;}
  .wealth-exp-block .block-ft-img {    width: 100%;    padding: 0 20%;}
  .industry-banner{flex-wrap: wrap;}
  .banner.service-banner h1{font-size: 3.2em;}
  .banner.service-banner .banner-ft-img-service { width: 100%; position: relative;    margin: 0; bottom: -50px;}
  .service{flex-wrap: wrap;}
  .service .service-ft-img{width: 100%; margin: 0 0 30px;}
  .service .service-content{width: 100%;}
  .help-clients{padding: 70px 0 50px; }
  .help-clients .wrapper{flex-wrap: wrap;}
  .help-clients .left-block{width: 100%;}
  .help-clients .right-block{width: 100%; max-width: 480px; padding-left: 0; margin: 0 auto;}
  .help-clients .help-ft-block{display: flex;}
  .help-clients .help-ft-block .btn-cta-1 {    position: absolute;    left: 25px;    bottom: 40px;}
  .general-banner .general-ft-img, .banner.tech-banner .general-ft-img{width: 70%;}
  .tech-col {  padding: 30px 25px;    margin: 0 0 15px; }
  .tech-list-box{padding: 0 0 30px;}
  .open-source-block .wrapper{flex-wrap: wrap;}
  .open-source-block .block-text{width: 100%; margin: 0 0 50px;}
  .open-source-block .block-ft-img{width: 50%; margin: 0 auto;}
  .open-source-block{padding: 50px 0 30px;}
  .mob-app-banner.general-banner .general-ft-text{width: 100%;}
  .mob-app-banner.general-banner .tech-banner-ft-img { width: 70%;    position: relative;    display: inline-block;    height: 360px;    margin: 70px auto 0;}
  ul.inner-service-list li{width: 100%; padding: 20px 25px 20px 20px; margin: 0 0 15px;}
  ul.inner-service-list li h4{font-size: 1.1em;}
  .call-to-action-block{min-height: inherit; padding: 50px 0;}
  .case-2-block{flex-wrap: wrap; padding: 50px 0;}
  .case-2-block .left-case-block{width: 100%; padding-top: 0; margin-bottom: 20px;}
  .case-2-block .right-case-block{width: 100%; padding: 0;}
  .full-width-case-img{padding: 25px 0;}
  .next-slide .next-slide-banner-content h2{font-size: 4em;}
  .banner.service-banner {min-height: auto;}
  .banner.service-banner .ft-text{ margin-top: 100px;}
  .service-listing li.service:first-child{flex-direction: row; flex-wrap: wrap;}
  .service-listing li.service:first-child .service-content{width: 100%;}
  .service-listing li.service:first-child .service-ft-img{height: 250px;}
  .service-listing li.service:first-child .service-ft-img img{height: 100%; width: auto;}
  .service{width: 100%;}
  .banner.compare-banner .banner-text{max-width: 100%;}
  .banner.compare-banner .banner-ft-img-service { width: 100%;  position: relative;  margin: 100px 0 0;  bottom: 50px; transform: translateY(0);  right: -50px; }
  .essential-block{padding: 80px 0;}
  .essential-block h3{font-size: 2.5em;}
  .essential-block h3 br{display: none;}
  .mob-hide{display: none;}
  .case-study-block .ft-img .desktop-ft-img{display: none;}
  .case-study-block .ft-img .mobile-ft-img{display: block; width: 100%;}
  .single-blog-banner h1{font-size: 3em;}
  .general-page-header .general-ft-text h1{font-size: 2.5em;}

  #featured-blog > li{flex-wrap: wrap;}
  #featured-blog > li .post-image{width: 100%; margin-bottom: 20px;}
  #featured-blog > li .post-meta-info{width: 100%; padding-left: 0;}
  .landing-banner .video-container #playButton{width: 90px; height: 60px; background-size: contain;}
  .landing-company-logos{flex-wrap: wrap;}
  .landing-company-logos .company-logo{margin: 15px 0;}
  .landing-companies{padding-bottom: 0 !important;}
  .landing-banner .video-container{margin: 0 auto 25px;}
  #landing-testimonial-slider h3{margin: 0 0 20px;}
  #landing-testimonial-slider{padding: 50px 0 25px;}


  .animate {
      /*CSS transitions*/
      -o-transition-property: none !important;
      -moz-transition-property: none !important;
      -ms-transition-property: none !important;
      -webkit-transition-property: none !important;
      transition-property: none !important;
      /*CSS transforms*/
      -o-transform: none !important;
      -moz-transform: none !important;
      -ms-transform: none !important;
      -webkit-transform: none !important;
      transform: none !important;
      /*CSS animations*/
      -webkit-animation: none !important;
      -moz-animation: none !important;
      -o-animation: none !important;
      -ms-animation: none !important;
      animation: none !important;
  }
}

@media(max-width:767px){
  .banner h1, .about-banner h1{font-size: 2.8em; margin: 0 0 25px;}
  .banner .banner-text p, .about-banner .banner-text p{font-size: 18px; line-height: 26px;}
  .about-banner .banner-text{margin: 0 0 30px;}
  .about-banner{padding-top: 100px; padding-bottom: 50px;}
  .section-2 h2{font-size: 3em;}
  .section-2 h3{font-size: 1.6em;}
  .section-3 .inner-box h2, .section-5 .inner-box h3, .section-8 .inner-box h3{font-size: 2.2em;}
  .section-5 .inner-box, .section-8 .inner-box{margin-top: 50px;}
  .section-5-content-box{flex-wrap: wrap;}
  .section-5-content-box .content-block {    width: 100%;    padding-left: 0;}
  ul.dev-services > li h4 {  font-size: 2.8em; }
  .section-7{padding-bottom: 60px;}
  ul.dev-services > li .service-title span{font-weight: 400;}
  
  .technology-list{padding-top: 50px;}
  .feature-wrapper{padding-left: 20px; padding-right: 20px;}
  .feature-list{transform: translateX(0px) !important; flex-direction: column;}
  .feature-list > div{width: 100%; padding: 40px 25px; margin: 0 0 20px;}
  .feature-list > div .icon{height: 44px; margin: 0 0 10px;}
  .feature-list > div .icon img{height: 100%; width: auto;}
  .feature-list > div h4{font-size: 1.2em;}
  .feature-list > div p{font-size: 1em;}
  .testi-slider .slide p{font-size: 1.1em; margin: 25px 0 0;}
  #testimonial-slider h3 { font-size: 2.1em;    margin: 0 0 20px; letter-spacing: 0;}
  .trusted-companies{padding-bottom: 50px;}
  #backToTop{right: 20px; bottom: 10px;}
  .contact-form{padding-bottom: 20px; margin-top: 0;}
  .banner.contact-banner .ft-text{margin-top: 120px;}
  .col-2-list{padding-bottom: 30px;}
  .col-2-list > div h4{font-size: 1em;}
  .about-block-image-1{padding: 0 0 30px;}
  .tag-wrapper{margin: 0;}
  .single-case-banner .case-tagline{font-size: 1.5em;}
  .banner.single-case-banner h1{font-size: 4em;}
  .banner.single-case-banner .banner-text p{font-size: 1.3em;}
  .banner.single-case-banner .banner-text p br{display: none;}
  .case-2-block .right-case-block h2{font-size: 2em;}
  .compare-features-listing li .wrapper{flex-direction: row; flex-wrap: wrap;}
  .compare-features-listing li .ft-img{width: 50%; margin: 0 auto 50px;}
  .compare-features-listing li .ft-content{width: 100%;}
  .compare-features-listing li:nth-child(2n) .ft-content{padding: 0;}
  .compare-table li ul.row{flex-wrap: wrap;}
  .compare-table li ul.row li{width: 100%;}
  .compare-table li:nth-child(2) ul.row li.col-2, .compare-table li:last-child ul.row li.col-2{border-radius: 0;}
  .compare-table > li:nth-child(2n){background-color: #fff;}
  .compare-table li ul.row li.col-1{justify-content: center; text-align: center;}

  .compare-table li:nth-child(n + 2) ul.row{background-color: rgba(14,14,14,0.04); margin-bottom: 10px; border-radius: 10px;}
  .ui-banner{padding: 80px 0; height: auto; min-height: inherit;}
  .ui-banner .ui-banner-text h1{font-size: 2.5em; margin:  0 0 20px;}
  .ui-banner .ui-banner-text h1 br, .ui-banner .ui-banner-text .ui-banner-content p br, .ui-block h3 br, .ux-design-block p br{display: none;}
  .ui-banner-img{margin: 0 0 50px;}
  .ui-block, .ux-design-block{padding: 50px 0;}
  .ui-block h3{font-size: 2em; margin: 0 0 20px;}
  .ui-block .ui-block-content-box{width: 100%;}
  .col-2-gallery{margin: 0 0 50px;}
  .action-block{padding: 25px; flex-wrap: wrap;}
  .action-block .action-text{width: 100%; margin: 0 0 30px;}
  .action-block .action-img{width: 100%;}
  .action-block h4{font-size: 2em; margin: 0 0 20px;}
  .ui-block.ui-dark-block .title-section-marquee-box{margin: 0 0 30px;}
  .full-img{margin: 30px 0 50px;}
  .ui-case-study-single{margin: 50px 0 0;}
  .ui-case-study-single h4{font-size: 2em;}
  .ui-case-study-single .ui-case-study-slider{margin: 50px 0 0;}
  .ux-design-block h3{font-size: 2em; margin: 0 0 20px;}
  .ux-design-block .block-text.flex-block{flex-wrap: wrap;}
  .ux-design-block .block-text.flex-block h3{width: 100%;}
  .ux-design-block .block-text.flex-block .block-content{width: 100%;}
  .intro-block .wrapper{flex-wrap: wrap;}
  .intro-block .block-text {    width: 100%;    padding: 50px 0;}
  .intro-block .block-ft-img{position: static; width: 75%; margin: 0 auto;}
  .career-content-box-1{flex-direction: column; align-items: flex-start;}
  .career-content-box-1 .ui-block-content-box{padding-left: 0;}
  .career-content-box{flex-direction: column;}
  .career-content-box .title-block{width: 100%;}
  .career-content-box .career-content-block{width: 100%;}
  .career-content-box .title-block h4 br{display: none;}
  ul.dev-services > li p{padding-right: 0;}
  ul.post-listing > li{width: 100%;}
  ul.post-listing:not(.related-posts) > li:first-child{flex-wrap: wrap;}
  ul.post-listing:not(.related-posts) > li:first-child .post-image{width: 100%; height: 275px;}
  ul.post-listing:not(.related-posts) > li:first-child .post-meta-info{width: 100%; padding-left: 0;}
  .blog-banner{padding: 150px 0 75px;}
  .blog-banner h1 br{display: none;}
  .blog-banner h1{font-size: 2.8em;}
  .single-blog-banner{padding: 130px 0 25px;}

  .landing-banner h1{font-size: 34px;}
  .landing-banner .banner-text{font-size: 18px;}
  .landing-banner .banner-text br{display: none;}
  #landing-testimonial-slider h3, .landing-cta-box h3, .landing_about_us .about_us_heading h3, .landing_contact .left-block h3{font-size: 30px;}
  .landing_contact .left-block p{font-size: 18px;}
}

@media(max-width:650px){
  ul.dev-process li{width: 100%; margin: 0; padding-right: 0; min-height: auto; padding-bottom: 30px; padding-top: 10px;}
  ul.dev-process li h4{min-height: auto; margin: 0 0 10px;}
  ul.dev-process li .icon{margin: 0 0 10px;}
  .wrapper, header .wrapper{padding: 0 20px;}
  .header-right .btn-cta{display: none !important;}
  .section-2 h2{font-size: 2em;}
  .section-2 h3{font-size: 1.2em;}
  .section-3{padding: 50px 0 30px;}
  .section-3 .inner-box h2, .section-5 .inner-box h3, .section-8 .inner-box h3 {
    font-size: 1.6em;
  }
  .section-3-meta-links{flex-wrap: wrap;}
  .section-3-meta-links > div{margin-bottom: 20px;}
  .section-3 .title-section { margin-top: 4em;}
  .section-4{padding-top: 50px; padding-bottom: 20px;}
  .case-study-block .ft-img{height: 350px;}
  ul.dev-services > li .service-title span{font-size: 0.8em; position: static; display: block; margin: 0 0 5px;}
  ul.dev-services > li{padding-left: 0;}
  .section-6, .section-8, .section-9{padding: 50px 0;}
  .section-7{padding-top: 70px;}
  .methodology-list li span {    margin: 0 0 10px;}
  .section-9 h3 {    font-size: 2em;    letter-spacing: 0;}
  ul.idea-listing li{width: 50%; padding: 0;}
  
  .section-7 .left-fix-block h3{font-size: 1.8em;}
  .section-7 .left-fix-block p{font-size: 1em;}
  .section-7 .left-fix-block .design-5-ft-img{padding: 0 50px;}
  ul.tech-stack li{width: 100%;}
  ul.dev-services > li h4{font-size: 2.4em;}
  .btn-cta-2{display: none !important;}
  a.btn-cta-1{font-size: 14px;}
  .heading-wrap .title h2 {    font-size: 2.6em;    letter-spacing: -1px; }
  .heading-wrap .content p{font-size: 1em;}
  .ft-text{margin-top: 100px;}
  .banner-ft-img .shadow-ft-img{max-width: 450px; right: 0;}
  .section-2{padding-top: 20px;}
  .title-section-marquee-box h2{font-size: 3.5em;}
  .title-section-marquee-box h2:after{width: 45px; height: 45px;}
  .section-5-content-box .content-block p, .section-5-content-box .title-block h4{font-size: 1em;}
  ul.dev-services{padding-top: 50px;}
  .case-study-block h4{font-size: 1.5em;}
  .feature-wrapper{padding-top: 50px;}
  ul.idea-listing{margin-top: 50px;}
  ul.idea-listing li h4{font-weight: 400; font-size: 1em;}
  .foot-widget-1 h6{font-size: 1em;}
  .methodology-list li {    padding: 30px 20px 30px 30px;}
  .testi-slider .slide{width: auto; margin: 0 15px; padding: 30px 35px 40px 30px;}
  .testi-slider .slide .meta-info .auth_pic{margin-right: 15px;}
  .testi-slider .slide .meta-info .auth_name{font-size: 1.1em;}
  .testi-slider .slide .meta-info .designation{font-size: 1em;}
  .banner{padding-bottom: 30px;}
  .methodology-list li{padding: 30px 25px 40px 30px;}
  .banner.contact-banner h1{font-size: 2.6em; margin-bottom: 10px;}
  .contact-form form > div.col-half{width: 100%; margin: 0 0 20px;}
  .contact-form form > div{margin: 0 0 20px;}
  .consultation-block{padding: 50px 0;}
  .consultation-block h2, .faq-block h3{font-size: 2.2em;}
  .contact-form form > div label{font-size: 0.9em;}
  .consultation-block .content-block{font-size: 1em; margin-bottom: 50px;}
  ul.faq-list li h4{font-size: 1.1em;}
  ul.faq-list li p{font-size: 1em;}
  .faq-block{padding: 50px 0;}
  .banner.work-banner h1{font-size: 3em;}
  .industry-banner .ft-text {    margin-bottom: 30px;}
  .major-industries h2 br{display: none;}
  .col-3-list > div {    width: 100%;    margin: 0 0 15px;}
  .col-3-list{padding-bottom: 0; width: 100%; margin: 0;}
  .wealth-exp-block{padding: 50px 0 20px;}
  .wealth-exp-block .block-ft-img{padding: 0 10%;}
  .banner.industry-banner h1{font-size: 2.8em;}
  .col-3-list > div{padding: 25px 25px 20px;}
  .col-3-list > div a.btn-cta-1 {    position: relative;    bottom: 0;    left: 0;}
  .col-3-list > div .icon{height: auto; margin: 0 0 20px;}
  .col-3-list > div h4{font-size: 1.3em; margin: 0 0 10px;}
  .col-3-list > div h4 br{display: none;}
  .col-3-list > div p {    font-size: 0.9em;}
  .wealth-exp-block .block-text h3{font-size: 2.5em;}
  .development-services-block .section-5{padding-bottom: 0;}
  .service .service-ft-img{height: auto; padding: 0;}
  .service .service-content ul.service-tags{margin: 0;}
  .service .service-content h3{font-size: 1.5em;}
  .service .service-content ul.service-tags li{font-size: 0.7em;}
  .service .service-content p{font-size: 1em; margin-bottom: 20px;}
  .our-services{padding: 10px 0 30px;}
  .our-services h2{font-size: 1.8em;}
  .our-services p{font-size: 1em; line-height: 1.3;}
  .help-clients h2{font-size: 1.8em; letter-spacing: 0;}
  .general-banner .general-ft-text{margin-top: 120px;}
  .general-banner .general-ft-text h1, .general-banner.mob-app-banner .general-ft-text h1{font-size: 2.5em;}
  .general-banner .general-ft-img, .banner.tech-banner .general-ft-img{width: 100%;}
  .mob-app-banner.general-banner .tech-banner-ft-img{height: 300px; width: 90%;}
  .spacer-80{height: 30px;}
  .open-source-block .block-ft-img { width: 75%;    max-width: 75%;}
  .tabs-section{margin: 20px 0 0;}
  .tabs-header{flex-wrap: wrap;}
  .tabs-header .tab{margin: 0 0 10px;}
  .col-2-list > div{width: 100%; margin: 0 0 15px;}
  .banner.devops-banner {    background-position: right 30% center;    background-size: cover;}
  .about-block-image-1{flex-wrap: wrap;}
  .about-block-image-1 div{width: 100%;}
  .half-width-case-img{flex-wrap: wrap;}
  .half-width-case-img figure{width: 100%; margin: 0 0 10px;}
  .case-study-big-title{padding-top: 20px;}
  ul.our-service-listing{margin: 50px 0 0;}
  ul.our-service-listing li { width: 100%;    padding: 15px 20px;    margin-bottom: 10px;}
  .service{padding: 40px 30px 50px;}
  .service-listing li.service:first-child .service-content h3{font-size: 1.8em;}
  .development-services-block{padding-top: 20px;}
  .service-listing{margin: 25px 0 0;}
  .compare-features-listing li .ft-content h3{font-size: 2em;}
  .compare-features-listing li .ft-content h3 br{display: none;}
  .compare-features-listing li{padding: 75px 0;}
  .ui-block .ui-block-content-box p, .action-block p{font-size: 1em;}
  .left-no-padding > div{padding: 0; margin: 0 0 30px;}
  .col-2-gallery{flex-wrap: wrap;}
  .col-2-gallery > div{width: 100%; margin: 0 0 15px;}
  ul.faq-lis{width: 100%;}
  .intro-block .block-text h3, .intro-block-1 .block-text h3 {    font-size: 2em;    margin: 0 0 20px;}
  .banner.service-banner .banner-ft-img-service{right: 0;}
  .banner .banner-text{max-width: 100%;}
  .career-banner .ui-banner-text{margin-top: 0;}
  .banner.staff-banner{background: #fff;}
  .react-cta-bg{background: rgb(38,42,41) !important;}
  .open-source-block{background: #000 !important;}
  .banner.tech-banner .general-ft-img img{transform: scale(1.2);}
  .page-404-ft-img img{max-width: 80vw;}
  .page-404-content h1{margin: 20px 0; font-size: 2em;}
  .page-404-content p br{display: none;}
  .col-2-page-layout .left-sidebar{display: none;}
  .col-2-page-layout .main-col{max-width: 100%;}
  .single-blog-banner h1{font-size: 2.2em;}
  .related-blogs h2{font-size: 2em; margin-bottom: 30px;}
  .related-blogs{padding: 50px 0;}

  #landingPageLayout .wrapper{padding: 0 25px;}
  .landing-banner h1 br{display: none;}
  .landing-banner h1{font-size: 30px;}
  .landing-banner .banner-actions{flex-direction: column;}
  .landing-banner .banner-actions a{margin: 5px 0; padding: 16px 30px; font-size: 16px;}
  .landing-banner{padding: 100px 0 50px;}
  #landing-testimonial-slider h3, .landing-cta-box h3, .landing_about_us .about_us_heading h3, .landing_contact .left-block h3{font-size: 27px;}
  .landing-testi-slider .slide .metrics{font-size: 35px;}
  .landing-testi-slider .slide h5{font-size: 20px;}
  .landing-testi-slider .slide p{font-size: 16px;}
  .landing-testi-slider .slide{margin: 5px 5px 20px; padding: 30px 20px;}
  .landing-cta-box{padding: 50px 25px 40px 25px;}
  .landing-cta-box .cta-action-btns{flex-direction: column;}
  .landing-cta-box .cta-action-btns a{margin: 5px 0; font-size: 16px; padding: 16px 30px;}
  .landing-cta{padding-bottom: 50px;}
  .landing_about_us .about_us_heading p{font-size: 16px;}
  .landing_about_us{padding-bottom: 50px;}
  .landing_about_us .feature-list > div{padding: 40px 30px;}
  .landing_contact{padding: 0;}
  .site-footer{padding-top: 50px;}
  .landing-testi-slider .slide p{min-height: inherit;}
}

@media(max-width:450px){
  .foot-menu-5 ul li{font-size: 0.8em; margin-left: 10px; margin-left: 15px;}
  .foot-menu-5 ul li:before{display: none;}
  .foot-widget-3 p{font-size: 0.8em; line-height: 1.7;}
  ul.idea-listing li{margin-bottom: 50px;}
  ul.idea-listing li .icon {   margin: 0 0 15px;}
  .tag-wrapper .tags div{font-size: 0.9em;}
  ul.dev-services > li h4{font-size: 1.9em;}
  .banner h1, .about-banner h1{font-size: 2.2em;}
  .section-2 h2{font-size: 2em;}
  .section-9 h3{font-size: 1.5em; margin-bottom: 30px;}
  a.green-btn{font-size: 0.8em;}
  .banner-ft-img .shadow-ft-img{max-width: 80%; right: 0;}
  .banner.contact-banner h1{font-size: 2.2em;}
  .contact-form form > div input[type="text"], .contact-form form div input[type="email"], .contact-form form div input[type="url"]{height: 40px;}
  .contact-form form > div textarea{height: 100px;}
  .contact-banner .wrapper{padding: 0 30px;}
  .consultation-block h2, .faq-block h3{font-size: 2em;}
  .banner.industry-banner h1 {    font-size: 2.2em;    line-height: 1.1;    letter-spacing: 0;}
  .industry-ft-img{margin-bottom: 0;}
  .major-industries h2{font-size: 1.8em; margin-bottom: 20px;}
  .wealth-exp-block .block-text h3{font-size: 2em;}
  .wealth-exp-block .block-text p{font-size: 1em;}
  a.btn-cta-3{padding: 20px 30px 20px 30px; height: auto; font-size: 14px;}
  .banner.service-banner h1{font-size: 2.2em;}
  .service .service-content ul.service-tags li{    padding: 9px 15px; margin: 0 10px 10px 0;}
  .help-clients .help-listing{padding: 0;}
  .help-clients .help-listing li a{font-size: 1em;}
  .help-clients .help-ft-block img{max-width: 50%;}
  .service-banner-ft-img{height: 300px; background-attachment: scroll;}
  .col-2-tech{flex-wrap: wrap;}
  .col-2-tech > div, .col-4-tech > div{width: 100%;}
  .tech-col p, .col-4-tech .tech-col p{min-height: inherit; margin: 0 0 20px; font-size: 0.9em; line-height: 1.3;}
  .tech-col h4{font-size: 1.3em; margin: 0 0 10px;}
  .tech-col .icon{margin: 0 0 10px;}
  .open-source-block .block-text h3, .call-to-action-block h3{font-size: 2em;}
  .open-source-block .block-text p{font-size: 1em; line-height: 1.3; margin: 0 0 20px;}
  .open-source-block .block-ft-img{width: 70%;}
  .mob-app-banner.general-banner .tech-banner-ft-img{width: 100%; height: 250px;}
  ul.inner-service-list li .inner-service-content p{font-size: 1em;}
  .heading-wrap .title h2 {  font-size: 2em;    margin: 0;}
  ul.tools-list li {  width: 31.8%; padding: 20px 15px 15px 20px;}
  ul.tools-list li h5{font-size: 0.8em;}
  .general-banner .general-ft-text h1 br{display: none;}
  .service-listing li.service:first-child .service-content h3{font-size: 1.5em;}
  .compare-features-listing li{padding: 50px 0;}
  .select-all-service a{width: 30vw; height: 30vw;}
  .cta-item-wrap{font-size: 3vw;}
  .essential-block h3{font-size: 2em;}
  .essential-block .essential-ft-img{margin: 0 0 2em;}
  .essential-block {    padding: 50px 0;}
  .blog-banner h1{font-size: 2.2em;}
  .landing-banner h1{font-size: 26px;}
  #landing-testimonial-slider h3, .landing-cta-box h3, .landing_about_us .about_us_heading h3, .landing_contact .left-block h3{font-size: 24px;}
  a.green-btn.landing-page-header-btn{display: none;}
}



@keyframes title-text-scroll {
    0% { transform: translate3d(0, 0, 0); }
    100% { transform: translate3d(-100%, 0, 0); }
}

@keyframes title-text-scroll-reverse {
    0% { transform: translate3d(-75%, 0, 0); }
    100% { transform: translate3d(0%, 0, 0); }
}

@keyframes rotate {
 0%{
    transform: rotate(0deg);
   }
100%{
    transform: rotate(360deg);
   }
}

@keyframes anti-rotate {
 0%{
    transform: rotate(360deg);
   }
100%{
    transform: rotate(0deg);
   }
}

.c-scroll-opacity {
  opacity: 1 !important;
  transition: opacity 0.75s cubic-bezier(0.38, 0.005, 0.215, 1);
}

.cursor {
  position: fixed;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background-color: #ffffff;
  pointer-events: none;
  mix-blend-mode: difference;
  z-index: 999;
  display: flex; justify-content: center; align-items: center;
  transition: width 0.2s ease, height 0.2s ease, transform 0.2s ease, font-size 0.2s ease;
  font-size: 0.2em;
  color: #000;
  line-height: 1;
  text-align: center;
  transform: scale(1);
}