/*!
Theme Name: anything
Theme URI: http://underscores.me/
Author: anything.
Author URI: http://underscores.me/
Description: Description
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: anything
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

anything is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Generic
	- Normalize
	- Box sizing
# Base
	- Typography
	- Elements
	- Links
	- Forms
## Layouts
# Components
	- Navigation
	- Posts and pages
	- Comments
	- Widgets
	- Media
	- Captions
	- Galleries
# plugins
	- Jetpack infinite scroll
# Utilities
	- Accessibility
	- Alignments

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

/*--------------------------------------------------------------
# Generic
--------------------------------------------------------------*/

/* Normalize
--------------------------------------------- */

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

/* Document
	 ========================================================================== */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
html {
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
}

/* 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;
}

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

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

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

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

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

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

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

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

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

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

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

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

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

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

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

/**
 * 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
--------------------------------------------------------------*/

/********************/
section.section.n2_1 {
 background: #000;
 text-align: center;
}
.nav-pills--portfolio {
 gap: 2rem;
 margin-bottom: 2rem;
}
.nav-pills--portfolio .nav-item .nav-link {
 color: #fff;
 text-transform: uppercase;
 font-weight: 600;
 font-family: "Syncopate", sans-serif !important;
 line-height: 1.5;
 padding-top: 0.75rem;
}

.nav-pills--portfolio .nav-item .nav-link.active,
.nav-pills--portfolio .nav-item .nav-link:hover {
 background: white;
 color: #000;
}

.nav-justified .nav-item,
.nav-justified > .nav-link {
 max-width: 18em;
}

.nav-pills--portfolio {
 gap: 2rem;
 margin-bottom: 2rem;
 justify-content: center;
}
.portfolio-card.web {
 position: relative;
 height: 400px;
 overflow: hidden;
 margin-bottom: 1.25rem;
}
.portfolio-card.web a img {
 height: auto;
 transform: translateY(0);
 transition: all 5s;
}
.portfolio-card a img,
video {
 width: 100%;
 height: 300px;
 object-fit: cover;
 margin-bottom: 1.25rem;
 overflow: hidden;
 border-radius: 6px;
 transition: all 0.6s;
}
.portfolio-card.web a:hover img {
 transform: translateY(calc(-100% + 300px));
}
/********************/


/* Typography
--------------------------------------------- */
body,
button,
input,
select,
optgroup,
textarea {
  color: #404040;
  font-family: -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: #fff;
}

hr {
  background-color: #ccc;
  border: 0;
  height: 1px;
  margin-bottom: 1.5em;
}

ul,
ol {
  margin: 0 0 1.5em 3em;
}

ul {
  list-style: disc;
}

ol {
  list-style: decimal;
}

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

dt {
  font-weight: 700;
}

dd {
  margin: 0 1.5em 1.5em;
}

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

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

figure {
  margin: 1em 0;
}

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

/* Links
--------------------------------------------- */
a {
  color: #4169e1;
}

a:visited {
  color: #800080;
}

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

a:focus {
  outline: thin dotted;
}

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

/* 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
--------------------------------------------------------------*/

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

/* Navigation
--------------------------------------------- */
.main-navigation {
  display: block;
  display: none;
  width: 100%;
}

.main-navigation ul {
  display: none;
  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;
}

.main-navigation a {
  display: block;
  text-decoration: none;
}

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

@media screen and (min-width: 37.5em) {
  .menu-toggle {
    display: none;
  }

  .main-navigation ul {
    display: flex;
  }
}

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

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

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

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

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

.post,
.page {
  margin: 0 0 1.5em;
}

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

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

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

/* Comments
--------------------------------------------- */
.comment-content a {
  word-wrap: break-word;
}

.bypostauthor {
  display: block;
}

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

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

/* Media
--------------------------------------------- */
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
  border: none;
  margin-bottom: 0;
  margin-top: 0;
  padding: 0;
}

/* Make sure logo link wraps around logo image. */
.custom-logo-link {
  display: inline-block;
}

/* Captions
--------------------------------------------- */
.wp-caption {
  margin-bottom: 1.5em;
  max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.wp-caption .wp-caption-text {
  margin: 0.8075em 0;
}

.wp-caption-text {
  text-align: center;
}

/* Galleries
--------------------------------------------- */
.gallery {
  margin-bottom: 1.5em;
  display: grid;
  grid-gap: 1.5em;
}

.gallery-item {
  display: inline-block;
  text-align: center;
  width: 100%;
}

.gallery-columns-2 {
  grid-template-columns: repeat(2, 1fr);
}

.gallery-columns-3 {
  grid-template-columns: repeat(3, 1fr);
}

.gallery-columns-4 {
  grid-template-columns: repeat(4, 1fr);
}

.gallery-columns-5 {
  grid-template-columns: repeat(5, 1fr);
}

.gallery-columns-6 {
  grid-template-columns: repeat(6, 1fr);
}

.gallery-columns-7 {
  grid-template-columns: repeat(7, 1fr);
}

.gallery-columns-8 {
  grid-template-columns: repeat(8, 1fr);
}

.gallery-columns-9 {
  grid-template-columns: repeat(9, 1fr);
}

.gallery-caption {
  display: block;
}

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

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

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

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

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

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

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

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

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

/* Alignments
--------------------------------------------- */
.alignleft {
  /*rtl:ignore*/
  float: left;

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

.alignright {
  /*rtl:ignore*/
  float: right;

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

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

/******************************************* CUSTOM CSS EDITS STARTS *******************************************/

html,
body {
  padding: 0;
  margin: 0;
  width: 100%;
  height: 100%;

  scrollbar-width: none;
  -ms-overflow-style: none;
}

::-webkit-scrollbar {
  width: 0px;
  background: #000;
}

div#page {
  height: 100%;
}
main {
  display: block;
  height: 100%;
}

.site-title,
.site-description {
  display: none;

  position: absolute;
  clip: rect(1px, 1px, 1px, 1px);
}

.mobile {
  display: none;
}

/***GLOBAL LEVEL RULES***/
* {
  box-sizing: border-box;
}
.container {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
}
.bg_black {
  background: #000;
}
/***GLOBAL LEVEL RULES ENDS***/

/*  CSS Animations  */
/*
@-webkit-keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.fadeInDown {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
}

.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

@-webkit-keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}

.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}*/
/*  CSS Animations Ends  */

/*canvas {
  width: 100vw;
  height: 100vh;
  background-color: #bfdfe1;
  background-color: #eee;
  position: absolute;
}*/

/* matterjs sht*/
div#wrap {
  display: flex;
  justify-content: center;
}
.section-hero-banner {
  overflow: hidden;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}

.hero-banner-canvas {
  position: absolute;
  background: 0% 0% / contain rgb(193 213 188) !important;
}

.section-hero-banner .hero-banner-content {
  pointer-events: none;
  width: 100%;
}
/* matter js sht ends*/

/*Paint header*/

#x-main-container {
  display: flex;
  position: relative;
  width: 100%;
  height: 100%;
  min-height: -webkit-fill-available;
  overflow: hidden;
  box-sizing: border-box;
  background-color: #000;
  background-image: url(/image/wh_bg);
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-size: cover;
}
#site-wrap {
  display: flex;
  flex-direction: column;
  position: relative;
  width: 100%;
  height: 100%;
  align-items: center;
  justify-content: space-between;
  overflow: hidden;
  box-sizing: border-box;

  background: transparent;
}

#canvasx {
  height: auto;
  width: 100%;
  position: absolute;
  background-color: #000;
  overflow: hidden;
}
canvas {
  width: 100vw;
  height: 100vh;
  /* background-color: #bfdfe1;
  background-color: #eee;
  background-color: #1467d1;
  background-color: #0087ff;
  background-color: transparent; */
  background-color: #000;
  overflow: hidden;
  /* position: absolute; */
}

canvas#defaultCanvas0 {
  /* height: auto !important;
  overflow: hidden; */
  height: auto !important;
  margin-left: -82px;
  width: calc(100vw + 82px) !important;

  width: calc(100% + 82px) !important;
}

#navigation {
  /* position: absolute; */
  width: 90%;
  display: flex;
  justify-content: space-between;
  margin-top: 6vh;
}
#navigation .link {
  /* height: 4rem; */
  font-family: "Manrope";
  text-decoration: none;
  color: #fff;
  font-weight: 600;
  overflow: hidden;
  border: 3px solid transparent;
  padding: 0.5em;
  position: relative;
  display: flex;
  justify-content: flex-end;
  font-size: 1.1em;
  /* white-space: nowrap; */
  /* text-shadow: 0 0 0.5em rgba(0, 0, 0, 0.66); */

  transition: transform 0.7s ease, opacity 0.7s ease, color 0.7s ease,
    background-color 0.7s ease, border-color 0.7s ease;
}

div#mainux {
  display: flex;
  justify-content: space-between;
  width: 40%;
}
#navigation .link.about,
#navigation .link.services,
#navigation .link.dogood {
  display: flex;
  width: 33%;
  align-items: center;
}

#navigation .link:before,
#navigation .link:after {
  content: "";
  position: absolute;
  height: 3px;
  top: 16%;
  margin-top: 0px;

  transition: transform 0.7s ease, opacity 0.7s ease, color 0.7s ease,
    background-color 0.7s ease, border-color 0.7s ease;
}
#navigation .link:before {
  left: 0.5em;
  right: 0.5em;
  background: #fff;
}

#navigation .link:hover:before {
  background: #2f00;

  transition: transform 0.7s ease, opacity 0.7s ease, color 0.7s ease,
    background-color 0.7s ease, border-color 0.7s ease;
}

#navigation .link:hover {
  border: 3px solid #ffffff;
  font-size: 1.2em;
  justify-content: center;

  transition: transform 0.7s ease, opacity 0.7s ease, color 0.7s ease,
    background-color 0.7s ease, border-color 0.7s ease;
}

/***Mainu-Button****/

* Add the correct display in IE 10-. */ [hidden] {
  display: none;
}
/* 
#ajaxWrapper {
  width: 100%;
  min-height: 100vh;
}

.jq_hidden {
  -webkit-transform: translate3d(0, 150px, 0);
  transform: translate3d(0, 150px, 0);
  opacity: 0;
  transition: all 0.6s ease 0s;
  -webkit-transition: all 0.6s ease 0s;
}
.jq_hidden.jq_active {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  opacity: 1;
} */

#menu {
  font-family: "Manrope" !important;

  padding: 34px 0 0;
  z-index: 100;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}
#menu .logo img {
  height: 26px;
  width: auto;
}
#menu .menu-nav {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 34px 0 6vh;
  padding: 0;
  z-index: 110;
  opacity: 0;
  visibility: hidden;
  transition: all 0s ease 1.2s;
  -webkit-transition: all 0s ease 1.2s;
}
#menu .menu-nav .wrapper {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  height: 100%;
  margin: 0;
}
#menu .menu-nav .logo {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  visibility: hidden;
  transition: all 0.6s ease 0s;
  -webkit-transition: all 0.6s ease 0s;
}

#menu .menu-nav .nav-container {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  z-index: 110;
  /* align-content: center; */
}
#menu .menu-nav .nav-list {
  list-style: none;
  opacity: 0;
  visibility: hidden;
  transition: all 0.6s ease 0s;
  -webkit-transition: all 0.6s ease 0s;
  column-count: 1;
  /* column-gap: 5vw;
  margin-right: 5vw;
  margin-bottom: 3vh; */
  margin: 0 5%;
  padding-inline-start: 0;
}
#menu .menu-nav .nav-list li {
  break-inside: avoid;
  z-index: 10;
  padding: 2vw 0;
}
#menu .menu-nav .nav-list li a {
  font-family: "Anton", sans-serif;
  display: inline-block;
  font-size: 12vmin;
  font-size: 8rem;
  font-size: clamp(5rem, 3.3735rem + 5.7831vw, 8rem);
  font-weight: 500;
  color: #feaa90;
  text-decoration: none;
  text-transform: uppercase;
  letter-spacing: -1px;
  line-height: 1.1;
  transition: all 0.6s ease 0s;
  -webkit-transition: all 0.6s ease 0s;
}
#menu .menu-nav .nav-list li a:hover {
  -webkit-transform: translate3d(30px, 0, 0);
  transform: translate3d(30px, 0, 0);
}
#menu .menu-nav .nav-list li p {
  display: block;
  margin: 0;
  font-family: "Manrope", sans-serif;
  text-transform: none;
  font-size: 1.15rem;
  font-weight: 400;
  color: #fff9c0;
  letter-spacing: 0px;
  line-height: 1.4;
  transition: all 0.6s ease 0s;
  -webkit-transition: all 0.6s ease 0s;
}

#menu .menu-nav .cont-link {
  display: flex;
  margin-right: 0;
  /* font-family: "Playfair Display", serif; */
  font-size: 8rem;
  font-weight: 800;
  letter-spacing: -4px;
  text-align: center;
  line-height: 0.8;
  opacity: 0;
  visibility: hidden;
  transition: all 0.6s ease 0s;
  -webkit-transition: all 0.6s ease 0s;
  rotate: -25deg;
  margin-top: -3rem;
}
#menu .menu-nav .cont-link a {
  display: inline-block;
  text-decoration: none;
  color: #0000000d;
  color: #ffffff0a;
  text-transform: capitalize;
  transition: all 0.6s ease 0s;
  -webkit-transition: all 0.6s ease 0s;
}
#menu .menu-nav .cont-link a:hover {
  /* -webkit-transform: translate3d(30px, 0, 0);
  transform: translate3d(30px, 0, 0); */
}

#menu .menu-nav .bg-block {
  position: fixed;
  top: 6vh;
  top: calc(6vh - 8px);
  right: 5vw;
  border-radius: 50%;
  background-color: #ffe100;
  background-color: #123dbd;
  height: 56px;
  width: 56px;
  transform-origin: 50% 50%;
  transition: all 1.2s ease 0s;
  -webkit-transition: all 1.2s ease 0s;
}
#menu .menu-nav.active {
  opacity: 1;
  visibility: visible;
  transition: all 0s ease 0s;
  -webkit-transition: all 0s ease 0s;
}
#menu .menu-nav.active .logo {
  opacity: 1;
  visibility: visible;
  transition: all 0.6s ease 0.6s;
  -webkit-transition: all 0.6s ease 0.6s;
}
#menu .menu-nav.active .nav-list {
  opacity: 1;
  visibility: visible;
  transition: all 0.6s ease 0.6s;
  -webkit-transition: all 0.6s ease 0.6s;
}

#menu .menu-nav.active .cont-link {
  opacity: 1;
  visibility: visible;
  transition: all 0.6s ease 0.6s;
  -webkit-transition: all 0.6s ease 0.6s;
}

#menu .menu-nav.active .bg-block {
  -webkit-transform: scale3d(100, 100, 100);
  transform: scale3d(100, 100, 100);
}
#menu .menu-btn {
  position: fixed;
  top: 6vh;
  top: calc(6vh - 8px);
  right: 5vw;
  height: 56px;
  width: 56px;
  border-radius: 50%;
  background-color: #eee;
  /* animation: 3s ease-in-out 0s infinite bg_grad_animation; */
  /* cursor: url("/files/cursor-pointer.svg") 15 15, pointer; */
  z-index: 110;
  /* transition: all 0.6s ease 1s;
  -webkit-transition: all 0.6s ease 1s; */
}
#menu .menu-btn.active {
  background-color: #feaa90;
  transition: all 0.6s ease 0s;
  -webkit-transition: all 0.6s ease 0s;
}

.wrapper {
  width: 100%;
  margin: 0 auto;
}
body.no-scroll {
  overflow: hidden;
}

/***Mainu-Button-ends****/

div#intro-wrapperx {
  display: flex;
  /* height: 100vh; */
  /* position: absolute; */
  justify-content: center;
  align-items: center;
}

#introx {
  width: 90%;
  margin-bottom: 8%;
}

#anmtdtxtx,
#introx h1 {
  margin: 0 0 2rem 0;
  font-family: "Trap", Manrope;
  font-family: "Montserrat";
  font-family: "Manrope";
  font-family: "Platform", sans-serif;
  font-size: 5rem;
  font-size: clamp(2.6rem, 1.1701rem + 6.3551vw, 5rem);
  line-height: 1.1;
  font-weight: 500;
  color: #fff;
  letter-spacing: 0px;
}
#introx h2 {
  margin: 0.25rem 0.5rem 0.425rem;
  font-family: "Manrope";
  font-size: 1rem;
  font-size: clamp(1.5rem, 1.3373rem + 0.7229vw, 1.8rem);
  font-size: clamp(1.3rem, 1.3373rem + 0.7229vw, 1.3rem);
  line-height: 1.1;
  font-weight: 400;
  color: #fff;
  letter-spacing: 0px;
  color: #fff;
}
a.hi_Email,
a.hi_WA {
  font-family: "Manrope";
  cursor: pointer;
  border: 2px solid transparent;
  border-radius: 2em;
  text-decoration: none;
  display: inline-flex;
  margin: 0.425rem 0.3rem 0.425rem;
  white-space: nowrap;
  line-height: 1.3;
  -webkit-appearance: none;
  padding: 0.5rem 0.8em;
  max-width: 100%;
  font-size: 1.35rem;
  font-size: clamp(1.01rem, 0.9916rem + 0.4819vw, 1.03rem);
  font-weight: 600;
  color: #fff;
  transition: transform 0.7s ease, opacity 0.7s ease, color 0.7s ease,
    background-color 0.7s ease, border-color 0.7s ease;
}
a.hi_WA {
  background: #21c581;
  color: #fff;
}
a.hi_Email {
  background: #fff;
  color: #000;
}
a.hi_WA:hover,
a.hi_Email:hover {
  background: #000;
  color: #fff;
  border: 2px solid #fff;
  transition: transform 0.7s ease, opacity 0.7s ease, color 0.7s ease,
    background-color 0.7s ease, border-color 0.7s ease;
}
div#anmtdtxtx {
  display: inline-block;
  min-width: 5.6ch;
  text-align: center;
  margin: 0 0 0 2px;
  padding: 0;

  transition: transform 0.7s ease, opacity 0.7s ease, color 0.7s ease,
    background-color 0.7s ease, border-color 0.7s ease;
}

.lgo {
  display: none;
}
.any_logo {
  width: 13em;
  height: auto;
}

/*Css Ticker*/

.ticker-wrap {
  font-family: "Manrope";
  display: none;
  width: 100%;
  height: auto;
  margin: 0 auto;
  padding: 1.23rem 0;
  overflow: hidden;
  white-space: nowrap;
  margin-bottom: 2%;
  background-color: #ffda00;
}
.ticker {
  display: inline-block;
  margin-top: 0px;
  animation: marquee 100s linear infinite;
  user-select: none;
}
.item-collection-1 {
  position: relative;
  left: 0%;
  animation: swap 100s linear infinite;
}

.ticker.item {
  display: inline-block;
  padding: 0 1rem;
  font-size: 32px;
  color: #000;
  font-weight: 500;
  line-height: 100%;
  text-transform: uppercase;
}

/*.ticker .ticker:hover {
  -webkit-animation-play-state: paused;
  -moz-animation-play-state: paused;
  -ms-animation-play-state: paused;
  -o-animation-play-state: paused;
  animation-play-state: paused;
}*/

/* Transition */
@keyframes marquee {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-100%);
  }
}

@keyframes swap {
  0%,
  50% {
    left: 0%;
  }
  50.01%,
  100% {
    left: 100%;
  }
}
/*Css Ticker Ends*/

/*****Numbrs_bx_starts******/

.section_nmbrs_bx {
  background-color: #fff;
  margin-bottom: 1%;
}

.nmbrs_bx {
  border-top: 1px solid #ffffff96;
  border-bottom: 1px solid #ffffff96;
  flex-wrap: nowrap;
  display: flex;
  background: #000;
}
.nmbrs_bx_list1,
.nmbrs_bx_list2 {
  flex: none;
  display: flex;
}

.nmbrs_bx_item {
  border-right: 1px solid #ffffff;
  flex: none;
  padding: 0.5rem 1rem;
  display: flex;
}
.nmbrs_bx_pill {
  height: 3.3rem;
  height: clamp(2.5rem, 2.0663rem + 1.9277vw, 3.3rem);
  height: clamp(2.5rem, 2.0663rem + 1.9277vw, 2.5rem);
  color: #fff;
  background-color: #1458e4;
  border-radius: 100rem;
  justify-content: center;
  align-self: center;
  align-items: center;
  margin-right: 1rem;
  /* padding-bottom: 0.4rem; */
  padding-left: 1rem;
  padding-right: 1rem;
  font-family: "Manrope", sans-serif;
  font-size: 2.3rem;
  font-size: clamp(1.9rem, 1.6831rem + 0.9639vw, 2.3rem);
  font-size: clamp(1.9rem, 1.6831rem + 0.9639vw, 1.5rem);
  line-height: 1;
  display: flex;
}
.nmbrs_bx_txt {
  color: #ffffffe8;
  align-self: center;
  margin-top: 0;
  margin-bottom: 0.4rem;
  font-family: Manrope, sans-serif;
  font-size: 2rem;
  font-size: clamp(1.7rem, 1.5373rem + 0.7229vw, 2rem);
  font-size: clamp(1.7rem, 1.5373rem + 0.7229vw, 1.5rem);
  font-weight: 400;
  line-height: 1;
}

.nmbrs_bx_pill.is-slack {
  width: 20rem;
  color: #000;
  background-color: #ffde68;
}

.nmbrs_bx_pill.projects-launched {
  width: 8.6rem;
  background-color: #864fcc;
}

.nmbrs_bx_pill.rev-growth {
  width: 13rem;
}

.nmbrs_bx_pill.brands-defined {
  width: 7rem;
  color: #000;
  background-color: #2bede1;
}

.nmbrs_bx_pill.new-clients {
  width: 5.5rem;
  color: #000;
  background-color: #ffde68;
}

.nmbrs_bx_pill.times-phrase {
  width: 11.5rem;
  background-color: #ef2359;
}

.nmbrs_bx_pill.designs-created {
  width: 15rem;
  color: #000;
  background-color: #fab5f0;
}

.nmbrs_bx_pill.cups-coffee {
  width: 15.5rem;
  background-color: #864fcc;
}

.nmbrs_bx_pill.testimonial {
  width: 8rem;
  color: #000;
  background-color: #9cd3ff;
}

@keyframes scroll-horizontal1 {
  from {
    transform: translateX(0);
  }

  to {
    transform: translateX(-50%);
  }
}

.nmbrs_bx_list1 {
  animation: scroll-horizontal1 25s linear infinite;
}

/*****Numbrs_bx_ends******/

/*Paint header Ends*/

.section_0 {
  /* width: 100%;
  height: 100vh;*/
  background-color: #000;
}

.cstm_logo {
  position: absolute;
  width: 90%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  top: 1rem;
  z-index: 9999;
}

.cstm_logo a {
  color: white;
  font-family: Striper;
  font-size: 4em;
  text-decoration: none;
  width: 90%;
}

.m-menu {
  display: inline-flex;
  justify-content: center;
  align-items: center;
}

.m-menu span {
  font-size: 1.2rem;
  color: #0562c9;
  margin: 10px;
  padding: 3px 2px;
  word-spacing: -2px;
}
.demo-image img {
 width: 100%;
}
.demo-card-wrap {
    text-align: center;
    /* font-family: 'Plus Jakarta Sans',sans-serif !important; */
}

.demo-card-wrap h1 {
    font-size: 33px;
    font-weight: 700;
    font-family: 'Plus Jakarta Sans',sans-serif !important;
    margin: 2em 0;
    background: antiquewhite;
    padding: 1em;
    color: brown;
}

.demo-card {
    margin: 8em 19px;
    border: 8px solid #eee;
    border-radius: 9px;
    padding: 0.5em 0;
}

.section--main {
    position: relative;
    height: 800px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 5px solid #000;
    border-radius: 10px;
    margin: 47px;
}

.section--main video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: contain;
    z-index: -2;
}
/******************************************* Dynamic logo starts *******************************************/
/********************/
section.section.n2_1 {
 background: #000;
 text-align: center;
}
.nav-pills--portfolio {
 gap: 2rem;
 margin-bottom: 2rem;
}
.nav-pills--portfolio .nav-item .nav-link {
 color: #fff;
 text-transform: uppercase;
 font-weight: 600;
 font-family: "Syncopate", sans-serif !important;
 line-height: 1.5;
 padding-top: 0.75rem;
}

.nav-pills--portfolio .nav-item .nav-link.active,
.nav-pills--portfolio .nav-item .nav-link:hover {
 background: white;
 color: #000;
}

.nav-justified .nav-item,
.nav-justified > .nav-link {
 max-width: 18em;
}

.nav-pills--portfolio {
 gap: 2rem;
 margin-bottom: 2rem;
 justify-content: center;
}
.portfolio-card.web {
 position: relative;
 height: 400px;
 overflow: hidden;
 margin-bottom: 1.25rem;
}
.portfolio-card.web a img {
 height: auto;
 transform: translateY(0);
 transition: all 5s;
}
.portfolio-card a img,
video {
 width: 100%;
 height: 300px;
 object-fit: cover;
 margin-bottom: 1.25rem;
 overflow: hidden;
 border-radius: 6px;
 transition: all 0.6s;
}
.portfolio-card.web a:hover img {
 transform: translateY(calc(-100% + 300px));
}
/********************/


@font-face {
  font-family: "Bandeins Sans & Strange Variable";
  src: url("https://res.cloudinary.com/dldmpwpcp/raw/upload/v1566406079/BandeinsStrangeVariable_esetvq.ttf");
}

.logo {
  display: flex;
  /* font-family: "Bandeins Sans & Strange Variable"; */
  /* font-size: calc(20px + 4vh); */
  /* font-variation-settings: "wght" 800, "wdth" 200; */
  /* animation: strange 20s cubic-bezier(0.91, 0.32, 0.43, 1.03) infinite; */
  color: #ffffff;
  font-family: "Manrope";
  font-family: "Trap", Manrope;
  font-size: 1.9rem;
  font-weight: 600;
  letter-spacing: -2px;
  width: auto;
  text-align: left;
}
.logo span.pt2 {
  font-weight: 400;
  color: #ffffff;
  margin-left: 2px;
}

.logo span.pt3 {
  display: inline-flex;
  color: #ff7a7a;
  font-size: 2.7rem;
  margin-top: -7px;
}
img.da_logo {
  height: 40px;
}

/**logo2*/

.logo2 {
  display: flex;
  flex-direction: row;
  align-items: center;
  border: 2px solid #053c95;
  padding: 3px;
}

.logo2 span {
  font-family: "Montserrat", sans-serif;
  font-family: "Poppins", sans-serif;
  font-family: "Jost", sans-serif;
  font-fam5ily: "Outfit", sans-serif;
  font-f9amily: "Albert Sans", sans-serif;
  font-family: "Antonio", sans-serif;
  font-size: 25px;
  line-height: normal;
  text-transform: uppercase;
  padding: 3px 7px 7px;
}

.logo2 span.pt-1 {
  letter-spacing: 2px;
  color: #fff;
  font-weight: 300;
  background: #053c95;
}

.logo2 span.pt-2 {
  letter-spacing: 1px;
  color: #053c95;
  font-weight: 700;
}

/**logo2 ends**/

.tagline {
  display: none;

  font-family: "Bandeins Sans & Strange Variable";
  font-size: calc(13px + 1vh);
  font-variation-settings: "wght" 400, "wdth" 200;
  /* animation: strange2 20s cubic-bezier(0.91, 0.32, 0.43, 1.03) infinite; */
  color: #0562c9;
  font-family: "Manrope";

  width: auto;
  text-align: left;
}

/*@keyframes strange {
	50% {
		font-variation-settings: "wght" 800, "wdth" 800;
		color: #fff;
	}
} */

@keyframes strange2 {
  50% {
    font-variation-settings: "wght" 400, "wdth" 400;
    color: #000;
  }
}

/******************************************* Dynamic logo ends *******************************************/

.intro {
  display: block;
  position: absolute;
  padding: 5% 7%;
  bottom: 0;
}

.intro p {
  width: 77%;
  font-family: "Bandeins Sans & Strange Variable";
  font-family: "Manrope", sans-serif;
  font-weight: 700;
  color: #053c95;
  font-size: 39px;
  line-height: 1.2;
  letter-spacing: -0.22px;
  margin: 0;
}

/*Intro Two Dynamic Text Animation*/

.intro {
  display: none;
}
.intro.two {
  display: flex;
  display: none;

  align-items: center;
  justify-content: space-around;
  width: 100%;
  height: 100vh;
  position: absolute;
}

.wrapper {
  display: flex;
  margin-left: 15%;
}
.wrapper .static-txt {
  font-family: "Manrope";
  color: #000;
  font-size: 4.3em;
  font-weight: 700;
}
.wrapper .dynamic-txts {
  font-family: "Manrope";
  font-weight: 900;
  height: 90px;
  line-height: 4.3em;
  mix-blend-mode: difference;
  overflow: hidden;
  margin: 0.5em 0 0 -1.5em;
}
.dynamic-txts li {
  list-style: none;
  color: #d58300;
  font-size: 4.3em;
  position: relative;
  top: 0;
  animation: slide 18s steps(6) infinite;
}
@keyframes slide {
  100% {
    top: -540px;
  }
}
.dynamic-txts li span {
  position: relative;
  margin: 5px 0;
  line-height: 90px;
}
.dynamic-txts li span::after {
  content: "";
  position: absolute;
  left: 0;
  height: 100%;
  width: 100%;
}
@keyframes typing {
  40%,
  60% {
    left: calc(100% + 20px);
  }
  100% {
    left: 0;
  }
}
/*Intro Two Dynamic Texts Ends*/

/*Intro Three Dynamic Texts */

.intro.three {
  display: none;
  align-items: center;
  justify-content: space-around;
  width: 100%;
  height: 100vh;
  position: absolute;
}

.containerl {
  height: 100vh;
  display: flex;
  justify-content: center;
  align-items: center;
}
.containerl p {
  width: 100%;
  font-size: 4.75rem;
  font-weight: 700;
  letter-spacing: -0.04em;
  word-spacing: -0.35rem;
  text-align: center;
  padding: 0.5rem;
  overflow: hidden;
}
.containerl p span.typed-text {
  font-weight: normal;
  color: #dd7732;
  animation: blink2 44s infinite;
}
.containerl p span.cursor {
  display: inline-block;
  margin-left: -24px;
  width: 25px;
  height: 25px;
  border: 0px;
  vertical-align: middle;
  border-radius: 2rem;
  margin-top: 3px;
  animation: blink 1s infinite;
}

span.typed-text::after {
  content: "";
  position: relative;
  right: 0em;
  display: inline-block;
  background-color: #dd7732;
  margin-left: 3px;
  width: 23px;
  height: 23px;
  border: 0px;
  vertical-align: middle;
  border-radius: 2rem;
  margin-top: 3px;
  animation: blink3 44s infinite;
}
.containerl p span.cursor.typing {
  animation: none;
  display: none;
}

@keyframes blink {
  0% {
    background-color: transparent;
  }
  49% {
    background-color: transparent;
  }
  70% {
    background-color: #bfdfe1;
  }
  99% {
    background-color: #bfdfe1;
  }
  100% {
    background-color: transparent;
  }
}

@keyframes blink2 {
  0% {
    color: #dd7732;
  }
  10% {
    color: #e31edb63;
  }
  20% {
    color: #89c56b;
  }
  30% {
    color: #5c4dcf70;
  }
  40% {
    color: #ad50ff;
  }
  50% {
    color: #dd7732;
  }
  60% {
    color: #e31edb63;
  }
  70% {
    color: #89c56b;
  }
  80% {
    color: #5c4dcf70;
  }
  90% {
    color: #ad50ff;
  }
  100% {
    color: #dd7732;
  }
}

@keyframes blink3 {
  0% {
    background-color: #dd7732;
  }
  10% {
    background-color: #e31edb63;
  }
  20% {
    background-color: #89c56b;
  }
  30% {
    background-color: #5c4dcf70;
  }
  40% {
    background-color: #ad50ff;
  }
  50% {
    background-color: #dd7732;
  }
  60% {
    background-color: #e31edb63;
  }
  70% {
    background-color: #89c56b;
  }
  80% {
    background-color: #5c4dcf70;
  }
  90% {
    background-color: #ad50ff;
  }
  100% {
    background-color: #dd7732;
  }
}
/*Intro Three Dynamic Texts Ends*/

/*Intro Four Dynamic Texts */
.intro.four {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  width: 100%;
  height: 100vh;
  position: absolute;
  padding: 0;
}

.containerm {
  position: absolute;
  height: auto;
  min-height: 60vh;
  width: auto;
  padding: 1rem 1rem 1rem 4rem;
  bottom: 0;
  z-index: 999;
}

.containerm h1,
#anmtdtxt {
  display: inline;
  font-size: 4.75rem;
  text-align: left;
  font-weight: 700;
  line-height: 1.2;
  font-family: "Montserrat", sans-serif;
  color: #000;
  margin: 0 8px 0 0;
  font-family: "Manrope", sans-serif;
  font-size: 5.5rem;
  line-height: 1.1;
  letter-spacing: -0.05em;
}

/* Cursor Styling */

.cursor::after {
  content: "";
  display: inline-block;
  margin-left: 3px;
  background-color: #000;
  border-radius: 2rem;
  animation-name: blink;
  animation-duration: 0.5s;
  animation-iteration-count: infinite;
}
h1.cursor::after {
  height: 24px;
  width: 24px;
}
p.cursor::after {
  height: 24px;
  width: 24px;
}

@keyframes blink {
  0% {
    opacity: 1;
  }
  49% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}

/*Intro four Dynamic Texts Ends*/

/*************************services grid v3************************************/

.section_y {
  font-family: "Plus Jakarta Sans", sans-serif;
  height: 100vh;
  padding: 0 clamp(3rem, 10vw, 12rem);
  display: grid;
  place-content: center;
  min-height: 100vh;
}
.section_y p {
  font-size: clamp(2rem, 5vw, 8rem);
  font-size: clamp(2.6rem, 1.1701rem + 6.3551vw, 4.5rem);
  font-weight: 700;
  margin: 0 0 0.5rem;
  letter-spacing: -1.5px;
  line-height: 1.1;
}
.section_y p span {
  font-weight: 800;
}
.section_y .reveal-type:nth-child(1) .word:nth-child(1) .char:nth-child(1) {
  margin-right: -9px;
}
.char {
  font-kerning: none;
}
.section_y:nth-of-type(1) {
  border-bottom: 1px solid black;
}

.container.alpha_outr {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  flex-direction: column;
}

.alpha_box2 {
  display: flex;
  width: 90%;
  align-content: center;
  align-items: center;
  font-family: "Manrope", sans-serif;
  font-family: "Platform", sans-serif;
}

.alpha_box2 .top h1 {
  font-size: clamp(3.6rem, 1.1701rem + 6.3551vw, 5rem);
  line-height: 1.1;
  font-weight: 500;
  color: #000;
  letter-spacing: 0px;
}

.minions {
  margin-top: 2rem;
  height: 263px;
  width: 100%;
  background-repeat: repeat-x;
  background-image: url("/image/minu_minu.png");
  background-size: 66% auto;
  background-position-x: center;
}

.container.alpha_outr .btm {
  width: 92%;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.container.alpha_outr .btm p {
  width: 73%;
  font-family: "Manrope", sans-serif;

  color: #000;
  font-size: 1.7rem;
  font-size: clamp(0.8rem, 1.1701rem + 6.3551vw, 1.8rem);
  font-weight: 400;
  letter-spacing: 1px;
}
.alpha_box2 .top h1 span,
.container.alpha_outr p span {
  font-family: "Manrope", sans-serif;
  font-family: "Plus Jakarta Sans", sans-serif;
  font-size: clamp(2.6rem, 1.1701rem + 6.3551vw, 5.5rem);
  vertical-align: bottom;
  font-weight: 800;
}
.scrll_sign {
  /* display: flex;
    justify-content: flex-end;
    width: 70%;
    margin-top: -7rem; */
}
.scrll_sign dotlottie-player {
  width: 73px !important;
  width: clamp(0.5rem, 1rem + 5vw, 3.8rem) !important;
  height: auto !important;
}

.services_section_v3 {
  display: flex;
  flex-direction: column;
  width: 90%;
  align-content: center;
  align-items: center;
  justify-content: center;
  padding: 5rem 0;
  font-family: "Manrope", sans-serif;
  font-family: "Platform", sans-serif;
  font-family: "Plus Jakarta Sans", sans-serif;
}
.services_section_v3 .heading {
  width: 100%;
}
.services_section_v3 .heading h1,
.services_section_v3 .btmline {
  text-align: left;
  width: 100%;
}
.services_section_v3 .heading h1 {
  font-size: 3rem;
  font-size: clamp(3rem, 1.1701rem + 6.3551vw, 3rem);
  line-height: 1.1;
  font-weight: 700;
  color: #fff;
  letter-spacing: 0px;
}
.services_section_v3 .heading h1 span {
  display: block;
  /* font-size: 3.5rem;
    font-size: clamp(1rem, 1.1701rem + 6.3551vw, 3.5rem); */
  line-height: 1.1;
  font-weight: 700;
  color: #fff;
  letter-spacing: 0px;
}

.services_section_v3 .btmline p {
  color: #fff;
  font-size: 1.5rem;
  font-weight: 400;
  letter-spacing: 1px;
}

.services_section_v3 .inr {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  row-gap: 3rem;
  margin: 1.2rem 0;
}

.services_section_v3 .card {
  color: #111;
  border-radius: 1rem;
  flex-direction: column;
  justify-content: space-between;

  display: flex;
  position: relative;
  overflow: hidden;

  width: 31%;
  min-width: 22rem;
  height: auto;
  background-color: #eee;
  padding: 2rem;
  font-size: 1rem;
  font-weight: 500;
}

.services_section_v3 .card.one,
.services_section_v3 .card.six {
  background-color: #fafecf;
  align-items: flex-start;
}
.services_section_v3 .card.two,
.services_section_v3 .card.four {
  background-color: #feebcf;
}
.services_section_v3 .card.three,
.services_section_v3 .card.five {
  background-color: #fed2cf;
}

.services_section_v3 .card .logos {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  grid-template-rows: auto;
  grid-template-columns: auto;
  grid-auto-columns: auto;
  grid-auto-flow: column;
  justify-content: start;
  justify-items: start;
  margin-bottom: 0rem;
  display: grid;
  align-items: center;
  border: 0px solid black;
}

.services_section_v3 .card .logos .icon {
  width: 2rem;
  height: 2rem;
  grid-area: span 1 / span 1 / span 1 / span 1;
  border: 0px solid black;
}
.card .logos .icon.w-embed,
.card .logos .icon.info-embed,
.card .logos .icon.write-embed,
.card .logos .icon.pen-embed {
  width: 2.3rem;
  height: 2.3rem;
}

.card .logos .icon.share-embed {
  width: 1.8rem;
  height: 1.8rem;
  margin-bottom: -4px;
}

.services_section_v3 .card .middle .heading h4 {
  text-transform: capitalize;
  font-family: Thunder, sans-serif;
  font-family: "Manrope";
  font-size: 1.7rem;
  line-height: 1.2;
  letter-spacing: -1px;
  font-weight: 700;
  margin: 1rem 0;
}
.services_section_v3 .text p {
  margin-bottom: 1rem;
}
.services_section_v3 .card .btm {
  width: 100%;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.mini-btn {
  max-width: 100%;
  display: inline-block;
  color: #fff;
  text-transform: uppercase;
  padding: 0.5rem 1rem;
  font-size: 0.78rem;
  font-weight: 500;
  text-decoration: none;
  position: relative;
}
.grow-bg {
  background-color: #111;
  border-radius: 5rem;
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.btn-label {
  z-index: 1;
  position: relative;
}
.services_section_v3 .card .btm .rt .txt {
  display: none;
  text-align: right;
  font-family: General Sans, sans-serif;
  font-size: 0.8rem;
  font-weight: 500;
  line-height: 1.1;
  position: static;
}

/***********/

/*******Services Grid Section*******/
.services_section {
  padding: 2% 0;
  font-family: "Antonio";
  font-family: "Montserrat";
  font-family: "Manrope";
}

.all-caps {
  width: 90%;
  height: auto;
  max-width: 1300px;
  color: #000;
  letter-spacing: 1px;
  text-transform: uppercase;
  flex-direction: column;
  align-items: flex-start;
  margin: 10px auto 5px;
  font-size: 12px;
  line-height: 30px;
  text-decoration: none;
  display: flex;
}

.alpha_heading {
  display: flex;
  flex-flow: row wrap;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
  width: 90%;
  height: auto;
  color: #000;
  margin-bottom: 3%;
  margin-top: 2%;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 0;
}

.alpha_heading .lft {
  max-width: 50%;
  flex: 0 0 50%;
  height: auto;
}

.alpha_heading .lft h1 {
  font-weight: 700;
  font-size: 2.2em;
  margin: 0;
  line-height: 1.2;
  letter-spacing: -0.5px;
}

.alpha_heading .rt {
  max-width: 50%;
  flex: 0 1 50%;
  margin-top: 10px;
  padding-left: 3%;
}
.alpha_heading .rt p {
  font-size: 1.2rem;
  font-weight: 500;
  margin: 0;
  line-height: 1.2;
}

.grid-services {
  width: 90%;
  height: auto;
  max-width: 1300px;
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  display: grid;
  align-items: flex-start;
  margin-bottom: 30px;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 0;
}

.grid-services .card {
  width: 100%;
  height: 420px;
  height: 262px;
  max-width: none;
  min-height: auto;
  background-color: #f3b5b5;
  background-color: #fff !important;
  border: 1px solid #04605a;
  border-radius: 10px;
  padding: 30px 20px 30px 30px;
  display: flex;
  position: relative;
  flex-direction: column;
  justify-content: space-between;
  margin-right: 0;
  padding-top: 30px;
  padding-left: 0;
  padding-right: 0;
  top: 0;
  overflow: hidden;
  box-sizing: border-box;
}

.card.beige {
  color: #6f543d;
  background-color: #ebd1a9;
}
.card.green {
  background-color: #b7d8c2;
}
.card.pink {
  background-color: #e2b7ec;
}
.card.blue {
  background-color: #a2cdf2;
}
.card.yellow {
  background-color: #ebd381;
}
.card.gray {
  background-color: rgba(128, 128, 128, 0.3);
}
.card.gray2 {
  background-color: rgba(162, 183, 188, 0.6);
}
.card.green2 {
  background-color: #a4ccad;
}
.card.lila {
  background-color: #f098ba;
}
.card.brown {
  background-color: #e8bc82;
}

.grid-services .card .top {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: auto;
  height: 80%;
  height: 100%;
  margin-left: 24px;
  margin-right: 24px;
}

.grid-services .card .top .heading a {
  display: block;
  margin-bottom: 10px;
  font-size: 23px;
  font-weight: 700;
  color: #000;
  margin-top: 0;
  line-height: 1.2;
  text-decoration: none;
}

.grid-services .card .top .text p {
  height: auto;
  color: #000;
  text-align: left;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 16.5px;
  font-weight: 400;
  line-height: 1.5;
  text-decoration: none;
  display: block;
  position: relative;
  overflow: visible;
}

.grid-services .card .btm {
  display: none;
}

.grid-services .card .btm .rt {
  width: 100%;
  justify-content: flex-start;
  align-self: flex-start;
  margin-top: 30px;
  display: flex;
  position: relative;
  width: auto;
  justify-content: flex-end;
  align-self: flex-end;
  margin-right: 24px;
}

.grid-services .card .btm .lft,
.illustration-on-card {
  width: 100%;
  height: 42%;
  height: auto;
  justify-content: center;
  align-self: auto;
  margin-right: 10px;
  display: flex;
  position: absolute;
  top: auto;
  bottom: 0%;
  left: 0%;
  right: auto;
}

.grid-services .card .btm .lft img {
  max-width: 100%;
  vertical-align: middle;
  display: inline-block;
  width: auto;
  height: auto;
  max-width: none;
  clear: left;
  /* mix-blend-mode: multiply; */
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0;
  position: relative;
  top: auto;
}

.image-black-arrow {
  width: 25px;
  margin-left: 10px;
}
.image-web-design {
  /* bottom: 0;
  left: 36px;
  right: 0%;
  transform: scale(1.8) rotate(0); */
}

.image-web-dev {
  /* bottom: 6px;
  left: 17px;
  transform: scale(1.2) translate(0); */
}
.image-web-migration {
  /* order: 0;
  margin-bottom: 0;
  margin-right: 0;
  position: relative;
  bottom: 9px;
  left: 22px;
  transform: scale(1.2); */
}

.image-support {
  /* bottom: -9px;
  transform: scale(1.1); */
}
.gs3_svg {
  width: auto;
  height: 230px;
}
svg.gs3_svg * {
  stroke-width: 1.5px;
  stroke: #0c5b5e;
  fill: transparent;
  vector-effect: non-scaling-stroke;
  width: auto;
  height: auto;
  max-width: 100%;
}

.image-web-hosting {
  /* bottom: 24px;
  left: 32px;
  transform: translate(14px) scale(1.4); */
}
.image-cyber-security {
  /* bottom: 7px;
  left: 27px;
  transform: scale(1.2); */
}
.img-content-creation {
  /* right: 100px;
  transform: scale(0.8) rotate(-20deg); */
}

.image-blog-management {
  /* bottom: -10px;
  transform: scale(1.3); */
}

.grid-services .card .link {
  z-index: 10;
  display: flex;
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

/*******Services Grid Section Ends*******/

/*-------------------  Intro Cards Section  -----------------------*/

.info_cards_sec {
  display: flex;

  display: none;

  height: 100vh;
  align-items: center;
  width: 100%;
  height: 100vh;
  background-color: #000;
  color: #000;
}

.info_cards {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 2.5rem;
  padding: 2rem 2.5rem;
}

.info_cards h3 {
  font-family: "Manrope";
  font-weight: 900;
  font-size: 30px;
  line-height: 1.1;
  margin: 2px;
}
.card.one h3 {
  font-size: 5em;
}
.info_cards .card {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: space-between;
  position: relative;
  height: 450px;
  padding: 2rem 0.8rem 1rem;
  border-radius: 10px;
  overflow: hidden;
}
p.text-s {
  margin: 1px;
  font-family: "Manrope";
  font-size: 18px;
  font-weight: 600;
  line-height: 1.2;
}

.info_cards .card.one {
  background-color: #000;
  color: #fff;
}
.info_cards .card.two {
  background-color: #b5c9db;
  background-color: #3182ff;
  color: #ffffff;
}
.info_cards .card.three {
  background-color: #f5f3ee;
  background-color: #ffb5d1;
  color: #000000d4;
}
.info_cards .card.four {
  background-color: #e1d7cc;
  background-color: #abffa2;
  color: #356622;
  background-color: #a3cfff;
  color: #0a0101b5;
}

/*-------------------  Intro Cards Section Ends  -----------------------*/

.section_uno {
  display: none;
  height: auto;
  overflow: hidden;
  padding: 5% 7%;
}

p.heading_uno {
  font-family: "Manrope", sans-serif;
  font-weight: 800;
  color: #000;
  font-size: 5em;
  line-height: 1.2;
  letter-spacing: -0.027em;
  margin: 0;
}

span.dx7l {
  opacity: 0.4;
}

span.dx8l,
span.dx9l {
  display: block;
  margin: -7px;
}

span.dx9l:after {
  content: "·•";
  content: "•";
  color: #f31313;
  vertical-align: -12px;
  margin-left: -13px;
}

.section_uno_n2 {
  display: block;
  margin: 4em 0;
}

span.dxk7l {
  display: block;
  height: 400px;
  width: 50%;
  float: left;
  background-image: url(/wp-content/uploads/sites/2/2023/02/undraw_astronaut_re_8c33.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 93%;
  margin: 2.7em 0;
}

.dxk7w {
  display: inline-block;
  width: 50%;
  float: right;
  font-family: "Manrope", sans-serif;
  letter-spacing: -0.027em;
  /* margin: 0; */
}

span.dxk7w_1 {
  display: block;
  font-size: 1.2em;
  font-weight: 700;
  margin: 1em 0;
  color: #000;
}

span.dxk7w_2 {
  display: block;
  background: #000;
  font-size: 2em;
  font-weight: 700;
  margin: 1em 0;
  padding: 0.5em;
  color: #fff;
}

/******************************************* sec dos *******************************************/

.sec_dos_container {
  position: relative;
  font-family: "Manrope", sans-serif;
  z-index: 10;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: visible;
  height: auto;
  margin-right: auto;
  margin-left: auto;
  padding: 7rem 5%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #000;
}

.sec_dos {
  position: relative;
  z-index: 10;
  display: block;
  width: 85%;
  /* max-width: 1140px; */
  margin-top: 0px;
  margin-right: 0px;
  padding: 0 0%;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.sec_dos_h1 {
  width: 100%;
  font-family: "Platform", sans-serif;
  font-family: "Plus Jakarta Sans", sans-serif;
  color: #fff;
  font-size: 3.5rem;
  font-size: clamp(4rem, 1.1701rem + 6.3551vw, 3.5rem);
  font-weight: 700;
  line-height: 1;
  padding: 0;
  text-align: center;
}

span.text-span-lite {
  display: block;
  font-size: 5rem;
  font-size: clamp(4rem, 1.1701rem + 6.3551vw, 3.5rem);
  font-weight: 700;
  line-height: 1;
  margin: 0;
  padding: 0;
  text-transform: lowercase;
}
span.text-span-lite:before {
  display: inline-flex;
  display: none;
  background-color: #fff;
  content: "";
  width: 10%;
  height: 0.125rem;
  vertical-align: middle;
  margin: 0 2% 0 6%;
}

.sec_dos_block {
  display: flex;
  padding-top: 77px;
  padding-bottom: 77px;
  border-bottom: 1px solid hsla(0, 0%, 100%, 0.15);
  opacity: 1;
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
  color: #fff;
}

.sec_dos_block:hover {
  opacity: 1;
  /* border-bottom: 1px solid #fff; */
}

.sec_dos_block_0 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.sec_dos_block_0_n1 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 40%;
  margin-right: auto;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -webkit-align-self: flex-start;
  -ms-flex-item-align: start;
  align-self: flex-start;
  -webkit-box-flex: 0;
  -webkit-flex: 0 auto;
  -ms-flex: 0 auto;
  flex: 0 auto;
}

.sec_dos_block_0_n2 {
  display: flex;
  width: 57%;
  max-width: 100%;
  -ms-flex-item-align: start;
  justify-content: space-between;
  align-items: flex-start;
  align-content: flex-start;
}

.text-block-klj {
  width: 50%;
  margin-top: 20px;
  font-family: Manrope, sans-serif;
  color: #fff;
  font-size: 0.9rem;
  font-weight: 300;
  letter-spacing: 2px;
}

.sec_dos_block_0_n3 {
  display: none;
  margin-top: 10px;
  margin-left: 50px;
  -webkit-align-self: flex-start;
  -ms-flex-item-align: start;
  align-self: flex-start;
  position: relative;
  width: 50px;
  height: 50px;
  margin: auto;
}

.nr-block {
  width: 21%;
  padding-top: 0.8%;
  margin-left: -5px;
}

.text-block-abc span {
  font-family: "Manrope";
  font-weight: 600;
  font-size: 3.3rem;
  line-height: 1;
  letter-spacing: -5px;
}

.text-block-lite {
  position: static;
  padding-right: 10px;
  padding-left: 0%;
  font-family: Manrope, sans-serif;
  font-size: 2rem;
  line-height: 1.3em;
  font-weight: 200;
}
.text-block-44 {
  width: 40%;
  font-size: 1.25rem;
}

span.text-span-bold {
  font-weight: 600;
}

.sec_dos_block_0_n3:before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  -webkit-clip-path: polygon(
    0% 0%,
    0% 100%,
    5vmin 100%,
    5vmin 5vmin,
    calc(100% - 5vmin) 5vmin,
    calc(100% - 5vmin) calc(100% - 5vmin),
    5vmin calc(100% - 5vmin),
    5vmin 100%,
    100% 100%,
    100% 0%
  );
  clip-path: polygon(
    0% 0%,
    0% 100%,
    5vmin 100%,
    5vmin 5vmin,
    calc(100% - 5vmin) 5vmin,
    calc(100% - 5vmin) calc(100% - 5vmin),
    5vmin calc(100% - 5vmin),
    5vmin 100%,
    100% 100%,
    100% 0%
  );
  background: repeating-linear-gradient(
    -45deg,
    cyan,
    cyan 1px,
    rgb(0 0 0) 1px,
    rgb(0 0 0) 10px
  );
}

.text-block-lkj {
  margin-top: 20px;
  font-family: Manrope, sans-serif;
  color: hsla(0, 0%, 100%, 0.5);
  font-size: 11px;
  font-weight: 200;
  letter-spacing: 2px;
}

/***************************************/
/***********-numb_cred_starts-************/

.numb_cred_bx {
  display: flex;
  justify-content: center;
  height: auto;
  color: #000;
  background-color: #fff;
  font-family: "Manrope", sans-serif;

  font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;

  padding: 5rem 0rem;
  b4order: 1px solid red;
}

.numb_cred {
  width: 90%;
  display: grid;
  grid-gap: 50px;
  grid-template-columns: repeat(3, 1fr);
}
.numb_cred-item {
  box-sizing: border-box;
  overflow: hidden;
}
.numb_cred-value {
  width: 100%;
  border-bottom: 1px solid;
  font-size: 130px;
  font-weight: 600;
  letter-spacing: -0.05em;
  line-height: 1;
  align-items: center;
  display: flex;
  overflow: hidden;
  padding-bottom: 30px;
}

.numb_cred-value span {
  font-size: 70px;
  vertical-align: super;
  font-weight: bolder;
  padding: 0px 7px 0px 0px;
  margin-left: -3px;
}

.numb_cred-title {
  font-size: 2em;
  font-weight: 700;
  letter-spacing: -0.03em;
  line-height: 1.1;
  overflow: hidden;
  padding-top: 40px;
  padding-bottom: 10px;
}
.numb_cred-note {
  margin-top: 50px;
  font-size: 14px;
  line-height: 1.25;
  letter-spacing: normal;
  font-weight: 400;
}

.numb_cred-item .numb_cred-title > div {
  transition: all 0.5s 0.5s;
  transform: translateY(-100%);
  opacity: 0;
}

.numb_cred-item .numb_cred-title > div {
  transform: translateY(0);
  opacity: 1;
}

/***********-numb_cred_ends-************/

/****ShoutBox****/
.shout_bx_outr {
  display: flex;
  justify-content: center;
  background-color: #efefef;
  background-color: #060b29;
  background-color: #000;
}

.shout_bx {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  border: 1px solid #0000;
  border-radius: 2.5rem;
  /* height: 100vh; */
  color: #000;
  background-color: #ac2eff;
  background-color: #efefef;
  background-color: #000;

  font-family: "Trap", Manrope;
  font-family: "Manrope", sans-serif;
  font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-align: center;
  margin: 5% 0 9% 0;
  padding: 7% 0%;
}

.shout_bx_inr {
  display: flex;
  width: 100%;
  flex-direction: row;
  flex-direction: column;
  text-align: left;
  justify-content: space-around;
  position: relative;
}

.section_x {
  font-family: "Plus Jakarta Sans", sans-serif;
  height: 100vh;
  padding: 0 clamp(3rem, 10vw, 12rem);
  display: grid;
  place-content: center;
  min-height: 100vh;
}
.section_x .middle {
  margin: 2rem 0;
}

.title,
.titlea {
  font-size: 4rem;
  font-size: clamp(3.6rem, 1.1701rem + 6.3551vw, 4rem);
  line-height: 1.1;
  font-weight: 700;
}

.titleb,
.titlec,
.titled {
  font-size: 2rem;
  line-height: 1.1;
  font-weight: 600;
}

.bizz {
  font-family: "Platform", sans-serif;
  font-family: "Plus Jakarta Sans", sans-serif;
  background: #060b29;
  background: #000;
  color: #fff;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  gap: 0px;
}

.bizz .lft {
  width: 55%;
  margin-left: 5%;
}

.bizz h2 {
  font-size: 4rem;
  font-size: clamp(3.6rem, 1.1701rem + 6.3551vw, 4rem);
  line-height: 1.1;
  font-weight: 700;
}
.bizz p {
  font-size: 1rem;
  font-size: clamp(1rem, 1.1701rem + 6.3551vw, 1.5rem);
  line-height: 1.2;
  font-weight: 400;
  letter-spacing: 1.2px;
}

.bizz-btn {
  display: inline-block;
  line-height: 1;
  background-color: #69727d;
  font-size: 15px;
  padding: 12px 24px;
  border-radius: 3px;
  color: #fff;
  fill: #fff;
  text-align: center;
  transition: all 0.3s;
  box-shadow: #fff 4px 4px 0px 0px;
  transition: 0.3s all linear;
}
.bizz-btn {
  font-family: "National", Sans-serif;
  font-size: 20px;
  font-weight: 800;
  fill: #060b29;
  color: #060b29;
  background-color: #ff841f;
  border-style: solid;
  border-width: 2px 2px 2px 2px;
  border-color: var(--e-global-color-text);
  border-radius: 0px 0px 0px 0px;
}

.bizz-btn-a {
  color: #060b29;
  text-decoration: none;
  /*  box-shadow: #fff 4px 4px 0px 0px;
 transition: 0.3s all linear; */
}

.bg img {
  position: absolute;
  right: 0;
  bottom: 0;
  height: 100%;
}

.shout_bx .top {
  flex: 0 1 40%;
  width: 75%;
}

.shout_bx .top h3 {
  font-family: "Anton", sans-serif;
  font-family: "Manrope", sans-serif;
  font-size: 4rem;
  font-size: clamp(2.6rem, 1.5907rem + 4.486vw, 5rem);
  font-size: clamp(2.6rem, 1.5907rem + 4.486vw, 3.4rem);

  font-family: "Platform", sans-serif;

  font-size: 4rem;
  font-size: clamp(2.6rem, 1.5907rem + 4.486vw, 5rem);

  font-weight: 500;
  line-height: 1;
  margin: 0 0 2rem;
  letter-spacing: 1px;
  text-transform: lowercase;
}

.shout_bx .top h3 span {
  color: #888;
}

.shout_bx .middle {
  display: flex;
  flex: 0 1 40%;
  justify-content: space-around;
  flex-direction: column;
}

.shout_bx .middle h5 {
  font-size: clamp(1.7rem, 1.4477rem + 1.1215vw, 2.3rem);
  font-size: 1.2rem;
  font-weight: 400;
  line-height: 1.2;
  margin: 0 0 0.38rem 17px;
}

.shout_bx .middle h5:before {
  border-radius: 50%;
  position: absolute;
  content: "";
  width: 10px;
  height: 10px;
  background: rgb(63 215 25 / 43%);
  margin: 6px 0 0 -20px;
}

.shout_bx .btm p {
  font-size: 0.9rem;
  font-weight: 400;
  margin: 0.7rem 0.3rem 5rem;
  align-self: end;
}
.shout_bx .btm p span {
  font-weight: 400;
}
/****ShoutBox ends****/

/****Tech_Box****/
.tech_bx_outr {
  display: flex;
  justify-content: center;
}

.tech_bx {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  overflow: hidden;

  background-color: #3a0707;
  background: radial-gradient(
      58.58% 125.71% at 39.55% 59.84%,
      #fd4949 0,
      #9b0283 100%
    ),
    #7ad6ff;
  background: #000;

  font-family: "Manrope", sans-serif;
  font-family: "Platform", sans-serif;
  font-family: "Plus Jakarta Sans", sans-serif;
  font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-align: center;
  margin: 0;
  padding: 9% 0;
}

.tech_bx_inr {
  display: flex;
  width: 100%;
  flex-direction: column;
  text-align: center;
  justify-content: space-around;
}

.tech_bx .middle:before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  width: 200px;
  pointer-events: none;
  z-index: 10;
  left: 0;
  /* background-image: linear-gradient(90deg,#000000,hsl(0deg 0% 0% / 74%)); */
  background-image: linear-gradient(90deg, #000000 30%, rgba(255, 255, 255, 0));
}

.tech_bx .middle:after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  width: 200px;
  pointer-events: none;
  z-index: 10;
  right: 0;
  /* background-image: linear-gradient(90deg,#000000,hsl(0deg 0% 0% / 74%)); */
  background-image: linear-gradient(
    -90deg,
    #000000 30%,
    rgba(255, 255, 255, 0)
  );
}

.tech_bx .top {
  width: 100%;
  padding: 0 5%;
}
.tech_bx .top h3 {
  /*  font-family: "Anton", sans-serif;
  */
  font-size: 4rem;
  font-size: clamp(2.6rem, 1.5907rem + 4.486vw, 5rem);
  font-size: clamp(4rem, 1.5907rem + 4.486vw, 3.5rem);
  color: #fff;
  font-weight: 700;
  line-height: 1;
  text-transform: lowercase;
  margin: 0 0 2rem;
  letter-spacing: 0px;
}
.tech_bx .top h3 span {
  display: block;
  /* font-size: clamp(1rem, 1.5907rem + 4.486vw, 3.5rem);
  color: #ffe6d2; */
  margin: 0;
}

.tech_bx .middle {
  position: relative;
  width: 100%;
  height: 190px;
  margin: 5% 0 0;
}

.tech_bx .middle .item {
  padding: 0rem 4rem 0rem 0rem;
}

.list1_wrappr {
  position: absolute;
  top: 0;
  left: 0;
  animation: _dex7 100s linear infinite;
  animation-delay: 3s;
}
.list2_wrappr {
  position: absolute;
  top: 38.333%;
  animation: _dex8 100s linear infinite;
  animation-delay: 3s;
}
.list3_wrappr {
  position: absolute;
  top: auto;
  bottom: 0;
  animation: _dex7 100s linear infinite;
  animation-delay: 3s;
}

.list1,
.list3 {
  display: flex;
}

.list2 {
  display: flex;
}

@keyframes _dex7 {
  0% {
    transform: translateX(0);
  }

  to {
    transform: translateX(-50%);
  }
}

@keyframes _dex8 {
  0% {
    transform: translateX(-50%);
  }

  to {
    transform: translateX(0);
  }
}

.icon {
  display: inline-block;
  /* width: 7rem !important; */
  height: 4rem;
  height: 2.5rem;

  stroke-width: 0;
  stroke: currentColor;
  fill: currentColor;
}

.icon-figma {
  width: 42px;
}

.icon-slack {
  width: 160px;
}

.icon-wf {
  width: 170px;
}

.icon-sql {
  width: 105px;
}

.icon-css {
  width: 56px;
}

.icon-airtable {
  width: 254px;
}

.icon-docker {
  width: 200px;
}

.icon-cloudflare {
  width: 192px;
}

.icon-g936 {
  width: 160px;
}

.icon-pp {
  width: 210px;
}

.icon-g715 {
  width: 210px;
}

.icon-html5 {
  width: 56px;
}

.icon-cpanel {
  width: 165px;
}

.icon-codepen {
  width: 225px;
}

.icon-g785 {
  width: 160px;
}

.icon-adobe-ps {
  width: 53px;
}

.icon-bootstrap {
  width: 65px;
}

.icon-shopify {
  width: 200px;
}

.icon-stripe {
  width: 124px;
}

.icon-ss {
  width: 70px;
}

.icon-git {
  width: 115px;
}

.icon-github {
  width: 160px;
}

.icon-vsc {
  width: 57px;
}

.icon-php {
  width: 96px;
}

.icon-wp {
  width: 56px;
}

.icon-ga {
  width: 217px;
}

.icon-js {
  width: 52px;
}

.icon-ubuntu {
  width: 58px;
}

/****Tech_Box ends****/

/****FAQs Box starts****/

.faqs_bx {
  display: flex;
  width: 100%;
  position: relative;
  font-family: "Manrope", sans-serif;
  padding: 7rem 0;
  background: #000;
}

.shape_circle_1by2 {
  display: none;
  z-index: -100;
  width: 180px;
  height: 90px;
  border: 30px solid #c91616;
  border-bottom: 0 solid #000;
  border-top-left-radius: 180px;
  border-top-right-radius: 180px;
  transform-style: preserve-3d;
  background-color: rgba(0, 0, 0, 0);
  border-top-color: #f2bb1c;
  border-left-color: #f2bb1c;
  border-right-color: #f2bb1c;
  /*     transform: translate(0px, -154px)rotateX(0)rotateY(0)rotateZ(0); */
  transform: rotate(90deg);
  position: absolute;
  top: 30%;
  left: -45px;
}

.shape_line {
  display: none;

  position: absolute;
  height: auto;
  width: calc(100% + 0px);
  background: 0 0;
  bottom: auto;
  left: 0;
  right: 0;
  margin: 5rem 0 0;
  z-index: -100;
}
.shape_line img {
  display: none;

  width: 100%;
  height: 100%;
  display: block;
}
.svg-tri-icon {
  display: none;

  fill: currentColor;
  position: absolute;
  z-index: -100;
  right: 32%;
  top: 2%;
  bottom: auto;
  width: 150px;
  height: 150px;
  transform: translate(50%, -30%) rotate(35deg);
  color: #ed1f53;
}
.shape-square {
  display: none;

  z-index: -100;
  position: absolute;
  top: auto;
  bottom: 10%;
  left: 5%;
  right: auto;
  width: 33px;
  height: 33px;
  border: 0 solid #000;
  background-color: #c91616;
  opacity: 0.7;
}

.shape_circle_1by4 {
  display: none;

  z-index: -100;
  width: 150px;
  height: 150px;
  position: absolute;
  top: auto;
  bottom: 0;
  left: auto;
  right: 0;
  border-top-left-radius: 500px;
  background-color: #434cc6;
}
.faqs_bx_inr {
  display: flex;
  width: 100%;
  flex-direction: column;
  align-items: center;
}
.faqs_bx .top {
  text-align: center;
  width: 90%;
  margin-bottom: 3rem;
}
.faqs_bx .top h2 {
  font-family: "Platform", sans-serif;
  font-size: 4.4rem;
  font-size: clamp(4rem, 1.0093rem + 5.298vw, 4.4rem);
  color: #fff;
  -webkit-text-fill-color: #eefcfb8c;
  -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: #00000038;
  font-weight: 500;
  margin: 0rem 0.2rem 1.7rem;
  line-height: 1;
  letter-spacing: 2px;
  text-transform: lowercase;
}
.faqs_bx .top p {
  display: none;
  font-size: 1rem;
  font-weight: 500;
  color: #fff9c0;
  margin: 2rem 0 0 0;
  text-transform: capitalize;
}

.faqs_bx .top h3 {
  font-family: "Platform", sans-serif;
  font-family: "Plus Jakarta Sans", sans-serif;
  font-size: 4rem;
  font-size: clamp(2.6rem, 1.5907rem + 4.486vw, 5rem);
  font-size: clamp(4rem, 1.5907rem + 4.486vw, 3.5rem);
  color: #fff;
  font-weight: 700;
  line-height: 1;
  text-transform: lowercase;
  margin: 0 0 2rem;
  letter-spacing: 0px;
}
.faqs_bx .top h3 span {
  display: block;
  font-size: clamp(1rem, 0.8rem + 4.486vw, 1.2rem);
  color: #fff;
  font-weight: 400;
  margin: 1.5rem;
  text-transform: none;
}

.faqs_bx .middle {
  display: flex;
  width: 75%;
}

.faqs_list {
  width: 100%;
  /* border: 1.5px solid black; */
}

.faqs_list_item {
  border: 0.5px solid #505050d4;
  /* box-shadow: 2px 2px 2px 2px rgba(0, 0, 0, 0.4); */
  /* border-radius: 6px 6px 6px 6px; */
  padding: 0px;
  margin-bottom: 1.5rem;
  background: #000 !important;
}

.faqs_list_item.one {
  background: #fe9687;
}
.faqs_list_item.two {
  background: #ffe587;
}
.faqs_list_item.three {
  background: #82b4fe;
}
.faqs_list_item.four {
  background: #a1db73;
}
.faqs_list_item.five {
  background: #f0afe9;
}
.faqs_list_item.six {
  background: #a0acea;
}

.faqs_list_item_q {
  cursor: pointer;
  padding: 1.5rem 2rem;
}
.faqs_list_item_q h3 {
  display: inline-block;
  font-size: 1.4rem;
  font-weight: 600;
  color: #fff;
  margin: 0;
  width: 90%;
}
span.plus-q {
  display: inline-block;
  float: right;
  font-size: 1.83rem;
  font-weight: 500;
  line-height: 1;
  width: 7%;
  color: #fff;
}

.faqs_list_item_a {
  display: none;
  background: #000;
  border-top: 0px solid #eee;
  padding: 0 2rem 2rem;
}

.faqs_list_item_a p {
  font-size: 1.2rem;
  font-weight: 400;
  color: #fff;
}

/****FAQs Box ends****/

/****Goal Box starts****/

.goal_bx {
  font-family: "Manrope", sans-serif;
  font-family: "Platform", sans-serif;
  background-color: #ff8a6f;
  background-color: #000;

  border-top: 1px solid #000;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
  overflow: hidden;
}

.goal_bx_container {
  grid-column-gap: 8rem;
  align-items: center;
  display: flex;
}
.goal_bx_left {
  width: 50%;
  grid-column-gap: 0.5rem;
  grid-row-gap: 0.5rem;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-end;
  display: flex;
}
.goal_bx_words {
  color: #fff;
  letter-spacing: 1px;
  white-space: nowrap;
  font-size: 4.75rem;
  font-size: clamp(2.73rem, 2.0086rem + 3.6071vw, 4.75rem);
  font-weight: 500;
  line-height: 1;
}
.goal_bx_left .goal_bx_words {
  font-size: 6.75rem;
  font-weight: 500;
}
.goal_bx_text {
  max-width: 26rem;
  text-align: right;
  color: #fff;
  font-size: 2.5rem;
  font-size: clamp(2rem, 1.8214rem + 0.8929vw, 2.5rem);
  font-weight: 500;
  line-height: 1.5;
  border-top: 2.5px solid #fff;
  padding-top: 10px;
}

.goal_bx_right {
  width: auto;
  height: 60rem;
  flex-direction: column;
  display: flex;
  position: relative;
}

.goal_bx_gradient_up {
  z-index: 1;
  height: 30rem;
  background-image: linear-gradient(#ff8a6f 30%, rgba(255, 255, 255, 0));
  background-image: linear-gradient(#000000 30%, rgba(255, 255, 255, 0));
  position: absolute;
  top: 0%;
  bottom: auto;
  left: 0%;
  right: 0%;
}

.goal_bx_list {
  grid-column-gap: 0.5rem;
  grid-row-gap: 0.5rem;
  flex-direction: column;
  display: flex;
}
.goal_bx_gradient_down {
  height: 30rem;
  background-image: linear-gradient(
    360deg,
    #ff8a6f 30%,
    rgba(255, 255, 255, 0)
  );
  background-image: linear-gradient(
    360deg,
    #000000 30%,
    rgba(255, 255, 255, 0)
  );
  position: absolute;
  top: auto;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

@keyframes scroll-vertical {
  from {
    transform: translateY(0);
  }
  to {
    transform: translateY(-50%);
  }
}

.goal_bx_list {
  animation: scroll-vertical 20s linear infinite;
}

/****Goal Box ends****/

/*********/
.services_block {
  display: none;
  color: #fff;
  padding: 90px 0 50px;
  overflow: hidden;
  background: #000;
}
.services_block_inner {
  font-family: Manrope, sans-serif;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  max-width: 1300px;
  padding: 0 30px;
  width: 100%;
  margin: 0 auto;
  position: relative;
}

.services_top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 100%;
  margin-top: 20px;
  margin-bottom: 180px;
  position: relative;
  z-index: 3;
}

.services-heading {
  max-width: 670px;
  width: 60%;
}
.services-heading h6 {
  text-transform: uppercase;
  color: #f56f5e;
  padding-bottom: 20px;
  margin-bottom: 0;
}

.services-heading h4 {
  font-size: 25px;
  line-height: 1.4;
  letter-spacing: -0.28px;
  margin-bottom: 25px;
  padding-bottom: 15px;
}

.services-subheading {
  max-width: 435px;
  width: 40%;
  margin-left: auto;
  padding: 0 5px 0 20px;
}
.services-subheading p {
  font-size: 15px;
  line-height: 1.73;
  letter-spacing: 0.3px;
  opacity: 0.9;
  margin: 36px 0 20px;
}

.services-subheading a {
  font-size: 10px;
  letter-spacing: 2px;
  text-transform: uppercase;
  position: relative;
  padding-bottom: 5px;
  color: inherit;
}
.services-subheading a::before {
  content: "";
  display: inline-block;
  position: absolute;
  width: 100%;
  height: 1px;
  left: 0;
  bottom: 0;
  background: #fff;
}

.services-bottom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 100%;
  position: relative;
}
.services-item {
  max-width: calc(100% / 3);
  width: 100%;
  padding-right: 15px;
}
.services-item .services-content {
  position: relative;
  z-index: 1;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}
.services-item .services-content > a {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 5;
  display: block;
  transition: all 0.3s ease;
  text-decoration: none;
}

.services-item h6 {
  font-size: 12px;
  color: #f56f5e;
  line-height: 1.67;
  letter-spacing: 1.2px;
  text-transform: uppercase;
  padding-bottom: 18px;
  margin-bottom: 0;
}

.services-item h5 {
  font-size: 19px;
  line-height: 1.84;
  letter-spacing: -0.19px;
  max-width: 304px;
  color: inherit;
  margin-bottom: 0;
}

/*********sec_tres*****/
.hello_bx_outr {
  display: flex;
  justify-content: center;
  background: #000;
}
.hello_bx {
  display: flex;
  width: 90%;
  border: 1px solid #000;
  border-radius: 2.5rem;
  justify-content: center;
  align-content: space-around;
  color: #fff;
  background-color: #2d2d2d;
  background: radial-gradient(
    40% 86.58% at 16.49% 75.42%,
    #fe7c5e 0,
    #fc2e50 100%
  );
  font-family: Montserrat, sans-serif;
  font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-family: Manrope, sans-serif;
  margin: 5% 0;
  padding: 6rem 0rem;
}

.hello_bx_inr {
  width: 90%;
  display: flex;
  justify-content: space-between;
  flex-flow: row wrap;
  /* justify-content: center; */
  align-content: space-around;
}

.hello_bx .lft h2 {
  font-family: "Trap", Manrope;
  font-family: "Manrope", sans-serif;
  font-family: "Platform", sans-serif;
  font-size: 4.75rem;
  font-size: clamp(3rem, 2.0909rem + 4.5455vw, 5rem);
  font-weight: 500;
  line-height: 1.2;
  margin: 0;
}

.hello_bx .lft {
  max-width: 60%;
  flex: 0 0 60%;
}

.hello_bx .rt {
  max-width: 40%;
  flex: 0 1 40%;
  text-align: right;
  /* padding-left: 0.7rem; */
  box-sizing: border-box;
}
.hello_bx .rt p {
  margin: 0 0 0.4rem;
  font-size: 1.2rem;
  font-weight: 600;
}
.hello_bx .btm {
  max-width: 100%;
  flex: 0 0 100%;
}
.hello_bx .btm a {
  font-family: "Platform", sans-serif;
  cursor: pointer;
  border: 2px solid #fff;
  border-radius: 2em;
  text-decoration: none;
  display: inline-flex;
  margin: 2.1rem 0;
  white-space: nowrap;
  line-height: 1.1;
  -webkit-appearance: none;
  padding: 1em 1.5em 1.1em;
  padding: 0.5em 1.5em 0.6em;
  max-width: 100%;
  font-size: 1.525rem;
  font-weight: 500;
  color: #fff;
  transition: transform 0.7s ease, opacity 0.7s ease, color 0.7s ease,
    background-color 0.7s ease, border-color 0.7s ease;
}
.hello_bx .btm a:hover {
  background: #fff;
  color: #000;
  transition: transform 0.7s ease, opacity 0.7s ease, color 0.7s ease,
    background-color 0.7s ease, border-color 0.7s ease;
}
/* 
.tally-overlay {
  background-color: #000 !important;
}
.tally-popup {
  width: 70% !important;
}
.emtVFG {
   display: none !important; 
  background: #000;
  box-shadow: none;
  color: #000;
  justify-content: flex-end;
  opacity: 0.3;
  pointer-events: none;
} */

/* .tally-powered * {
  background: #000 !important;
  box-shadow: none !important;
  color: #000 !important;
  justify-content: flex-end !important;
  opacity: 0.3 !important;
  pointer-events: none !important;
} */
.dexter {
  border: 10px solid cyan;
}
/************/

.btm_footr {
  display: flex;
  justify-content: center;
  align-content: space-around;
  m7in-height: 100vh;
  color: #fff;
  background-color: #000;
  font-family: Montserrat, sans-serif;
  font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-family: Manrope, sans-serif;

  padding: 5rem 0rem;
}

.btm_footr_inr {
  width: 90%;
}

.btm_footr .top h5 {
  /* font-family: "Trap", Manrope; */
  font-family: "Manrope", sans-serif;
  font-family: "Platform", sans-serif;
  font-size: 3.2175rem;
  font-size: clamp(2.8rem, 2.55rem + 1.25vw, 5rem);
  font-weight: 500;
  line-height: 1.2;
  letter-spacing: 0px;
}
.btm_footr .top h5 span {
  color: #d3bbbb;
  font-weight: 500;
}

.btm_footr .middle {
  display: flex;
  justify-content: space-between;
  flex-flow: row wrap;
  5justify-content: center;
  align-content: space-around;
  width: 100%;
}

.btm_footr .middle .card {
  flex: 0 1 25%;
}

.btm_footr .middle h6 {
  font-size: 1.1rem;
  color: #ffffffeb;
  font-weight: 700;
  line-height: 1.3;
  margin: 0 0 2rem;
}
.btm_footr .middle a {
  color: #ffffffe0;
  font-weight: 400;
  text-decoration: none;
}

.btm_footr .middle ul {
  list-style: none;
  padding: 0 0 0 1px;
  margin: 0 0px 0;
}
.btm_footr .middle li {
  margin: 21px 0px;
}

.btm_footr .btm {
  display: flex;
  margin: 3rem 0;
  flex-direction: column;
  align-items: flex-start;
}
.btm img.da_logo {
  margin-bottom: 12px;
}

.btm_footr .btm a {
  color: #ffffffc7;
  font-size: 0.9rem;
  font-weight: 500;
}
/******sec_tres_end****/

/*****CSS Media Queries*******/

/*****from (min-width: 769px) to (max-width: 1216px)******/
@media screen and (min-width: 1024.3px) and (max-width: 1216px) {
  .grid-services {
    grid-template-columns: repeat(9, 1fr);
  }
  .grid-services .card {
    grid-column: span 3;
  }
  .grid-services .card:nth-last-child(2) {
    grid-column-end: 5;
  }
  .grid-services .card:nth-last-child(1) {
    grid-column-end: 9;
  }
}

/*****from (min-width: 769px) to (max-width: 1024px)******/
@media screen and (max-width: 1024px) {
  .desktop {
    display: none !important;
  }
  .msg_optns.desktop {
    display: block !important;
  }
  div#mainux {
    display: none;
  }

  #introx {
    width: 90%;
  }
  #anmtdtxtx,
  #introx h1 {
    font-size: 5em;
    font-size: clamp(2.6rem, 1.1701rem + 6.3551vw, 6rem);
    line-height: 1.2;
  }

  .grid-services {
    grid-template-columns: 1fr 1fr;
  }
  .numb_cred {
    grid-template-columns: 1fr 1fr;
    grid-gap: 3%;
    font-size: 1rem;
  }

  .numb_cred-item {
    grid-column-start: 1;
    height: fit-content;
  }
  .numb_cred-item:nth-child(even) {
    transform: translateX(calc(100% + 3%));
  }

  .numb_cred-value {
    font-size: 5em;
    padding-bottom: 23px;
  }

  .numb_cred-value span {
    font-size: 0.5em;
  }

  .numb_cred-title {
    font-size: 1.5em;
    padding-top: 23px;
    padding-bottom: 20px;
  }

  .shout_bx {
    width: 100%;
    border: 0px solid #0000;
    border-radius: 0;
    margin: 0;
    padding: 20% 4%;
  }
  .shout_bx_inr {
    flex-direction: column;
  }
  .faqs_bx .middle {
    width: 85%;
  }
  .goal_bx {
    padding: 5rem 3%;
    /* justify-content: flex-start;
    align-items: center; */
  }
  .goal_bx_container {
    grid-column-gap: 3rem;
    flex-direction: column;
  }
  .goal_bx_left {
    width: 100%;
    justify-content: flex-start;
    align-items: flex-start;
  }
  .goal_bx_right {
    width: 100%;
    height: 34rem;
    overflow: hidden;
  }
  .goal_bx_gradient_up,
  .goal_bx_gradient_down {
    height: 15rem;
  }

  .hello_bx {
    width: 100%;
    border: 0px solid #000;
    border-radius: 0;
    margin: 0;
  }
}
/*****from (min-width: 481px) to (max-width: 768px)******/
@media screen and (max-width: 768px) {
  canvas#defaultCanvas0 {
    margin-left: -100px;
    width: calc(100vw + 100px) !important;

    width: calc(100% + 100px) !important;
  }

  #anmtdtxtx,
  #introx h1 {
    font-size: 4em;
    font-size: clamp(2.6rem, 1.1701rem + 6.3551vw, 6rem);
    line-height: 1.3;
  }
  .alpha_heading .lft {
    max-width: 100%;
    flex: 0 0 100%;
  }
  .alpha_heading .rt {
    max-width: 100%;
    flex: 0 0 100%;
    padding-left: 0;
  }

  .container.alpha_outr .btm {
    flex-direction: column;
    align-items: center;
  }
  .container.alpha_outr .btm p {
    width: 100%;
  }

  .grid-services {
    grid-template-columns: 1fr 1fr;
  }
  .services_section_v3 .card {
    width: 50%;
  }
  .hello_bx .lft {
    max-width: 100%;
    flex: 0 0 100%;
  }

  .hello_bx .rt {
    max-width: 100%;
    flex: 0 0 100%;
    text-align: left;
  }

  .tech_bx .top {
    width: 100%;
  }

  .btm_footr .middle .card {
    flex: 0 1 50%;
    margin-bottom: 2.5em;
  }
}

/*****upto (max-width: 576px)******/
@media screen and (max-width: 576px) {
  .grid-services {
    grid-template-columns: 1fr;
  }
  .services_section_v3 .card {
    width: 100%;
  }
  /*****why Us box***/
  .sec_dos {
    padding: 0;
  }
  span.text-span-lite:before {
    width: 17%;
    margin: 0 2% 0 0%;
  }
  .sec_dos_block {
    border-bottom: 1px solid #ffffffad;
  }
  .sec_dos_block_0 {
    flex-direction: column;
    width: 100%;
  }
  .sec_dos_block_0_n1 {
    width: 100%;
  }
  .sec_dos_block_0_n2 {
    width: 100%;
    max-width: 92%;
    margin-left: 0px;
    padding-left: 12%;
    padding-top: 3%;
  }

  .faqs_bx .middle {
    width: 90%;
  }
}

/*****upto (max-width: 480px)******/
@media screen and (max-width: 480px) {
  .mobile {
    display: block;
  }
  .msg_optns.desktop {
    display: none !important;
  }

  #anmtdtxtx,
  #introx h1 {
    font-size: 3.3em;
    font-size: clamp(2.6rem, 1.1701rem + 6.3551vw, 6rem);
    line-height: 1.2;
  }
  .btm_footr .middle .card {
    max-width: 48%;
    flex: 0 1 50%;
  }

  .faqs_bx .middle {
    width: 95%;
  }
}

/*****honor 7x width******/
@media screen and (max-width: 425px) {
}

/*****upto (max-width: 320px)******/
@media screen and (max-width: 320px) {
  .btm_footr .middle .card {
    max-width: 100%;
    flex: 0 1 100%;
  }
}