@font-face {
    font-family: 'GilroyRegular';
    src: url('../fonts/gilroy/GilroyRegular.eot');
    src: url('../fonts/gilroy/GilroyRegular.eot') format('embedded-opentype'),
         url('../fonts/gilroy/GilroyRegular.woff2') format('woff2'),
         url('../fonts/gilroy/GilroyRegular.woff') format('woff'),
         url('../fonts/gilroy/GilroyRegular.ttf') format('truetype'),
         url('../fonts/gilroy/GilroyRegular.svg#GilroyRegular') format('svg');
}
@font-face {
    font-family: 'GilroyMedium';
    src: url('../fonts/gilroy/GilroyMedium.eot');
    src: url('../fonts/gilroy/GilroyMedium.eot') format('embedded-opentype'),
         url('../fonts/gilroy/GilroyMedium.woff2') format('woff2'),
         url('../fonts/gilroy/GilroyMedium.woff') format('woff'),
         url('../fonts/gilroy/GilroyMedium.ttf') format('truetype'),
         url('../fonts/gilroy/GilroyMedium.svg#GilroyMedium') format('svg');
}
@font-face {
    font-family: 'GilroyLight';
    src: url('../fonts/gilroy/GilroyLight.eot');
    src: url('../fonts/gilroy/GilroyLight.eot') format('embedded-opentype'),
         url('../fonts/gilroy/GilroyLight.woff2') format('woff2'),
         url('../fonts/gilroy/GilroyLight.woff') format('woff'),
         url('../fonts/gilroy/GilroyLight.ttf') format('truetype'),
         url('../fonts/gilroy/GilroyLight.svg#GilroyLight') format('svg');
}
@font-face {
    font-family: 'GilroySemiBold';
    src: url('../fonts/gilroy/GilroySemiBold.eot');
    src: url('../fonts/gilroy/GilroySemiBold.eot') format('embedded-opentype'),
         url('../fonts/gilroy/GilroySemiBold.woff2') format('woff2'),
         url('../fonts/gilroy/GilroySemiBold.woff') format('woff'),
         url('../fonts/gilroy/GilroySemiBold.ttf') format('truetype'),
         url('../fonts/gilroy/GilroySemiBold.svg#GilroySemiBold') format('svg');
}
@font-face {
    font-family: 'GilroyBold';
    src: url('../fonts/gilroy/GilroyBold.eot');
    src: url('../fonts/gilroy/GilroyBold.eot') format('embedded-opentype'),
         url('../fonts/gilroy/GilroyBold.woff2') format('woff2'),
         url('../fonts/gilroy/GilroyBold.woff') format('woff'),
         url('../fonts/gilroy/GilroyBold.ttf') format('truetype'),
         url('../fonts/gilroy/GilroyBold.svg#GilroyBold') format('svg');
}
@font-face {
    font-family: 'GilroyMediumItalic';
    src: url('../fonts/gilroy/GilroyMediumItalic.eot');
    src: url('../fonts/gilroy/GilroyMediumItalic.eot') format('embedded-opentype'),
         url('../fonts/gilroy/GilroyMediumItalic.woff2') format('woff2'),
         url('../fonts/gilroy/GilroyMediumItalic.woff') format('woff'),
         url('../fonts/gilroy/GilroyMediumItalic.ttf') format('truetype'),
         url('../fonts/gilroy/GilroyMediumItalic.svg#GilroyMediumItalic') format('svg');
}
@font-face {
    font-family: 'GilroyRegularItalic';
    src: url('../fonts/gilroy/GilroyRegularItalic.eot');
    src: url('../fonts/gilroy/GilroyRegularItalic.eot') format('embedded-opentype'),
         url('../fonts/gilroy/GilroyRegularItalic.woff2') format('woff2'),
         url('../fonts/gilroy/GilroyRegularItalic.woff') format('woff'),
         url('../fonts/gilroy/GilroyRegularItalic.ttf') format('truetype'),
         url('../fonts/gilroy/GilroyRegularItalic.svg#GilroyRegularItalic') format('svg');
}
/** 1. Change the default font family in all browsers (opinionated). 2. Prevent adjustments of font size after orientation changes in IE and iOS. */
html {font-family: sans-serif; /* 1 */ -ms-text-size-adjust: 100%; /* 2 */ -webkit-text-size-adjust: 100%; /* 2 */}
/* HTML5 display definitions ========================================================================== */
/** Add the correct display in IE 9-. 1. Add the correct display in Edge, IE, and Firefox. 2. Add the correct display in IE. */
article, aside, details, figcaption, figure, footer, header, main, menu, nav, section, summary {/* 1 */ display: block;}
/** Add the correct display in IE 9-. */
audio, canvas, progress, video {display: inline-block;}
/** Add the correct display in iOS 4-7. */
audio:not([controls]) {display: none; height: 0;}
/** Add the correct vertical alignment in Chrome, Firefox, and Opera. */
progress {vertical-align: baseline;}
/** Add the correct display in IE 10-. 1. Add the correct display in IE. */
template, [hidden] {display: none;}
/* Links ========================================================================== */
/** Remove the gray background on active links in IE 10. */
a {background-color: transparent;}
/** Remove the outline on focused links when they are also active or hovered in all browsers (opinionated). */
a:active, a:hover {outline-width: 0;text-decoration: none;outline: none; transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease;}
/* Text-level semantics ========================================================================== */
/** 1. Remove the bottom border in Firefox 39-. 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari. */
abbr[title] {border-bottom: none; /* 1 */ text-decoration: underline; /* 2 */ -webkit-text-decoration: underline dotted; text-decoration: underline dotted; /* 2 */}
/** Prevent the duplicate application of `bolder` by the next rule in Safari 6. */
b, strong {font-weight: inherit;}
/** Add the correct font weight in Chrome, Edge, and Safari. */
b, strong {font-family: 'GilroyBold';font-weight: 700;font-style: normal;}
/** Add the correct font style in Android 4.3-. */
dfn {font-style: italic;}
/** Add the correct background and color in IE 9-. */
mark {background-color: #ff0; color: #000;}
/** 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;}
/** Hide the overflow in IE. */
svg:not(:root) {overflow: hidden;}
/* Grouping content ========================================================================== */
/** 1. Correct the inheritance and scaling of font size in all browsers. 2. Correct the odd `em` font sizing in all browsers. */
code, kbd, pre, samp {font-family: monospace, monospace; /* 1 */ font-size: 1em; /* 2 */}
/** Add the correct margin in IE 8. */
figure {margin: 1em 40px;}
/** 1. Add the correct box sizing in Firefox. 2. Show the overflow in Edge and IE. */
hr {-webkit-box-sizing: content-box; box-sizing: content-box; /* 1 */ height: 0; /* 1 */ overflow: visible; /* 2 */}
/* Forms ========================================================================== */
/** Change font properties to `inherit` in all browsers (opinionated). */
button, input, select, textarea {font: inherit;}
/** Restore the font weight unset by the previous rule. */
optgroup {font-weight: bold;}
/** Show the overflow in IE. 1. Show the overflow in Edge. 2. Show the overflow in Edge, Firefox, and IE. */
button, input, select {/* 2 */ overflow: visible;}
/** Remove the margin in Safari. 1. Remove the margin in Firefox and Safari. */
button, input, select, textarea {/* 1 */ margin: 0;}
/** Remove the inheritance of text transform in Edge, Firefox, and IE. 1. Remove the inheritance of text transform in Firefox. */
button, select {/* 1 */ text-transform: none;}
/** Change the cursor in all browsers (opinionated). */
button, [type="button"], [type="reset"], [type="submit"] {cursor: pointer;}
/** Restore the default cursor to disabled elements unset by the previous rule. */
[disabled] {cursor: default;}
/** 1. Prevent a WebKit bug where (2) destroys native `audio` and `video` controls in Android 4. 2. Correct the inability to style clickable types in iOS. */
button, html [type="button"], [type="reset"], [type="submit"] {-webkit-appearance: button; /* 2 */}
/** Remove the inner border and padding in Firefox. */
button::-moz-focus-inner, input::-moz-focus-inner {border: 0; padding: 0;}
/** Restore the focus styles unset by the previous rule. */
button:-moz-focusring, input:-moz-focusring {outline: 1px dashed ButtonText;}
/** Change the border, margin, and padding in all browsers (opinionated). */
fieldset {border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em;}
/** 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 {-webkit-box-sizing: border-box; box-sizing: border-box; /* 1 */ color: inherit; /* 2 */ display: table; /* 1 */ max-width: 100%; /* 1 */ padding: 0; /* 3 */ white-space: normal; /* 1 */}
/** Remove the default vertical scrollbar in IE. */
textarea {overflow: auto;}
/** 1. Add the correct box sizing in IE 10-. 2. Remove the padding in IE 10-. */
[type="checkbox"], [type="radio"] {-webkit-box-sizing: border-box; box-sizing: border-box; /* 1 */ padding: 0; /* 2 */}
/** 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;}
/** Correct the odd appearance of search inputs in Chrome and Safari. */
[type="search"] {-webkit-appearance: textfield;}
/** Remove the inner padding and cancel buttons in Chrome on OS X and Safari on OS X. */
[type="search"]::-webkit-search-cancel-button, [type="search"]::-webkit-search-decoration {-webkit-appearance: none;}
blockquote {
	margin: 35px 0 !important;
}
blockquote p {
	font-family: 'GilroyRegular'; 
	font-weight: 400; 
	font-style: italic; 
	font-size: 30px !important;
	line-height: 45px !important;
	color: #0B241D !important;
}
form ul {list-style: none; margin: 0; padding: 0;}
select,.gform-body input[type='text'], input[type='email'], input[type='password'], input[type='tel'], input[type='url'], textarea {
	padding: 19px 10px 19px 35px !important; 
	outline: none; 
	border-radius: 200px;
	background: #FFF;
	border: 0 !important;
	color: #0B1215;
	font-family: "Space Mono", monospace;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 125%;
	letter-spacing: 0.16px;
	text-transform: uppercase;
}
input[type='text']:focus, input[type='email']:focus, input[type='password']:focus, input[type='tel']:focus, input[type='url']:focus, textarea:focus, select:focus {outline: 0;}
textarea {padding-bottom: .6rem; padding-top: .6rem;}
legend {font-family: 'GilroyRegular'; font-weight: 700 !important; font-style: normal; font-size: 14px !important; line-height: 17px; color: rgba(60, 60, 56, 0.5); margin-bottom: 23px !important; }
label {font-family: 'GilroyRegular'; font-weight: 300 !important; font-style: normal; font-size: 14px !important; line-height: 17px; color: rgba(60, 60, 56, 0.5); margin-bottom: 18px !important; position: relative; }
.gfield_required, .gfield_label {display: none !important;}
.gform_footer {margin: 0 !important; padding: 0 !important;position: relative;}
.gform_button {-webkit-box-sizing: border-box; box-sizing: border-box; display: inline-block; 
	transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -ms-transition: all 0.3s ease; 
	-moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; 
	font-family: 'GilroyRegular';
    font-weight: 400;
    font-style: normal;
    color: rgba(37, 40, 38, 1);
    background-color: rgba(222, 233, 134, 1);
    border-radius: 100px;
    padding: 9px 25px 9px 25px;
    position: relative;
    font-size: 14px;
    line-height: 20px;
    border: none;
    margin-bottom: 0 !important;
}
.gform_button:hover, .bgbutton:focus {background-color: rgba(22, 50, 34, 1); color: #FFF;}
.gform_wrapper.gravity-theme .gform_fields {grid-column-gap: 10px !important; grid-row-gap: 16px !important;}
.gform_wrapper.gravity-theme .gfield_validation_message, .gform_wrapper.gravity-theme .validation_message {background-color: transparent !important; border: none !important; padding: 0 !important;}
input[type='submit']:focus {outline: none;}
input::-webkit-input-placeholder,select::-webkit-input-placeholder,textarea::-webkit-input-placeholder {color: #212529;}
input::-moz-placeholder,select::-moz-placeholder,textarea::-moz-placeholder {color: #212529;}
input::-ms-input-placeholder,select::-ms-input-placeholder,textarea::-ms-input-placeholder {color: #212529;}
input:focus {outline: none;}
dl, ol, ul {margin-top: 0; padding-left: 0;}
dl dl ul, dl ol, ol dl ul, ol ol, ul dl ul, ul ol {font-size: 90%; margin: 1.5rem 0 1.5rem 3.0rem;}
dl {list-style: none;}
ul {list-style: disc inside;}
ol {list-style: decimal inside;}
dt, dd, li {margin-bottom: 10px;}
hr {border-top: 1px solid rgba(196, 186, 173, 1); border-width: 1px; margin-bottom: 3.4rem; margin-top: 3rem;}
input, textarea, select, fieldset {margin-bottom: 1rem;}
input:last-child, textarea:last-child, select:last-child, fieldset:last-child {margin-bottom: 0;}
pre, dl, figure, table, p, ul, ol, form {margin-bottom: 1.4rem;}
pre:last-child, blockquote:last-child, dl:last-child, figure:last-child, table:last-child, p:last-child, ul:last-child, ol:last-child, form:last-child {margin-bottom: 0;}
table {width: 100%;}
.flex, .flex-row, .flex-column, .flex-start, .flex-end, .flex-center, .flex-stratch {display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: inherit; -ms-flex-align: inherit; align-items: inherit; flex-wrap: wrap;}
.flex-row {-webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row;}
.flex-column {-webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column;}
.flex-start {-webkit-box-align: start; -ms-flex-align: start; align-items: flex-start;}
.flex-end {-webkit-box-align: end; -ms-flex-align: end; align-items: flex-end;}
.flex-center {-webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;}
.flex-stratch {-webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch;}
@supports ((-o-object-fit: cover) or (object-fit: cover)) {.background-image img {-o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; height: 100%;}}
/* .owl-nav span {display: none;}
.owl-nav {position: absolute;width: 100%;top: 43%;}
.owl-next:hover, .owl-prev:hover {
	opacity: 0.7;
}
.owl-dots {display: block; text-align: center; margin: 30px auto 0px auto;} 
.owl-dots .owl-dot {width: 10px; height: 10px; background: #FAF5EE !important; margin: 0px 5px; border-radius: 50%; display: inline-block;outline: none;position: relative;}
.owl-dots .owl-dot.active {background: #1B3E2B !important;} */
body {font-family: 'GilroyRegular'; font-weight: 400; font-style: normal; margin: 0px;padding: 0px;
	position: relative; font-size: 16px;line-height: 26px;background-color: #FFF;}
h1,h2,h3,h4,h5 {font-family: 'GilroyRegular'; font-weight: 400; font-style: normal; margin: 0px;margin-bottom: 20px; color: #0B1215;}
h1 {font-size: 60px;line-height: 70px;}
h2 {font-size: 50px;line-height: 60px;}
h3 {font-size: 28px;line-height: 38px;}
h4 {font-size: 24px;line-height: 34px;}
h5 {font-size: 20px;line-height: 30px;}
a {text-decoration: none; cursor: pointer;color: #0B1215;transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease;}
a:hover {color: #0B1215;text-decoration: none;outline: none;transition: all 0.3s ease;-webkit-transition: all 0.3s ease;-ms-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;}
p {font-family: 'GilroyRegular'; font-weight: 400; font-style: normal; font-size: 16px; line-height: 26px; color: rgba(11, 36, 29, 1); margin: 0px 0px 20px 0px;}
.common-sect ul li {
	font-family: 'GilroyRegular'; font-weight: 400; font-style: normal; 
	font-size: 20px; line-height: 30px; color: rgba(11, 36, 29, 1); margin: 0px 0px 16px 0px;
	padding-left: 15px;
	list-style: none;
	position: relative;
}
.common-sect ul li:before {
	position: absolute;
	content: '';
	width: 5px;
	height: 5px;
	background-color: #000;
	border-radius: 100%;
	left: -5px;
	top: 13px;
}
img {max-width: 100%; height: auto;}
.container {max-width: 1600px; margin: 0 auto; padding: 0 20px; position: relative;z-index: 1;} 
.bgbutton {
	-webkit-box-sizing: border-box; box-sizing: border-box; display: inline-block; transition: all 0.3s ease; 
	-webkit-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -moz-transition: all 0.3s ease; 
	-o-transition: all 0.3s ease; 
	color: #1C112F;
	font-family: "Space Mono", monospace;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 24px;
	text-transform: uppercase;
	border-radius: 500px;
	background: #F0B3F8;
	padding: 18px 30px; 
	margin-top: 20px; position: relative; 
}
.bgbutton:hover, .bgbutton:focus {
	background-color: #ABE2FD;
}
.flex-inherit {justify-content: inherit;}
.headersect {width: 100%; display: inline-block; top: 0;left: 0; z-index: 3;transition: 0.3s all;position: fixed; padding: 44px 0;}
.headerinner {width: 100%; display: flex; justify-content: space-between;align-items: center;}
.bgproperty {
	background-repeat: no-repeat; background-size: cover; background-position: center;
}
.headertop {
    margin-top: 118px;
}
.site-header {
    position: fixed;
    top: 2.292vw;
    left: 1.566vw;
    z-index: 9;
}
.headernew {
	mix-blend-mode: difference;
}
/* .headerlogo.dark svg path {
    mix-blend-mode: difference;
	filter: invert(1);
}
.headernew .headerlogo.dark svg path {
    mix-blend-mode: inherit;
    filter: inherit;
} */
.headerlogo.dark svg {
	mix-blend-mode: difference;
}
.headerlogo.dark svg path {
	fill: #000;
}
.headernew .headerlogo.dark svg {
	mix-blend-mode: inherit;
}
.headernew  .headerlogo.dark svg path {
	fill: #FFF;
}
.tbl {
    display: table;
    width: 100%;
    height: 100%;
    vertical-align: middle;
    text-align: center;
}
.tbl-cell {
    display: table-cell;
    width: 100%;
    height: 100%;
    vertical-align: middle;
}
.home-banner {
	padding: 0;
    margin: 1.1111111111vw;
    position: relative;
    height: calc(100dvh - (2 * 1.1111111111vw));
    overflow: hidden;
    border-radius: 40px;
    box-sizing: border-box;
	height: calc(100vh - (2 * 1.1111111111vw));
}
.home-banner .background-video {
	position: absolute;
    top: 50%;
    left: 50%;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    transform: translate(-50%, -50%) rotate(-90deg);
    transform-origin: center center;
    object-fit: cover;
    z-index: 0;
}
.background-image {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	z-index: 0;
	overflow: hidden;
}
.home-banner .sectinner {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
}
.home-banner .sectinner .container {
	height: 100%;
	z-index: 9;
}
.home-banner .sectinner h2 {
	font-family: 'GilroyMedium';
	color: #fff;
	width: 100%;
	display: inline-block;
	font-size: clamp(2.8rem, 7vw, 8.75rem); 
	line-height: 1;
	letter-spacing: clamp(-0.5px, -0.1vw, -1.4px);
	max-width: 60%;
	margin: 0 auto;
	font-weight: 400;
	text-align: center;
}
.headersect .container {
	padding: 0 55px;
	max-width: 100%;
}
.home-banner::after {
	content: '';
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background-color: rgba(62, 8, 69, 0.6);
	mix-blend-mode: multiply;
	border-radius: 20px;
}
.bannersect .container {
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	z-index: 1;
	flex-wrap: wrap;
	text-align: center;
}
.logosect {
	background-color: #FFF;
}
/* .marquee {animation: marquee 60s linear infinite;}
@keyframes marquee {
    0% {
        transform: translateX(0);
   }
    100% {
        transform: translateX(-50%);
   }
} */
.logoslider {
	padding: 90px 0 70px 0;
}
/* .logoslider .owl-item {
    display: flex;
    align-items: center;
    justify-content: center;
}
.logoslider .owl-stage {
    display: flex;
    align-items: center;
} */
.logoslider img {
    max-height: 85px;
    width: auto;
    height: auto;
    object-fit: cover;
}
.main-sect {
    position: relative;
    z-index: 1;
	padding-bottom: 1.1111111111vw;
	background-color: #FFF;
	border-radius: 50px;
}
.home .main-sect {
	background: linear-gradient(180deg, #FFF 0%, #FFFAF1 49.52%, #FCF7EE 68.27%, #FFF 100%);
}
.homemdl {
	padding: 135px 0 170px 0;
	background: #FFF;
}
.tagline {
	color: #0B1215;
	font-family: "Space Mono", monospace;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	letter-spacing: 0.32px;
	text-transform: uppercase;
	position: relative;
	padding-left: 33px;
	margin-bottom: 50px;
	display: block;
}
.tagline::before {
	content: '';
	width: 11px;
	height: 11px;
	background-color: #0B1215;
	border-radius: 100%;
	position: absolute;
	top: 7px;
	left: 0;
}
.homemdl h2 {
	letter-spacing: -0.7px;
	padding-right: 30px;
}
.homemdl h2 a {
	text-decoration-line: underline;
	text-decoration-style: solid;
	text-decoration-skip-ink: none;
	text-decoration-thickness: from-font;
	text-underline-offset: auto;
	text-underline-position: from-font;
}
.homemdl .gradient {
 	background: linear-gradient(90deg, #8D3CC7 -90%, #FF8885 60.36%, #451D61 85.56%);
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	text-decoration-line: underline;
	text-decoration-style: solid;
	text-decoration-skip-ink: none;
	text-decoration-thickness: from-font;
	text-underline-offset: auto;
	text-underline-position: from-font;
	position: relative;
}
.gradient::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 2px;
    width: 100%;
    height: 3px;
    background: linear-gradient(90deg, #8D3CC7 -32.89%, #FF8885 59.36%, #451D61 85.56%);
}
.hworks {
	border-top: 1px dotted #0B1215;
	padding: 200px 0 0;
	background: linear-gradient(180deg, #FFF 0%, #FFFAF1 49.52%, #FCF7EE 68.27%, #FFF 100%);
}
.hinner {
	margin-bottom: 170px;
}
.hworks h2 {
	font-size: 70px;
	line-height: 120%;
	letter-spacing: -0.9px;
	margin-bottom: 45px;
}
.hcol {
    width: 49.3%;
    position: relative;
    overflow: hidden;
    transition: 0.4s all ease;
	margin-bottom: 24px;
}
.hcolinner {
	position: relative;
	height: 733px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    border-radius: 40px;
}
.hcolinner .background-video {
	width: 100%;
    height: 100%;
    overflow: hidden;
    object-fit: cover;
	border-radius: 40px;
}
.hcol .himg {
    height: 100%;
	width: 100%;
	border-radius: 40px;
}
.hcol:hover {
    border-radius: 140px;
}
.hcol .hcolinner::after {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: inherit;
}
.hinfo {
    position: absolute;
    padding: 70px 180px 70px 70px;
    height: 100%;
    opacity: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
	top: 0;
	left: 0;
}
.hinfo .htags {
    position: absolute;
    top: 70px;
    left: 80px;
    padding: 10px;
    border-radius: 10px;
    background: #F0B3F8;
    color: #0B1215;
    font-family: "Space Mono", monospace;
    font-size: 16px;
    font-weight: 400;
    line-height: 22px;
    letter-spacing: 0.16px;
    text-transform: uppercase;
    z-index: 2;
}
.hinfo h3 {
    color: #FFFFFE;
    font-size: 50px;
    line-height: 125%;
    letter-spacing: -0.5px;
    margin: 0;
    text-align: left;
	z-index: 2;
	position: relative;
}
.hcol:hover .hinfo {
    opacity: 1;
}
.hcol:hover .hcolinner::after {
	background-color: rgba(17, 27, 36, 0.65);
} 
.meetflex {
	padding: 100px 0;
	position: relative;
}
.meetflex:after {
	content: '';
	background: rgba(191, 170, 251, 0.5);
	top: 0;
	left: 0;
	position: absolute;
	z-index: -1;
	width: 80%;
	height: 100%;
	border-radius: 100%;
	margin: 0 auto;
	right: 0;
	filter: blur(125px);
}
.minner {
	border-radius: 40px;
	border: 0.91px solid #FFF;
	padding: 50px;
	background: #FEFDFD;
	backdrop-filter: blur(13.651877403259277px);
}
.minner .mcol {
	width: 49.15%;
}
.meetvideo {
    position: relative;
    height: 546px;
    border-radius: 20px;
    overflow: hidden;
    margin-bottom: 60px;
}
.meetvideo::after {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: inherit;
    background: rgba(63, 14, 203, 1);
    background-size: 300% 100%;
    animation: slideBg 8s linear infinite;
    z-index: 99;
    width: 100%;
    height: 100%;
    mix-blend-mode: lighten;
}
.mcol .meetimg {
	width: 100%;
	height: 100%;
}
.mcol .background-video {
	position: relative;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: 2;
}
.mcolinner {
	margin-bottom: 70px;
}
.mcol .mcolimg {
    height: 546px;
    border-radius: 20px;
    width: 48.3%;
    position: relative;
    overflow: hidden;
    cursor: pointer;
    background-size: 100%;
    background-position: center;
    transition: background-size 0.5s ease; 
}
.mcol .mcolimg:hover {
    background-size: 105%;
}
.mcol .mcolimg:after {
    content: '';
    position: absolute;
    inset: 0;
    border-radius: 20px;
    background-color: #EDEBE6;
    z-index: -1;
    transition: 0.4s ease;
}
.mcol .mcolimg:before {
    content: '';
    position: absolute;
    inset: 0;
    border-radius: 20px;
    background: linear-gradient(180deg, #9FB7FF 2.75%, #FF8885 56.33%, #A65574 77.25%, #8D3CC7 92.72%);
    z-index: -1;
    opacity: 0;
    transition: opacity 0.6s ease-in-out;
}
.mcol .mcolimg:hover:before {
    opacity: 1;
}
.mcol .mcolimg:hover:after {
    opacity: 0;
}
.mteams {
    display: flex;
    align-items: center;
    gap: 15px;
    margin: 13px;
    padding: 16px;
    position: absolute;
    bottom: 0;
    width: calc(100% - 58px);
    border-radius: 15px;
    pointer-events: none;
}
.mteams::before {
    content: '';
    position: absolute;
    inset: 0;
    border-radius: inherit;
    background: rgba(255, 255, 255, 0.75);
    backdrop-filter: blur(6px);
	clip-path: inset(0 100% 0 0);
    opacity: 0;
    transition:
        clip-path 500ms cubic-bezier(0.25, 0.1, 0.25, 1),
        opacity 300ms ease;
}
.mteams span {
	color: #0B1215;
	font-family: "Space Mono", monospace;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	letter-spacing: 0.32px;
	text-transform: uppercase;
}
.mteams svg,
.mteams span {
    position: relative;
    z-index: 1;
    opacity: 0;
    transition: 0.3s all;
}
.mcolimg:hover .mteams::before {
    opacity: 1;
    clip-path: inset(0 0 0 0);
}
.mcolimg:hover .mteams svg, .mcolimg:hover .mteams span {
	opacity: 1;
}
.meetflex h3 {
	font-size: 70px;
	line-height: 115%;
	letter-spacing: -0.7px;
}
.meetflex h3 .tag {
	border-radius: 10px;
	background: #F7F3EB;
}
.meetflex p {
	font-size: 24px;
	line-height: 125%;
	letter-spacing: -0.24px;
	padding-right: 150px;
}
.trusted {
	border-radius: 40px;
	border: 1px solid #FFF;
	background: #ABE2FD;
	padding: 115px 0 120px;
	margin: 250px 1.1111111111vw 0;
}
.trustedinner {
	max-width: 50%;
	margin: 0 auto;
	text-align: center;
}
.trustedinner h2 {
	margin-bottom: 20px;
}
.trustedinner p {
	font-size: 24px;
	line-height: 125%;
	letter-spacing: -0.24px;
	max-width: 66%;
	margin: 0 auto;
	color: #0B1215;
}
.trustedslider {
	margin-top: 50px;
	text-align: center;
}
/* .trustedslider .marquee:hover, .logoslider .marquee:hover, .infoslider .marquee:hover {
    animation-play-state: paused;
}
@keyframes marqueeAnimation {
    from {
        transform: translateX(0);
    }
    to {
        transform: translateX(-50%);
    }
} */
.trustedslider .item {
	border-radius: 80px;
	background: #FFF;
	padding: 100px 100px 60px 100px;
}
.trustedslider p {
	text-align: center;
	font-size: 40px;
	font-style: normal;
	font-weight: 400;
	line-height: 150%;
	letter-spacing: -0.4px;
	margin-bottom: 50px;
	color: #3146EE;
	font-family: 'GilroyRegularItalic';
}
.trustedslider h3 {
	text-align: center;
	font-family: 'GilroyMedium';
	font-size: 24px;
	font-style: normal;
	font-weight: 500;
	line-height: 120%;
	letter-spacing: -0.24px;
	margin-bottom: 10px;
}
.trustedslider h4 {
	color: #1C112F;
	text-align: center;
	font-family: "Space Mono", monospace;
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: 120%;
	letter-spacing: 0.14px;
	text-transform: uppercase;
	margin-bottom: 0;
}
.cta {
	border-radius: 40px;
	background: #540861;
	padding: 145px 135px;
	margin: 1.1111111111vw 1.1111111111vw 0 1.1111111111vw;
}
.cta .tagline {
	color: #FFF;
	margin-bottom: 40px;
}
.cta .tagline::before {
	background-color: #FFF;
}
.cta h2 {
	color: #FFFFFD;
	font-size: 90px;
	line-height: 115%;
	letter-spacing: -0.9px;
	padding-right: 30px;
}
.cta h2 em {
	color: #F0B3F8;
	font-size: 90px;
	line-height: 115%;
	letter-spacing: -0.9px;
	text-decoration-line: underline;
	text-decoration-style: solid;
	text-decoration-skip-ink: auto;
	text-decoration-thickness:  from-font;
	text-underline-offset: auto;
	text-underline-position: from-font;
}
.cta .bgbutton {
    background: transparent;
    padding: 0;
    display: inline-flex;
    align-items: center;
	margin-top: 45px;
    position: relative;
}
.cta .btntext {
	font-size: 24px;
    line-height: 24px;
    padding: 38px 54px;
    display: inline-flex;
    background: rgba(240, 179, 248, 1);
    border-radius: 500px;
	transition: 0.35s ease;
    transform: scale(1);
    z-index: 2;
}
.cta .bgarrow {
    position: absolute;
    right: 0;
    top: 0;
    padding: 39px;
    border-radius: 100px;
    background: #ABE2FD;
    opacity: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    transform: translateX(0) rotate(180deg);
    transition: 0.35s ease;
    pointer-events: none;
}
.cta .bgarrow img {
	line-height: 0;
}
.cta .bgbutton:hover .bgarrow { 
    opacity: 1;
    transform: translateX(100%) rotate(360deg) scale(1.06);
}
.cta .bgbutton:hover .btntext {
    background: rgba(171, 226, 253, 1);
    transform: scale(1.06);
}
.aboutsect {
	padding: 0;
    margin: 1.1111111111vw;
    position: relative;
    height: calc(668px - (2 * 1.1111111111vw));
    overflow: hidden;
    border-radius: 40px;
    box-sizing: border-box;
	height: calc(668px - (2 * 1.1111111111vw));
}
.aboutsect:after {
	background-color: #F9F6EF;
	mix-blend-mode: inherit;
}
.aboutsect .container {
	align-items: flex-end;
	justify-content: left;
}
.aboutsect .bannerinner {
	max-width: 81%;
	margin: 0;
}
.aboutsect .bannerinner h2 {
	font-size: 110px;
	line-height: 110%;
	letter-spacing: -1.1px;
	text-align: left;
	margin-bottom: 55px;
	color: #0B1215;
	font-family: 'GilroyRegular';
}
.aboutsect .bannerinner span {
	display: inline-block;
	background-color: #3146EE;
	font-family: 'GilroyRegular';
	color: #FFF;
	font-size: 110px; 
	line-height: normal;
	letter-spacing: -1.1px;
}
.square {
	border-radius: 15px;
	padding: 0 22px 10px 22px;
}
.round {
	padding: 0 48px 10px 48px;
	border-radius: 500px;
	margin-left: -23px;
}
.aboutmdl {
	padding: 80px 0 45px 0;
}
.aboutmdlinner {
	max-width: 80%;
}
.aboutmdlinner p {
	font-size: 50px;
	line-height: 125%;
	letter-spacing: -0.5px;
}
.teamsect {
	padding: 120px 0;
	background: linear-gradient(360deg, #FFF 0%, rgba(255, 250, 241, 0.80) 49.52%, rgba(247, 243, 235, 0.80) 100%);
	border-radius: 40px;
	margin: 0 1.1111111111vw;
}
.teamsect .flex {
	justify-content: space-between;
}
.teamleft {
	width: 30%;
}
.teamright {
	width: 66%;
	position: relative;
}
.teamright .thc {
	position: absolute;
	left: 35px;
	top: 35px;
}
.teamright img {
	border-radius: 40px;
	margin-bottom: 110px;
}
.teamright p {
	font-size: 30px;
	line-height: 125%;
	letter-spacing: -0.3px;
	margin-bottom: 35px;
}
em  {
	font-style: normal;
	text-decoration-line: underline;
	text-decoration-style: solid;
	text-decoration-skip-ink: none;
	text-decoration-thickness: from-font;
	text-underline-offset: auto;
	text-underline-position: from-font;
}
.teamlist {
	border-top: 1px dotted #0B1215;
	padding: 140px 0 0;
	margin-top: 140px;
}
.teamlist .flex {
	width: 66%;
	margin-left: auto;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 90px;
}
.teamlist .teamimg {
	width: 36%;
	height: 575px;
    border-radius: 40px;
    position: relative;
    overflow: hidden;
	transition: border-radius .45s cubic-bezier(0.30, 1, 0.40, 1);
	cursor: pointer;
}
.teamlist .teamimg:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 40px;
    background-color: #9FB7FF;
    z-index: -1;
	transition: border-radius .45s cubic-bezier(0.30, 1, 0.40, 1);
}
.teamlist .teaminfo {
	width: 61%;
}
.teamlist .teaminfo p {
	font-size: 24px;
	line-height: 125%;
	letter-spacing: -0.24px;
}
.teamlist .teaminfo h3 {
	color: #0B1215;
	font-size: 30px;
	line-height: 125%;
	letter-spacing: -0.3px;
	text-decoration-line: underline;
	text-decoration-style: solid;
	text-decoration-skip-ink: none;
	text-decoration-thickness: from-font;
	text-underline-offset: auto;
	text-underline-position: from-font;
	padding-right: 50px;
	margin-top: -3px;
}
.teamlist .teaminfo .taginfo {
	border-radius: 10px;
	background: #EDEBE6;
	padding: 10px 15px;
	color: #0B1215;
	font-family: "Space Mono", monospace;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 125%;
	letter-spacing: 0.16px;
	text-transform: uppercase;
	margin: 29px 0 0 0;
	display: inline-block;
}
.superpower-card {
	position: absolute;
	bottom: 20px;
	left: 20px;
	right: 20px;
}
.superpower-tag {
	background: #FFFFFF;
	padding: 10px 20px;
	display: inline-flex;
	align-items: center;
	border-radius: 40px;
	gap: 12px;
	cursor: pointer;
	color: #540861;
	font-family: "Space Mono", monospace;
	font-size: 18px;
	font-weight: 400;
	line-height: 125%;
	text-transform: uppercase;
	z-index: 2;
	position: relative;
	opacity: 1;
}
.superpower-info {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0px;
	opacity: 0;
	padding: 40px 27px;	
}
.superpower-info:before {
	content: '';
	background: #540861;
	width: 100%;
	height: 85%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	border-radius: 25px 25px 70px 70px;
	transition: none;
}
.superpower-info p {
	color: #FFF;
	font-size: 24px;
	line-height: 125%;
	margin-bottom: 0; 
	position: relative;
	z-index: 2;
}
/* @keyframes infoSpringUp {
	0% {
		height: 85%;
	}
	55% {
		height: 103%;
	}
	75% {
		height: 97%;
	}
	90% {
		height: 101%;
	}
	100% {
		height: 100%;
	}
}
@keyframes infoSpringDown {
	0% {
		height: 100%;
	}
	60% {
		height: 82%;
	}
	80% {
		height: 88%;
	}
	100% {
		height: 85%;
	}
}
.teamimg:hover, .teamlist .teamimg:hover:after {
	border-radius: 80px;
}
.teamimg.active .superpower-info:before {
	animation: infoSpringUp 0.99s cubic-bezier(0.33, 1.6, 0.66, 1) forwards;
}

.teamimg.closing .superpower-info:before {
	animation: infoSpringDown 0.8s cubic-bezier(0.33, 1.6, 0.66, 1) forwards;
}
.teamimg.active .superpower-info { opacity: 1; }
.teamimg.active .superpower-tag { top: 25px; } */

 @keyframes infoOpen {
    from { height: 85%; }
    to { height: 100%; }
}
@keyframes infoClose {
    from { height: 100%; }
    to { height: 85%; }
}
.teamimg.active .superpower-info:before {
    animation: infoOpen 0.5s ease-out forwards;
}
.teamimg.closing .superpower-info:before {
    animation: infoClose 0.5s ease-in forwards;
}
.teamimg.active .superpower-info { opacity: 1; }
.teamimg.active .superpower-tag { top: 25px; }
.explore {
	border-radius: 40px;
	background: #FAF6ED;
	margin: 0 1.1111111111vw;
	padding: 180px 0 115px;
}
.explore .flex {
	justify-content: space-between;
	align-items: center;
	max-width: 88%;
	margin: 0 auto;
}
.explorecol {
	width: 46.5%;
	position: relative;
}
.explorecol:first-child {
    padding: 0;
    width: 48%;
    overflow: hidden;
	border-radius: 38.068px;
	height: 764px;
}
.explorecol .background-video {
    width: 100%;
    height: 100%;
    overflow: hidden;
	object-fit: cover;
}
.explorecol p {
	font-size: 24px;
	line-height: 125%;
	letter-spacing: -0.24px;
	margin-bottom: 35px;
}
.exploreimg {
	height: 764px;
}
.usplus {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    border-radius: 12.453px;
    opacity: 0.75;
    background: rgba(255, 255, 255, 0.85);
    height: 98px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 20px;
}
.hc {
    position: absolute;
    bottom: 30px;
    left: 0;
    right: 0;
    text-align: center;
}
.explorelogo {
	border-top: 1px dotted #0B1215;
	padding-top: 115px;
	margin-top: 180px;
}
.explorelogo .item {
	border: 0.836px solid #BABABA;
	opacity: 0.84;
	background: #FFF;
	padding: 15px 30px;
	color: #656060;
	text-align: center;
	font-family: "Space Mono", monospace;
	font-size: 20.025px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	letter-spacing: 0.4px;
	text-transform: uppercase;
}
.hround {
	border-radius: 625.771px;
}
.rightscroll {
	margin-top: 43px;
}
/* .leftscroll .marquee:hover, .rightscroll .marquee-rtl:hover  {
    animation-play-state: paused;
}
.marquee-rtl {
    animation: marqueeReverse 100s linear infinite;
}
@keyframes marqueeReverse {
    0%   { transform: translateX(-50%); }
    100% { transform: translateX(0); }
} */
.workmdl .aboutmdlinner {
	max-width: 85%;
}
.workmdl {
	padding: 80px 0 105px;
}
.worklistsect {
	border-top: 1px dotted #0B1215;
    padding: 135px 0 0;
	border-bottom: 1px dotted #0B1215;
}
.workcol:first-child {
	width: 40%;
}
.workcol {
    width: 49.3%
}
.worklistsect .tagline {
	margin-bottom: 25px;
}
.workcol h3 {
	font-size: 70px;
	line-height: 115%;
	letter-spacing: -0.9px;
}
.workcol p {
	font-size: 30px;
	line-height: 125%;
	letter-spacing: -0.3px;
}
.worklistsect .hinner {
	margin: 40px 0 130px;
}
.wlogosect .logoslider {
    padding: 90px 0px 45px;
}
.servicesect .round {
	margin-left: 0;
	margin-right: 5px;
}
.servicemdl {
	padding: 80px 0 110px;
}
.servicelistsect .workcol:first-child {
    width: 25%;
}
.servicelistsect .workcol {
    width: 75%;
}
.servicelistsect {
	padding: 120px 0;
	border-bottom: none;
}
.servicelistsect .workcol p {
	max-width: 72%;
}
.makesect {
	background-color: #F9F6EF;
	border-radius: 40px;
    margin: 0 1.1111111111vw;
	padding: 175px 0 155px;
}
.makesect h2 {
	font-size: 70px;
	line-height: 66px;
	letter-spacing: -0.9px;
	margin-bottom: 35px;
}
.makeinner p {
	font-size: 30px;
	line-height: 125%;
	letter-spacing: -0.3px;
}
.makeinner {
	max-width: 65%;
}
.makecard {
	margin-top: 70px;
}
.cardinner {
	padding: 34px 110px 34px 34px;
	border-radius: 80px;
	background: #FEB9BB;
	margin-top: 20px;
}
.cardinner .flex {
	align-items: center;
}
.cardinner:first-child {
	margin-top: 0;
}
.cardnum {
	width: 410px;
	padding: 60px 50px 50px 50px;
	border-radius: 60px;
	background: #FAD4FF;
	text-align: center;
	color: #540861;
	font-family: 'GilroyMedium';
	font-size: 349.016px;
	font-style: normal;
	font-weight: 400;
	line-height: 300px;
	letter-spacing: 6.98px;
	text-transform: uppercase;
}
.cardinfo {
    width: calc(100% - 550px);
}
.cardinfo .tagline {
	border-radius: 100px;
	background: #FAD4FF;
	padding: 5px 15px 5px 35px;
	display: inline-block;
	margin-bottom: 25px;
}
.cardinfo .tagline::before {
    top: 11.5px;
    left: 14px;
}
.cardinfo h3 {
	font-family: 'GilroyRegular';
	font-size: 60px;
	line-height: 66px;
	letter-spacing: -0.6px;
	border-bottom: 1px dotted #0B1215;
	padding-bottom: 12px;
	margin-bottom: 30px;
}
.cardinfo p {
	font-size: 24px;
	line-height: 125%;
	letter-spacing: -0.24px;
	padding-right: 90px;
}
.whatwe {
	background: #D2CFBE;
	border-radius: 40px;
    margin: 1.1111111111vw 1.1111111111vw 0 1.1111111111vw;
	padding: 155px 0;
}
.infoslider {
	margin-top: 110px;
}
.whatwe h2 {
	font-size: 70px;
	line-height: 66px;
	letter-spacing: -0.9px;
	margin-bottom: 35px;
}
.infoslider .owl-stage {
	display: flex;
	align-items: stretch !important;
}
.infoslider .owl-item {
    display: flex !important;
    height: auto !important;
}
.infoslider .item {
	border-radius: 40px;
	background: #FFFFFD;
	padding: 40px;
	display: flex !important;
    flex-direction: column;
    flex: 1;
}
.infotags ul {
	display: flex;
	flex-wrap: wrap;
	list-style: none;
	padding: 0;	
	margin: 0;
}
.infotags ul li {
	color: #0B1215;
	font-family: "Space Mono", monospace;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	letter-spacing: 0.16px;
	text-transform: uppercase;
	border-radius: 10px;
	background: #F0B3F8;
	padding: 9px 10px;
	margin-right: 7px;
	margin-bottom: 7px;
}
.infodetails {
	border-top: 1px dotted #0B1215;
	padding-top: 30px;
	margin-top: 38px;
}
.infodetails h3 {
	font-size: 40px;
	line-height: 48px;
	letter-spacing: -0.4px;
	font-family: 'GilroyMedium';
	font-weight: 500;
	margin-bottom: 30px;
}
.infodetails p {
	font-size: 24px;
	line-height: 125%;
	letter-spacing: -0.24px;
	margin-bottom: 20px;
}
.infodetails p:last-child {
	margin-bottom: 0;
}
.contact-banner {
	border-radius: 40px;
}
.contact-banner:after {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-color: rgba(61, 0, 135, 0.3);
    mix-blend-mode: multiply;
    border-radius: 40px;
}
.contact-banner .background-video {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    height: 100%;
    transform: translate(-50%, -50%);
    transform-origin: center center;
    z-index: 0;
	object-fit: cover;
}
.contact-banner .sectinner h2 {
	color: #FEFDFD;
	font-size: clamp(2.8rem, 7vw, 8.75rem); 
	line-height: 1;
	letter-spacing: clamp(-0.5px, -0.1vw, -1.4px);
	font-family: 'GilroyRegular';
	font-weight: 400;
	max-width: 100%;
	margin-bottom: 10px;
}
.contact-banner .sectinner h3 {
	border-radius: 200px;
	background: #3146EE;
	padding: 15px 35px;
	display: inline-block;
	color: #FFF;
	font-size: 30px;
	line-height: 125%;
	letter-spacing: -0.3px;
} 
.getouch {
	background: #EDEBE6;
	padding: 92px 0 135px 0;
	border-radius: 40px;
	margin: 1.1111111111vw 1.1111111111vw 0 1.1111111111vw;
}
.getouch h2 {
	font-size: 30px;
	line-height: 125%;
	letter-spacing: -0.3px;
	max-width: 60%;
}
.getouchflex {
	border-top: 1px dotted #0B1215;
	padding-top: 90px;
	margin-top: 76px;
}
.getcol:first-child {
	width: 26%;
}
.getcol:last-child {
	width: 65%;
}
.getouchflex h3 {
	font-size: 50px;
	line-height: 125%;
	letter-spacing: -0.5px;
	border-bottom: 1px dotted #0B1215;
	padding-bottom: 90px;
	margin-bottom: 45px;
}
.getouchflex h3 svg {
	margin-left: 14px;
}
.getcol .getinfoinner {
	margin-bottom: 40px;
}
.mshow {display: none;}
.getcol .tagline {
	color: #0B1215;
	font-family: "Space Mono";
	font-size: 20px;
	font-style: normal;
	font-weight: 400;
	line-height: 125%;
	letter-spacing: 0.2px;
	text-transform: uppercase;
	padding: 0;
	margin: 0 0 8px 0;
}
.getcol .tagline:before {
	content: none;
}
.getcol .getinfoinner a {
	color: #0B1215;
	font-family: 'GilroyRegular';
	font-size: 30px;
	font-style: normal;
	font-weight: 400;
	line-height: 125%;
	letter-spacing: -0.3px;
}
.linkedin {
	color: #0B1215;
}
.linkedin i {
    font-size: 48px;
}
.linkedin:hover, .getcol .getinfoinner a:hover {
	color: #540861;
}
.jointeam {
	background: #ABE2FD;
	padding: 133px 20px;
	border-radius: 240px;
	margin: 1.1111111111vw 1.1111111111vw 0 1.1111111111vw;
	text-align: center;
}
.joininner {
	max-width: 49%;
	margin: 0 auto;
}
.joininner img {
	display: block;
	margin: 0 auto 58px auto;
}
.jointeam h3 {
	color: #0B1215;
	text-align: center;
	font-size: 90px;
	line-height: 125%; 
	letter-spacing: -0.9px;
	border-radius: 15px;
	background: rgba(115, 208, 253, 1);
	mix-blend-mode: multiply;
	display: inline-flex;
	padding: 0 18px;
	margin-bottom: 30px;
}
.joininner p {
	color: #0B1215;
	text-align: center;
	font-size: 30px;
	line-height: 125%;
	letter-spacing: -0.3px;
}
.joininner .bgbutton {
	margin-top: 42px;
}
.joininner .bgbutton:hover {
	background: rgba(255, 255, 255, 1);
	color: rgba(28, 17, 47, 1);
}
.footersect {
	position: sticky;
	bottom: 0;
	background: #FFF; 
}
.footerinner {
	position: relative;
	padding: 280px 0 0 0;
	overflow: hidden;
	margin-bottom: -65px;
}
.footerinner:after {
	content: '';
	background-image: url('../images/footerbg.png');
	width: 100%;
    height: 980px;
    background-size: cover;
    bottom: 0;
    left: 0;
    position: absolute;
	background-repeat: no-repeat;
	background-position: center center;
}
.gform_wrapper.gravity-theme .gfield textarea.small {
	height: 130px !important;
	border-radius: 30px !important;
	padding: 30px 35px !important;
}
.gradios {
	border-radius: 30px !important;
	padding: 30px 35px !important;
	background: #FFF !important;
	margin-top: -8px !important;
}
.gradios .gfield_label {
	display: block !important;
	position: absolute;
	outline: none; 
	border-radius: 200px;
	background: #FFF;
	border: 0 !important;
	color: #0B1215;
	font-family: "Space Mono", monospace;
	font-size: 16px !important;
	font-style: normal;
	font-weight: 400 !important;
	line-height: 125% !important;
	letter-spacing: 0.16px !important;
	text-transform: uppercase;
}
.gradios .ginput_container_radio {
	margin-top: 51px;
}
.gradios .gfield_radio {
	display: flex;
	flex-wrap: wrap;
}
.gradios .gfield_radio .gchoice {
	margin-right: 63px;
}
.gradios .gfield_radio .gchoice label {
	color: #0B1215 !important;
	font-family: "Space Mono", monospace !important;
	font-size: 16px !important;
	font-style: normal !important;
	font-weight: 400 !important;
	line-height: 125% !important;
	letter-spacing: 0.16px !important;
	text-transform: uppercase;
	cursor: pointer;
}
.getcol input[type="checkbox"] {
	border: 1px solid rgba(255, 255, 255, 1);
	background-color: #FFF;
}
.getcol label {
	color: #0B1215 !important;
	font-family: 'GilroyRegular' !important;
	font-size: 16px !important;
	font-style: normal !important;
	font-weight: 400 !important;
	line-height: 125% !important;
	letter-spacing: -0.16px !important;
	cursor: pointer;
}
.getcol label a {
	text-decoration: underline;
}
.getcol label a:hover {
	opacity: 0.5;
}
.getcol .gform_wrapper .gfield_checkbox input[type="checkbox"] {
	display: none;
}
.getcol .gform_wrapper .gfield_checkbox label {
	padding-left: 38px;
}
.getcol .gform_wrapper .gfield_checkbox label::before {
	content: '';
	position: absolute;
	left: 0;
	top: -1px;
	width: 20px;
	height: 20px;
	border: 1px solid #FFF;
	background-color: #FFF;
	transition: all 0.2s ease;
	border-radius: 5px;
}
.getcol .gform_wrapper .gfield_checkbox input[type="checkbox"]:checked + label::before {
	background-color: #540861;
	border-color: #540861;
}
.getcol .gform_wrapper .gfield_checkbox input[type="checkbox"]:checked + label::after {
	content: '';
	position: absolute;
	left: 9px;
	top: 3px;
	width: 3px;
	height: 10px;
	border: solid #FFF;
	border-width: 0 2px 2px 0;
	transform: rotate(45deg);
}
.getcol .gform_wrapper .gfield_radio input[type="radio"] {
	display: none;
}
.getcol .gform_wrapper .gfield_radio label {
	padding-left: 45px;
	margin-bottom: 5px !important;
}
.getcol .gform_wrapper .gfield_radio label::before {
	content: '';
	position: absolute;
	left: 0;
	top: -5px;
	width: 30px;
	height: 30px;
	border: 1px solid #EDEBE6;
	background-color: #EDEBE6;
	transition: all 0.2s ease;
	border-radius: 100px;
}
.getcol .gform_wrapper .gfield_radio input[type="radio"]:checked + label::before {
	background-color: #540861;
	border-color: #540861;
}
.gfield--type-checkbox {
	margin-top: 13px !important;
}
.getcol .gform_footer {
	margin-top: 35px !important;
}
.getcol .gform_footer .gform_button {
	width: 100%;
	padding: 25px;
	font-size: 22px;
	font-weight: 400;
	background: #F0B3F8 !important;
	color: #0B1215 !important;
	font-family: "Space Mono", monospace !important;
	font-size: 24px;
	font-style: normal;
	font-weight: 400;
	line-height: 44.791px;
	text-transform: uppercase;
	padding: 28px !important;
}
.getcol .gform_footer .gform_button:hover {
	background: #540861 !important;
	color: rgba(255, 255, 255, 1) !important;
}
.copyright {
	background-color: #D2CFBE;
	padding: 38px 0;
	position: relative;
	z-index: 1;
}
.copyright .flex {
	align-items: center;
}
.copyright ul {
	align-items: center;
	justify-content: center;
	display: flex;
	flex-wrap: wrap;
}
.copyright ul li {
	list-style: none;
	margin-bottom: 0;
	font-size: 14px;
	line-height: 14px;
	border-right: 1px solid #0B1215;
	color: #0B1215;
	font-family: "Space Mono", monospace;
	font-weight: 400;
	font-style: normal;
	padding: 0 30px;
	text-transform: uppercase;
	letter-spacing: 0.14px;
}
.copyright ul li span {
	font-family: none;
}
.copyright ul li a {
	color: #0B1215;
}
.copyright ul li:last-child {
	border-right: 0;
	padding-right: 0;
}
.copyright .linkedin-link {
	display: flex;
	align-items: center;
	padding: 0 25px 0 0;
	margin-right: 0;
	border-right: 0;
}
.copyright .linkedin-link a {
	padding: 0;
	color: #0B1215;
}
.copyright .linkedin-link i {
	font-size: 32px;
}
.copyright ul li a:hover, .copyright ul li.current-menu-item a {
	color: #540861;
}
.casestudy-banner {
	height: 1245px;
	margin: 0;
	border-radius: 0;
	overflow: hidden;
    position: sticky;
    top: 0;
    z-index: -1;
}
.casestudy-banner .background-video {
	width: 100%;
	height: 100%;
	transform: none;
	top: inherit;
	left: inherit;
	object-fit: cover;
}
.casestudy-banner:after {
	content: none;
}
.casestudy-sect {
    border-radius: 40px 40px 0px 0px;
    background: #FFF;
    padding: 115px 0 169px 0;
    margin-top: -230px;
    z-index: 2;
    position: relative;
}
.casestudy-sect .flex {
	max-width: 72%;
}
.casestudy-left {
	width: 17%;
}
.casestudy-right {
	width: 65.5%;
}
.casestudy-left ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
.casestudy-left ul li {
	border-radius: 350px;
	background: #F3F1ED;
	padding: 5px 20px;
	color: #0B1215;
	text-align: center;
	font-family: "Space Mono", monospace;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 44.791px;
	letter-spacing: 0.8px;
	text-transform: uppercase;
	display: inline-flex;
}
.casestudy-inner {
	margin-bottom: 85px;
}
.casestudy-inner .tagline {
	margin-bottom: 38px;
	padding-left: 21px;
}
.casestudy-inner p {
	color: #0B1215;
	font-size: 30px;
	line-height: 125%;
	letter-spacing: -0.3px;
}
.casestudy-info {
	padding: 0 1.1111111111vw;
	background-color: #FFF;
}
.casestudy-info img {
	width: 100%;
	border-radius: 40px;
	display: block;
	margin-bottom: 20px;
}
.casestudy-info .fullvideo {
	height: 900px;
	margin-bottom: 20px;
}
.casestudy-info .background-video {
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: 40px;
}
.twocolumn {
	align-items: center;
	
}
.twocolumn .casecol {
	width: 48%;
	margin-bottom: 10px;
}
.twocolumn .casecol:last-child {
	width: 48.5%;
}
.twocolumn .casecolinner {
	padding-right: 150px;
}
.twocolumn p {
	color: #0B1215;
	font-family: 'GilroyRegular';
	font-size: 40px;
	font-style: normal;
	font-weight: 400;
	line-height: 130%;
	letter-spacing: -0.5px;
	font-style: italic;
}
.twocolumn .tagline {
	margin-top: 38px;
}
.letsgo {
	border-radius: 40px;
	border: 1px solid #FFF;
	background: #EDEBE6;
	padding: 68px 20px;
	margin: 0 auto;
	text-align: center;
}
.letsgo .bgbutton {
    background: transparent;
    padding: 0;
    display: inline-flex;
    align-items: center;
	margin-top: 0;
    position: relative;
}
.letsgo .btntext {
	font-size: 24px;
    line-height: 24px;
    padding: 38px 54px;
    display: inline-flex;
    background: rgba(240, 179, 248, 1);
    border-radius: 500px;
	transition: 0.35s ease;
    transform: scale(1);
    z-index: 2;
}
.letsgo .bgarrow {
    position: absolute;
    right: 0;
    top: 0;
    padding: 39px;
    border-radius: 100px;
    background: #ABE2FD;
    opacity: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    transform: translateX(0) rotate(180deg);
    transition: 0.35s ease;
    pointer-events: none;
}
.letsgo .bgarrow img {
	line-height: 0;
	margin-bottom: 0;
}
.letsgo .bgbutton:hover .bgarrow { 
    opacity: 1;
    transform: translateX(100%) rotate(360deg) scale(1.06);
}
.letsgo .bgbutton:hover .btntext {
    background: rgba(171, 226, 253, 1);
    transform: scale(1.06);
}
.twocolinfo {
	margin: 160px 0;
}
.twocolinfo .casecol:first-child p {
	font-size: 30px;
	line-height: 125%;
	letter-spacing: -0.3px;
	font-family: 'GilroyRegular';
	font-style: normal;
	margin-bottom: 35px;
}
.twocolinfo .casecol {
	width: 39%;
}
.twocolinfo .casecol .casecolinner {
    padding-right: 0;
}
.twocolinfo .casecol:last-child {
    width: 46%;
}
.twocolimg .casecol:first-child, .twocolimg .casecol:last-child {
	width: 49.2%;
}
.pagesect {
	height: calc(510px - (2 * 1.1111111111vw));
	height: calc(510px - (2 * 1.1111111111vw));
}
.pagesect .container {
    align-items: flex-end;
    justify-content: center;
}
.pagesect .bannerinner h2 {
    font-size: 110px;
    line-height: 110%;
    letter-spacing: -1.1px;
    margin-bottom: 75px;
    color: #0B1215;
    font-family: 'GilroyRegular';
}
.pagemdl {
    padding: 120px 0 190px;
    border-bottom: 1px dotted #0B1215;
}
.pagemdlinner {
	max-width: 68%;
	margin: 0 auto;
}
.pagemdlinner h2, .pagemdlinner h3 {
	margin-bottom: 35px;
	font-size: 50px;
	line-height: 125%;
	letter-spacing: -0.5px;
}
.errorcontent {
	text-align: center;
}
.pagemdl p {
	font-size: 24px;
	line-height: 125%;
	letter-spacing: -0.24px;
	margin-bottom: 40px;
}
.errorcontent .bgbutton {
	margin-top: 13px;
}
.blogpagi {text-align: center;margin-top: 45px;}
.blogpagi .page-numbers {
	font-family: "Poppins", sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 16px;
    line-height: 22px;
    text-align: center;
    color: #0B1215;
    margin: 0px 5px;
    vertical-align: middle;
    display: inline-block;
    background: #F0B3F8;
    padding: 9px 17px;
    border-radius: 5px;
}
.blogpagi .page-numbers:hover,.blogpagi .current {background-color: rgba(189, 205, 173, 1);}
.searchinners {margin-bottom: 30px;border-bottom: 1px dotted #0B1215;padding-bottom: 25px;}
.searchinners h3 {margin-bottom: 20px;}
.blogpagi .page-numbers:hover, .blogpagi .current {
    background-color: #ABE2FD;
}
.searchinnerss .errors {text-align: center;}
.archive-lists .flex {
	margin: -20px;
}
.archive-column {
    width: calc(33.33% - 20px);
    margin-bottom: 55px;
	padding:  0 10px;
}
.archiveimg {
    height: 330px;
    margin-bottom: 20px;
    display: block;
}
.archive-sect p {
	font-size: 18px;
	line-height: 28px;
}
.archive-sect h3 {
	margin-bottom: 15px;
}
.archive-sect .bgbutton {
	margin-top: 5px;
}
.copyright .linkedin-link.mver {display: none;}
.copyright .linkedin-link.dver {display: block;}
@keyframes spin {
    to { transform: rotate(1turn); }
}
.smiley-wrapper {
    position: fixed;
    bottom: 44px;
    right: 3.05vw;
    width: 100px;
    height: 100px;
    max-width: 180px;
    max-height: 180px;
    border-radius: 50px;
    background-color: #FAF26F;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    z-index: 9999999;
    opacity: 0;
    transition:
        opacity .6s ease,
        transform .6s cubic-bezier(.25, .75, .25, 1),
        background-color .25s ease;
    transform-origin: center center;
}
@media (min-width: 768px) {
    .smiley-wrapper {
        width: 6.8vw;
        height: 6.8vw;
        min-width: 180px;
        min-height: 180px;
        border-radius: 90px;
    }
}
.smiley-wrapper .text-container {
    width: 85%;
    height: 85%;
    position: absolute;
}
.smiley-wrapper .text-container .text {
    position: absolute;
    inset: 0;
}
.smiley-wrapper .smiley-container {
    width: 50%;
    height: 50%;
    position: absolute;
}
.smiley-wrapper .smiley-container .smiley {
    width: 100%;
    height: 100%;
    position: absolute;
	transition: 0.3s all;
}
.smiley-wrapper.active {
    opacity: 1;
    transform: rotate(0) scale(1);
}
.smiley-wrapper:hover {
    background-color: rgba(159, 183, 255, 1);
	transform: rotate(0) scale(1.02);
}
.smiley-wrapper.loading .text {
    animation: spin 5s linear infinite;
}
.smiley-wrapper:hover .smiley-container .smiley {
	transform: rotate(30deg);
}
.page-template-contact-template .smiley-wrapper {
	display: none;
}
.modal {display: none; position: fixed; z-index: 999999; left: 0%; top: 0%; width: calc(100% - 32px); height: calc(100% - 32px); padding: 16px; overflow: scroll !important; background: rgba(84, 8, 97, 0.5); overflow-x: hidden !important;}
.modal-content {position: relative; background: #EDEBE6; margin: 0px auto; padding: 55px 45px 40px 45px; width: 1050px; -webkit-animation-name: animatetop; -webkit-animation-duration: 0.5s; animation-name: animatetop; animation-duration: 0.5s; text-align: center;border-radius: 40px;z-index: 2;}
.modal-content .container {padding: 0;}
.modal-content .close {
	text-align: right;
	position: absolute;
    top: 18px;
    right: 30px;
}
.modal-content .close i {font-size: 35px; color: #0B1215; cursor: pointer; transition: 0.3s all;}
.modal-content .close i:hover {opacity: 0.7;}
.modal-body {display: inline-block; width: 100% !important; overflow: hidden; text-align: left;}
@-webkit-keyframes animatetop {from {top: -500px; opacity: 0;} to {top: 0; opacity: 1;}}
@keyframes animatetop {from {top: -500px; opacity: 0;} to {top: 0; opacity: 1;}}
.modal-open {overflow: hidden;}
.vertical-alignment-helper {display: table; height: 100%; width: 100%;}
.vertical-align-center {display: table-cell; vertical-align: middle;}
.modal-body.getcol h3 {
	padding-bottom: 0;
	border-bottom: 0 !important;
	margin-bottom: 35px !important;
	font-size: 50px;
	font-style: normal;
	font-weight: 400;
	line-height: 125%;
	letter-spacing: -0.5px;
}
#formmodal .modal-backdrop {
    position: absolute;
    inset: 0;
    background: rgba(0,0,0,0);
    cursor: pointer;
	z-index: 1;
}
.modal-body.getcol svg {
	margin-left: 10px;
}
.modal-body.getcol .gform_footer {
    margin-top: 10px !important;
}
.gform_confirmation_message {
	font-size: 20px;
    	text-align: center;
	line-height: 30px;
}
.marqueeslider {
	overflow: hidden;
	touch-action: pan-y;
}

.marqueeslider .track {
	display: flex;
	align-items: center;

	will-change: transform;
	transform: translate3d(0,0,0); /* iOS GPU fix */
	backface-visibility: hidden;   /* repaint fix */
}
   
.logoslider .track { 
    gap: 110px;
}
.trustedslider .track {
    gap: 40px;
    align-items: inherit;
}
.trustedslider .item {
    flex: 0 0 48%;
}
.leftscroll .track, .rightscroll .track {
    gap: 15px;
}
.leftscroll .item, .rightscroll .item, .logo-item {
    flex: 0 0 auto;
}
.infoslider .track {
    gap: 25px;   
	align-items: inherit;
}
.infoslider .item {
    flex: 0 0 24%;
}

@media screen and (min-width: 1025px) {
	.headerlogo {transition: all 0.3s ease;-webkit-transition: all 0.3s ease;-ms-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;margin-bottom: 0;line-height: 0;}
	.headerright {
		position: fixed;
		top: 2.292vw;
    	right: 3vw;
	}
	.headerright > ul {
		display: flex;
		align-items: center;
		padding: 5px;
		border-radius: 500px;
 		/*backdrop-filter: blur(12.2px);
		-webkit-backdrop-filter: blur(12.2px);
		background: rgba(255, 255, 255, 0.75);
		*/
		
	    backdrop-filter: blur(8px);
        background-color: rgba(222, 222, 222, 0.5);
	}
	.mobileversion {display: none;}
	.nav > li {display: inline-block; vertical-align: top; position: relative;margin-bottom: 0px;} 
	.nav li > ul {position: absolute; display: none; border: none; border-radius: 0px; min-width: 100%; top: 100px; left: 0px; margin: 0px; background: #007DC3; list-style: none;padding: 10px 0;}
	.nav li a {-webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; 
		transition: all 0.3s ease; 
		display: block;
        color: rgba(11, 18, 21, 1);
        padding: 11px 26px;
        font-family: 'GilroyMedium';
        font-weight: 400;
        font-style: normal;
        font-size: 16px;
        line-height: 22px;
        text-align: center;
		border-radius: 100px;
	}
	.nav li:hover > ul {display: inline-block;}
	.nav li li {margin-bottom: 0;}
	.nav li li a {display: block; position: relative; padding: 8px 20px !important; font-family: 'GilroyRegular'; font-weight: 400; font-style: normal; font-size: 20px; line-height: 30px; color: #FFF; text-align: left;text-transform: inherit; }
	.nav li a:hover {
		background-color: #D1CCD5;
	}
	.nav li.current-menu-item > a {
		background-color: #540861;
		color: #FFF;
	}
	.nav li.contact a {
		padding: 5px 5px 5px 15px;
        display: flex;
        align-items: center;
	}
	.nav li.contact a:after {
        content: "";
        background-image: url(../images/arrow.svg);
        width: 13px;
        height: 13px;
        display: inline-block;
        background-size: 41%;
        background-repeat: no-repeat;
        background-position: center;
        background-color: transparent;
        border-radius: 500px;
        padding: 11px;
        margin-left: 7px;
		transition: 0.3s all ease;
    }
	.nav li.contact a:hover {
		background-color: #540861;
		color: #FFF;
	}
	.nav li.contact a:hover:after, .nav li.contact.current-menu-item a:after {
		transform: rotate(45deg);
		background-image: url(../images/warrow.svg);
		background-color: #B04CBE;
	}
}
@media (max-width: 1400px) { 
	.headersect .container {
		padding: 0 40px;
	}
	.aboutsect .bannerinner {
		max-width: 100%;
	}
	.aboutsect .bannerinner h2 {
		font-size: 80px;
		line-height: 120%;
	}
	.aboutsect .bannerinner span {
		font-size: 80px;
	}
	.aboutsect .bannerinner .square {
		margin-right: 10px;
	}
	.teamlist .flex {
		width: 100%;
	}
	.makeinner {
		max-width: 100%;
	}
	.makesect, .whatwe {
		padding: 100px 0;
	}
	.round {
		margin-left: 0;
		padding: 5px 20px;
	}
	.square {
		margin-bottom: 8px;
		padding: 5px 20px;
	}
	.casestudy-left {
		width: 20%;
	}
	.twocolumn .casecolinner {
		padding-right: 0;
	}
	.trustedinner {
		max-width: 80%;
	}
	.logoslider .track { 
		gap: 80px;
	}
	.trustedslider .item { 
		padding: 60px;
	}
	.trustedslider p {
		font-size: 38px;
	}
	.cta {
		padding: 100px 90px;
	}
	.aboutmdlinner {
		max-width: 100%;
	}
}
@media (max-width: 1200px) { 
	.copyright ul li {
		padding: 0 15px;
	}
	.getcol:last-child {
		width: 57%;
	}
	.getcol:first-child {
		width: 40%;
	}
	.joininner {
		max-width: 65%;
	}
	.casestudy-left {
        width: 26%;
    }
	.casestudy-sect .flex {
		max-width: 100%;
	}
	.hinfo .htags {
		top: 34px;
    	left: 34px;
	}
	.hinfo h3 {
		font-size: 30px;
	}
	.hinfo {
		padding: 0 34px;
	}
	.hcol:hover {
		border-radius: 62px;
	}
	.htext {
		margin-top: 75px;
	}
	.pagemdlinner {
		max-width: 100%;
	}
	.pagemdl {
		padding: 60px 0;
		border-bottom: 1px dotted #0B1215;
	}
}
@media (max-width: 1024px) {
	.headerlogo {width: 100px;margin-bottom: 0;}
	.custom-logo-svg {width: 100px; height: 42px;}
	.desktopver {display: none !important;}
	.menutoggle .mv {display: none;}
	.site-header {
		top: 25px;
		left: 30px;
		z-index: 99999;
	}
	.site-header .container {
		padding: 0;
	}
	.headersect {
		position: fixed;
		inset: 0;
		background: #F0B3F8;
		opacity: 0;
		visibility: hidden;
		transition: opacity 0.35s ease;
		z-index: 999;
		padding: 0;
	}
	.headerlist {height: 100%;}
	.headersect .container {
		height: 100%; padding: 0px;
	}
	.headerinner {
		margin-bottom: 0px;
        height: 0;
        border-bottom: 0px;
        padding: 0px;
	}
	.headersect .headermains {
		display: inline-block;
        position: relative;
        width: 100%;
	}
	.menutoggle {
		width: 36px;
		cursor: pointer;
		position: fixed;
		top: 16px;
		right: 0;
		z-index: 99999;
		height: 40px;
	}
	.nav.hidden {
        display: none;
    }
	.headersect.on {
		opacity: 1;
    	visibility: visible;
	}
	.headersect .headerlogo {
		margin: 0;
		position: fixed;
		z-index: 99;
		line-height: 0;
		top: 38px;
		display: none;
	}
	.nav {
        padding: 0;
        margin: 9.5em auto 0 !important;
        list-style: none;
    }
	.menusection {
		height: 100%;
    	overflow-y: auto;
	}
	body.menu-open {
		overflow: hidden;
	}
	.menusection.on {
		width: 100%;
        height: 100%;
        position: absolute;
        left: 0;
        top: 0px;
        margin: 0px;
        overflow-y: scroll;
	}
	.menutoggle.light svg path {
		fill: #FFF;
	}
	.menutoggle.dark svg path {
		fill: #0B1215;
	}
	.headernew .menutoggle.dark svg path {
		fill: #FFF;
	}
	.mobile-header {
		position: fixed;
		right: 30px;
		z-index: 10000;
		transform: translateY(0);
		transition: transform 0.35s ease, background 0.35s ease;
	}
	.mobile-header.hide {
		transform: translateY(-210%);
	}
	.mobile-header.on svg path {
		fill: #51085D;
	}
	.mobile-header.on .headerlogo.dark svg path {
		mix-blend-mode: inherit;
		filter: inherit;
	}
	.nav li,.nav ul {
		list-style: none;
		margin-bottom: 0px;
		position: relative;
	}
	.nav > li {
		float: none !important; 
		padding: 0px 30px !important; 
		display: block !important;
		position: relative;
	}
	.nav li > ul {
		display: none;
		position: relative;
	}
	.nav li a {
		position: relative; 
		color: #51085D;
		font-family: 'GilroyRegular';
		font-size: 48px;
		font-style: normal;
		font-weight: 400;
		line-height: 100%;
		letter-spacing: -0.48px;
		padding: 20px 0;
		border-bottom: 1px dotted #0B1215;
		display: block;
	}
	.nav li:nth-last-child(2) a {
		border-bottom: 0 !important;
	}
	.open > .sub-menu {
		display: block !important;
	}
	.nav .sub-menu {
		padding-left: 20px;
	}
	.nav .sub-menu li a {
		padding: 9px 25px 12px 0 !important; 
		font-size: 20px; line-height: 28px; 
	}
	.nav .sub-menu li:first-child a {
		padding-top: 0;
	}
	.nav .sub-menu li:last-child a {
		padding-bottom: 0;
	}
	.nav .carets:after {
		position: absolute; 
		top: 11px; 
		right: 20px; 
		content: "\f067"; 
		font-family: FontAwesome; 
		font-weight: normal; 
		font-size: 20px; 
		vertical-align: middle; 
		color: #FFF;
	}
	.open > span.carets:after {
		content: "\f068";
	}
	.nav li li .carets:after {
		right: 0; 
		top: 8px;
	}
	.nav li.mlinkedin a {
		border-bottom: none;
	}
	.nav li.mlinkedin i {
		font-size: 33px;
	}
	.main-sect {
		padding-bottom: 15px; 
		border-radius: 20px;
	}
	.home-banner {
		margin: 16px;
        border-radius: 30px;
        height: calc(100dvh - 30px);
        height: calc(100vh - 30px);
	}
	.home-banner .sectinner h2 {
		max-width: 100%;
		font-size: clamp(3.125rem, 7vw, 8.75rem);
	}
	.contact-banner:after {
		border-radius: 30px;
	}
	.logoslider {
		padding: 50px 0;
	}
	.homemdl {
		padding: 50px 0 60px;
	}
	.homemdl h2 {
		font-size: 30px;
		line-height: 125%; 
		letter-spacing: -0.3px;
		padding-right: 0;
	}
	.tagline {
		margin-bottom: 35px;
	}
	.hworks {
		padding: 70px 16px 0 16px;
		margin: 0;
		border-bottom-left-radius: 40px;
		border-bottom-right-radius: 40px;
	}
	.hworks .container {
		padding: 0;
	}
	.hworks h2 {
		font-size: 40px;
		line-height: 120%;
		letter-spacing: -0.4px;
		margin-bottom: 30px;
	}
	.hworks h2 em {
		text-decoration: none;
	}
	.hcolinner {
		height: 336px;
	}
	.hinner {
		margin-bottom: 25px;
	}
	.meetflex h3 {
		font-size: 34px;
		line-height: 125%;
		letter-spacing: -0.34px;
		text-align: center;
	}
	.minner {
		padding: 20px 20px 68px 20px;
	}
	.minner .mcol {
		width: 100%;
	}
	.meetvideo {
		margin-bottom: 45px;
	}
	.minner .mcol:last-child {
		margin-top: 20px;
	}
	.homemdl .container, .copyright .container, .aboutmdl .container, .worklistsect .container, .casestudy-sect .container {
		padding: 0 16px;
	}
	.mcolinner {
		margin-bottom: 30px;
	}
	.meetflex {
		padding: 100px 0 50px;
	}
	.trusted {
		margin: 78px 0 15px 0;
		padding: 68px 17px;
	}
	.trustedinner {
		max-width: 100%;
		padding: 0;
	}
	.trustedinner h2 {
		margin-bottom: 25px;
	}
	.cta {
		padding: 60px 0;
		margin: 20px 16px 0 16px;
	}
	.cta h2, .cta h2 em {
		font-size: 34px;
		line-height: 125%;
		letter-spacing: -0.34px;
		padding-right: 0;
	}
	.cta h2 em {
		width: 100%;
		display: block;
		margin-bottom: 35px;
	}
	.cta .bgbutton {
		margin-top: 5px;
	}
	.trustedinner p {
		max-width: 70%;	
	}
	.trustedslider .item {
		padding: 60px 30px;
		border-radius: 20px;
	}
	.trustedslider p {
		font-size: 28px;
		line-height: 150%;
		letter-spacing: -0.24px;
	}
	.cta .btntext {
		font-size: 14px;
		line-height: 24px;
		padding: 18px 34px;
	}
	.cta .bgarrow {
		padding: 19px;
	}
	.copyright {
		padding: 40px 0 18px;
	}
	.copyright .fcolumn:first-child {
		border-bottom: 1px dotted #0B1215;
		padding-bottom: 5px;
		margin-bottom: 20px;
		width: 100%;
	}
	.copyright .fcolumn:first-child ul {
		column-count: 2;
		display: block;
	}
	.copyright .fcolumn:first-child ul li {
		padding: 0 0 20px 0;
		border-right: 0;
	}
	.copyright .fcolumn:last-child ul li {
		padding: 0;
		border-right: 0;
		font-size: 12px;
	}
	.copyright .fcolumn:last-child ul li:last-child {
		display: none;
	}
	.copyright .linkedin-link.mver {
		display: block;
		border-bottom: 1px dotted #0B1215;
		padding-bottom: 16px;
		margin-bottom: 25px;
	}
	.copyright .fcolumn:last-child {
		display: block;
		margin: 0 auto;
	}
	.copyright .linkedin-link.dver {
		display: none;
	}
	.meetflex p {
		padding-right: 0;
	}
	.mcol .mcolimg {
		height: 500px;
	}
	.aboutsect {
		margin: 16px;
        border-radius: 30px;
        height: calc(100dvh - 30px);
        height: calc(100vh - 30px);
	}
	.aboutsect .bannerinner h2 {
		font-size: 60px;
	}
	.aboutsect .bannerinner span {
		font-size: 60px;
	}
	.aboutsect .bannerinner .square {
        margin-right: 15px;
    }
	.servicesect .bannerinner span {
        margin-bottom: 10px;
    }
	.aboutmdlinner {
		max-width: 100%;
	}
	.aboutmdlinner p {
		font-size: 35px;
	}
	.aboutmdl {
		padding: 60px 0;
	}
	.teamsect {
		padding: 60px 0 40px;
		margin: 0 16px;
	}
	.teamright img {
		margin-bottom: 50px;
	}
	.teamright p {
		font-size: 24px;
	}
	.teamlist, .explorelogo {
		padding-top: 60px;
		margin-top: 60px;
	}
	.teamlist .teamimg {
		width: 40%;
	}
	.teamlist .teaminfo {
		width: 57%;
	}
	.teamlist .flex {
		margin-bottom: 0;
	}
	.explore {
		padding: 60px 0;
		margin: 0 16px;
	}
	.explore .flex {
		max-width: 100%;
	}
	.worklistsect {
		padding: 60px 0 40px;
	}
	.workcol, .workcol:first-child {
		width: 100%;
	}
	.workcol h3 {
		font-size: 40px;
	}
	.workcol p {
		font-size: 24px;
		line-height: 34px;
	}
	.worklistsect .hinner {
		margin: 40px 0 0;
	}
	.wlogosect .logoslider {
		padding: 45px 0 30px;
	}
	.rightscroll {
		margin-top: 30px;
	}
	.getouch {
		padding: 60px 0;
		margin: 20px 16px 0 16px;
	}
	.getouch h2 {
		max-width: 100%;
	}
	.getouchflex {
		margin-top: 60px;
		padding-top: 60px;
	}
	.getcol h3 {
		font-size: 42px;
		padding-bottom: 30px;
		margin-bottom: 35px;
	}
	.getcol .getinfoinner a, .joininner p {
		font-size: 24px;
	}
	.jointeam {
		padding: 60px 0;
		border-radius: 40px;
		margin: 20px 16px 0 16px;
	}
	.joininner {
        max-width: 100%;
    }
	.jointeam h3 {
		font-size: 60px;
	}
	.joininner .bgbutton {
		margin-top: 20px;
	}
	.getcol .gform_footer .gform_button {
		padding: 20px !important;
		font-size: 20px;
	}
	.contact-banner .sectinner h2 {
		margin-bottom: 15px;
	}
	.servicelistsect .workcol p {
		max-width: 100%;
	}
	.makesect{
        padding: 60px 0;
		margin: 0 16px;
    }
	.whatwe {
        padding: 60px 0 40px;
		margin: 20px 16px 0 16px;
    }
	.makesect h2, .whatwe h2 {
		font-size: 48px;
		line-height: 58px;
		margin-bottom: 20px;
	}
	.makeinner p {
		font-size: 24px;
	}
	.makecard {
		margin-top: 50px;
	}
	.cardinner {
		padding: 30px;
	}
	.cardnum {
		padding: 25px;
		font-size: 220px;
		width: 250px;
	}
	.cardinfo {
		width: calc(100% - 330px);
	}
	.cardinfo h3 {
		font-size: 45px;
	}
	.cardinfo p {
		padding-right: 0;
	}
	.infoslider {
		margin: 35px 10px 0 10px;
		width: calc(100% - 20px);
	}
	.infoslider .item {
		padding: 20px;
		border-radius: 20px;
		flex: 0 0 38%;
	}
	.infodetails h3 {
		font-size: 32px;
		line-height: 42px;
		margin-bottom: 20px;
	}
	.infodetails {
		margin-top: 30px;
	}
	.infodetails p:last-child {
		margin-bottom: 0;
	}
	.casestudy-sect {
		padding: 60px 0;
	}
	.casestudy-inner:last-child {
		margin-bottom: 0;
	}
	.casestudy-inner {
		margin-bottom: 40px;
	}
	.casestudy-inner p, .twocolinfo .casecol:first-child p {
		font-size: 24px;
	}
	.twocolinfo {
		margin: 60px 0 20px;
	}
	.casestudy-info {
		padding: 0 16px;
	}
	.twocolinfo .container {
		padding: 0;
	}
	.twocolumn p {
		font-size: 40px;
		line-height: 50px;
	}
	.smiley-wrapper {
		bottom: 45px;
	}
	.modal-content {
        width: auto;
        padding: 30px 17px 21px 17px;
    }
	.modal-body.getcol h3 {
		margin-bottom: 35px !important;
		font-size: 30px !important;
	}
	.modal-body.getcol .gform_footer .gform_button {
        padding: 21px 20px !important;
        font-size: 18px;
    }
	.modal-body.getcol .gform_footer {
		margin-top: 13px !important;
	}
	body.menu-open {
		overflow: hidden;
	}
	.gform_wrapper.gravity-theme .gform_fields {
		grid-column-gap: 10px !important;
		grid-row-gap: 12px !important;
	}
	select, .gform-body input[type='text'], input[type='email'], input[type='password'], input[type='tel'], input[type='url'], textarea {
		padding: 13px 23px !important;
		font-size: 16px !important;
	}
	.gform_wrapper.gravity-theme .gfield textarea.small {
		padding: 16px 23px !important;
		height: 100px !important;
	}
	.gradios {
		padding: 18px 23px !important;
		margin-top: -9px !important;
	}
	.getcol .gform_wrapper .gfield_radio label::before {
		width: 28px;
		height: 28px;
	}
	.getcol .gform_wrapper .gfield_checkbox label {
		font-size: 12px !important;
	}
	.gfield--type-checkbox {
		margin-top: 10px !important;
	}
	.gradios .gfield_radio .gchoice {
		margin-right: 15px;
	}
	.casestudy-info .fullvideo {
		height: 600px;
	}
}
@media (max-width: 992px) {
	.aboutsect .bannerinner h2 {
		font-size: 48px;
        text-align: center;
        margin-bottom: 0;
	}
	.aboutsect .bannerinner span {
		font-size: 48px;
        text-align: center;
	}
	.aboutsect .container {
    	align-items: center;
		justify-content: center;
	}
	.aboutmdlinner p {
        font-size: 24px;
    }
	.teamleft, .teamright {
		width: 100%;
	}
	.teamlist .teamimg {
        width: 72%;
		margin: 0 auto;
    }
	.teamlist .teaminfo {
        width: 100%;
		margin-top: 50px;
    }
	.teamlist {
		margin-top: 30px;
		padding-top: 25px;
	}
	.teamlist .flex {
		margin-top: 40px;
	}
	.explorecol:first-child {
		width: 100%;
		margin-bottom: 40px;
	}
	.explorecol {
		width: 100%;
	}
	.footerinner {
		padding: 150px 0 0 0;
		margin-bottom: -22px;
	}
	.contact-banner .sectinner h3 {
		font-size: 22px;
		border-radius: 50px;
	}
	.contact-banner .sectinner h2 {
		font-size: clamp(2.5rem, 7vw, 8.75rem);
	}
	.getcol:first-child {
        width: 100%;
		order: 2;
		margin-top: 55px;
    }
	.getcol:last-child {
        width: 100%;
		order: 1;
    }
	.jointeam h3 {
        font-size: 50px;
    }
	.getouch h2 {
		font-size: 24px;
	}
	.servicelistsect .workcol:first-child, .servicelistsect .workcol {
		width: 100%;
	}
	.cardinner {
		border-radius: 40px;
	}
	.cardnum {
        font-size: 170px;
        width: 200px;
		border-radius: 40px;
		line-height: 170px;
    }
	.cardinfo {
        width: calc(100% - 280px);
    }
	.cardinfo h3 {
        font-size: 35px;
		line-height: 45px;
    }
	.cardinner {
        padding: 25px 20px;
		margin-bottom: 20px;
    }
	.twocolumn p {
        font-size: 30px;
        line-height: 40px;
    }
	.hcolinner .background-video, .hcolinner, .minner, .trusted, .cta, .teamsect, .teamright img, .teamlist .teamimg, .explore, .explorecol:first-child, .makesect, .cardinner, .cardnum, .whatwe, .casestudy-info img, .letsgo, .getouch, .jointeam, .casestudy-info .background-video {
		border-radius: 18px;
	}
	.teamlist .teamimg:after {
		border-radius: 18px;
	}
	.teamimg:hover, .teamlist .teamimg:hover:after {
		border-radius: 40px;
	}
	.hcol:hover {
		border-radius: 62.395px;
	}
	.mobileversion .nav { 
		overflow-y: auto;
	}
	.menusection.on {
		height: 100vh;
	}
	.trustedinner p {
		max-width: 90%;	
	}
	.getcol:first-child h3 {
		display: none;
	}
	.mshow {
		display: block;
	}
	.getouchflex {
        margin-top: 60px;
        padding-top: 0;
		border-top: none;
    }
	.casestudy-left ul li {
		font-size: 14px;
		line-height: 40px;
	}
	.pagemdlinner h2, .pagemdlinner h3 {
		margin-bottom: 30px;
    	font-size: 36px;
	}
	.pagemdl p {
		font-size: 22px;
	}
	.modal-content {
		border-radius: 30px;
	}
	.superpower-info:before {
		border-radius: 25px;
	}
	.superpower-info p {
		font-size: 20px;
	}
	.superpower-info {
		padding: 40px 22px 20px 22px;
	}
	.infoslider .item {
		flex: 0 0 50%;
	}
	.trustedslider .track {
		gap: 20px;
	}
/* 	.casestudy-banner .background-video {
		transform: translate(-50%, -50%);
		top: 50%;
    	left: 50%;
		width: auto;
	} */
}
@media (max-width: 785px) { 
	.admin-bar .menutoggle {
		top: 80px;
	}
}
@media (max-width: 767px) {
	.cardnum { 
		width: 225px;
	}
	.makesect {
		padding: 60px 0 40px;
	}
	.cardinner {
		margin: 0 0 20px;
		padding: 15px;
	}
	.cardnum {
		padding: 10px;
	} 
	.home-banner .background-video {
        width: 100.5vh;
        height: 100vw;
        min-width: 100.5vh;
        min-height: 100vw;
    }
	.contact-banner .background-video, .casestudy-banner .background-video {
		min-height: 100%;
		width: 100%;
		min-width: 100%;
	}
	.cardinfo h3 {
        font-size: 24px;
        line-height: 34px;
		margin-bottom: 15px;
    }
	.infodetails h3 {
		font-size: 24px;
		line-height: 34px;
	}
	.cardinfo p, .infodetails p {
		font-size: 18px;
		line-height: 125%;
	}
	.infotags ul li {
		font-size: 14px;
	}
	.pagemdl p {
		font-size: 20px;
	}
}
@media (max-width: 640px) {
	#wpadminbar {
		position: fixed;
	}
} 
@media (max-width: 570px) {
	.trustedinner p {
		font-size: 18px;
		line-height: 125%; 
		letter-spacing: -0.18px;
	}
	.meetflex p {
		font-size: 18px;
		line-height: 125%;
		letter-spacing: -0.18px;
		padding-right: 0;
	}
	.trustedslider h3 {
		font-size: 18px;
		line-height: 120%;
		letter-spacing: -0.18px;
	}
	.hcol, .mcol .mcolimg {
		width: 100%;
	}
	.meetvideo {
		height: 248px;
	}
	.mcol .mcolimg {
		height: 500px;
		margin-bottom: 20px;
	}
	.meetflex h3 .tag {
		padding: 5px;
	}
	.cta .btntext {
		background: rgba(240, 179, 248, 1);
	}
	.teamright p, .aboutmdlinner p, .teamlist .teaminfo h3 {
        font-size: 24px;
        line-height: 34px;
    }
	.teamlist .teamimg {
		width: 100%;
		height: 450px;
	}
	.teamlist .teaminfo .taginfo {
		margin: 15px 0;
	}
	.explorecol:first-child {
		height: 500px;
	}
	.usplus {
		height: 65px;
	}
	.explorecol .bgbutton {
		margin-top: 0;
	}
	.workcol h3 {
        font-size: 34px;
    }
	
	.getcol h3 {
        font-size: 30px;
    }
	.getcol h3 svg {
		position: relative;
		top: 6px;
		width: 25px;
	}
	.jointeam h3 {
        font-size: 30px;
		padding: 18px;
    }
	.joininner img {
		margin: 0 auto 35px auto;
	}
	.cardnum {
		width: 100%;
	}
	.cardinfo {
		width: 100%;
		margin-top: 20px;
	}
	.cardinfo .tagline {
		margin-bottom: 15px;
	}
	.makesect h2, .whatwe h2 {
        font-size: 38px;
        line-height: 48px;
    }
	.casestudy-left {
        width: 100%;
    }
	.casestudy-right {
		width: 100%;
		margin-top: 30px;
	}
	.twocolumn .casecol {
		width: 100% !important;
	}
/* 	.letsgo .bgbutton {
		padding: 20px;
	} */
	.trustedinner p {
		max-width: 100%;	
	}
	.letsgo .btntext {
		padding: 25px 40px;
		font-size: 22px;
	}
	.letsgo .bgarrow {
		padding: 26px;
	}
	.trustedslider .item {
		flex: 0 0 78%;
	}
	.infoslider .item {
		flex: 0 0 86%;
	}
	.logoslider .track { 
		gap: 50px;
	}
	.casestudy-info .fullvideo {
		height: 100%;
	}
}
@media (max-width: 380px) {
	.mcol .mcolimg, .teamlist .teamimg, .explorecol:first-child {
        height: 400px;
    }
	.superpower-info p {
		font-size: 18px;
	}
}