/*!
Theme Name: Ideas2D
Theme URI: http://underscores.me/
Author: Ideas2D
Author URI: http://Ideas2D.co.nz
Description: Description
Version: 2.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: Ideas2D
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.

Ideas2D 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;
  margin-bottom: 0px !important;
  font-family: trebuchet;
}

/**
* 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;
  outline: none !important;
}

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

@font-face {
  font-family: trebuchet;
  font-display: swap;
  src: url(./assets/fonts/trebuc.ttf);
}

/**
* 1. Add the correct box sizing in IE 10.
* 2. Remove the padding in IE 10.
*/

[type="checkbox"],
[type="radio"] {
  box-sizing: border-box;
  padding: 0;
}

/**
* Correct the cursor style of increment and decrement buttons in Chrome.
*/

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

/**
* 1. Correct the odd appearance in Chrome and Safari.
* 2. Correct the outline style in Safari.
*/

[type="search"] {
  -webkit-appearance: textfield;
  outline-offset: -2px;
}

/**
* Remove the inner padding in Chrome and Safari on macOS.
*/

[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
* 1. Correct the inability to style clickable types in iOS and Safari.
* 2. Change font properties to `inherit` in Safari.
*/

::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit;
}

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

/*
* Add the correct display in Edge, IE 10+, and Firefox.
*/

details {
  display: block;
}

/*
* Add the correct display in all browsers.
*/

summary {
  display: list-item;
}

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

/**
* Add the correct display in IE 10+.
*/

template {
  display: none;
}

/**
* Add the correct display in IE 10.
*/

[hidden] {
  display: none;
}

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

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

*,
*::before,
*::after {
  box-sizing: inherit;
}

html {
  box-sizing: border-box;
}

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

/* Typography
--------------------------------------------- */
.black_text{
	color: #000 !important;
}
body,
button,
input,
select,
optgroup,
textarea {
  color: #404040;
  font-family: trebuchet;
  font-size: 1rem;
  line-height: 1.5;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  clear: both;
  font-family: trebuchet;
}

p {
  margin-bottom: 1.5em;
  font-family: "Open Sans", sans-serif;
}

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;
  font-family: trebuchet;
  font-family: "Open Sans", sans-serif;
}

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

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

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: #8342fb;
}

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

/* Basic styling for layout */
.count-step-sticky span {
    font-weight: 700;
    font-size: 84px;
    line-height: 100%;
    color: #BFFB4F;
	font-family: Trebuchet MS;
}
.contentsection {
  background: linear-gradient(to right, #bffb4f, #8342fb);
  display: grid;
  grid-template-columns: repeat(3, 80%);
  grid-column-gap: 24px;
  height: clamp(400px, 100vh, 1000px);
  overflow: hidden;
  align-items: center;
  align-content: center;
  justify-content: center;
}

.dynamicscreensection__image {
  display: block;
  transform: rotate(8deg) translateY(7.5%);
  filter: drop-shadow(0 0 0.25rem rgba(0, 0, 0, 0.25));
}

/*  website design  */
.wh_col_7{
	padding-left: 40px;
}
.count_cont .counter {
    font-family: Trebuchet MS;
    font-weight: 700;
    font-size: 130px;
    line-height: 100%;
    color: #BFFB4F;
}
.choose_upper_div .count_cont h3{
	position: relative;
	    display: inline-block;
	margin-bottom: 0;
}
.count_cont h3 i {
        font-style: normal;
    color: #8342FB;
    font-size: 51px;
    font-weight: 300;
    position: absolute;
    top: -20px;
    right: -35px;
}
.count_cont h5 {
    font-family: Trebuchet MS;
    font-weight: 700;
    font-size: 24px;
    line-height: 100%;
    color: #000;
}
.mb_25{
	margin-bottom: 40px;
}
.mt_25{
	margin-top: 40px;
}
/* website design */
@media screen and (min-width: 768px) {
  .contentsection {
    grid-template-columns: repeat(3, 35%);
  }
}
/* 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;
}

/* Generic */

#page {
  /*   overflow-x: hidden; */
  color: #231f20;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: trebuchet;
}

a {
  display: inline-block;
  text-decoration: none;
}

.link_1 {
  display: inline-block;
  margin-bottom: 10px;
  color: #fff !important;
  text-decoration: none;
  font-size: 15px;
  position: relative;
  width: max-content;
}

/*.link_1::after {
content: "";
position: absolute;
width: 100%;
height: 2px;
border-radius: 4px;
background-color: #fff;
bottom: 0;
left: 0;
transform-origin: right;
transform: scaleX(0);
transition: transform 0.3s ease-in-out;
}

.link_1:hover::after {
transform-origin: left;
transform: scaleX(1);
}*/

.btn_1 {
  padding-top: 16px;
  padding-bottom: 19px;
  padding-left: 34px;
  padding-right: 35px;
  color: #9fab69;
  position: relative;
  display: block;
  overflow: hidden;
  border: 1px solid #fff;
  border-radius: 5px;
  transition: 0.1s;
  text-decoration: none;
  width: max-content;
  display: flex;
  align-items: center;
  gap: 14px;
}

.btn_1__v2 {
  background-color: #fff;
}

.btn_1__v3 {
  padding: 15px 25px;
}

.btn_1 .text {
  font-family: trebuchet;
  font-size: 20px;
  color: #fff;
  position: relative;
  z-index: 1;
  transition: 0.4s;
}

.btn_1 svg {
  position: relative;
  z-index: 1;
  transition: 0.4s;
}

.btn_1:hover svg {
  transform: translateX(10px);
}

.btn_1 .bg {
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  border-radius: 50%;
  background-color: #bffb4f;
  transition: width 0.4s ease-in-out, height 0.4s ease-in-out;
  transform: translate(-50%, -50%);
  z-index: 0;
}

.btn_1:hover {
  border: 1px solid #bffb4f;
}

.btn_1:hover .bg {
  width: 225%;
  height: 562.5px;
}

.btn_1:active {
  background-color: #bffb4f;
}

.btn_1__v2 {
  border: 0px;
}

.btn_1__v2:hover {
  border: 0px;
}

.btn_1__v2 .text {
  color: #231f20;
}

.btn_1__v2:hover .text {
  color: #fff;
}

.btn_1__v2 svg path {
  fill: #231f20;
}

.btn_1__v2:hover svg path {
  fill: #fff;
}

.btn_2 {
  text-decoration: none;
  transition: 0.5s;
  display: flex;
  align-items: center;
  gap: 20px;
}

.btn_2 .text {
  transition: 0.5s;
  color: #fff;
}

.btn_2 svg {
  transition: 0.5s;
}

.btn_2:hover svg {
  transform: rotate(-30deg);
}

.img_wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
  visibility: hidden;
  z-index: 2;
}

.img_wrapper .cover {
  position: absolute;
  top: 0;
  left: 0;
  height: 110%;
  width: 100%;
  background-color: #1c1c1c;
  z-index: 4;
}

.img_wrapper .img_main {
  object-fit: cover;
  height: 100%;
  width: 100%;
}

.btn_3 {
  padding-top: 14px;
  padding-bottom: 15px;
  padding-left: 27px;
  padding-right: 27px;
  position: relative;
  display: block;
  overflow: hidden;
  border: 1px solid #292929;
  border-radius: 5px;
  transition: 0.1s;
  text-decoration: none;
  width: max-content;
  display: flex;
  align-items: center;
  gap: 10px;
  background-color: #fcb911;
}

.btn_3 .text {
  font-family: trebuchet;
  font-size: 16px;
  color: #292929;
  position: relative;
  z-index: 2;
  transition: 0.4s;
}

.btn_3:hover .text {
  color: #fff;
}

.btn_3 svg {
  position: relative;
  z-index: 2;
  transition: 0.4s;
  width: 25px;
}

.btn_3:hover svg {
  transform: translateX(10px);
}

.btn_3 svg path {
  fill: #292929;
}

.btn_3:hover svg path {
  fill: #fff;
}

.btn_3 .bg {
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  border-radius: 50%;
  background-color: #bffb4f;
  transition: width 0.4s ease-in-out, height 0.4s ease-in-out;
  transform: translate(-50%, -50%);
  z-index: 1;
}

.btn_3:hover {
  border: 1px solid #bffb4f;
}

.btn_3:hover .bg {
  width: 225%;
  height: 562.5px;
}

.btn_3:active {
  background-color: #bffb4f;
}

/* Generic END */

/* Header */

#masthead {
  position: fixed;
  width: 100%;
  padding-top: 46px;
  padding-bottom: 44px;
  z-index: 9999999;
  transition: 0.5s;
  background: #000;
}

.home #masthead {
  background: #fff;
}

#mega-menu-wrap-menu-1 #mega-menu-menu-1>li.mega-menu-item>a.mega-menu-link {
  color: #fff;
  position: relative;
  z-index: 1;
}

#mega-menu-wrap-menu-1 #mega-menu-menu-1>li.mega-menu-item>a.mega-menu-link::before {
  content: "";
  background: #8342fb;
  width: 0%;
  height: 100%;
  height: 2px;
  position: absolute;
  left: 0;
  /* top: 0; */
  bottom: 0;
  transition: 0.5s;
  z-index: -1;
}

#mega-menu-wrap-menu-1 #mega-menu-menu-1>li.mega-menu-item>a.mega-menu-link:hover {
  /* color: #fff; */
}

#mega-menu-wrap-menu-1 #mega-menu-menu-1>li.mega-menu-item>a.mega-menu-link:hover::before {
  width: 100%;
}

.home #mega-menu-wrap-menu-1 #mega-menu-menu-1>li.mega-menu-item.mega-current-menu-item>a.mega-menu-link {
  /* color: #fff; */
}

.home #mega-menu-wrap-menu-1 #mega-menu-menu-1>li.mega-menu-item.mega-current-menu-item>a.mega-menu-link::before {
  width: 100%;
}

.home #mega-menu-wrap-menu-1 #mega-menu-menu-1>li.mega-menu-item>a.mega-menu-link {
  color: #000;
}

.home #mega-menu-wrap-menu-1 #mega-menu-menu-1>li.mega-menu-item>a.mega-menu-link:hover {
  /* color: #fff; */
}

.img_wrap_serv.why_img {
  border-radius: 50px;
}

.img_new_wrap_left_seo {
  border-radius: 0 50px 50px 0;
}

.img_new_wrap_left_seo img {
  border-radius: 0 50px 50px 0;
}

.img_new_wrap_right_seo {
  border-radius: 50px 0 0 50px;
}

.img_new_wrap_right_seo img {
  border-radius: 50px 0 0 50px;
}

.fifth_slider .item {
  overflow: hidden;
  border-radius: 50px;
}

@media (min-width: 991px) {
  #masthead .container-fluid {
    padding-left: 37px;
    padding-right: 87px;
  }
}

#masthead .left_con img {
  /*   width: 180px; */
  /* 	width: 95px; */
  height: 47px;
}

#masthead .right_con {
  display: flex;
  height: 100%;
  align-items: center;
  justify-content: flex-end;
  gap: 60px;
}

#mega-menu-wrap-menu-1 #mega-menu-menu-1 {
  text-align: right;
}

#mega-menu-wrap-menu-1 {
  background-color: transparent;
}

#mega-menu-wrap-menu-1 #mega-menu-menu-1>li.mega-menu-item {
  position: relative;
  padding-left: 17px;
  padding-right: 17px;
}

#mega-menu-wrap-menu-1 #mega-menu-menu-1>li.mega-menu-item>a.mega-menu-link {
  /*   padding-left: 17px;
  padding-right: 17px; */
  font-size: 18px;
  text-transform: capitalize;
  transition: 0.4s;
  position: relative;
  overflow: hidden;
  font-family: trebuchet;
}

#mega-menu-wrap-menu-1 #mega-menu-menu-1>li.mega-menu-item>a.mega-menu-link:hover {
  background-color: transparent;
}

/*Phone Button*/

#mega-menu-wrap-menu-1 #mega-menu-menu-1>li.mega-menu-item-1256>a.mega-menu-link {
  padding-right: 0px;
  padding: 0px 30px;
  /*background-color: #BFFB4F;*/
  border: 1px solid #fff;
  border-radius: 5px;
  font-size: 12px;
  font-weight: 700;
  position: relative;
  transform-origin: 100% 0%;
  color: transparent;
  overflow: hidden;
  transition: 0.4s;
  z-index: 10;
  color: #fff;
}

/*New*/

.elementor-button-link {
  position: relative;
}

.elementor-button-content-wrapper {
  display: flex;
  justify-content: center;
  flex-direction: row;
  gap: 5px;
}

.elementor-button {
  color: #000000;
  font-family: trebuchet;
  font-size: 18px;
  text-transform: capitalize;
  line-height: 1em;
  background-color: #bffb4f;
  border-radius: 15px;
  padding: 0.8em 2em 0.8em 2em;
  text-decoration: none;
  text-align: center;
  text-transform: uppercase;
}

.elementor-button-link {
  -webkit-box-shadow: 0.125em 0.125em 0 0 #8342fb, 0.25em 0.25em 0 0 #8342fb,
    0.25em 0.25em 0 0 #8342fb;
  box-shadow: 0.125em 0.125em 0 0 #8342fb, 0.25em 0.25em 0 0 #8342fb,
    0.25em 0.25em 0 0 #8342fb;
  transition: 0.3s;
}

.elementor-button span {
  text-decoration: inherit;
  color: #000000;
  font-family: trebuchet;
  outline: none;
  font-size: 18px;
  text-decoration: none;
}

.elementor-button span {
  text-decoration: inherit;
}

.elementor-button-link:hover {
  -webkit-box-shadow: 0.125em 0.125em 0 0 #8342fb, 0.125em 0.125em 0 0 #8342fb,
    0.125em 0.125em 0 0 #8342fb;
  box-shadow: 0.125em 0.125em 0 0 #8342fb, 0.125em 0.125em 0 0 #8342fb,
    0.125em 0.125em 0 0 #8342fb;
  -webkit-transform: translate(0.125em, 0.125em);
  -ms-transform: translate(0.125em, 0.125em);
  transform: translate(0.125em, 0.125em);
}

.elementor-button-link:active {
  -webkit-box-shadow: none;
  box-shadow: none;
  -webkit-transform: translate(0.25em, 0.25em);
  -ms-transform: translate(0.25em, 0.25em);
  transform: translate(0.25em, 0.25em);
}

/*Phone Button End*/

.header_fixed {
  /* top: 0px !important; */
  padding-top: 10px !important;
  padding-bottom: 10px !important;
  box-shadow: rgba(255, 255, 255, 0.1) 0px 0px 3px;
  background-color: #000;
}

.scroll-up {
  transform: none;
}

.scroll-down {
  transform: translate3d(0, -100%, 0);
}

/* Header END */

/* Footer */

#colophon .google_review{
	display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
}

#colophon .google_review img {
  width: 110px;
}

#colophon {
  padding-top: 86px;
  background-color: #000;
  color: #fff;
  position: relative;
}

#colophon .container-fluid {
  position: relative;
}

#colophon .element_red {
  position: absolute;
  top: -53px;
  right: -123px;
  z-index: 2;
}

#colophon .element_blue {
  position: absolute;
  left: -123px;
  bottom: 0px;
}

#colophon .footer_bar {
  padding-top: 23.9px;
  padding-bottom: 45.4px;
  border-top: 1px solid #707070;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

#colophon .footer_bar .left span {
  font-size: 17px;
  color: #e6e6e6;
  font-family: "Open Sans", sans-serif;
}

#colophon .row:first-child {
  padding-bottom: 50px;
}

#colophon .col_1 .content_con {
  max-width: 486px;
  margin-bottom: 66px;
}

#colophon .col_1 .content_con span {
  font-size: 35px;
  display: inline-block;
  font-family: "Open Sans", sans-serif;
}

#colophon .col_1 .content_con span strong {
  font-weight: 400;
  font-family: "Open Sans", sans-serif;
}

#colophon .col_1 .social_media {
  display: flex;
  gap: 20px;
}

#colophon .col_1 .social_media a {
  display: inline-block;
}

/* #colophon .col_1 .social_media a svg{
	width: 35px;
} */
#colophon .col_1 .social_media a svg circle {
  transition: 0.5s;
}

#colophon .col_1 .social_media a svg:hover circle {
  fill: #8342fb;
  stroke: #8342fb;
  opacity: 1;
}

#colophon .col_1 .social_media a svg path {
  transition: 0.5s;
}

#colophon .col_2 {
  padding-left: 50px;
}

#colophon .col_3 {
  padding-left: 50px;
}

#colophon .col_4 {
  padding-left: 50px;
}

#colophon .title_con h6 {
  margin-top: 20px;
  margin-bottom: 15px;
  font-family: trebuchet;
  text-transform: uppercase;
  font-size: 25px;
}

#colophon .menu_con ul {
  list-style: none;
  padding: 0px;
  margin: 0px;
}

#colophon .menu_con ul li a {
  text-decoration: none;
  display: inline-block;
  margin-bottom: 10px;
  color: #fff;
  font-size: 15px;
  position: relative;
  font-family: "Open Sans", sans-serif;
}

#colophon .menu_con ul li a:after {
  content: "";
  position: absolute;
  width: 100%;
  height: 1px;
  border-radius: 4px;
  background-color: #fff;
  bottom: -2px;
  left: 0;
  transform-origin: right;
  transform: scaleX(0);
  transition: transform 0.4s ease-in-out;
}

#colophon .menu_con ul li a:hover:after {
  transform-origin: left;
  transform: scaleX(1);
}

#colophon .menu_con ul li address {
  display: inline-block;
  margin-bottom: 10px;
  color: #fff;
  font-size: 15px;
  font-family: "Open Sans", sans-serif;
}

/* Footer END */

/* Homepage */

#home_banner {
  background-color: #fff;
  /* 	background-position: 100px center; */
  background-repeat: no-repeat;
  background-size: cover;
  color: #fff;
  padding-top: 230px;
  padding-bottom: 53px;
  text-align: center;
}

#home_banner .content_con {
  display: flex;
  max-width: 840px;
  flex-direction: column;
  margin: 0 auto 23px;
}

#home_banner .content_con h1 {
  font-size: 118px;
  font-weight: 700;
  font-family: trebuchet;
  color: #000;
  margin-bottom: 23px;
}

#home_banner .partners {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 65px 0 0 0;
  gap: 35px;
}

.partners img {
  width: 100px;
  object-fit: contain;
  filter: grayscale(1);
}

#home_banner .partners strong {
  font-size: 18px;
  font-weight: 400;
  font-family: trebuchet;
  color: #000;
}

#home_banner .content_con h1 strong {
  color: #8342fb;
}

#home_banner .content_con p {
  font-size: 26px;
  color: #000;
  font-weight: 400;
}

#home_sec_1 {
  padding-top: 50px;
  padding-bottom: 102px;
  background-color: #f3f3f3;
  color: #fff;
  position: relative;
}

#home_sec_1::before {
  position: absolute;
  content: "";
  background-color: #000;
  width: 100%;
  height: 95%;
  left: 0;
  top: 0;
}

#home_sec_1 .main_wrapper {
  padding-left: 0vw;
  overflow-x: hidden;
}

#home_sec_1 .main_wrapper .title_con {
  display: flex;
  align-items: center;
  padding-bottom: 7.5px;
  border-bottom: 1px solid #585858;
  gap: 100px;
}

#home_sec_1 .main_wrapper .title_con .left h2 {
  font-size: 50px;
  font-family: trebuchet;
  font-weight: 700;
  margin-bottom: 20px;
}

#home_sec_1 .main_wrapper .title_con .left p {
  font-size: 18px;
  color: #fff;
  margin: 0;
  padding-bottom: 8px;
}

#home_sec_1 .main_wrapper .services_wrapper {
  padding-bottom: 42px;
  padding-top: 60px;
  /*   padding-top: 125px; */
}

@media (min-height: 970px) {
  #home_sec_1 .main_wrapper .services_wrapper {
    padding-top: 125px;
  }
}

#home_sec_1 .main_wrapper .services_wrapper .services {
  display: flex;
  gap: 20px;
}

#home_sec_1 .main_wrapper .services_wrapper .services .service {
  position: relative;
  flex: none;
  width: 475px;
  padding: 30px 14px;
  height: 444px;
  text-decoration: none;
  overflow: hidden;
  background-color: #8342fb;
}

#home_sec_1 .main_wrapper .services_wrapper .services .service .bg_shadow {
  position: absolute;
  width: 100%;
  bottom: 0;
  left: 0;
  display: none;
}

#home_sec_1 .main_wrapper .services_wrapper .services .service .content_con {
  height: 100%;
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: 100%;
  gap: 25px;
}

#home_sec_1 .main_wrapper .services_wrapper .services .service .content_con .bottom_con {
  display: flex;
  justify-content: space-between;
}

#home_sec_1 .main_wrapper .services_wrapper .services .service .content_con .img_con {
  text-align: center;
}

#home_sec_1 .main_wrapper .services_wrapper .services .service .content_con .img_con img {
  /*   max-height: 250px; */
}

#home_sec_1 .main_wrapper .services_wrapper .services .service .content_con .left h6 {
  font-size: 30px;
  font-weight: 400;
  margin-bottom: 0px;
  color: #fff;
  font-family: trebuchet;
}

#home_sec_1 .main_wrapper .services_wrapper .services .service .content_con .left span {
  display: inline-block;
  font-size: 15px;
  color: #fff;
}

#home_sec_1 .main_wrapper .services_wrapper .services .service .hover_content {
  position: absolute;
  width: 100%;
  height: 50%;
  padding: 30px;
  background-color: transparent;
  left: 0;
  bottom: 0;
  transition: 0.5s;
  transform: translateY(100%);
  z-index: 1;
}

@media (min-width: 786px) {
  #home_sec_1 .main_wrapper .services_wrapper .services .service:hover .hover_content {
    transform: translateY(00%);
  }
}

#home_sec_1 .main_wrapper .services_wrapper .services .service .hover_content h6 {
  color: #231f20;
  font-size: 20px;
  font-family: trebuchet;
  margin-bottom: 24px;
  font-weight: 700;
}

#home_sec_1 .main_wrapper .services_wrapper .services .service ul.wp-block-list {
  display: flex;
  flex-wrap: wrap;
  list-style: none;
  padding: 0;
  margin: 0 0 55px 0;
}

#home_sec_1 .main_wrapper .services_wrapper .services .service ul.wp-block-list li {
  width: 50%;
  font-size: 16px;
  color: #000;
  position: relative;
  padding-left: 30px;
  margin-bottom: 9px;
}

#home_sec_1 .main_wrapper .services_wrapper .services .service ul.wp-block-list li:before {
  position: absolute;
  content: "";
  background-color: #bffb4f;
  width: 19px;
  height: 16px;
  border-radius: 6px;
  left: 0;
  top: 4px;
  transition:all ease 0.2s;
}
#home_sec_1 .main_wrapper .services_wrapper .services .service:hover ul.wp-block-list li:before {
	 background-color: #8342fb;
}
#home_sec_1 .main_wrapper .services_wrapper .services .service .hover_content p {
  color: #231f20;
  font-size: 14px;
  max-width: 300px;
  margin-bottom: 50px;
}

#home_sec_1 .main_wrapper .services_wrapper .services .service .hover_content .btn_1 {
  border: 1px solid #231f20;
  padding: 15px 35px;
}

#home_sec_1 .main_wrapper .services_wrapper .services .service .hover_content .btn_1:hover {
  border-color: #bffb4f;
}

#home_sec_1 .main_wrapper .services_wrapper .services .service .hover_content .btn_1 .text {
  color: #231f20;
  font-size: 15px;
}

#home_sec_1 .main_wrapper .services_wrapper .services .service .hover_content .btn_1:hover .text {
  color: #fff;
}

#home_sec_1 .main_wrapper .services_wrapper .services .service .hover_content .btn_1 svg path {
  fill: #231f20;
}

#home_sec_1 .main_wrapper .services_wrapper .services .service .hover_content .btn_1 svg {
  transform: scale(0.6);
}

#home_sec_1 .main_wrapper .services_wrapper .services .service .hover_content .btn_1:hover svg {
  transform: scale(0.8) translateX(10px);
}

#home_sec_1 .main_wrapper .services_wrapper .services .service .hover_content .btn_1:hover svg path {
  fill: #fff;
}

#home_sec_1 .main_wrapper .scroller_con svg {
  position: absolute;
  bottom: 0em;
  left: 0;
  width: 50vw;
}

#home_sec_1 .main_wrapper .services_wrapper .services .service .hover_content ul li {
  font-size: 15px;
  color: #000;
  font-family: "Open Sans", sans-serif;
}

#home_sec_1 .main_wrapper .scroller_con svg path {
  fill: #8342fb;
}

#home_sec_1 .main_wrapper .scroller_con rect.mask {
  fill: #dac5ff;
}

#home_sec_1 .main_wrapper .scroller_con svg .mask {
  width: 0;
}

#home_sec_2 {
  background-color: #000000;
  color: #fff;
  position: relative;
  padding-top: 180px;
  padding-bottom: 108px;
}

#home_sec_2 .element_bg {
  position: absolute;
  left: 0;
  bottom: 0;
}

#home_sec_2 .element_blue {
  position: absolute;
  top: 233px;
  left: -113px;
}

#home_sec_2 .element_red {
  position: absolute;
  top: 77px;
  right: -113px;
}

#home_sec_2 .container {
  position: relative;
  z-index: 1;
}

#home_sec_2 .top_con .title_con h3 {
  font-size: 50px;
  margin-bottom: 139px;
}

#home_sec_2 .top_con .btn_con {
  position: relative;
  text-align: right;
  display: flex;
  align-items: center;
  padding-right: 80px;
  justify-content: flex-end;
}

#home_sec_2 .top_con .btn_con .btn_1 {
  border: 0px;
}

#home_sec_2 .top_con .btn_con .dotted_arrow {
  position: absolute;
  right: -30px;
  top: -250%;
  transform: translateY(-50%);
  transition: 0.5s;
}

#home_sec_2 .top_con .btn_con .dotted_arrow circle {
  transition: 0.5s;
}

#home_sec_2 .top_con .btn_con .btn_2:hover+.dotted_arrow {
  transform: translateY(-50%) scale(1.1);
  right: -10px;
}

#home_sec_2 .top_con .btn_con .btn_2:hover+.dotted_arrow circle {
  fill: #fff;
}

#home_sec_2 .top_con .content_con {
  max-width: 842px;
  margin-bottom: 100px;
}

#home_sec_2 .top_con .content_con h2 {
  margin-bottom: 14px;
  font-size: 128px;
  font-weight: 900;
  font-family: trebuchet;
}

#home_sec_2 .top_con .content_con p {
  font-size: 18px;
  color: #e6e6e6;
}

#home_sec_2 .box_con .counter h6 {
  color: #e6e6e6;
  font-size: 60px;
  margin-bottom: 18px;
  display: flex;
  align-items: center;
  font-weight: 400;
}

#home_sec_2 .box_con .counter h6 .unit {
  font-size: 60px;
}

#home_sec_2 .box_con .content {
  max-width: 232px;
}

#home_sec_2 .box_con .content p {
  color: #e6e6e6;
}

#home_sec_2 .box_con .btn_1 {
  border: 0px;
  transform: translateX(-35px);
  transition: 0.5s;
}

#home_sec_2 .box_con .btn_1:hover {
  transform: translateX(0px);
}

#home_sec_2 .box_con .btn_1 .text {
  font-size: 12px;
  font-weight: 700;
}

#home_sec_2 .box_con .btn_1 svg {
  width: 16px;
}

#home_sec_3 {
  background-color: #000;
  padding-top: 60px;
  padding-bottom: 100px;
}

#home_sec_3 .btnn_con {
  margin-top: 40px;
  display: flex;
  justify-content: center;
}

section.lets-talk {
  padding: 79px 0 93px 0;
  position: relative;
  overflow: hidden;
}

.bg_slide_shade {
  content: "";
  position: absolute;
  /* Ensure it's positioned relative to .lets-talk */
  top: 50%;
  left: 0;
  height: 200%;
  width: 0;
  /* Initially hidden */
  transform: translateY(-50%);
  border-radius: 0 3000px 3000px 0;
  transition: width 0.3s cubic-bezier(0.2, 0, 0.38, 0.9);
  background-color: #000;
  z-index: -1;
  /* Keep it behind content */
}

section.lets-talk .title_con {
  transition: 0.3s;
}

section.lets-talk:hover .bg_slide_shade {
  width: var(--container-width);
}

section.lets-talk:hover .title_con {
  transform: translateX(40px);
  transition: 0.3s;
}

section.lets-talk:hover .title_con h2 {
  color: #000;
}

.lets-talk .full-link {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 10;
  color: #fff !important;
}

.lets-talk .elementor-button-link {
  position: relative;
  z-index: 99;
}

section.lets-talk .title_con {
  display: flex;
  align-items: center;
  gap: 87px;
}

section.lets-talk .title_con h2 {
  font-size: 118px;
  color: #000;
  font-weight: 700;
  margin: 0;
  transition: 0.3s;
}

section.lets-talk .title_con a {
  text-decoration: none;
}

.contact-sec {
  padding: 0 0 79px 0;
}

.contact-sec .black-box {
  background: #000000;
  display: flex;
  gap: 114px;
  padding: 84px 64px;
  border-radius: 80px;
}

.contact-sec .title_con {
  max-width: 269px;
}

.contact-sec .title_con h2 {
  font-weight: 700;
  color: #fff;
  font-size: 36px;
  margin-bottom: 35px;
  color: #8342fb;
}

.contact-sec .title_con p {
  color: #fff;
  font-size: 20px;
}

.contact-sec .form_cont {
  width: 100%;
}

.contact-sec .form_cont input {
  background-color: #fff;
  border: 0;
  border-radius: 0;
  margin-bottom: 35px;
  width: 100%;
  padding: 20px 18px 20px 30px;
  outline: none;
  box-shadow: 0.2em 0.25em 0 0 #8342fb, 0.2em 0.25em 0 0 #8342fb,
    0.2em 0.25em 0 0 #8342fb;
  font-size: 20px;
  font-weight: 400;
  color: #000;
  border-radius: 50px;
}

.contact-sec .form_cont input.wpcf7-submit:hover {
  -webkit-box-shadow: 0.125em 0.125em 0 0 #8342fb, 0.125em 0.125em 0 0 #8342fb,
    0.125em 0.125em 0 0 #8342fb;
  box-shadow: 0.125em 0.125em 0 0 #8342fb, 0.125em 0.125em 0 0 #8342fb,
    0.125em 0.125em 0 0 #8342fb;
  -webkit-transform: translate(0.125em, 0.125em);
  -ms-transform: translate(0.125em, 0.125em);
  transform: translate(0.125em, 0.125em);
}

.contact-sec .form_cont input.wpcf7-not-valid,
.contact-sec .form_cont textarea.wpcf7-not-valid {
  box-shadow: 0.2em 0.25em 0 0 #dc3232, 0.2em 0.25em 0 0 #dc3232, 0.2em 0.25em 0 0 #dc3232;
}

.contact-sec input.wpcf7-form-control.wpcf7-submit.has-spinner {
  font-size: 28px;
  text-transform: capitalize;
  line-height: 1em;
  background-color: #bffb4f;
  border-radius: 500px 500px 500px 500px;
  padding: 0 1em;
  text-decoration: none;
  text-align: left;
  font-family: trebuchet;
  width: 252px;
  min-height: 65px;
  color: #000000;
  margin: 0;
  font-weight: 600;
  transition: 0.3s;
}

.contact-sec .sp {
  display: flex;
  width: 206px;
  position: relative;
}

.contact-sec .wpcf7-not-valid-tip {
  color: #dc3232;
  font-size: 1em;
  font-weight: normal;
  display: block;
  position: absolute;
  font-family: trebuchet;
  top: 0;
  right: 50px;
}

.contact-sec form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.payment-required .wpcf7-response-output {
  border-color: #ffb900;
  color: #fff;
  font-family: trebuchet;
}

.contact-sec .arwicon {
  position: absolute;
  top: 41%;
  left: 100%;
  transform: translate(-50%, -50%);
  pointer-events: none;
}

.wpcf7-spinner {
  position: absolute;
}

.contact-sec .form_cont input::placeholder,
.contact-sec .form_cont textarea::placeholder {
  font-size: 20px;
  font-weight: 400;
  font-family: "Open Sans", sans-serif;
  /*   color: #000000; */
  color: #bbb !important;
}

.home_select {
  position: relative;
}

.home_select::after {
  content: url(/wp-content/uploads/2025/06/select2-arrow.svg);
  position: absolute;
  top: 36%;
  right: 18px;
  transform: translateY(-50%);
  z-index: 1;
}

.contact-sec .form_cont select {
  background-color: #fff;
  border: 0;
  border-radius: 0;
  margin-bottom: 35px;
  width: 100%;
  outline: none;
  padding: 20px 18px 20px 30px;
  font-size: 25px;
  font-weight: 600;
  font-family: "Open Sans", sans-serif;
  color: #000000;
  box-shadow: 0.2em 0.2em 0 0 #8342fb, 0.2em 0.2em 0 0 #8342fb,
    0.2em 0.2em 0 0 #8342fb;
  appearance: none;
  font-size: 20px;
  font-weight: 400;
  color: #000;
  background-image: url(/wp-content/uploads/2025/06/select2-arrow.svg);
  background-repeat: no-repeat;
  background-position: center right 20px;
  border-radius: 50px;
}

.contact-sec .form_cont select:invalid,
.main_form select:invalid {
  color: #bbb !important;
  /* Placeholder color */
}

.contact-sec .form_cont select option[value=""],
.contact-sec .form_cont select option[disabled],
.contact-sec .form_cont select.default_state,
.main_form select option[value=""],
.main_form select option[disabled],
.main_form select.default_state {
  color: #bbb !important;
}

.contact-sec .form_cont textarea {
  background-color: #fff;
  border: 0;
  border-radius: 0;
  margin-bottom: 35px;
  width: 100%;
  padding: 20px 18px 20px 30px;
  outline: none;
  max-height: 180px;
  box-shadow: 0.35em 0.35em 0 0 #8342fb, 0.35em 0.35em 0 0 #8342fb,
    0.35em 0.35em 0 0 #8342fb;
  font-size: 20px;
  font-weight: 400;
  color: #000;
  border-radius: 50px;
}

.contact-sec .form_cont textarea::placeholder {
  /*   font-size: 25px; */
  /*   font-weight: 600; */
  /*   font-family: "Open Sans", sans-serif; */
  /*   color: #000000; */
}

#home_sec_3 .top_content_con .title_con h2 {
  margin-bottom: 10px;
  font-size: 50px;
  font-weight: 900;
  color: #fff;
  max-width: 700px;
  font-family: trebuchet;
}

#home_sec_3 .top_content_con .content p {
  margin-bottom: 55px;
  font-size: 18px;
  color: #fff;
}

/* #home_sec_3 .container-fluid .col-sm-12 {
    padding: 0px;
} */

#home_sec_3 .container .col-sm-12 .box {
  position: relative;
  display: block;
  height: 400px;
  text-decoration: none;
  overflow: hidden;
  margin-bottom: 25px;
}

#home_sec_3 .container .col-sm-12 .box .img_wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
  visibility: hidden;
  z-index: 2;
}

#home_sec_3 .container .col-sm-12 .box .img_wrapper .cover {
  position: absolute;
  top: 0;
  left: 0;
  height: 600px;
  width: 100%;
  background-color: #1c1c1c;
  z-index: 4;
  /* display: none; */
}

#home_sec_3 .container .col-sm-12 .box .img_wrapper .img_main {
  object-fit: cover;
  height: 100%;
  width: 100%;
}

#home_sec_3 .container .col-sm-12 .box .case_study_btn {
  position: absolute;
  right: 35px;
  top: 30px;
  z-index: 5;
  transition: 0.5s;
  opacity: 1;
  visibility: visible;
}

#home_sec_3 .container .col-sm-12 .box:hover .case_study_btn {
  opacity: 0;
  visibility: hidden;
  top: -20px;
}

#home_sec_3 .container .col-sm-12 .box .case_study_btn span {
  padding: 12px 14px;
  background-color: #fff;
  color: #231f20;
  font-size: 12px;
  border-radius: 30px;
  transition: 0.5s;
  display: inline-block;
}

#home_sec_3 .container .col-sm-12 .box:hover .case_study_btn span {
  color: #fff;
  background-color: #231f20;
}

#home_sec_3 .container .col-sm-12 .box .hover_yellow_box {
  position: absolute;
  height: 100%;
  width: 100%;
  padding: 50px;
  padding-top: 60px;
  top: 0;
  z-index: 2;
  opacity: 0;
  visibility: hidden;
  transition: 0.5s;
  transform: scale(1.2);
  background-color: rgb(191, 251, 79, 0.8);
}

#home_sec_3 .container .col-sm-12 .box:hover .hover_yellow_box {
  transform: scale(1);
}

#home_sec_3 .container .col-sm-12 .box:hover .hover_yellow_box {
  opacity: 1;
  visibility: visible;
}

#home_sec_3 .container .col-sm-12 .box .hover_yellow_box .small_text {
  position: relative;
  top: -20px;
  transition: 0.5s;
  color: #fff;
  font-size: 18px;
  opacity: 0;
  visibility: hidden;
}

#home_sec_3 .container .col-sm-12 .box:hover .hover_yellow_box .small_text {
  top: 0px;
  opacity: 1;
  visibility: visible;
}

#home_sec_3 .container .col-sm-12 .box .hover_yellow_box h6 {
  transition: 0.5s;
  color: #000;
  font-size: 18px;
  font-weight: 400;
  font-family: trebuchet;
  margin-bottom: 4px;
}

#home_sec_3 .container .col-sm-12 .box .hover_yellow_box p {
  color: #000;
  font-size: 40px;
  font-weight: 700;
  font-family: trebuchet;
}

#home_sec_3 .container .col-sm-12 .box .hover_yellow_box .hover_box_btn {
  position: absolute;
  bottom: 30px;
  right: 30px;
  display: flex;
  align-items: center;
  gap: 50px;
  padding: 13px 20px;
  transition: 0.5s;
  border-radius: 50px;
  background-color: #fff;
}

#home_sec_3 .container .col-sm-12 .box .hover_yellow_box .hover_box_btn span {
  color: #231f20;
  font-size: 12px;
}

.testimonial-sec {
  /* padding: 110px 0 120px 0; */
  padding: 110px 0 60px 0;
}

.testimonial-wrapper {
  position: relative;
  max-width: 1050px;
  width: 100%;
  margin: 0 auto;
  /* center horizontally */
  /*   height: 650px; */
  /*   overflow-y: scroll; */
  padding-right: 50px;
}

/* WebKit browsers (Chrome, Safari, Edge) */
.testimonial-wrapper::-webkit-scrollbar {
  width: 20px;
  background: #8342fb;
  border-radius: 50px;
}

.testimonial-wrapper::-webkit-scrollbar-track {
  background: #8342fb;
  border-radius: 50px;
}

.testimonial-wrapper::-webkit-scrollbar-thumb {
  background-color: #dac5ff;
  border-radius: 50px;
}

.testimonial-wrapper::-webkit-scrollbar-button {
  display: none;
  height: 0;
  width: 0;
}


.testimonial-sec .title_con h2 {
  color: #000;
  font-weight: 700;
  font-size: 50px;
  /* margin-bottom: 120px; */
  margin-bottom: 60px;
  text-align: center;
}

.testimonial-sec .title_con h2 span {
  color: #8342fb;
}

.testimonial-sec .testimonial-box {
  /* background: #bffb4f; */
  background: #fff;
  /* box-shadow: 0.5em 0.5em 0 0 #241f20, 0.5em 0.5em 0 0 #241f20,
    0.5em 0.5em 0 0 #241f20;
	box-shadow: 0 0 6px 9px rgba(0,0,0,0.1) !important; */
  margin: auto;
  width: 100%;
  z-index: 0;
  transition: all 0.3s ease;
  margin-bottom: 60px;
  border-radius: 0;
}

.testimonial-sec .testimonial-box p {
  font-size: 20px;
  color: #000;
  text-align: left;
}

.testimonial-sec .img-contain img {
  border-radius: 50px;
  width: 150px;
  height: 150px;
  object-fit: cover;
}

.testimonial-sec .img-contain {
  display: flex;
  align-items: center;
  gap: 20px;
  margin-top: 25px;
}

.testimonial-sec .testimonial-box strong,
.testimonial-sec .testimonial-box h5 {
  font-size: 30px;
  font-weight: 900;
  color: #000;
  /*   max-width: 700px; */
  font-family: trebuchet;
  margin-bottom: 0;
}

.testimonial-sec .testimonial-box h6 {
  font-weight: 400;
  font-size: 14px;
  line-height: 100%;
  margin-bottom: 0;
}

.testimonial_icon {
  width: 66px;
}

.testimonial-content-inner {
  width: calc(100% - 66px);
}

.testimonial_icon img {
  width: 66px;
}

.testimonial-sec h3 {
  color: rgb(131, 66, 251);
  font-size: 50px;
  line-height: 60px;
  font-weight: 700;
  max-width: 65%;
  margin: 0 auto;
}

.faq-section {
  background-color: #000;
  padding: 95px 0 100px 0;
}

.faq-section .title_con h2 {
  color: #fff;
  font-weight: 700;
  font-size: 50px;
  margin-bottom: 40px;
}

.faq-section .faq-item strong {
  display: block;
  color: #bffb4f;
  font-family: "Open Sans", sans-serif;
  font-size: 25px;
  margin: 28px 0 20px 0;
}

.faq-section .faq-item {
  border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}

.faq-section .faq-item:last-child {
  border: 0;
}

.faq-section .faq-item p {
  display: block;
  color: #fff;
  font-family: "Open Sans", sans-serif;
  font-size: 20px;
  margin: 0 0 34px 0;
}

#home_sec_4 {
  padding-top: 95px;
  padding-bottom: 91px;
}

#home_sec_4 .title_main_con {
  margin-bottom: 50px;
}

#home_sec_4 .title_main_con .title_con h2 {
  margin-bottom: 26px;
  font-size: 118px;
  font-weight: 700;
  color: #000;
  font-family: trebuchet;
  /* max-width: 900px; */
}

#home_sec_4 .title_main_con .content_con {
  color: #000;
}

#home_sec_4 .title_main_con .content_con p {
  font-size: 20px;
}

#home_sec_4 .yellow_box {
  border: 1px solid #e6e6e6;
  box-shadow: rgba(255, 224, 248, 1) 0px 3px 76px;
}

#home_sec_4 .yellow_box .nav-tabs {
  border-bottom: 1px solid #e6e6e6;
}

#home_sec_4 .yellow_box .nav-tabs .nav-link {
  width: 50%;
  padding: 40px;
  color: #292929;
  font-size: 22px;
  border: 0px;
  border-right: 1px solid #e6e6e6;
  border-bottom: 5px solid transparent;
  color: #b2b2b2;
}

#home_sec_4 .yellow_box .nav-tabs .nav-link:last-child {
  border-right: 0px;
}

#home_sec_4 .yellow_box .nav-tabs .nav-link.active {
  border-bottom: 5px solid #bffb4f;
  background-color: #fff2fc;
  color: #292929;
}

#home_sec_4 .yellow_box .tab_main_con {
  padding: 36px 24px;
  display: flex;
  gap: 30px;
  height: 570px;
  overflow: hidden;
}

#home_sec_4 .yellow_box .tab_main_con .left_con {
  width: calc(50% - 15px);
  text-decoration: none;
}

#home_sec_4 .yellow_box .tab_main_con .left_con .img_con {
  height: 350px;
  position: relative;
  overflow: hidden;
}

#home_sec_4 .yellow_box .tab_main_con .left_con .img_con img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: 0.5s;
}

#home_sec_4 .yellow_box .tab_main_con .left_con:hover .img_con img {
  transform: scale(1.2);
}

#home_sec_4 .yellow_box .tab_main_con .left_con .img_con .date {
  position: absolute;
  left: 29px;
  bottom: 24px;
  color: #fff;
  font-size: 12px;
}

#home_sec_4 .yellow_box .tab_main_con .left_con .bottom_con {
  padding: 30px;
  background-color: #bffb4f;
  color: #fff;
}

#home_sec_4 .yellow_box .tab_main_con .left_con .bottom_con h6 {
  margin-bottom: 24px;
  font-size: 20px;
  font-weight: 700;
  font-family: trebuchet;
  color: #000;
}

#home_sec_4 .yellow_box .tab_main_con .left_con .bottom_con p {
  font-size: 14px;
  margin-bottom: 0px;
  color: #000;
}

#home_sec_4 .yellow_box .tab_main_con .right_con {
  width: calc(50% - 15px);
  overflow: scroll;
}

#home_sec_4 .yellow_box .tab_main_con .right_con .posts_con {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

#home_sec_4 .yellow_box .tab_main_con .right_con .posts_con .post {
  display: flex;
  gap: 20px;
  margin: 0px;
  text-decoration: none;
}

#home_sec_4 .yellow_box .tab_main_con .right_con .posts_con .post .left {
  width: calc(40% - 10px);
  overflow: hidden;
}

#home_sec_4 .yellow_box .tab_main_con .right_con .posts_con .post .left img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: 0.5s;
}

#home_sec_4 .yellow_box .tab_main_con .right_con .posts_con .post:hover .left img {
  transform: scale(1.2);
}

#home_sec_4 .yellow_box .tab_main_con .right_con .posts_con .post .right {
  width: calc(60% - 10px);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding-right: 15px;
}

#home_sec_4 .yellow_box .tab_main_con .right_con .posts_con .post .right h6 {
  color: #231f20;
  font-size: 18px;
  font-weight: 700;
  font-family: trebuchet;
}

#home_sec_4 .yellow_box .tab_main_con .right_con .posts_con .post .right span {
  color: #231f20;
  font-size: 12px;
}

#home_sec_5 .logos_con {
  border-top: 1px solid #e8e8e8;
  padding-top: 62.5px;
  padding-bottom: 72px;
  padding-left: 30px;
  padding-right: 30px;
  display: flex;
  align-items: center;
  gap: 45px;
  justify-content: center;
  flex-wrap: wrap;
}

#home_sec_5 .logos_con img {
  max-height: 55px;
}

#signup_before_footer {
  background-color: #f8f8f8;
  padding-top: 67.3px;
  padding-bottom: 77.8px;
}

#signup_before_footer input.wpcf7-form-control.wpcf7-submit.has-spinner {
  font-size: 28px;
  text-transform: capitalize;
  line-height: 1em;
  background-color: #bffb4f;
  border-radius: 20px;
  padding: 0 1em;
  text-decoration: none;
  text-align: left;
  font-family: trebuchet;
  width: 252px;
  min-height: 65px;
  color: #000000;
  margin: 0;
  font-weight: 600;
  border: 0;
  box-shadow: 0.125em 0.125em 0 0 #8342fb, 0.25em 0.25em 0 0 #8342fb,
    0.25em 0.25em 0 0 #8342fb;
  transition: 0.3s;
}

#signup_before_footer input.wpcf7-form-control.wpcf7-submit.has-spinner:hover {
  box-shadow: 0.125em 0.125em 0 0 #8342fb, 0.125em 0.125em 0 0 #8342fb, 0.125em 0.125em 0 0 #8342fb;
  -webkit-transform: translate(0.25em, 0.25em);
  -ms-transform: translate(0.25em, 0.25em);
  transform: translate(0.25em, 0.25em);
}

#signup_before_footer .left_con {
  padding-top: 20px;
}

#signup_before_footer .left_con h2 {
  font-size: 35px;
  color: #000;
  font-weight: 700;
  margin-bottom: 0px;
}

#signup_before_footer form p {
  display: flex;
  gap: 19px;
}

#signup_before_footer input[type="text"],
#signup_before_footer input[type="email"] {
  padding-top: 15px;
  padding-bottom: 15px;
  padding-left: 0px;
  padding-right: 0px;
  border: 0px;
  border-bottom: 1px solid #707070;
  color: #292929;
  font-family: trebuchet;
  background-color: transparent;
  border-radius: 0px;
  outline: none;
  max-width: 269px;
  font-size: 20px;
}

#signup_before_footer input[type="text"]::placeholder,
#signup_before_footer input[type="email"]::placeholder {
  color: #bbb;
  font-family: "Open Sans", sans-serif;
}

#signup_before_footer input[type="submit"] {
  padding: 18px 47px;
  padding-right: 90px;
  background-color: transparent;
  border: 1px solid #23201f;
  color: #23201f;
  font-size: 20px;
  height: 58px;
  background-image: url("./assets/img/arw.png");
  background-position: 196px;
  background-repeat: no-repeat;
  background-size: 30px;
}

.wpcf7-not-valid-tip {
  font-family: trebuchet;
}

.wpcf7 form .wpcf7-response-output {
  font-family: trebuchet;
}

/* homepage END */

/* about Us */

#generic_banner {
  padding-top: 200px;
  padding-bottom: 150px;
  background-color: #23201f;
  color: #fff;
}

#generic_banner .main_content_con .title_con h1 {
  margin-bottom: 30px;
  font-size: 128px;
  font-weight: 700;
  line-height: 1em;
  font-family: trebuchet;
}

#generic_banner .main_content_con .below_con {
  text-align: left;
  /*max-width: 920px;
	margin-left: auto;*/
}

#generic_banner .main_content_con .below_con .content p {
  margin-bottom: 39px;
  font-size: 18px;
  font-weight: 400;
}

#generic_banner .back_to_blogs {
  margin-bottom: 50px;
}

#generic_banner .back_to_blogs a {
  display: flex;
  gap: 16.9px;
  align-items: center;
  text-decoration: none;
}

#generic_banner .back_to_blogs a svg {
  transition: 0.5s;
  position: relative;
}

#generic_banner .back_to_blogs a svg path {
  fill: #fff;
}

#generic_banner .back_to_blogs a:hover svg {
  transform: translateX(8px);
}

#generic_banner .back_to_blogs a span {
  color: #fff;
  transition: 0.5s;
  font-size: 15px;
}

#generic_banner .back_to_blogs a:hover span {
  text-decoration: underline;
}

#about_sec_1 {
  background-color: #bffb4f;
  position: relative;
  padding-bottom: 50px;
}

#about_sec_1 .element_white {
  position: absolute;
  right: -133px;
  top: -90px;
  z-index: 1;
}

#about_sec_1 .element_blue {
  position: absolute;
  bottom: -69.4px;
  left: -133px;
  z-index: 1;
}

#about_sec_1 .container {
  position: relative;
  z-index: 2;
}

#about_sec_1 .img_main_con {
  transform: translateY(-85px);
  height: 437px;
}

#about_sec_1 .img_main_con .img_wrapper {
  border-radius: 5px;
}

#about_sec_1 .content_con p {
  font-size: 18px;
  color: #fff;
}

#about_sec_2 {
  background-color: #23201f;
  color: #fff;
  padding-top: 126px;
  padding-bottom: 150px;
}

#about_sec_2 .row:first-child {
  margin-bottom: 90px;
}

#about_sec_2 .top_title_con h2 {
  font-family: trebuchet;
  font-size: 50px;
  font-weight: 700;
  text-align: center;
}

#about_sec_2 .top_content_con {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}

#about_sec_2 .top_content_con p {
  font-size: 18px;
}

#about_sec_2 .accordion_con .nav-tabs {
  margin: 0px;
  gap: 22px;
  flex-wrap: wrap;
  border-bottom: 0px;
  margin-bottom: 80px;
}

#about_sec_2 .accordion_con .nav-tabs .nav-link {
  padding: 25px 64px;
  background-color: transparent;
  border-radius: 40px;
  transition: 0.5s;
  border: 1px solid #b2b2b2;
  font-family: trebuchet;
  font-size: 25px;
  font-weight: 700;
  color: #fff;
  line-height: normal;
}

#about_sec_2 .accordion_con .nav-tabs .nav-link.active {
  background-color: #e6e6e6;
  border: 1px solid #e6e6e6;
  color: #000;
}

#about_sec_2 .accordion_con .tab_content_con .left_con {
  height: 100%;
  display: flex;
  align-items: center;
  padding-right: 30px;
}

#about_sec_2 .accordion_con .tab_content_con .left_con .content h6 {
  margin-bottom: 35px;
  font-size: 50px;
  font-weight: 700;
  font-family: trebuchet;
}

#about_sec_2 .accordion_con .tab_content_con .left_con .content p {
  margin-bottom: 25px;
  font-size: 18px;
}

#about_sec_2 .accordion_con .tab_content_con .right_con {
  padding-left: 30px;
  position: relative;
}

#about_sec_2 .accordion_con .tab_content_con .right_con .img_main {
  height: 489px;
  width: 100%;
  object-fit: cover;
  border-radius: 117px;
  position: relative;
}

#about_sec_2 .accordion_con .tab_content_con .right_con .img_bg {
  position: absolute;
  right: -100px;
  bottom: -66px;
}

#about_sec_3 {
  padding-top: 77px;
  padding-bottom: 75px;
  background-color: #f5f5f5;
  color: #292929;
}

#about_sec_3 .main_title_con h2 {
  font-size: 50px;
  font-weight: 700;
  font-family: trebuchet;
}

#about_sec_3 .row:first-child {
  margin-bottom: 65px;
}

#about_sec_3 .main_content_con {
  height: 100%;
  display: flex;
  align-items: flex-end;
}

#about_sec_3 .main_content_con p {
  font-size: 18px;
}

#about_sec_3 .box {
  position: relative;
  margin-bottom: 40px;
  padding-top: 70px;
  overflow: hidden;
  height: 100%;
}

#about_sec_3 .box .content_main_con {
  background-color: #fff;
  padding-top: 65px;
  padding-left: 39px;
  padding-bottom: 27px;
  padding-right: 39px;
  height: 100%;
}

#about_sec_3 .box .content_main_con .content_con {
  max-width: 270px;
}

#about_sec_3 .box .content_main_con .content_con p {
  font-size: 26px;
  font-weight: 700;
  font-family: trebuchet;
  margin-bottom: 29px;
}

#about_sec_3 .box .content_main_con .content_con h6 {
  margin-bottom: 0px;
  font-size: 26px;
  font-weight: 700;
  font-family: trebuchet;
}

#about_sec_3 .box .content_main_con .content_con .designation {
  display: block;
  margin-bottom: 9px;
}

#about_sec_3 .box .content_main_con .content_con .linkedin {
  margin-bottom: 17px;
}

#about_sec_3 .box .content_main_con .content_con .btnn_con .btn_2 .text {
  color: #292929;
  font-size: 18px;
}

#about_sec_3 .box .content_main_con .content_con .btnn_con .btn_2 svg path {
  fill: #292929;
}

#about_sec_3 .box .img_member {
  position: absolute;
  right: 62px;
  width: auto;
  height: 100%;
  top: 0;
  transform: translateY(30px);
  transition: 0.5s;
}

#about_sec_3 .box:hover .img_member {
  transform: translateY(0px);
}

#about_sec_4 {
  padding-top: 107px;
  padding-bottom: 0px;
  background-color: #23201f;
}

#about_sec_4 .title_con {
  padding: 80px;
  padding-top: 0px;
}

#about_sec_4 .title_con h3 {
  font-size: 50px;
  font-weight: 700;
  font-family: trebuchet;
  color: #fff;
  margin-bottom: 50px;
}

#about_sec_4 .below_title_con {
  padding: 80px;
  padding-top: 0px;
  padding-top: 123px;
}

#about_sec_4 .below_title_con h3 {
  font-size: 50px;
  font-weight: 700;
  font-family: trebuchet;
  color: #fff;
  margin-bottom: 50px;
}

#about_sec_4 .more_content {
  padding: 80px;
  padding-top: 0px;
  padding-top: 123px;
  color: #fff;
}

#about_sec_4 .more_content h3 {
  font-size: 50px;
  font-weight: 700;
  font-family: trebuchet;
  color: #fff;
  margin-bottom: 50px;
}

#about_sec_4 .box {
  border-radius: 30px;
  height: 100%;
  position: relative;
}

#about_sec_4 .box .img_wrapper {
  border-radius: 30px;
}

#about_sec_4 .box .rounded_bar_con {
  background-color: #fff;
  position: absolute;
  width: 90%;
  bottom: 21px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 2;
  border-radius: 30px;
}

#about_sec_4 .box .rounded_bar_con .bar {
  position: relative;
  padding: 3px;
}

#about_sec_4 .box .rounded_bar_con .bar .rounded_bar {
  display: flex;
  align-items: center;
  padding: 11px;
}

#about_sec_4 .box .rounded_bar_con .bar .rounded_bar .left {
  text-decoration: none;
  display: flex;
  align-items: center;
  gap: 10px;
  width: 40%;
}

#about_sec_4 .box .rounded_bar_con .bar .rounded_bar .left span {
  color: #292929;
  font-size: 14px;
  font-weight: 900;
}

#about_sec_4 .box .rounded_bar_con .bar .rounded_bar .right {
  width: 60%;
  text-align: center;
}

#about_sec_4 .box .rounded_bar_con .bar .rounded_bar .right span {
  font-size: 14px;
  font-weight: 900;
  color: #292929;
}

#about_sec_4 .box .rounded_bar_con .bar .rounded_bar .name {
  transition: 0.7s;
  width: 40%;
  background-color: #bffb4f;
  height: 92%;
  display: flex;
  justify-content: center;
  align-items: center;
  left: 4px;
  top: 50%;
  position: absolute;
  transform: translateY(-50%);
  border-radius: 30px;
}

#about_sec_4 .box:hover .rounded_bar_con .bar .rounded_bar .name {
  left: 98.5%;
  transform: translate(-100%, -50%);
  width: 60%;
}

#about_sec_4 .box .rounded_bar_con .bar .rounded_bar .name span {
  color: #fff;
  font-size: 14px;
  font-weight: 900;
}

#about_sec_5 {
  padding-top: 62px;
  padding-bottom: 100px;
  background-color: #23201f;
}
section.lets-talk .title_con .elementor-button{
	border-radius: 50px;
}
@media (min-width: 786px) {
  #about_sec_5 .container-fluid {
    padding: 0px;
  }
}

#about_sec_5 .title_con h2 {
  font-size: 50px;
  font-weight: 700;
  font-family: trebuchet;
  color: #fff;
  margin-bottom: 100px;
  text-align: center;
}

#about_sec_5 .imgs_con {
  display: flex;
  gap: 45px;
  align-items: center;
}

#about_sec_5 .imgs_con img {
  max-height: 230px;
}

#about_sec_5 .my_row_even .imgs_con {
  justify-content: flex-end;
}

#about_sec_6 {
  padding-top: 120px;
  padding-bottom: 174px;
  background-color: #23201f;
  color: #fff;
  position: relative;
}

#about_sec_6 .img_bg_bottom_left {
  position: absolute;
  left: 0;
  bottom: 0;
  max-width: 370px;
}

#about_sec_6 .row:first-child {
  margin-bottom: 100px;
}

#about_sec_6 .main_title_con h2 {
  font-size: 50px;
  font-weight: 700;
  font-family: trebuchet;
}

#about_sec_6 .main_content_con p {
  font-size: 18px;
}

#about_sec_6 .accordion_con .accordion-item {
  background-color: transparent;
  position: relative;
  padding-top: 25px;
  padding-bottom: 25px;
  padding-left: 40px;
  padding-right: 40px;
}

#about_sec_6 .accordion_con .accordion-item:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 5px;
  border-radius: 30px;
  background-color: #393939;
}

#about_sec_6 .accordion_con .accordion-item .accordion-header {
  background-color: transparent;
}

#about_sec_6 .accordion_con .accordion-item .accordion-header .accordion-button {
  background-color: transparent;
  color: #fff;
  font-size: 26px;
  padding-top: 0;
  padding-bottom: 0;
}

#about_sec_6 .accordion_con .accordion-item .accordion-header .accordion-button:focus {
  border-color: 0px;
  box-shadow: none;
}

#about_sec_6 .accordion_con .accordion-item .accordion-header .accordion-button:after {
  background-image: url("./assets/img/Path\ 1268.svg");
  background-size: 12px;
  background-position: center;
}

#about_sec_6 .accordion_con .accordion-item .accordion-header .accordion-button:not(.collapsed)::after {
  background-image: url("./assets/img/Scroll\ Group\ 7.svg");
}

#about_sec_6 .accordion_con .accordion-item .accordion-body {
  padding-top: 32px;
  padding-bottom: 0px;
}

#about_sec_6 .accordion_con .accordion-item .accordion-body p {
  font-size: 16px;
  font-weight: 300;
}

/* about us end */

/* blogs */

#blogs_listing {
  padding-bottom: 124.9px;
  background-color: #231f20;
}

#blogs_listing .top_con {
  margin-bottom: 69.5px;
}

#blogs_listing .top_con .search_con {
  /*max-width: 778px;*/
  border-bottom: 1px solid #707070;
  /* padding-bottom: 12px; */
  margin-bottom: 20px;
}

#blogs_listing .top_con .search_con input {
  padding-left: 60px !important;
  background-image: url("./assets/img/search.svg") !important;
  background-position: left !important;
  background-repeat: no-repeat !important;
  background-size: contain !important;
  background-color: transparent !important;
  border: 0px !important;
  outline: none !important;
  color: #fff !important;
  font-size: 28px !important;
}

#blogs_listing .top_con .search_con input::placeholder {
  color: #fff;
}

#blogs_listing .top_con .categories_con {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 12.8px;
  margin-bottom: 31.5px;
}

#blogs_listing .top_con .categories_con .cat {
  text-decoration: none;
  padding-top: 8px;
  padding-bottom: 8px;
  padding-left: 23px;
  padding-right: 23px;
  background-color: transparent;
  transition: 0.5s;
  border: 1px solid #555555;
  border-radius: 10px;
  font-size: 13px;
  color: #fff;
  text-transform: uppercase;
  position: relative;
  overflow: hidden;
}

#blogs_listing .top_con .categories_con .cat span {
  position: relative;
  z-index: 1;
}

#blogs_listing .top_con .categories_con .cat:hover {
  border-color: #bffb4f;
}

#blogs_listing .top_con .categories_con .cat.active {
  border-color: #bffb4f;
}

#blogs_listing .top_con .categories_con .cat:after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  transition: 0.5s;
  bottom: -100%;
  background-color: #bffb4f;
  left: 0;
  z-index: 0;
}

#blogs_listing .top_con .categories_con .cat:hover:after {
  bottom: 0;
}

#blogs_listing .top_con .categories_con .cat.active:after {
  bottom: 0;
}

#blogs_listing .top_con .view_all_con {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 9.5px;
}

#blogs_listing .top_con .view_all_con span {
  width: 1px;
  height: 25px;
  background-color: #555555;
}

#blogs_listing .blog_con a {
  text-decoration: none;
  display: inline-block;
  width: 100%;
}

#blogs_listing .blog_con a .img_con {
  margin-bottom: 23.4px;
  height: 277px;
}

#blogs_listing .blog_con a .img_con .img_wrapper {
  border-radius: 10px;
}

#blogs_listing .blog_con a .img_con .img_wrapper .cover {
  border-radius: 10px;
}

/* #blogs_listing .blog_con a .img_con .img_wrapper .img_main {
border-radius: 10px;
transition: 0.5s;
}

#blogs_listing .blog_con a:hover .img_con .img_wrapper .img_main {
transform: scale(1.1) !important;
} */

#blogs_listing .blog_con a h2 {
  margin-bottom: 17.6px;
  font-size: 26px;
  color: #fff;
  font-weight: 400;
  line-height: 34px;
  font-family: trebuchet;
}

#blogs_listing .blog_con a span {
  font-size: 10px;
  color: #fff;
}

/* blogs end */

/* blogs detail screen */

#blog_details_sec_1 {
  padding-top: 200px;
  padding-bottom: 31px;
  background-color: #f0f0f0;
}

#blog_details_sec_1 .left_con .back_to_blogs {
  margin-bottom: 155px;
}

#blog_details_sec_1 .left_con .back_to_blogs a {
  display: flex;
  gap: 16.9px;
  align-items: center;
  text-decoration: none;
}

#blog_details_sec_1 .left_con .back_to_blogs a svg {
  transition: 0.5s;
  position: relative;
}

#blog_details_sec_1 .left_con .back_to_blogs a:hover svg {
  transform: translateX(8px);
}

#blog_details_sec_1 .left_con .back_to_blogs a span {
  color: #393939;
  transition: 0.5s;
  font-size: 15px;
}

#blog_details_sec_1 .left_con .back_to_blogs a:hover span {
  text-decoration: underline;
}

#blog_details_sec_1 .left_con .title_con h1 {
  color: #555555;
  max-width: 424px;
  font-size: 50px;
  font-weight: 700;
  font-family: trebuchet;
  margin-bottom: 61px;
}

#blog_details_sec_1 .left_con .date_con span {
  color: #393939;
  font-size: 10px;
}

#blog_details_sec_1 .right_con .img_con {
  height: 620px;
  transform: translateY(80px);
}

#blog_details_sec_2 {
  background-color: #231f20;
  padding-top: 79px;
  padding-bottom: 109px;
  color: #fff;
}

#blog_details_sec_2 .left_con {
  max-width: 250px;
}

#blog_details_sec_2 .left_con .back_to_blogs {
  padding-bottom: 15px;
  margin-bottom: 55.5px;
  border-bottom: 1px solid #707070;
}

#blog_details_sec_2 .left_con .back_to_blogs a {
  display: flex;
  gap: 16.9px;
  align-items: center;
  text-decoration: none;
}

#blog_details_sec_2 .left_con .back_to_blogs a svg {
  transition: 0.5s;
  position: relative;
}

#blog_details_sec_2 .left_con .back_to_blogs a:hover svg {
  transform: translateX(8px);
}

#blog_details_sec_2 .left_con .back_to_blogs a span {
  color: #fff;
  transition: 0.5s;
  font-size: 15px;
}

#blog_details_sec_2 .left_con .back_to_blogs a:hover span {
  text-decoration: underline;
}

#blog_details_sec_2 .content_con {
  padding-top: 20px;
}

#blog_details_sec_2 .left_con .nav_con .nav_title h6 {
  margin-bottom: 10px;
  color: #fff;
  font-size: 15px;
  text-transform: uppercase;
}

#blog_details_sec_2 .left_con .nav_con nav {
  margin-bottom: 55px;
}

#blog_details_sec_2 .left_con .nav_con nav ul {
  margin: 0px;
  padding: 0px;
  list-style: none;
}

#blog_details_sec_2 .left_con .nav_con nav ul li {
  padding-top: 20px;
  padding-bottom: 20px;
  border-bottom: 1px solid #bfbfbf;
  position: relative;
  overflow-y: hidden;
}

#blog_details_sec_2 .left_con .nav_con nav ul li a {
  text-decoration: none;
  color: #fcb911;
  text-decoration: none;
  transition: 0.5s;
  width: 100%;
}

#blog_details_sec_2 .left_con .nav_con nav ul li a.active {
  padding-left: 22px;
  color: #b2b2b2;
}

#blog_details_sec_2 .left_con .nav_con nav ul li a:before {
  content: "";
  background-color: #bffb4f;
  height: 8px;
  width: 8px;
  border-radius: 50%;
  position: absolute;
  left: 0;
  top: 110%;
  transform: translateY(-50%);
  transition: 0.5s;
  opacity: 0;
  visibility: hidden;
}

#blog_details_sec_2 .left_con .nav_con nav ul li a.active:before {
  top: 50%;
  opacity: 1;
  visibility: visible;
}

#blog_details_sec_2 .left_con .topics_con .topic_title h6 {
  margin-bottom: 10px;
  color: #fff;
  font-size: 15px;
  text-transform: uppercase;
}

#blog_details_sec_2 .left_con .topics_con ul {
  margin: 0px;
  padding: 0px;
  list-style: none;
}

#blog_details_sec_2 .left_con .topics_con ul li {
  padding-top: 20px;
  padding-bottom: 20px;
  border-bottom: 1px solid #bfbfbf;
  position: relative;
  overflow-y: hidden;
}

#blog_details_sec_2 .left_con .topics_con ul li a {
  text-decoration: none;
  color: #fcb911;
  text-decoration: none;
  transition: 0.5s;
  width: 100%;
}

#blog_details_sec_2 .left_con .topics_con ul li a.active {
  padding-left: 22px;
  color: #b2b2b2;
}

#blog_details_sec_2 .left_con .topics_con ul li a:before {
  content: "";
  background-color: #bffb4f;
  height: 8px;
  width: 8px;
  border-radius: 50%;
  position: absolute;
  left: 0;
  top: 110%;
  transform: translateY(-50%);
  transition: 0.5s;
  opacity: 0;
  visibility: hidden;
}

#blog_details_sec_2 .left_con .topics_con ul li a.active:before {
  top: 50%;
  opacity: 1;
  visibility: visible;
}

#blog_details_sec_2 .content_con h2,
#blog_details_sec_2 .content_con h3,
#blog_details_sec_2 .content_con h4,
#blog_details_sec_2 .content_con h5,
#blog_details_sec_2 .content_con h6 {
  margin-bottom: 26px;
}

#blog_details_sec_2 .content_con p {
  font-size: 14px;
  margin-bottom: 26px;
}

#blog_details_sec_2 .content_con li {
  font-size: 14px;
  margin-bottom: 26px;
}

#blog_details_sec_2 .content_con ul,
#blog_details_sec_2 .content_con ol {
  margin-left: 0px;
}

#blog_details_sec_3 {
  background-color: #231f20;
  padding-top: 69px;
  padding-bottom: 60px;
  border-top: 1px solid #707070;
  color: #fff;
}

#blog_details_sec_3 .row:first-child {
  margin-bottom: 60px;
}

#blog_details_sec_3 .top_left_con h6 {
  margin-bottom: 0px;
  font-size: 50px;
  font-weight: 700;
  font-family: trebuchet;
}

#blog_details_sec_3 .top_right_con {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

#blog_details_sec_3 .top_right_con .link_arrow {
  display: flex;
  gap: 31px;
  align-items: center;
  text-decoration: none;
}

#blog_details_sec_3 .top_right_con .link_arrow span {
  color: #fff;
  font-size: 18px;
  transition: 0.5s;
}

#blog_details_sec_3 .top_right_con .link_arrow:hover span {
  text-decoration: underline;
}

#blog_details_sec_3 .top_right_con .link_arrow svg {
  transition: 0.5s;
}

#blog_details_sec_3 .top_right_con .link_arrow:hover svg {
  transform: translateX(-10px);
}

#blog_details_sec_3 .blog_con a {
  text-decoration: none;
  display: inline-block;
  width: 100%;
}

#blog_details_sec_3 .blog_con a .img_con {
  margin-bottom: 23.4px;
  height: 200px;
}

#blog_details_sec_3 .blog_con a .img_con .img_wrapper {
  border-radius: 10px;
}

#blog_details_sec_3 .blog_con a .img_con .img_wrapper .cover {
  border-radius: 10px;
}

#blog_details_sec_3 .blog_con a .img_con .img_wrapper .img_main {
  border-radius: 10px;
  transition: 0.5s;
}

#blog_details_sec_3 .blog_con a:hover .img_con .img_wrapper .img_main {
  transform: scale(1.1) !important;
}

#blog_details_sec_3 .blog_con a h2 {
  margin-bottom: 17.6px;
  font-size: 18px;
  color: #fff;
  font-weight: 400;
  line-height: 24px;
}

#blog_details_sec_3 .blog_con a span {
  font-size: 10px;
  color: #fff;
}

#blog_details_sec_4 {
  padding-top: 85px;
  padding-bottom: 85px;
  background-color: #231f20;
  color: #fff;
}

#blog_details_sec_4 .link_con {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  margin-bottom: 49.8px;
}

#blog_details_sec_4 .link_con .link_arrow {
  display: flex;
  gap: 31px;
  align-items: center;
  text-decoration: none;
}

#blog_details_sec_4 .link_con .link_arrow span {
  color: #fff;
  font-size: 18px;
  transition: 0.5s;
}

#blog_details_sec_4 .link_con .link_arrow:hover span {
  text-decoration: underline;
}

#blog_details_sec_4 .link_con .link_arrow svg {
  transition: 0.5s;
}

#blog_details_sec_4 .link_con .link_arrow:hover svg {
  transform: translateX(-10px);
}

#blog_details_sec_4 .left_con a {
  text-decoration: none;
}

#blog_details_sec_4 .left_con a .img_con {
  height: 550px;
  position: relative;
}

#blog_details_sec_4 .left_con a .img_con .icon {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 2;
  transition: 0.5s;
}

#blog_details_sec_4 .left_con a .img_con:hover .icon {
  transform: translate(-50%, -50%) scale(0.85);
  transform-origin: center;
}

#blog_details_sec_4 .right_con .content {
  margin-bottom: 35px;
}

#blog_details_sec_4 .right_con .content h2 {
  font-size: 50px;
  font-weight: 700;
  font-family: trebuchet;
  margin-bottom: 16px;
}

#blog_details_sec_4 .right_con .content p {
  font-size: 14px;
}

/* blogs detail screen end */

/* Bootstrap Modals */

.modal-header {
  padding: 0px !important;
  border-bottom: 0px !important;
}

.modal-header .btn-close {
  position: absolute;
  right: 0;
  background-color: #fff;
  z-index: 2;
  border-radius: 50%;
}

.modal-content {
  background-color: none !important;
  border: 0px !important;
  outline: none !important;
  height: 100%;
  border-radius: 80px;
}

.modal-body {
  padding: 0px !important;
}

@media (min-width: 576px) {
  .modal-dialog {
    max-width: 700px !important;
    height: 500px;
  }
}

/* Bootstrap Modals END */

/* Contact us */

#contact_us_sec_1 {
  padding-top: 64px;
  padding-bottom: 100px;
  background-color: #f0f0f0;
  color: #1c1c1c;
}

#contact_us_sec_1 .left_con .members {
  display: flex;
  align-items: center;
  gap: 100px;
}

#contact_us_sec_1 .left_con .members .member {
  text-align: center;
}

#contact_us_sec_1 .left_con .members .member .img_con {
  position: relative;
  margin-bottom: 29px;
}

#contact_us_sec_1 .left_con .members .member .img_con .main {
  width: 165px;
  height: 173px;
  object-fit: contain;
}

#contact_us_sec_1 .left_con .members .member .img_con .white_bg {
  position: absolute;
  display: none;
}

#contact_us_sec_1 .left_con .members .member .img_con .img_shadow {
  position: absolute;
  left: 0;
  bottom: -35%;
}

#contact_us_sec_1 .left_con .members .member .content h5 {
  font-size: 26px;
  margin-bottom: 10px;
  font-weight: 400;
}

#contact_us_sec_1 .left_con .members .member .content h6 {
  font-size: 15px;
  margin-bottom: 14px;
  font-weight: 400;
}

#contact_us_sec_1 .left_con .members .member .social {
  display: flex;
  align-items: center;
  gap: 15px;
  justify-content: center;
}

#contact_us_sec_1 .right_con .form_con {
  padding: 42px;
  background-color: #fff;
  border-radius: 30px;
}

#contact_us_sec_1 .right_con .form_con label {
  margin-top: 15px;
  margin-bottom: 5px;
  font-weight: 500;
}

#contact_us_sec_1 .right_con .form_con input[type="text"] {
  width: 100%;
  padding: 12px 15px;
  background-color: #f0f0f0;
  border-radius: 10px;
  border-color: #f0f0f0;
  outline: none;
  transition: 0.5s;
  color: #000;
}

#contact_us_sec_1 .right_con .form_con input[type="text"]:focus {
  border-color: #000;
}

#contact_us_sec_1 .right_con .form_con input[type="email"] {
  width: 100%;
  padding: 12px 15px;
  background-color: #f0f0f0;
  border-radius: 10px;
  border-color: #f0f0f0;
  outline: none;
  transition: 0.5s;
  color: #000;
}

#contact_us_sec_1 .right_con .form_con input[type="email"]:focus {
  border-color: #000;
}

#contact_us_sec_1 .right_con .form_con textarea {
  width: 100%;
  padding: 12px 15px;
  background-color: #f0f0f0;
  border-radius: 10px;
  border-color: #f0f0f0;
  outline: none;
  transition: 0.5s;
  color: #000;
}

#contact_us_sec_1 .right_con .form_con textarea:focus {
  border-color: #000;
}

#contact_us_sec_1 .right_con .form_con select {
  width: 100%;
  padding: 12px 15px;
  background-color: #f0f0f0;
  border-radius: 10px;
  border-color: #f0f0f0;
  outline: none;
  transition: 0.5s;
  color: #808080;
}

#contact_us_sec_1 .right_con .form_con select:focus {
  border-color: #000;
}

#contact_us_sec_1 .right_con .form_con input[type="tel"] {
  width: 100%;
  padding: 12px 15px;
  background-color: #f0f0f0;
  border-radius: 10px;
  border-color: #f0f0f0;
  outline: none;
  transition: 0.5s;
  color: #000;
}

#contact_us_sec_1 .right_con .form_con input[type="tel"]:focus {
  border-color: #000;
}

#contact_us_sec_1 .right_con .form_con input::placeholder {
  color: #808080;
}

#contact_us_sec_1 .right_con .form_con input[type="submit"] {
  padding-left: 73px;
  padding-top: 17px;
  padding-bottom: 17px;
  padding-right: 128px;
  color: #292929;
  font-size: 20px;
  border: 1px solid #23201f;
  border-radius: 5px;
  background-color: transparent;
  margin-top: 20px;
  background-image: url("./assets/img/Group\ 4.svg");
  background-position: 75%;
  background-repeat: no-repeat;
  background-size: 30px;
}

#contact_us_sec_1 .wpcf7-not-valid-tip {
  font-size: 14px;
}

#contact_us_sec_1 .wpcf7 form .wpcf7-response-output {
  font-size: 14px;
}

/* Contact us end */

/* Careers */

#careers_sec_1 {
  background-color: #f5f5f5;
  position: relative;
  padding-bottom: 50px;
}

#careers_sec_1 .element_white {
  position: absolute;
  right: -133px;
  top: -90px;
  z-index: 1;
}

#careers_sec_1 .element_blue {
  position: absolute;
  bottom: -69.4px;
  left: -133px;
  z-index: 1;
}

#careers_sec_1 .container {
  position: relative;
  z-index: 2;
}

#careers_sec_1 .img_main_con {
  transform: translateY(-85px);
  height: 437px;
}

#careers_sec_1 .img_main_con .img_wrapper {
  border-radius: 5px;
}

#careers_sec_1 .content_con p {
  font-size: 18px;
  color: #292929;
}

#careers_sec_2 {
  padding-top: 122px;
  padding-bottom: 180px;
  color: #292929;
}

#careers_sec_2 .title_con h2 {
  font-size: 50px;
  font-weight: 700;
  font-family: trebuchet;
  margin-bottom: 80px;
}

#careers_sec_2 .vacancies_con .nav {
  margin: 0px;
  padding: 0px;
  list-style: none;
  margin-bottom: 46px;
  gap: 10px;
}

#careers_sec_2 .vacancies_con .nav button {
  font-size: 18px;
  transition: 0.5s;
  background-color: transparent;
  border: 0px;
}

#careers_sec_2 .vacancies_con .nav .active {
  background-color: #56af31;
  color: #fff;
}

#careers_sec_2 .vacancies_con .jobs_list {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

#careers_sec_2 .vacancies_con .jobs_list p {
  font-size: 20px;
}

#careers_sec_2 .vacancies_con .jobs_list .job {
  padding: 26px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  text-decoration: none;
  border: 1px solid #b2b2b2;
}

#careers_sec_2 .vacancies_con .jobs_list .job .left h6 {
  font-size: 25px;
  margin: 0px;
  color: #292929;
  font-weight: 400;
}

#careers_sec_2 .vacancies_con .jobs_list .job .right span {
  font-size: 18px;
  color: #b2b2b2;
}

.modal_career .modal-dialog {
  height: auto;
}

.modal_career .modal-body {
  padding: 40px 36px !important;
  border: 1px solid #c1c1c1;
}

.modal_career .modal-body .top_con {
  display: flex;
  gap: 50px;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 15px;
}

.modal_career .modal-body .top_con .left span {
  width: 60%;
  font-size: 20px;
}

.modal_career .modal-body .main_content .date span {
  margin-bottom: 18px;
  display: inline-block;
  font-size: 18px;
  color: #b2b2b2;
}

.modal_career .modal-body .main_content .content p {
  margin-bottom: 15px;
  font-size: 14px;
}

.modal_career .modal-body .main_content .content ul {
  margin: 0px;
}

.modal_career .modal-body .main_content .content ul li {
  margin-bottom: 15px;
  font-size: 14px;
}

/* Careers end */

/* Careers detail screen */

#career_detail_form {
  padding-top: 100px;
  padding-bottom: 100px;
}

#career_detail_form .form_box {
  border: 1px solid #e6e6e6;
  background-color: #fcfcfc;
  padding: 45px;
}

#career_detail_form .form_box .title_con h2 {
  font-family: trebuchet;
  font-weight: 700;
  margin-bottom: 30px;
  margin-top: 30px;
  font-size: 35px;
}

#career_detail_form .form_box .form_con label {
  font-size: 20px;
  color: #292929;
  margin-bottom: 14px;
  margin-top: 15px;
}

#career_detail_form .form_box .form_con input[type="text"] {
  border: 1px solid #b2b2b2;
  border-radius: 5px;
  background-color: #fff;
  width: 100%;
  padding: 12px 15px;
  color: #292929;
  outline: none;
}

#career_detail_form .form_box .form_con input[type="email"] {
  border: 1px solid #b2b2b2;
  border-radius: 5px;
  background-color: #fff;
  width: 100%;
  padding: 12px 15px;
  color: #292929;
  outline: none;
}

#career_detail_form .form_box .form_con input[type="tel"] {
  border: 1px solid #b2b2b2;
  border-radius: 5px;
  background-color: #fff;
  width: 100%;
  padding: 12px 15px;
  color: #292929;
  outline: none;
}

#career_detail_form .form_box .form_con input[type="file"] {
  border: 1px solid #b2b2b2;
  border-radius: 5px;
  background-color: #fff;
  width: 100%;
  padding: 12px 15px;
  color: #292929;
  outline: none;
}

#career_detail_form .form_box .form_con .file_upload label {
  font-size: 25px;
  font-weight: 700;
}

#career_detail_form .form_box .form_con .wpcf7-not-valid-tip {
  font-size: 14px;
}

#career_detail_form .form_box .form_con .wpcf7-list-item {
  margin: 0px;
  display: flex;
  gap: 20px;
}

#career_detail_form .form_box .form_con .privacy_policy .content {
  padding-left: 32px;
}

#career_detail_form .form_box .form_con input[type="submit"] {
  padding: 18px 55px;
  font-size: 20px;
  border: 1px solid #292929;
  color: #292929;
  border-radius: 5px;
  background-color: transparent;
  margin-top: 50px;
  transition: 0.5s;
}

#career_detail_form .form_box .form_con input[type="submit"]:hover {
  background-color: #bffb4f;
  color: #fff;
  border-color: #bffb4f;
}

/* Careers detail screen end */

/* Service detail screen */

#service_detail_sec_1 {
  position: relative;
  padding-bottom: 50px;
  position: relative;
}

#service_detail_sec_1 .dark_half_bg {
  position: absolute;
  background-color: #231f20;
  top: 0;
  height: 60%;
  width: 100%;
  left: 0;
}

#service_detail_sec_1 .element_white {
  position: absolute;
  right: -133px;
  top: 0px;
  z-index: 3;
}

#service_detail_sec_1 .element_blue {
  position: absolute;
  bottom: -69.4px;
  left: -133px;
  z-index: 3;
}

#service_detail_sec_1 .container {
  position: relative;
  z-index: 2;
}

@media (min-width: 991px) {
  #service_detail_sec_1 .img_main_con {
    height: 550px;
  }
}

#service_detail_sec_1 .img_main_con .img_wrapper {
  border-radius: 5px;
}

#service_detail_sec_2 {
  padding-top: 80px;
  padding-bottom: 80px;
  color: #231f20;
}

#service_detail_sec_2 .left_con h2 {
  margin-bottom: 70px;
  font-size: 50px;
  font-weight: 400;
  font-family: trebuchet;
}

#service_detail_sec_2 .left_con p {
  font-size: 14px;
  margin-bottom: 20px;
}

#service_detail_sec_2 .right_con .content p {
  font-size: 26px;
}

#service_detail_sec_2 .right_con .images_on_right {
  display: flex;
  flex-direction: column;
  gap: 50px;
}

#service_detail_sec_2 .right_con .images_on_right .images_content {
  display: flex;
  gap: 34px;
}

#service_detail_sec_2 .right_con .images_on_right .images_content .img_con {
  min-width: 120px;
}

#service_detail_sec_2 .right_con .images_on_right .images_content .content_right h3 {
  font-size: 26px;
  font-weight: 400;
}

#service_detail_sec_2 .right_con .images_on_right .images_content .content_right p {
  font-size: 14px;
}

#service_detail_sec_2 .btnn_con {
  margin-top: 83px;
  display: flex;
  align-items: center;
  justify-content: center;
}

#service_detail_sec_2 .btnn_con .btn_1 {
  border: 1px solid #231f20;
  padding: 17px 60px;
}

#service_detail_sec_2 .btnn_con .btn_1 .text {
  color: #231f20;
  font-size: 20px;
  text-transform: uppercase;
}

#service_detail_sec_2 .btnn_con .btn_1 svg path {
  fill: #292929;
}

#service_detail_sec_2 .btnn_con .btn_1:hover {
  border-color: #bffb4f;
}

#service_detail_sec_2 .btnn_con .btn_1:hover .text {
  color: #fff;
}

#service_detail_sec_2 .btnn_con .btn_1:hover svg path {
  fill: #fff;
}

#service_detail_sec_3 {
  padding-top: 80px;
  padding-bottom: 80px;
  color: #1c1c1c;
}

@media (min-width: 768px) {
  #service_detail_sec_3 .row .row .col-sm-12:first-child {
    padding-right: 50px;
  }

  #service_detail_sec_3 .row .row .col-sm-12:nth-child(2) {
    padding-left: 50px;
  }

  #collaborate_section_4 .img_wrapper .img_main {
    height: 450px;
  }
}

#service_detail_sec_3 .content_con .img_con {
  margin-bottom: 26px;
  height: 450px;
}

#service_detail_sec_3 .content_con .content h6,
#service_detail_sec_3 .content_con .content h5,
#service_detail_sec_3 .content_con .content h4,
#service_detail_sec_3 .content_con .content h3,
#service_detail_sec_3 .content_con .content h2 {
  margin-bottom: 26px;
  font-size: 36px;
  font-weight: 700;
  font-family: trebuchet;
}

#service_detail_sec_3 .content_con .content p {
  font-size: 18px;
}

#service_detail_sec_3 .btnn_con {
  display: flex;
  align-items: center;
  justify-content: center;
}

#service_detail_sec_3 .btnn_con .btn_1 {
  border: 1px solid #231f20;
  padding: 17px 60px;
}

#service_detail_sec_3 .btnn_con .btn_1 .text {
  color: #231f20;
  font-size: 20px;
  text-transform: uppercase;
}

#service_detail_sec_3 .btnn_con .btn_1 svg path {
  fill: #292929;
}

#service_detail_sec_3 .btnn_con .btn_1:hover {
  border-color: #bffb4f;
}

#service_detail_sec_3 .btnn_con .btn_1:hover .text {
  color: #fff;
}

#service_detail_sec_3 .btnn_con .btn_1:hover svg path {
  fill: #fff;
}

#service_detail_sec_4 {
  padding-top: 80px;
  padding-bottom: 163px;
  color: #231f20;
}

#service_detail_sec_4 .left_con h2 {
  max-width: 339px;
  font-size: 50px;
  font-weight: 400;
  font-family: trebuchet;
}

#service_detail_sec_4 .right_con {
  display: flex;
  column-gap: 50px;
  row-gap: 42px;
  flex-wrap: wrap;
}

#service_detail_sec_4 .right_con .box {
  width: calc(33.3% - 50px);
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}

#service_detail_sec_4 .right_con .box .icon_con {
  margin-bottom: 20px;
  width: 120px;
  height: 120px;
  transition: 0.5s;
  background-color: #f8f8f8;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  border: 1px solid #f8f8f8;
}

#service_detail_sec_4 .right_con .box:hover .icon_con {
  border-color: #707070;
}

#service_detail_sec_4 .right_con .box .icon_con img {
  height: 50px;
  transition: 0.5s;
}

#service_detail_sec_4 .right_con .box:hover .icon_con img {
  transform: scale(1.15);
}

#service_detail_sec_4 .right_con .box .text_con span {
  font-size: 16px;
  transition: 0.5s;
  display: inline-block;
}

#service_detail_sec_4 .right_con .box:hover .text_con span {
  transform: translateY(-10px);
}

#service_detail_sec_5 {
  background-color: #231f20;
  padding-top: 116px;
  padding-bottom: 200px;
}

#service_detail_sec_5 .top_content_con {
  display: flex;
  gap: 70px;
  margin-bottom: 90px;
  align-items: flex-end;
}

#service_detail_sec_5 .top_content_con .title_con h2 {
  margin-bottom: 18px;
  font-size: 50px;
  font-weight: 700;
  color: #fff;
  max-width: 800px;
  font-family: trebuchet;
}

#service_detail_sec_5 .top_content_con .content p {
  font-size: 18px;
  color: #fff;
}

#service_detail_sec_5 .container-fluid {
  padding: 0px;
}

#service_detail_sec_5 .container-fluid .col-sm-12 {
  padding: 0px;
}

#service_detail_sec_5 .container-fluid .col-sm-12 .box {
  position: relative;
  display: block;
  height: 400px;
  text-decoration: none;
  overflow: hidden;
}

#service_detail_sec_5 .container-fluid .col-sm-12 .box .img_wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
  visibility: hidden;
  z-index: 2;
}

#service_detail_sec_5 .container-fluid .col-sm-12 .box .img_wrapper .cover {
  position: absolute;
  top: 0;
  left: 0;
  height: 600px;
  width: 100%;
  background-color: #1c1c1c;
  z-index: 4;
  /* display: none; */
}

#service_detail_sec_5 .container-fluid .col-sm-12 .box .img_wrapper .img_main {
  object-fit: cover;
  height: 100%;
  width: 100%;
}

#service_detail_sec_5 .container-fluid .col-sm-12 .box .case_study_btn {
  position: absolute;
  right: 35px;
  top: 30px;
  z-index: 5;
  transition: 0.5s;
  opacity: 1;
  visibility: visible;
}

#service_detail_sec_5 .container-fluid .col-sm-12 .box:hover .case_study_btn {
  opacity: 0;
  visibility: hidden;
  top: -20px;
}

#service_detail_sec_5 .container-fluid .col-sm-12 .box .case_study_btn span {
  padding: 12px 14px;
  background-color: #fff;
  color: #231f20;
  font-size: 12px;
  border-radius: 30px;
  transition: 0.5s;
  display: inline-block;
}

#service_detail_sec_5 .container-fluid .col-sm-12 .box:hover .case_study_btn span {
  color: #fff;
  background-color: #231f20;
}

#service_detail_sec_5 .container-fluid .col-sm-12 .box .hover_yellow_box {
  position: absolute;
  height: 100%;
  width: 100%;
  padding: 50px;
  padding-top: 60px;
  top: 0;
  z-index: 2;
  opacity: 0;
  visibility: hidden;
  transition: 0.5s;
  transform: scale(1.2);
  background-color: rgb(155, 21, 120, 0.8);
}

#service_detail_sec_5 .container-fluid .col-sm-12 .box:hover .hover_yellow_box {
  transform: scale(1);
}

#service_detail_sec_5 .container-fluid .col-sm-12 .box:hover .hover_yellow_box {
  opacity: 1;
  visibility: visible;
}

#service_detail_sec_5 .container-fluid .col-sm-12 .box .hover_yellow_box .small_text {
  position: relative;
  top: -20px;
  transition: 0.5s;
  color: #fff;
  font-size: 18px;
  opacity: 0;
  visibility: hidden;
}

#service_detail_sec_5 .container-fluid .col-sm-12 .box:hover .hover_yellow_box .small_text {
  top: 0px;
  opacity: 1;
  visibility: visible;
}

#service_detail_sec_5 .container-fluid .col-sm-12 .box .hover_yellow_box h6 {
  transition: 0.5s;
  color: #fff;
  font-size: 18px;
  font-weight: 400;
  font-family: trebuchet;
  margin-bottom: 4px;
}

#service_detail_sec_5 .container-fluid .col-sm-12 .box .hover_yellow_box p {
  color: #fff;
  font-size: 40px;
  font-weight: 700;
  font-family: trebuchet;
  line-height: normal;
}

#service_detail_sec_5 .container-fluid .col-sm-12 .box .hover_yellow_box .hover_box_btn {
  position: absolute;
  bottom: 30px;
  right: 30px;
  display: flex;
  align-items: center;
  gap: 50px;
  padding: 13px 20px;
  transition: 0.5s;
  border-radius: 50px;
  background-color: #fff;
}

#service_detail_sec_5 .container-fluid .col-sm-12 .box .hover_yellow_box .hover_box_btn span {
  color: #231f20;
  font-size: 12px;
}

#service_detail_sec_5 .bottom_btn_con {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 140px;
}

#service_detail_sec_6 {
  padding-top: 100px;
  padding-bottom: 100px;
  color: #292929;
}

#service_detail_sec_6 .left_con h2 {
  font-size: 50px;
  font-weight: 400;
  font-family: trebuchet;
}

#service_detail_sec_6 .right_con .content {
  margin-bottom: 37px;
}

#service_detail_sec_6 .right_con .content h6 {
  margin-bottom: 28px;
  font-size: 26px;
  font-weight: 400;
}

#service_detail_sec_6 .right_con .content p {
  font-size: 14px;
}

#service_detail_sec_6 .right_con .content p strong {
  font-weight: 700;
}

#service_detail_sec_6 .right_con .btn_con .btn_1 {
  border: 1px solid #231f20;
}

#service_detail_sec_6 .right_con .btn_con .btn_1 .text {
  color: #231f20;
  font-size: 20px;
}

#service_detail_sec_6 .right_con .btn_con .btn_1 svg path {
  fill: #292929;
}

#service_detail_sec_6 .right_con .btn_con .btn_1:hover {
  border-color: #bffb4f;
}

#service_detail_sec_6 .right_con .btn_con .btn_1:hover .text {
  color: #fff;
}

#service_detail_sec_6 .right_con .btn_con .btn_1:hover svg path {
  fill: #fff;
}

#service_detail_sec_7 {
  background-color: #231f20;
  padding-top: 69px;
  padding-bottom: 60px;
  border-top: 1px solid #707070;
  color: #fff;
}

#service_detail_sec_7 .row:first-child {
  margin-bottom: 60px;
}

#service_detail_sec_7 .top_left_con h6 {
  margin-bottom: 0px;
  font-size: 50px;
  font-weight: 700;
  font-family: trebuchet;
}

#service_detail_sec_7 .top_right_con {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

#service_detail_sec_7 .top_right_con .link_arrow {
  display: flex;
  gap: 31px;
  align-items: center;
  text-decoration: none;
}

#service_detail_sec_7 .top_right_con .link_arrow span {
  color: #fff;
  font-size: 18px;
  transition: 0.5s;
}

#service_detail_sec_7 .top_right_con .link_arrow:hover span {
  text-decoration: underline;
}

#service_detail_sec_7 .top_right_con .link_arrow svg {
  transition: 0.5s;
}

#service_detail_sec_7 .top_right_con .link_arrow:hover svg {
  transform: translateX(-10px);
}

#service_detail_sec_7 .blog_con a {
  text-decoration: none;
  display: inline-block;
  width: 100%;
}

#service_detail_sec_7 .blog_con a .img_con {
  margin-bottom: 23.4px;
  height: 200px;
}

#service_detail_sec_7 .blog_con a .img_con .img_wrapper {
  border-radius: 10px;
}

#service_detail_sec_7 .blog_con a .img_con .img_wrapper .cover {
  border-radius: 10px;
}

#service_detail_sec_7 .blog_con a .img_con .img_wrapper .img_main {
  border-radius: 10px;
  transition: 0.5s;
}

#service_detail_sec_7 .blog_con a:hover .img_con .img_wrapper .img_main {
  transform: scale(1.1) !important;
}

#service_detail_sec_7 .blog_con a h2 {
  margin-bottom: 17.6px;
  font-size: 18px;
  color: #fff;
  font-weight: 400;
  line-height: 24px;
}

#service_detail_sec_7 .blog_con a span {
  font-size: 10px;
  color: #fff;
}

#service_detail_sec_8 {
  padding-top: 85px;
  padding-bottom: 85px;
  background-color: #231f20;
  color: #fff;
}

#service_detail_sec_8 .row:first-child {
  margin-bottom: 60px;
}

#service_detail_sec_8 .top_left_con h6 {
  margin-bottom: 0px;
  font-size: 50px;
  font-weight: 700;
  font-family: trebuchet;
}

#service_detail_sec_8 .top_right_con {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

#service_detail_sec_8 .top_right_con .link_arrow {
  display: flex;
  gap: 31px;
  align-items: center;
  text-decoration: none;
}

#service_detail_sec_8 .top_right_con .link_arrow span {
  color: #fff;
  font-size: 18px;
  transition: 0.5s;
}

#service_detail_sec_8 .top_right_con .link_arrow:hover span {
  text-decoration: underline;
}

#service_detail_sec_8 .top_right_con .link_arrow svg {
  transition: 0.5s;
}

#service_detail_sec_8 .top_right_con .link_arrow:hover svg {
  transform: translateX(-10px);
}

#service_detail_sec_8 .left_con a {
  text-decoration: none;
}

#service_detail_sec_8 .left_con a .img_con {
  height: 550px;
  position: relative;
}

#service_detail_sec_8 .left_con a .img_con .icon {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 2;
  transition: 0.5s;
}

#service_detail_sec_8 .left_con a .img_con:hover .icon {
  transform: scale(0.95) translate(-50%, -50%);
  transform-origin: center;
}

#service_detail_sec_8 .right_con .content {
  margin-bottom: 35px;
}

#service_detail_sec_8 .right_con .content h2 {
  font-size: 50px;
  font-weight: 700;
  font-family: trebuchet;
  margin-bottom: 16px;
}

#service_detail_sec_8 .right_con .content p {
  font-size: 14px;
}

#service_detail_sec_9 {
  padding-top: 85px;
  padding-bottom: 85px;
  background-color: #231f20;
  color: #fff;
  position: relative;
}

#service_detail_sec_9 .pink_bg {
  position: absolute;
  background-color: #bffb4f;
  width: 100%;
  left: 0;
  bottom: 0;
  height: 60%;
  z-index: 0;
}

#service_detail_sec_9 .container {
  position: relative;
}

#service_detail_sec_9 .row:first-child {
  margin-bottom: 60px;
}

#service_detail_sec_9 .top_left_con h6 {
  margin-bottom: 0px;
  font-size: 50px;
  font-weight: 700;
  font-family: trebuchet;
}

#service_detail_sec_9 .top_right_con {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

#service_detail_sec_9 .top_right_con .link_arrow {
  display: flex;
  gap: 31px;
  align-items: center;
  text-decoration: none;
}

#service_detail_sec_9 .top_right_con .link_arrow span {
  color: #fff;
  font-size: 18px;
  transition: 0.5s;
}

#service_detail_sec_9 .top_right_con .link_arrow:hover span {
  text-decoration: underline;
}

#service_detail_sec_9 .top_right_con .link_arrow svg {
  transition: 0.5s;
}

#service_detail_sec_9 .top_right_con .link_arrow:hover svg {
  transform: translateX(-10px);
}

#service_detail_sec_9 .left_con a {
  text-decoration: none;
}

#service_detail_sec_9 .left_con a .img_con {
  height: 550px;
  position: relative;
  margin-bottom: 21px;
}

#service_detail_sec_9 .left_con a .img_con .icon {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 2;
  transition: 0.5s;
}

#service_detail_sec_9 .left_con a .img_con:hover .icon {
  transform: scale(0.95) translate(-50%, -50%);
  transform-origin: center;
}

#service_detail_sec_9 .left_con a h3 {
  color: #fff;
  font-size: 25px;
  font-weight: 700;
  font-family: trebuchet;
  margin-bottom: 0px;
}

#service_detail_sec_10 {
  padding-top: 100px;
  padding-bottom: 100px;
  background-color: #f0f0f0;
  color: #292929;
}

#service_detail_sec_10 .left_con h2 {
  font-size: 50px;
  font-weight: 400;
  font-family: trebuchet;
}

#service_detail_sec_10 .right_con .content {
  margin-bottom: 37px;
}

#service_detail_sec_10 .right_con .content h6 {
  margin-bottom: 28px;
  font-size: 26px;
  font-weight: 400;
}

#service_detail_sec_10 .right_con .content p {
  font-size: 14px;
}

#service_detail_sec_10 .right_con .content p strong {
  font-weight: 700;
}

#service_detail_sec_10 .right_con .btn_con .btn_1 {
  border: 1px solid #231f20;
}

#service_detail_sec_10 .right_con .btn_con .btn_1 .text {
  color: #231f20;
  font-size: 20px;
}

#service_detail_sec_10 .right_con .btn_con .btn_1 svg path {
  fill: #292929;
}

#service_detail_sec_10 .right_con .btn_con .btn_1:hover {
  border-color: #bffb4f;
}

#service_detail_sec_10 .right_con .btn_con .btn_1:hover .text {
  color: #fff;
}

#service_detail_sec_10 .right_con .btn_con .btn_1:hover svg path {
  fill: #fff;
}

#service_detail_sec_11 {
  padding-top: 90px;
  padding-bottom: 90px;
  color: #292929;
}

#service_detail_sec_11 .left_con .content {
  max-width: 416px;
}

#service_detail_sec_11 .left_con .content h2 {
  font-size: 50px;
  font-weight: 400;
  font-family: trebuchet;
  margin-bottom: 30px;
}

#service_detail_sec_11 .left_con .content p {
  font-size: 18px;
}

/* Service detail screen end */

/* SEO Auckland */

#seo_auckland_sec_1 {
  position: relative;
  background-color: #231f20;
}

#seo_auckland_sec_1 .pink_bg {
  position: absolute;
  width: 97%;
  height: 100%;
  background-color: #bffb4f;
  left: 50%;
  transform: translateX(-50%);
}

#seo_auckland_sec_1 .element_blue {
  position: absolute;
  bottom: -220px;
  left: -153px;
}

#seo_auckland_sec_1 .element_white {
  position: absolute;
  top: -20px;
  right: -153px;
}

#seo_auckland_sec_1 .container {
  position: relative;
  padding-top: 85px;
  padding-bottom: 85px;
}

#seo_auckland_sec_1 .container .left_con .content {
  color: #fff;
  max-width: 432px;
}

#seo_auckland_sec_1 .container .left_con .content h2 {
  margin-bottom: 22px;
  font-size: 36px;
  font-weight: 400;
  font-family: trebuchet;
}

#seo_auckland_sec_1 .container .left_con .content p {
  font-size: 18px;
}

#seo_auckland_sec_1 .container .right_box {
  width: 619px;
  position: absolute;
  right: 0;
  top: 35px;
  box-shadow: 0 3px 66px rgba(0, 0, 0, 0.16);
  background-color: #fff;
  padding: 70px;
}

#seo_auckland_sec_1 .container .right_box table tr td {
  border-bottom: 1px dashed #707070;
  padding-bottom: 15px;
  padding-top: 15px;
  font-size: 15px;
}

#seo_auckland_sec_1 .container .right_box table tr td:nth-child(2) {
  text-transform: uppercase;
  font-weight: 500;
}

#seo_auckland_sec_1 .container .right_box table tr td a {
  text-decoration: none;
  font-size: 12px;
  color: #1a1a1a;
  font-family: trebuchet;
}

#seo_auckland_sec_1 .container .right_box table tr td:nth-child(4) {
  text-align: center;
}

#seo_auckland_sec_2 {
  padding-top: 220px;
  padding-bottom: 156px;
}

#seo_auckland_sec_2 .row:first-child {
  margin-bottom: 100px;
}

#seo_auckland_sec_2 .top_left_content h2 {
  font-size: 50px;
  font-weight: 400;
  font-family: trebuchet;
}

#seo_auckland_sec_2 .top_right_content p {
  font-size: 18px;
}

#seo_auckland_sec_2 .row:nth-child(2) {
  margin-bottom: 60px;
}

#seo_auckland_sec_2 .center_content_con h2 {
  color: #bffb4f;
  font-weight: 400;
  font-family: trebuchet;
}

#seo_auckland_sec_2 .bottom_left_con h6,
#seo_auckland_sec_2 .bottom_left_con h3 {
  margin-bottom: 33px;
  font-size: 25px;
  font-weight: 700;
}

#seo_auckland_sec_2 .bottom_left_con p {
  margin-bottom: 30px;
}

#seo_auckland_sec_2 .bottom_right_con h6 {
  margin-bottom: 33px;
  font-size: 25px;
  font-weight: 700;
}

#seo_auckland_sec_2 .bottom_right_con h3 {
  margin-bottom: 33px;
  font-size: 25px;
  font-weight: 700;
}

#seo_auckland_sec_2 .bottom_right_con p {
  margin-bottom: 30px;
}

#seo_auckland_sec_2 .services_title {
  font-size: 50px;
  font-weight: 400;
  font-family: trebuchet;
  margin-bottom: 50px;
  text-align: center;
}

#seo_auckland_sec_2 .service_content {
  margin-bottom: 30px;
}

#seo_auckland_sec_2 .services {
  margin-bottom: 80px;
}

#seo_auckland_sec_2 .service_name h3 {
  margin-bottom: 33px;
  font-size: 25px;
  font-weight: 700;
}

#seo_auckland_sec_2 .service_detail p {
  margin-bottom: 30px;
}

#seo_auckland_sec_3 {
  padding-top: 150px;
  padding-bottom: 150px;
  background-color: #231f20;
  color: #fff;
}

#seo_auckland_sec_3 .row.padding_adjustment {
  padding-bottom: 55px;
}

#seo_auckland_sec_3 .row.padding_adjustment .col-sm-12:first-child {
  padding-left: 50px;
  padding-right: 0px;
}

#seo_auckland_sec_3 .row.padding_adjustment .col-sm-12:last-child {
  padding-right: 50px;
  padding-left: 0px;
}

#seo_auckland_sec_3 .top_title_left_con .content {
  padding-left: 100px;
  color: #fff;
}

#seo_auckland_sec_3 .top_title_left_con .content h2 {
  max-width: 400px;
  font-size: 50px;
  font-weight: 400;
  font-family: trebuchet;
}

#seo_auckland_sec_3 .top_title_right_con {
  height: 100%;
  display: flex;
  align-items: flex-end;
}

#seo_auckland_sec_3 .top_title_right_con .content {
  padding-right: 100px;
  color: #fff;
}

#seo_auckland_sec_3 .top_title_right_con .content p {
  font-size: 18px;
}

#seo_auckland_sec_3 .row:first-child {
  margin-bottom: 80px;
}

#seo_auckland_sec_3 .left_con {
  background-color: #fff;
  color: #292929;
  padding: 30px 20px;
  height: 100%;
}

#seo_auckland_sec_3 .left_con .top_con {
  margin-bottom: 60px;
  display: flex;
  justify-content: space-between;
}

#seo_auckland_sec_3 .left_con .top_con .left h2 {
  font-size: 50px;
  font-weight: 400;
  font-family: trebuchet;
}

#seo_auckland_sec_3 .left_con .top_con .right {
  display: flex;
  align-items: center;
  max-height: 46px;
}

#seo_auckland_sec_3 .left_con .top_con .right img {
  max-width: 91px;
}

#seo_auckland_sec_3 .bottom_con ul {
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 18px;
  margin: 0px;
  padding: 0px;
}

#seo_auckland_sec_3 .bottom_con ul li {
  display: flex;
  gap: 15px;
}

#seo_auckland_sec_3 .bottom_con ul li strong {
  font-size: 14px;
  font-weight: 700;
  width: 200px;
}

#seo_auckland_sec_3 .bottom_con ul li span {
  font-size: 14px;
  font-weight: 400;
  width: -webkit-fill-available;
}

#seo_auckland_sec_3 .right_con {
  height: 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  padding: 55px;
  display: flex;
  align-items: center;
  justify-content: center;
}

#seo_auckland_sec_3 .right_con .inner_box {
  width: 452px;
  margin: auto;
  backdrop-filter: blur(19px);
  background-color: rgba(255, 255, 255, 0.15);
}

#seo_auckland_sec_3 .right_con .inner_box ul {
  list-style: none;
  padding: 26px 40px;
  margin: 0px;
  display: flex;
  flex-direction: column;
  gap: 15px;
}

#seo_auckland_sec_3 .right_con .inner_box ul li {
  display: flex;
  gap: 15px;
}

#seo_auckland_sec_3 .right_con .inner_box ul li h6 {
  margin: 0px;
  font-size: 12px;
  font-weight: 400;
  width: calc(50% - 15px);
}

#seo_auckland_sec_3 .right_con .inner_box ul li:first-child h6 {
  font-size: 18px;
  font-weight: 400;
  font-family: trebuchet;
  margin-bottom: 30px;
}

#seo_auckland_sec_3 .right_con .inner_box ul li span {
  margin: 0px;
  font-size: 12px;
  font-weight: 400;
}

#seo_auckland_sec_3 .right_con .inner_box ul li:first-child span {
  font-size: 18px;
  font-weight: 400;
  font-family: trebuchet;
}

#seo_auckland_sec_3 .btns_con {
  margin-top: 100px;
  display: flex;
  gap: 32px;
  align-items: center;
  justify-content: center;
}

#seo_auckland_sec_3 .left_v2 {
  max-width: 550px;
}

#seo_auckland_sec_3 .left_v2 h2 {
  font-size: 50px;
  font-weight: 400;
  font-family: trebuchet;
  margin-bottom: 20px;
}

#seo_auckland_sec_3 .right_v2 a {
  color: #bffb4f;
}

/* SEO Auckland end */

/* Case study detail screen */

#case_study_sec_1 {
  position: relative;
  background-color: #231f20;
  color: #fff;
}

#case_study_sec_1 .element_blue {
  position: absolute;
  left: -99px;
  bottom: -6.4px;
  z-index: 1;
}

#case_study_sec_1 .element_pink {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: -117px;
  z-index: 3;
}

#case_study_sec_1 .element_bottom {
  position: absolute;
  bottom: 0;
  width: 100%;
  left: 0;
  z-index: 1;
}

@media (min-width: 991px) {
  #case_study_sec_1 .container-fluid {
    padding-left: 70px;
    padding-right: 70px;
  }
}

#case_study_sec_1 .container-fluid {
  position: relative;
  padding-top: 150px;
  padding-bottom: 350px;
  background-position: bottom;
  background-repeat: no-repeat;
  background-size: 100% auto;
}

#case_study_sec_1 .container-fluid .img_main {
  position: absolute;
  top: 100px;
  right: 80px;
  z-index: 2;
}

#case_study_sec_1 .container-fluid .left_con {
  max-width: 560px;
  position: relative;
  z-index: 3;
}

#case_study_sec_1 .container-fluid .left_con .content {
  margin-bottom: 40px;
}

#case_study_sec_1 .container-fluid .left_con .content h1 {
  font-size: 50px;
  font-weight: 700;
  font-family: trebuchet;
  margin-bottom: 40px;
}

#case_study_sec_1 .container-fluid .left_con .content p {
  font-size: 30px;
}

#case_study_sec_2 {
  position: relative;
  background-color: #bffb4f;
  padding-top: 100px;
  padding-bottom: 100px;
  color: #fff;
}

#case_study_sec_2 .img_left {
  position: absolute;
  left: 85px;
  bottom: 60px;
  z-index: 2;
  width: 600px;
}

#case_study_sec_2 .right_con {
  position: relative;
  z-index: 3;
}

#case_study_sec_2 .right_con .content {
  max-width: 566px;
}

#case_study_sec_2 .right_con .content h2 {
  margin-bottom: 50px;
  font-size: 50px;
  font-weight: 700;
  font-family: trebuchet;
}

#case_study_sec_2 .right_con .content p {
  font-size: 18px;
}

#case_study_sec_3 {
  padding-top: 87px;
  padding-bottom: 87px;
  color: #231f20;
}

#case_study_sec_3 .sec_title_con h2 {
  margin-bottom: 66px;
  font-size: 50px;
  font-weight: 700;
  font-family: trebuchet;
}

#case_study_sec_3 .content_con .title_con h6 {
  margin-bottom: 41px;
  font-size: 25px;
  font-weight: 700;
  font-family: trebuchet;
}

#case_study_sec_3 .content_con .stacks {
  display: flex;
  gap: 40px;
}

#case_study_sec_3 .content_con .stacks .icon_con svg {
  width: 50px;
}

#case_study_sec_3 .content_con .stacks .icon_con svg path {
  fill: #000;
}

#case_study_sec_4 {
  padding-top: 160px;
  padding-bottom: 160px;
  background-color: #e6e6e6;
  color: #231f20;
}

#case_study_sec_4 .row {
  margin-bottom: 100px;
}

#case_study_sec_4 .row:last-child {
  margin-bottom: 0px;
}

@media (min-width: 991px) {
  #case_study_sec_4 .row .col-sm-12:first-child {
    padding-right: 60px;
  }

  #case_study_sec_4 .row .col-sm-12:last-child {
    padding-left: 60px;
  }
}

#case_study_sec_4 .left_con img {
  box-shadow: 0 3px 85px rgba(0, 0, 0, 0.1);
}

#case_study_sec_4 .right_con {
  height: 100%;
  display: flex;
  align-items: center;
}

#case_study_sec_4 .right_con .content h2 {
  margin-bottom: 32px;
  font-size: 50px;
  font-weight: 700;
  font-family: trebuchet;
}

#case_study_sec_4 .right_con .content p {
  font-size: 18px;
}

#case_study_sec_5 {
  padding-top: 127px;
  background-color: #1c1c1c;
  background-color: #eff1f2;
}

#case_study_sec_5 .row {
  margin-bottom: 85px;
}

#case_study_sec_5 .left_con h2 {
  font-size: 50px;
  font-weight: 700;
  font-family: trebuchet;
}

#case_study_sec_5 .right_con .content p {
  font-size: 18px;
  margin-bottom: 20px;
}

#case_study_sec_5 .img_con {
  /* height: 690px; */
}

#case_study_sec_5 .img_con .img_wrapperr {
  text-align: center;
}

@media (min-width: 991px) {
  .single-product.postid-588 #case_study_sec_5 .img_con .img_wrapperr .img_main_hai {
    height: 500px;
  }

  .single-product.postid-590 #case_study_sec_5 .img_con .img_wrapperr .img_main_hai {
    height: 500px;
  }
}

#case_study_sec_6 {
  padding-top: 100px;
  padding-bottom: 100px;
  columns: #231f20;
}

#case_study_sec_6 .title_con h2 {
  font-size: 50px;
  font-weight: 400;
  font-family: trebuchet;
  margin-bottom: 60px;
}

#case_study_sec_6 .col-sm-6 {
  padding: 0px;
  padding: 50px;
  text-align: center;
}

@media (min-width: 991px) {
  #case_study_sec_6 .col-sm-12 {
    padding: 0px;
    padding: 50px;
    text-align: center;
  }

  #case_study_sec_6 .col-sm-6:nth-child(1) {
    border: 1px solid #e6e6e6;
    border-top: 1px solid transparent;
    border-left: 1px solid transparent;
  }

  #case_study_sec_6 .col-sm-6:nth-child(2) {
    border: 1px solid #e6e6e6;
    border-top: 1px solid transparent;
    border-left: 1px solid transparent;
  }

  #case_study_sec_6 .col-sm-6:nth-child(3) {
    border: 1px solid #e6e6e6;
    border-top: 1px solid transparent;
    border-left: 1px solid transparent;
  }

  #case_study_sec_6 .col-sm-6:nth-child(4) {
    border: 1px solid #e6e6e6;
    border-top: 1px solid transparent;
    border-left: 1px solid transparent;
    border-right: 1px solid transparent;
  }

  #case_study_sec_6 .col-sm-6:nth-child(5) {
    border: 1px solid #e6e6e6;
    border-top: 1px solid transparent;
    border-left: 1px solid transparent;
    border-bottom: 1px solid transparent;
  }

  #case_study_sec_6 .col-sm-6:nth-child(6) {
    border: 1px solid #e6e6e6;
    border-top: 1px solid transparent;
    border-left: 1px solid transparent;
    border-bottom: 1px solid transparent;
  }

  #case_study_sec_6 .col-sm-6:nth-child(7) {
    border: 1px solid #e6e6e6;
    border-top: 1px solid transparent;
    border-left: 1px solid transparent;
    border-bottom: 1px solid transparent;
  }

  #case_study_sec_6 .col-sm-6:nth-child(8) {
    border: 1px solid transparent;
    border-top: 1px solid transparent;
    border-left: 1px solid transparent;
    border-bottom: 1px solid transparent;
  }
}

#case_study_sec_6 .box_con {
  /* padding: 40px;
	text-align: center; */
}

#case_study_sec_6 .box_con .icon_con {
  margin-bottom: 25px;
}

#case_study_sec_6 .box_con .icon_con img {
  height: 50px;
  width: 50px;
}

#case_study_sec_6 .box_con span {
  font-size: 14px;
  font-weight: 500;
}

#case_study_sec_7 {
  padding-top: 140px;
  padding-bottom: 140px;
  background-color: #231f20;
  position: relative;
}

#case_study_sec_7 .sec_title_con h2 {
  font-size: 50px;
  font-weight: 400;
  font-family: trebuchet;
  max-width: 510px;
  margin-bottom: 90px;
  color: #fff;
}

#case_study_sec_7 .element_pink {
  position: absolute;
  top: 40%;
  transform: translateY(-50%);
  right: -104px;
  z-index: 2;
}

#case_study_sec_7 .element_blue {
  position: absolute;
  left: -35px;
  bottom: 47px;
  z-index: 2;
}

#case_study_sec_7 .container {
  position: relative;
}

#case_study_sec_7 .container .element_right {
  position: absolute;
  top: 0px;
  right: 80px;
}

#case_study_sec_7 .container .element_left {
  position: absolute;
  bottom: -9px;
  z-index: 1;
  left: -20px;
}

#case_study_sec_7 .content_con {
  padding: 45px 100px;
  background-color: #fff;
  color: #231f20;
}

#case_study_sec_7 .content_con .content h2 {
  font-size: 50px;
  font-weight: 400;
  font-family: trebuchet;
  margin-bottom: 10px;
}

#case_study_sec_7 .content_con .content p {
  font-size: 18px;
}

#case_study_sec_7 .content_con .director_details h6 {
  font-size: 20px;
  font-weight: 700;
  margin-bottom: 0px;
}

#case_study_sec_7 .content_con .director_details span {
  font-size: 15px;
  color: #b2b2b2;
}

#case_study_metrics {
  background-color: #bffb4f;
  padding-top: 83px;
  padding-bottom: 83px;
  color: #fff;
}

#case_study_metrics .title_con {
  text-align: center;
}

#case_study_metrics .title_con h2 {
  font-size: 50px;
  font-weight: 400;
  font-family: trebuchet;
  margin-bottom: 50px;
}

#case_study_metrics .title_con p {
  font-size: 25px;
  font-weight: 400;
  font-family: trebuchet;
  margin-bottom: 20px;
}

#case_study_metrics .before_after_con {
  display: flex;
  gap: 14px;
  align-items: center;
  justify-content: center;
  margin-bottom: 40px;
}

#case_study_metrics .before_after_con span {
  font-size: 12px;
  font-weight: 400;
  font-family: trebuchet;
}

#case_study_metrics .before_after_con .before_after {
  display: flex;
}

#case_study_metrics .before_after_con .before_after .gray {
  height: 20px;
  width: 40px;
  background-color: #b2b2b2;
}

#case_study_metrics .before_after_con .before_after .white {
  height: 20px;
  width: 40px;
  background-color: #fff;
}

#case_study_metrics .content_con .img_con img {
  width: 100%;
}

/* Case study detail screen end */

/* About us story popup */

.modal_member_story .modal-dialog {
  height: auto;
}

.modal_member_story .modal-body .top_con {
  padding: 0px 50px;
  background-color: #f0f0f0;
  display: flex;
  gap: 50px;
  align-items: center;
  justify-content: center;
  padding-top: 50px;
}

.modal_member_story .modal-body .top_con .left span {
  font-size: 35px;
  font-weight: 700;
  font-family: trebuchet;
}

.modal_member_story .modal-body .top_con .right img {
  /*   height: 250px; */
  width: 100%;
}

.modal_member_story .modal-body .main_content .content {
  padding: 30px;
}

.modal_member_story .modal-body .main_content .content h2,
.modal_member_story .modal-body .main_content .content h3,
.modal_member_story .modal-body .main_content .content h4,
.modal_member_story .modal-body .main_content .content h5,
.modal_member_story .modal-body .main_content .content h6 {
  font-family: trebuchet;
}

.modal_member_story .modal-body .main_content .content p {
  font-size: 14px;
}

/* About us story popup end */

/* How We Collaborate */

#collaborate_section_1 {
  background-color: #23201f;
  color: #fff;
  padding-bottom: 136px;
}

#collaborate_section_1 .img_con {
  margin-bottom: 62px;
}

#collaborate_section_1 .cover {
  background-color: #23201f;
}

#collaborate_section_1 .title_con h2 {
  margin-bottom: 59px;
  font-size: 90px;
  font-weight: 700;
  font-family: trebuchet;
}

#collaborate_section_1 .left_con .content p {
  font-size: 25px;
  margin-bottom: 20px;
}

#collaborate_section_2 {
  background-color: #f5f5f5;
  padding-top: 116px;
  padding-bottom: 95px;
}

#collaborate_section_2 .main_title_con {
  text-align: center;
  margin-bottom: 30px;
  color: #000;
  font-family: trebuchet;
}

#collaborate_section_2 .main_title_con h2 {
  font-size: 50px;
  font-weight: 700;
  margin-bottom: 20px;
}

#collaborate_section_2 .main_title_con h4 {
  font-size: 30px;
  font-weight: 400;
}

#collaborate_section_2 .counting {
  display: block;
  font-size: 100px;
  color: #e6e6e6;
  font-weight: 900;
  line-height: 123px;
}

#collaborate_section_2 .box {
  transition: 0.5s;
  box-shadow: 0 3px 56px rgba(0, 0, 0, 0.11);
  padding-top: 40.2px;
  padding-left: 42.3px;
  padding-right: 42.3px;
  padding-bottom: 55px;
  height: 80%;
}

#collaborate_section_2 .box:hover {
  transform: translateY(-15px);
  /*cursor: pointer;*/
}

#collaborate_section_2 .box .icon_con {
  margin-bottom: 35px;
}

#collaborate_section_2 .box .icon_con img {
  max-height: 108px;
}

#collaborate_section_2 .box .content_con h6 {
  margin-bottom: 24px;
  font-size: 45px;
  font-family: trebuchet;
  font-weight: 700;
  color: #bffb4f;
}

#collaborate_section_2 .box .content_con p {
  font-size: 18px;
}

#collaborate_section_2 .btnn_con {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 52px;
}

#blogs_listing .btnn_con {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 52px;
}

#collaborate_section_3 {
  background-color: #bffb4f;
  color: #fff;
  padding-top: 110px;
  padding-bottom: 110px;
}

#collaborate_section_3 .row:first-child {
  margin-bottom: 70px;
}

#collaborate_section_3 .main_title_con h2 {
  font-size: 50px;
  font-weight: 700;
  font-family: trebuchet;
  max-width: 450px;
}

#collaborate_section_3 .main_content_con {
  height: 100%;
  display: flex;
  align-items: flex-end;
}

#collaborate_section_3 .main_content_con p {
  font-size: 18px;
}

#collaborate_section_3 .tabs_con {
  box-shadow: 0 3px 75px rgba(86, 175, 49, 0.21);
  background-color: #fff;
  border-radius: 5px;
}

#collaborate_section_3 .tabs_con .nav {
  margin: 0px;
}

#collaborate_section_3 .tabs_con .nav .nav-item {
  width: 20%;
}

#collaborate_section_3 .tabs_con .nav .nav-item button {
  background-color: #fff;
  transition: 0.5s;
  padding: 45px 20px;
  padding-bottom: 40px;
  width: 100%;
  border: 0px;
  border-bottom: 5px solid transparent;
  color: #000;
  font-size: 22px;
}

#collaborate_section_3 .tabs_con .nav .nav-item button:first-child {
  border-top-left-radius: 5px;
}

#collaborate_section_3 .tabs_con .nav .nav-item button:last-child {
  border-top-right-radius: 5px;
}

#collaborate_section_3 .tabs_con .nav .nav-item button.active {
  background-color: #fbedf8;
  border-bottom: 5px solid #bffb4f;
}

#collaborate_section_3 .tabs_con .tab-content {
  padding: 50px;
}

#collaborate_section_3 .tabs_con .tab-content .imgs_con {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  gap: 40px;
}

#collaborate_section_3 .tabs_con .tab-content .imgs_con img {
  height: 130px;
  opacity: 0.5;
}

#collaborate_section_4 {
  padding-top: 50px;
  padding-bottom: 50px;
  background-color: #f5f5f5;
}

/* How We Collaborate END */

#generic_banner {
  position: relative;
}

.img_new_temp {
  position: absolute;
  right: 0;
  bottom: 50px;
  z-index: 0;
}

#case_sec_1 {
  background-color: #23201f;
  padding-bottom: 00px;
}

#rep_sections .title h2 {
  font-size: 50px;
  color: #231f20;
  margin-bottom: 15px;
  max-width: 500px;
}

#rep_sections .content p {
  font-size: 14px;
}

#rep_sections .right_con {
  padding-left: 10px;
}

#rep_sections .btnn_con .btn_1 .text {
  color: #231f20;
  font-size: 20px;
  text-transform: uppercase;
}

#rep_sections .btnn_con .btn_1:hover .text {
  color: #fff;
}

#rep_sections .btnn_con .btn_1 {
  border: 1px solid #231f20;
  padding: 15px 50px;
}

#rep_sections .btnn_con .btn_1:hover {
  border-color: #bffb4f;
}

#rep_sections .btnn_con .btn_1 svg path {
  fill: #292929;
}

#rep_sections .btnn_con .btn_1:hover svg path {
  fill: #fff;
}

#rep_sections .btnn_con {
  margin-top: 35px;
}

section#rep_sections {
  padding-bottom: 100px;
}

#campaign_sections {
  padding: 100px 0;
}

#campaign_sections .title h2 {
  color: #fff;
  font-size: 50px;
  margin-bottom: 25px;
  max-width: 450px;
}

#campaign_sections .content p {
  color: #fff;
  font-size: 18px;
}

#campaign_sections .content ul li {
  color: #fff;
  font-size: 18px;
}

#campaign_sections .right_con {
  padding-right: 60px;
}

#new_case_studies {
  background-color: #231f20;
}

img.collab_left_img {
  position: absolute;
  left: 0;
  z-index: 0;
  bottom: 170px;
}
#team_sec .modal{
/* 	z-index: 99999999999; */
	    top: 70px;
}
#team_sec .modal .modal-dialog{
	border-radius: 20px;
}
/* Case study actual */

@media (max-width: 991px) {
	.work_card{
		    margin: 0 8px 30px;
	}
  #case_sec_1 .img_wrapper {
    max-height: 503px;
  }

  #rep_sections .right_con {
    padding-left: 0;
    padding-top: 30px;
  }

  #rep_sections .title h2 {
    max-width: 100%;
    font-size: 30px;
  }

  #campaign_sections .right_con {
    padding-right: 0;
    padding-bottom: 30px;
  }

  #campaign_sections .title h2 {
    max-width: 100%;
    font-size: 30px;
  }

  #service_detail_sec_8 {
    padding-top: 15px;
    margin-top: -3px;
  }

  img.collab_left_img {
    display: none;
  }

  .img_new_temp {
    display: none;
  }
}

#the_challenge {
  padding-top: 120px;
  padding-bottom: 105px;
  background-color: #fff;
  color: #1c1c1c;
}

#the_challenge .row:first-child {
  margin-bottom: 65px;
}

#the_challenge .left_con h2 {
  font-size: 50px;
  font-weight: 400;
  font-family: trebuchet;
}

#the_challenge .right_con .content p {
  font-size: 18px;
}

#the_process {
  background-color: #23201f;
  color: #fff;
  padding-top: 120px;
  padding-bottom: 100px;
}

#the_process .main_title_con {
  margin: auto;
  text-align: center;
  margin-bottom: 60px;
  max-width: 980px;
}

#the_process .main_title_con h2 {
  font-size: 50px;
  font-weight: 400;
}

#the_process .main_title_con p {
  font-size: 18px;
}

@media (min-width: 991px) {
  #the_process .content_con {
    padding-left: 30px;
    padding-right: 30px;
  }
}

#the_process .content_con .title_con h6 {
  font-family: trebuchet;
  font-size: 25px;
  font-weight: 700;
  margin-bottom: 28px;
}

#the_process .content_con .content p {
  font-size: 18px;
}

#the_impact {
  background-color: #23201f;
  color: #fff;
  padding-top: 120px;
  padding-bottom: 100px;
}

.the_impact__v2 {
  background-color: #bffb4f !important;
}

#the_impact .main_title_con {
  text-align: center;
  margin-bottom: 60px;
}

#the_impact .main_title_con h2 {
  font-size: 50px;
  font-weight: 400;
}

#the_impact .main_title_con p {
  font-size: 18px;
}

@media (min-width: 991px) {
  #the_impact .content_con {
    padding-left: 30px;
    padding-right: 30px;
  }
}

#the_impact .content_con {
  margin-bottom: 50px;
}

#the_impact .content_con .title_con h6 {
  font-family: trebuchet;
  font-size: 25px;
  font-weight: 700;
  margin-bottom: 28px;
}

#the_impact .content_con .content h3 {
  font-family: trebuchet;
  font-size: 25px;
  font-weight: 700;
  margin-bottom: 28px;
}

#the_impact .content_con .content p {
  font-size: 18px;
}

#the_impact .content_con .content p strong {
  color: #bffb4f;
}

@media (min-width: 991px) {
  #business_model .container-fluid {
    padding-left: 0px;
    padding-right: 0px;
  }
}

#business_model .left_con {
  padding: 50px;
  height: 100%;
  display: flex;
  flex-direction: column;
  gap: 28px;
  justify-content: center;
}

#business_model .left_con .title_con h2 {
  font-size: 50px;
  font-weight: 400;
}

#business_model .left_con .content h2 {
  font-size: 50px;
  font-weight: 400;
}

#business_model .left_con .content p {
  font-size: 18px;
}

#business_model .right_con {
  height: 500px;
  min-height: 500px;
}

#business_model .right_con .img_con {
  width: 100%;
  height: 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  /* background-attachment: fixed; */
}

#conclusion {
  padding-top: 120px;
  /* padding-bottom: 120px; */
  background-color: #23201f;
  color: #fff;
}

@media (min-width: 991px) {
  #conclusion .container-fluid {
    padding-left: 0px;
    padding-right: 0px;
  }
}

#conclusion .main_title_con {
  margin: auto;
  max-width: 800px;
  text-align: center;
  margin-bottom: 60px;
}

#conclusion .main_title_con .title_con h2 {
  font-size: 50px;
  font-weight: 400;
}

#conclusion .main_title_con .content p {
  font-size: 18px;
}

#conclusion .img_con {
  width: 100%;
  height: 500px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;
}

#ai_the_challenge {
  padding-top: 100px;
  padding-bottom: 100px;
}

#ai_the_challenge .row_1 {
  margin-bottom: 60px;
}

#ai_the_challenge .row_1 .left_con h2 {
  font-size: 50px;
  font-weight: 400;
}

#ai_the_challenge .row_1 .right_con p {
  font-size: 18px;
}

#ai_the_challenge .row_2 .center_con h2 {
  font-size: 50px;
  font-weight: 400;
  margin-bottom: 28px;
}

#ai_the_challenge .row_2 .video_popup {
  position: relative;
  display: inline-block;
  width: 100%;
  height: 500px;
  margin-bottom: 48px;
}

#ai_the_challenge .row_2 .video_popup .icon {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 2;
  transition: 0.5s;
}

#ai_the_challenge .row_2 .video_popup:hover .icon {
  transform: translate(-50%, -50%) scale(1.1);
}

#ai_the_challenge .row_3 .content {
  color: #fff;
}

#ai_the_challenge .row_3 .content p {
  font-size: 18px;
}

#ai_the_challenge {
  position: relative;
}

#ai_the_challenge .dark_bg {
  position: absolute;
  bottom: 0px;
  left: 0;
  height: 550px;
  width: 100%;
  background-color: #23201f;
}

#ai_the_challenge .container {
  position: relative;
}

#ai_benefits {
  padding-top: 120px;
  padding-bottom: 100px;
  background-color: #23201f;
  color: #fff;
}

#ai_benefits .left_con h2 {
  font-size: 50px;
  font-weight: 400;
}

#ai_benefits .right_con .content p {
  font-size: 18px;
}

/* Case study actual end */

#ajaxsearchlite1 .probox .proinput input,
div.asl_w .probox .proinput input {
  font-size: 28px !important;
  color: #fff !important;
}

#ajaxsearchlite1 .probox .proinput input::placeholder,
div.asl_w .probox .proinput input::placeholder {
  color: #fff !important;
}

div.asl_w .probox .promagnifier {
  display: none;
}

#service_product_section_1 .btnn_con .btn_1 {
  border: 1px solid #231f20;
  padding: 15px 25px;
}

#service_product_section_1 .btnn_con .btn_1 .text {
  color: #231f20;
  font-size: 16px;
  text-transform: uppercase;
}

#service_product_section_1 .btnn_con .btn_1 svg path {
  fill: #292929;
}

#service_product_section_1 .btnn_con .btn_1:hover {
  border-color: #bffb4f;
}

#service_product_section_1 .btnn_con .btn_1:hover .text {
  color: #fff;
}

#service_product_section_1 .btnn_con .btn_1:hover svg path {
  fill: #fff;
}

#service_product_section_1 {
  padding-top: 100px;
  padding-bottom: 100px;
}

#service_product_section_1 .left_con .title_con h2 {
  font-size: 50px;
  font-weight: 400;
  font-family: trebuchet;
  margin-bottom: 30px;
}

#service_product_section_1 .left_con .content {
  margin-bottom: 30px;
}

#service_product_section_1 .left_con .content p {
  font-size: 18px;
}

#service_product_section_1 .right_con .items_con {
  display: flex;
  flex-wrap: wrap;
  gap: 50px;
}

#service_product_section_1 .right_con .items_con .item .icon_con img {
  max-height: 80px;
  margin-bottom: 20px;
}

#service_product_section_1 .right_con .items_con .item h2 a {
  text-decoration: none;
  color: #000;
  margin-bottom: 20px;
  font-size: 25px;
  transition: 0.5s;
}

#service_product_section_1 .right_con .items_con .item h2 a:hover {
  color: #bffb4f;
}

#service_product_section_1 .right_con .items_con .item p {
  margin-bottom: 20px;
}

#service_product_section_1 .left_con {
  max-width: 450px;
}

/* Pricing */

#generic_banner .main_content_con.web_hosting .title_con h1 {
  max-width: 860px;
  padding-left: 100px;
}

.page-template-pricing-php #generic_banner {
  padding-top: 180px;
  padding-bottom: 65px;
  background-color: #23201f;
  color: #fff;
}

#pricing {
  background-color: #23201f;
  padding-bottom: 150px;
  position: relative;
  margin-top: -2px;
}

#pricing img.left_shape {
  position: absolute;
  left: 0;
  top: 45%;
}

#pricing img.right_shape {
  position: absolute;
  right: 0;
  top: 50px;
}

#pricing .pricing_heading h2 {
  text-align: center;
  font-size: 50px;
  font-weight: 700;
  font-family: trebuchet;
  color: #fff;
  max-width: 700px;
  margin: auto;
  padding-bottom: 70px;
}

.package_box {
  border-radius: 10px;
  border: 1px solid #9b1678;
  position: relative;
  background: rgba(0, 0, 0, 0.6);
  padding: 90px 35px 40px 35px;
  transition: 0.5s;
  z-index: 1;
  backdrop-filter: blur(5px);
}

.package_box:hover {
  background: rgba(118, 24, 93, 0.6);
  backdrop-filter: blur(5px);
}

.package_box h3 {
  font-size: 30px;
  font-weight: 700;
  font-family: trebuchet;
  color: #fff;
  text-align: center;
  max-width: 250px;
  margin: auto;
}

.package_box h4 {
  font-size: 20px;
  font-weight: 400;
  font-family: "Roboto" !important;
  color: #acacac;
  text-align: center;
}

.upper_headings {
  min-height: 130px;
}

.price_card {
  display: flex;
  align-items: start;
  justify-content: center;
}

.price_card span.sign {
  font-size: 20px;
  font-weight: 400;
  font-family: trebuchet;
  color: #acacac;
  margin-right: 5px;
  transform: translateY(10px);
}

.price_card p {
  padding: 0;
  margin: 0;
  font-size: 60px;
  font-weight: 900;
  font-family: trebuchet;
  color: #fff;
}

.price_tag {
  display: flex;
  flex-direction: column;
  align-items: end;
  margin-left: 5px;
}

.price_tag span {
  font-size: 20px;
  font-weight: 400;
  font-family: trebuchet;
  color: #acacac;
  transform: translateY(11px);
}

.currency {
  text-align: center;
  font-size: 20px;
  font-weight: 400;
  font-family: trebuchet;
  color: #acacac;
}

.price_tag .tenure {
  font-size: 30px;
  font-weight: 400;
  font-family: trebuchet;
  color: #fff;
}

.btn_wrap {
  text-align: center;
  margin-top: 20px;
}

.btn_wrap a {
  text-decoration: none !important;
}

.btn_wrap button {
  background-color: #bffb4f;
  font-family: trebuchet;
  border-radius: 10px;
  font-size: 25px;
  font-weight: 700;
  transform-origin: 100% 0%;
  overflow: hidden;
  transition: 0.4s;
  z-index: 10;
  color: #fff;
  position: relative;
  padding: 8px 60px 8px 60px;
  border: none;
  z-index: 0;
}

.btn_wrap button:hover {
  background-color: #fff;
  color: #000;
}

.include_wrap {
  text-align: center;
  padding: 40px 0 30px 0;
}

.include_wrap span {
  font-family: trebuchet;
  font-size: 15px;
  font-weight: 700;
  color: #fff;
}

.features ul {
  padding: 0;
  margin: 0;
  list-style: none;
}

.features ul li {
  font-size: 14px;
  font-weight: 400;
  font-family: trebuchet;
  color: #fff;
  display: flex;
  align-items: start;
  padding: 0;
}

.features ul li p {
  display: inline;
}

.features ul li strong {
  color: #8d8d8d;
  font-weight: 400 !important;
}

.features ul li .list_img {
  margin-right: 15px;
}

.features ul li .list_img img {
  width: 17px;
  min-width: 17px;
  height: 17px;
}

.pop {
  max-width: 102px;
  width: 100%;
  height: 42px;
  background: #bffb4f;
  border-radius: 10px;
  display: grid;
  place-items: center;
  font-family: trebuchet;
  font-size: 15px;
  font-weight: 700;
  color: #fff;
  position: absolute;
  top: 10px;
  right: 12px;
}

.page-template-temp_seo-php .gform_confirmation_message {
  color: #000;
}

/* New Generic Template */

/* New Generic Template End */

/* Pricing End */

@media (min-width: 991px) {
  #service_product_section_1 .right_con .items_con .item {
    width: calc(50% - 50px);
  }
}

/* Tablet View */

@media (max-width: 991px) {
  #masthead {
    text-align: center;
  }

  #generic_banner .main_content_con.web_hosting .title_con h1 {
    padding-left: 0;
  }

  .btn_wrap button {
    padding: 8px 30px 8px 30px;
  }

  #pricing .pricing_heading h2 {
    text-align: left;
  }

  #pricing img.right_shape {
    display: none;
  }

  #pricing {
    padding-bottom: 50px;
  }

  .page-template-pricing-php #generic_banner {
    padding-bottom: 35px;
  }

  .package_box {
    margin-bottom: 40px;
  }

  #masthead .left_con {
    margin-bottom: 15px;
  }

  #masthead .right_con {
    justify-content: center;
  }

  #mega-menu-wrap-menu-1 #mega-menu-menu-1 {
    text-align: center;
  }

  #mega-menu-wrap-menu-1 #mega-menu-menu-1>li.mega-menu-item>a.mega-menu-link {
    padding-left: 10px;
    padding-right: 10px;
    font-size: 14px;
  }

  #home_banner {
    /* 		background-position: 30% bottom;
		background-size: 150%; */
  }

  #home_banner .content_con {
    max-width: 450px;
  }

  #home_banner .content_con h1 {
    font-size: 50px;
  }

  #home_banner .content_con p {
    font-size: 20px;
  }

  #home_banner .content_con {
    margin-bottom: 20px;
    gap: 20px;
  }

  #home_sec_1 .main_wrapper .scroller_con {
    display: none;
  }

  #home_sec_1 .main_wrapper .title_con {
    flex-direction: column;
    align-items: flex-start;
    gap: 00px;
  }

  #home_sec_1 {
    padding-top: 80px;
  }

  #home_sec_1 .main_wrapper .title_con .right {
    padding-top: 0px;
  }

  #home_sec_1 .main_wrapper {
    padding-left: 0px;
    overflow-x: auto;
  }

  #home_sec_1 .main_wrapper .services_wrapper .services {
    flex-direction: column;
    gap: 30px;
  }

  #home_sec_1 .main_wrapper .services_wrapper .services .service {
    width: 100%;
    padding: 50px;
    height: auto;
  }

  #home_sec_2 .top_con .title_con h3 {
    font-size: 30px;
    margin-bottom: 20px;
  }

  #home_sec_2 .top_con .content_con {
    margin-bottom: 50px;
  }

  #home_sec_2 .top_con .btn_con {
    justify-content: flex-start;
    margin-bottom: 50px;
  }

  #home_sec_2 .element_blue {
    left: -170px;
  }

  #home_sec_2 .element_red {
    right: -170px;
  }

  #home_sec_3 .top_content_con .content p {
    margin-bottom: 80px;
  }

  #home_sec_3 .container .col-sm-12 .box .hover_yellow_box {
    opacity: 1;
    visibility: visible;
    background-color: rgb(155, 21, 120, 0.6);
    transform: scale(1);
  }

  #home_sec_3 .container .col-sm-12 .box .case_study_btn {
    display: none;
  }

  #home_sec_1 .main_wrapper .title_con .left h2 {
    font-size: 80px;
  }

  #home_sec_2 .top_con .content_con h2 {
    font-size: 80px;
  }

  #home_sec_3 .top_content_con .title_con h2 {
    font-size: 80px;
  }

  #home_sec_2 {
    padding-top: 80px;
    padding-bottom: 80px;
  }

  #home_sec_3 {
    padding-top: 80px;
    padding-bottom: 80px;
  }

  #home_sec_4 {
    padding-top: 80px;
    padding-bottom: 80px;
  }

  #home_sec_4 .title_main_con .title_con h2 {
    font-size: 80px;
  }

  #home_sec_4 .title_main_con {
    margin-bottom: 50px;
  }

  #home_sec_4 .yellow_box .nav-tabs .nav-link {
    font-size: 18px;
    width: 100%;
  }

  #home_sec_4 .yellow_box .tab_main_con {
    flex-direction: column;
    height: auto;
    padding: 10px;
  }

  #home_sec_4 .yellow_box .tab_main_con .left_con {
    width: 100%;
  }

  #home_sec_4 .yellow_box .tab_main_con .right_con {
    width: 100%;
    overflow: auto;
  }

  #home_sec_4 .yellow_box .tab_main_con .right_con .posts_con .post .right {
    justify-content: flex-start;
  }

  #signup_before_footer form p {
    flex-direction: column;
    gap: 35px;
  }

  #signup_before_footer form p input {
    width: 100%;
    max-width: 100% !important;
  }

  #signup_before_footer input[type="submit"] {
    background-position: 58%;
  }

  #colophon .col_1 {
    margin-bottom: 50px;
  }

  #colophon .col_1 .content_con {
    margin-bottom: 50px;
  }

  #colophon .title_con h6 {
    margin-top: 0px;
    margin-bottom: 20px;
  }

  #colophon .col_2 {
    padding-left: 0px;
    margin-bottom: 35px;
  }

  #colophon .col_3 {
    padding-left: 0px;
    margin-bottom: 35px;
  }

  #colophon .col_4 {
    padding-left: 0px;
    padding-bottom: 65px;
  }

  #colophon .row:first-child {
    padding-bottom: 0px;
  }

  #colophon .footer_bar {
    padding-bottom: 23.9px;
  }

  #generic_banner .main_content_con .title_con h1 {
    font-size: 80px;
  }

  #generic_banner {
    padding-top: 220px;
    padding-bottom: 120px;
  }

  #about_sec_1 .img_main_con {
    transform: translateY(-50px);
  }

  #about_sec_2 {
    padding-top: 80px;
    padding-bottom: 80px;
  }

  #about_sec_2 .top_title_con h2 {
    font-size: 35px;
  }

  #about_sec_2 .row:first-child {
    margin-bottom: 50px;
  }

  #about_sec_2 .accordion_con .nav-tabs .nav-link {
    font-size: 20px;
  }

  #about_sec_2 .accordion_con .nav-tabs {
    margin-bottom: 50px;
  }

  #about_sec_2 .accordion_con .tab_content_con .left_con {
    padding-right: 0px;
    margin-bottom: 25px;
    align-items: flex-start;
  }

  #about_sec_2 .accordion_con .tab_content_con .left_con .content h6 {
    margin-bottom: 20px;
    font-size: 30px;
  }

  #about_sec_2 .accordion_con .tab_content_con .right_con {
    padding-left: 0px;
  }

  #about_sec_2 .accordion_con .nav-tabs {
    justify-content: center;
  }

  #about_sec_3 {
    padding-top: 80px;
    padding-bottom: 80px;
  }

  #about_sec_3 .row:first-child {
    margin-bottom: 0px;
  }

  #about_sec_3 .main_title_con h2 {
    font-size: 30px;
  }

  #about_sec_3 .box .content_main_con .content_con p {
    font-size: 20px;
    margin-bottom: 15px;
  }

  #about_sec_3 .box .content_main_con .content_con h6 {
    font-size: 20px;
  }

  #about_sec_4 {
    padding-top: 80px;
  }

  #about_sec_4 .title_con {
    padding-bottom: 30px;
  }

  #about_sec_4 .title_con h3 {
    font-size: 30px;
    margin-bottom: 20px;
  }

  #about_sec_4 .box {
    max-width: 400px;
  }

  #about_sec_4 .below_title_con {
    padding-top: 50px;
    padding-bottom: 60px;
  }

  #about_sec_4 .below_title_con h3 {
    margin-bottom: 20px;
    font-size: 30px;
  }

  #about_sec_4 .more_content {
    padding: 0px;
    padding-top: 50px;
  }

  #about_sec_4 .more_content h3 {
    font-size: 30px;
  }

  #about_sec_5 .title_con h2 {
    margin-bottom: 50px;
  }

  #about_sec_6 {
    padding-top: 80px;
    padding-bottom: 100px;
  }

  #about_sec_6 .row:first-child {
    margin-bottom: 50px;
  }

  #about_sec_6 .main_title_con h2 {
    font-size: 30px;
  }

  #about_sec_6 .accordion_con .accordion-item .accordion-header .accordion-button {
    font-size: 20px;
  }

  #blogs_listing .blog_con a .img_con {
    height: 350px;
  }

  #blog_details_sec_1 .left_con .back_to_blogs {
    margin-bottom: 50px;
  }

  #blog_details_sec_1 .left_con .title_con h1 {
    margin-bottom: 10px;
    font-size: 30px;
  }

  #blog_details_sec_1 .right_con .img_con {
    margin-top: -80px;
  }

  #blog_details_sec_2 .left_con {
    display: none;
  }

  #blog_details_sec_2 {
    padding-bottom: 80px;
  }

  #blog_details_sec_3 {
    padding-top: 80px;
    padding-bottom: 80px;
  }

  #blog_details_sec_3 .row:first-child {
    margin-bottom: 50px;
  }

  #blog_details_sec_3 .top_left_con h6 {
    font-size: 30px;
  }

  #blog_details_sec_3 .gy-5 {
    margin: 0px !important;
  }

  #blog_details_sec_3 .top_right_con {
    justify-content: flex-start;
  }

  #blog_details_sec_3 .blog_con a .img_con {
    height: 350px;
  }

  #blog_details_sec_4 .link_con {
    justify-content: flex-start;
  }

  #blog_details_sec_4 .left_con a {
    width: 100%;
  }

  #blog_details_sec_4 .right_con .content h2 {
    font-size: 30px;
  }

  #blog_details_sec_1 .right_con .img_con {
    height: 400px;
  }

  #careers_sec_1 .img_main_con {
    height: 400px;
    transform: translateY(-55px);
  }

  #careers_sec_2 {
    padding-top: 80px;
    padding-bottom: 80px;
  }

  #careers_sec_2 .title_con h2 {
    font-size: 30px;
    margin-bottom: 50px;
  }

  #careers_sec_2 .vacancies_con .jobs_list .job .left h6 {
    font-size: 20px;
  }

  #careers_sec_2 .vacancies_con .jobs_list .job {
    padding: 20px;
  }

  #signup_before_footer {
    padding: 35px 0 45px 0;
  }

  #careers_sec_3 .full_width_img {
    height: 400px;
  }

  #career_detail_form {
    padding-top: 80px;
    padding-bottom: 80px;
  }

  #career_detail_form .form_box {
    padding: 20px;
  }

  #collaborate_section_1 .title_con h2 {
    font-size: 50px;
    margin-bottom: 30px;
  }

  #collaborate_section_1 .left_con .content p {
    font-size: 20px;
  }

  #collaborate_section_1 .left_con {
    margin-bottom: 50px;
  }

  #collaborate_section_2 {
    padding-top: 80px;
    padding-bottom: 80px;
  }

  #collaborate_section_2 .main_title_con h2 {
    font-size: 30px;
  }

  #collaborate_section_2 .main_title_con h4 {
    font-size: 20px;
  }

  #collaborate_section_2 .col-sm-12 {
    margin-bottom: 50px;
  }

  #seo_auckland_sec_1 .container .right_box {
    position: relative;
    padding: 50px;
    width: auto;
  }

  #seo_auckland_sec_2 {
    padding-top: 80px;
    padding-bottom: 80px;
  }

  #seo_auckland_sec_2 .top_left_content h2 {
    font-size: 30px;
  }

  #seo_auckland_sec_2 .row:first-child {
    margin-bottom: 50px;
  }

  #seo_auckland_sec_2 .center_content_con h2 {
    font-size: 40px;
  }

  #seo_auckland_sec_3 {
    padding-top: 80px;
    padding-bottom: 80px;
  }

  #seo_auckland_sec_3 .top_title_left_con .content {
    padding-left: 0px;
  }

  #seo_auckland_sec_3 .top_title_left_con .content h2 {
    font-size: 30px;
  }

  #seo_auckland_sec_3 .row:first-child {
    margin-bottom: 50px;
  }

  #seo_auckland_sec_3 .row.padding_adjustment .col-sm-12:first-child {
    padding-left: 12px;
    padding-right: 12px;
  }

  #seo_auckland_sec_3 .row.padding_adjustment .col-sm-12:last-child {
    padding-left: 12px;
    padding-right: 12px;
  }

  #seo_auckland_sec_3 .right_con .inner_box {
    margin: unset;
  }

  #seo_auckland_sec_3 .left_con {
    padding: 30px;
  }

  #seo_auckland_sec_3 .right_con {
    padding: 30px;
    min-height: 300px;
  }

  #seo_auckland_sec_3 .left_con .top_con {
    margin-bottom: 30px;
  }

  #seo_auckland_sec_3 .left_con .top_con .left h2 {
    font-size: 30px;
  }

  #seo_auckland_sec_3 .btns_con {
    margin-top: 20px;
  }

  #service_detail_sec_7 .top_left_con h6 {
    font-size: 30px;
  }

  #service_detail_sec_7 .top_right_con {
    justify-content: flex-start;
  }

  #service_detail_sec_7 .blog_con a .img_con {
    height: 350px;
  }

  #service_detail_sec_8 .top_left_con h6 {
    font-size: 30px;
  }

  #service_detail_sec_8 .top_right_con {
    justify-content: flex-start;
  }

  #service_detail_sec_8 .left_con a {
    width: 100%;
  }

  #service_detail_sec_8 .right_con .content h2 {
    font-size: 30px;
  }

  #service_detail_sec_11 .left_con .content h2 {
    font-size: 30px;
  }

  #service_detail_sec_11 {
    padding-top: 80px;
    padding-bottom: 80px;
  }

  #service_detail_sec_1 .img_main_con {
    /* height: 400px; */
  }

  #service_detail_sec_2 {
    padding-top: 40px;
  }

  #service_detail_sec_2 .left_con h2 {
    margin-bottom: 30px;
    font-size: 30px;
  }

  #service_detail_sec_2 .right_con .images_on_right {
    margin-top: 30px;
    gap: 30px;
  }

  #service_detail_sec_2 .btnn_con {
    margin-top: 40px;
  }

  #service_detail_sec_4 {
    padding-top: 50px;
    padding-bottom: 80px;
  }

  #service_detail_sec_4 .left_con h2 {
    font-size: 30px;
    margin-bottom: 50px;
  }

  #service_detail_sec_4 .right_con {
    column-gap: 30px;
    row-gap: 30px;
  }

  #service_detail_sec_5 {
    padding-top: 80px;
    padding-bottom: 80px;
  }

  #service_detail_sec_5 .top_content_con {
    flex-direction: column;
    gap: 30px;
    margin-bottom: 30px;
    align-items: flex-start;
  }

  #service_detail_sec_5 .top_content_con .title_con h2 {
    font-size: 30px;
  }

  #service_detail_sec_5 .container-fluid .col-sm-12 .box .hover_yellow_box {
    opacity: 1;
    visibility: visible;
    transform: scale(1);
    background-color: rgb(155, 21, 120, 0.6) !important;
  }

  #service_detail_sec_5 .container-fluid .col-sm-12 .box .case_study_btn {
    display: none;
  }

  #the_challenge {
    padding-top: 80px;
    padding-bottom: 80px;
  }

  #the_challenge .left_con h2 {
    font-size: 30px;
  }

  #the_challenge .row:first-child {
    margin-bottom: 50px;
  }

  #the_challenge .row:nth-child(2) {
    margin-bottom: 50px;
  }

  #the_process .content_con {
    margin-bottom: 30px;
  }

  #case_study_metrics .title_con h2 {
    font-size: 30px;
  }

  #case_study_metrics .title_con p {
    font-size: 18px;
  }

  #the_process {
    padding-top: 80px;
    padding-bottom: 80px;
  }

  #the_process .main_title_con h2 {
    font-size: 30px;
  }

  #collaborate_section_3 {
    padding-top: 80px;
    padding-bottom: 80px;
  }

  #collaborate_section_3 .main_title_con h2 {
    font-size: 30px;
  }

  #collaborate_section_3 .row:first-child {
    margin-bottom: 50px;
  }

  #collaborate_section_3 .tabs_con .nav .nav-item button {
    padding: 20px 30px;
  }

  #collaborate_section_3 .tabs_con .nav .nav-item {
    width: 50%;
    border-bottom: 5px solid #fbedf8;
  }

  #the_impact {
    padding-top: 80px;
    padding-bottom: 80px;
  }

  #the_impact .main_title_con h2 {
    font-size: 30px;
  }

  #the_impact .main_title_con {
    margin-bottom: 50px;
  }

  #the_impact .content_con .title_con h6 {
    margin-bottom: 15px;
  }

  #business_model .left_con {
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 80px;
  }

  #business_model {
    padding-bottom: 80px;
  }

  #business_model .left_con .title_con h2 {
    font-size: 30px;
  }

  #conclusion {
    padding-top: 80px;
  }

  #conclusion .main_title_con .title_con h2 {
    font-size: 30px;
  }

  #conclusion .img_con {
    height: 300px;
  }

  #ai_the_challenge {
    padding-top: 80px;
    padding-bottom: 80px;
  }

  #ai_the_challenge .row_1 .left_con h2 {
    font-size: 30px;
  }

  #ai_the_challenge .row_1 {
    margin-bottom: 40px;
  }

  #ai_the_challenge .row_2 .center_con h2 {
    font-size: 30px;
    margin-bottom: 16px;
  }

  #the_impact .content_con .content h3 {
    margin-bottom: 15px;
  }

  #the_impact .content_con {
    margin-bottom: 30px;
  }

  #business_model .left_con .content h2 {
    font-size: 30px;
  }

  #business_model .left_con {
    padding-bottom: 35px;
  }

  #case_study_sec_1 .container-fluid {
    padding-top: 200px;
    padding-bottom: 200px;
  }

  #case_study_sec_1 .container-fluid .img_main {
    /* position: relative; */
    top: unset;
    bottom: 180px;
    max-height: 400px;
    max-width: 500px;
  }

  #case_study_sec_1 .container-fluid .left_con .content h1 {
    font-size: 30px;
    margin-bottom: 30px;
  }

  #case_study_sec_1 .container-fluid .left_con .content p {
    font-weight: 400;
    font-size: 18px;
  }

  #case_study_sec_2 {
    padding-top: 400px;
    padding-bottom: 80px;
  }

  #case_study_sec_2 .right_con .content h2 {
    font-size: 30px;
    margin-bottom: 30px;
  }

  #case_study_sec_3 {
    padding-top: 80px;
    padding-bottom: 20px;
  }

  #case_study_sec_3 .content_con {
    margin-bottom: 50px;
  }

  #case_study_sec_3 .content_con .title_con h6 {
    margin-bottom: 0px;
    font-size: 20px;
  }

  #case_study_sec_3 .sec_title_con h2 {
    margin-bottom: 50px;
    font-size: 30px;
  }

  #case_study_sec_4 {
    padding-top: 80px;
    padding-bottom: 80px;
  }

  #case_study_sec_4 .left_con {
    margin-bottom: 50px;
  }

  #case_study_sec_4 .right_con .content h2 {
    font-size: 30px;
  }

  #case_study_sec_5 {
    padding-top: 80px;
  }

  #case_study_sec_5 .left_con h2 {
    font-size: 30px;
    margin-bottom: 25px;
  }

  #case_study_sec_5 .img_con {
    height: auto;
  }

  #case_study_sec_6 {
    padding-top: 80px;
    padding-bottom: 80px;
  }

  #case_study_sec_6 .title_con h2 {
    font-size: 30px;
    margin-bottom: 50px;
  }

  #case_study_sec_6 .col-sm-6 {
    padding: 0px;
    padding: 50px;
    text-align: center;
  }

  #case_study_sec_6 .col-sm-6:nth-child(odd) {
    border: 1px solid #e6e6e6;
    border-top: 1px solid transparent;
    border-left: 1px solid transparent;
  }

  #case_study_sec_6 .col-sm-6:nth-child(even) {
    border: 1px solid #e6e6e6;
    border-top: 1px solid transparent;
    border-left: 1px solid transparent;
    border-right: 1px solid transparent;
  }

  #case_study_sec_6 .col-sm-6:nth-child(7) {
    border-bottom: 1px solid transparent;
  }

  #case_study_sec_6 .col-sm-6:nth-child(8) {
    border-bottom: 1px solid transparent;
  }

  #case_study_sec_7 {
    padding-top: 80px;
    padding-bottom: 80px;
  }

  #case_study_sec_7 .sec_title_con h2 {
    font-size: 30px;
    margin-bottom: 50px;
  }

  #case_study_sec_7 .container .element_left {
    position: relative;
  }

  #case_study_sec_7 .container .element_right {
    right: 0;
  }

  #case_study_sec_7 .content_con {
    padding: 30px;
  }

  #case_study_sec_7 .content_con .content h2 {
    font-size: 30px;
  }


  #service_product_section_1 .left_con {
    margin-bottom: 70px;
  }
}

/* Tablet View END */

/* Mobile View */

@media (max-width: 786px) {
  #masthead .left_con {
    text-align: left;
    margin-bottom: 0px;
  }



  #mega-menu-wrap-menu-1 .mega-menu-toggle {
    width: max-content;
  }

  #mega-menu-wrap-menu-1 #mega-menu-menu-1>li.mega-menu-item:last-child {
    margin-left: 0px;
  }

  #generic_banner {
    padding-top: 150px;
  }

  #generic_banner .main_content_con .title_con h1 {
    font-size: 50px;
  }

  #about_sec_1 .img_main_con {
    height: 350px;
  }

  #about_sec_2 .accordion_con .nav-tabs .nav-link {
    padding: 18px 50px;
  }

  #about_sec_2 .top_title_con h2 {
    font-size: 30px;
  }

  #about_sec_2 .row:first-child {
    margin-bottom: 35px;
  }

  #about_sec_2 .accordion_con .tab_content_con .right_con .img_main {
    height: 350px;
  }

  #about_sec_3 .box .content_main_con {
    padding-left: 10px;
    padding-top: 40px;
  }

  #about_sec_3 .box .img_member {
    right: -20px;
    transform: translateY(30px) scale(0.8);
  }

  #about_sec_3 .box .content_main_con .content_con {
    max-width: 200px;
  }

  #about_sec_4 .title_con {
    padding-left: 12px;
    padding-right: 12px;
  }

  #about_sec_4 .title_con h3 {
    font-size: 18px;
    font-weight: 400;
  }

  #about_sec_4 .below_title_con {
    padding-left: 12px;
    padding-right: 12px;
  }

  #about_sec_4 .below_title_con h3 {
    font-size: 18px;
    font-weight: 400;
  }

  #about_sec_4 .full_width_img {
    height: 300px;
  }

  #about_sec_4 .more_content h3 {
    font-size: 18px;
    font-weight: 400;
  }

  #about_sec_5 .title_con h2 {
    font-size: 30px;
  }

  #about_sec_5 .imgs_con {
    max-height: 150px;
    gap: 20px;
  }

  #about_sec_6 .accordion_con .accordion-item {
    padding: 20px;
  }

  #about_sec_6 .accordion_con .accordion-item .accordion-header .accordion-button {
    font-size: 18px;
  }

  #signup_before_footer .left_con h2 {
    font-size: 30px;
  }

  #signup_before_footer {
    padding-top: 50px;
    padding-bottom: 10px;
  }

  #colophon .col_1 .content_con span {
    font-size: 30px;
  }

  #generic_banner {
    padding-bottom: 100px;
  }

  #blogs_listing {
    padding-top: 60px;
  }

  #blogs_listing .top_con {
    margin-bottom: 50px;
  }

  #blogs_listing .blog_con a .img_con {
    height: 300px;
  }

  #blogs_listing .blog_con a h2 {
    font-size: 20px;
  }

  #blog_details_sec_3 .blog_con a .img_con {
    height: 300px;
  }

  #blog_details_sec_4 .left_con a .img_con {
    max-height: 350px;
  }

  .modal.show .modal-dialog {
    height: 450px;
  }

  .modal_member_story.modal.show .modal-dialog {
    height: auto;
  }

  #blog_details_sec_4 .left_con a .img_con .icon {
    width: 100px;
  }

  .modal_career .modal-body .top_con {
    gap: 20px;
    justify-content: flex-start;
    align-items: flex-start;
    flex-direction: column;
  }

  #career_detail_form .form_box .form_con label {
    margin-top: 10px;
    margin-bottom: 8px;
    font-size: 18px;
  }

  #career_detail_form .form_box .form_con .file_upload label {
    font-size: 20px;
  }

  #contact_us_sec_1 .left_con .members {
    flex-direction: column;
    gap: 50px;
  }

  #contact_us_sec_1 .right_con .form_con {
    padding: 20px;
  }

  #home_banner .content_con h1 {
    font-size: 30px;
  }

  #home_banner .content_con p {
    color: #fff;
  }

  #home_banner {
    /* 		padding-top: 180px;
		padding-bottom: 150px; */
  }

  #home_sec_1 .main_wrapper .title_con .left h2 {
    font-size: 50px;
  }

  #home_sec_1 .main_wrapper .services_wrapper .services .service {
    padding: 20px;
  }

  #home_sec_1 .main_wrapper .services_wrapper .services .service .content_con .left h6 {
    font-size: 20px;
  }

  #home_sec_2 .top_con .title_con h3 {
    font-size: 20px;
    font-weight: 400;
  }

  #home_sec_2 .top_con .content_con h2 {
    font-size: 50px;
  }

  #home_sec_3 .top_content_con .title_con h2 {
    font-size: 50px;
  }

  #home_sec_3 .container .col-sm-12 .box .hover_yellow_box .hover_box_btn {
    right: 50px;
    bottom: 50px;
  }

  #home_sec_4 .title_main_con .title_con h2 {
    font-size: 50px;
  }

  #home_sec_4 .yellow_box .tab_main_con .left_con .img_con {
    height: 250px;
  }

  #home_sec_4 .yellow_box .tab_main_con .left_con .bottom_con {
    padding: 15px;
  }

  #home_sec_4 .yellow_box .tab_main_con .left_con .bottom_con h6 {
    margin-bottom: 16px;
    font-size: 18px;
  }

  #home_sec_4 .yellow_box .tab_main_con .right_con .posts_con .post {
    height: 120px;
  }

  #home_sec_4 .yellow_box .tab_main_con .right_con .posts_con .post .right h6 {
    font-size: 13px;
  }

  #collaborate_section_2 .box {
    padding: 20px;
  }

  #collaborate_section_2 .box .content_con h6 {
    font-size: 30px;
  }

  #seo_auckland_sec_1 .container .right_box {
    padding: 20px;
  }

  #seo_auckland_sec_3 .right_con .inner_box ul {
    padding: 20px;
  }

  #seo_auckland_sec_3 .btns_con {
    flex-direction: column;
  }

  .btn_1 .text {
    font-size: 16px;
  }

  #service_detail_sec_7 .blog_con a .img_con {
    height: 300px;
  }

  #service_detail_sec_8 .left_con a .img_con {
    height: 400px;
  }

  #service_detail_sec_1 .element_white {
    z-index: 2;
  }

  #service_detail_sec_1 .element_blue {
    z-index: 2;
  }

  #service_detail_sec_2 {
    padding-top: 0px;
  }

  #service_detail_sec_2 .right_con .images_on_right .images_content .content_right h3 {
    font-size: 20px;
  }

  #service_detail_sec_2 .btnn_con .btn_1 .text {
    font-size: 16px;
  }

  #service_detail_sec_4 .right_con .box {
    width: calc(50% - 50px);
  }

  #service_detail_sec_5 .container-fluid .col-sm-12 .box .hover_yellow_box {
    background-color: rgb(155, 21, 120, 0.6) !important;
  }

  #service_detail_sec_5 .container-fluid .col-sm-12 .box .hover_yellow_box .hover_box_btn {
    right: 50px;
    bottom: 50px;
  }

  #service_detail_sec_5 .bottom_btn_con {
    margin-top: 50px;
  }

  #case_sec_1 .img_wrapper {
    /* height: 350px; */
  }

  #collaborate_section_3 .tabs_con .nav .nav-item {
    width: 100%;
  }

  #collaborate_section_3 .tabs_con .nav .nav-item button {
    font-size: 18px;
  }

  #ai_the_challenge .row_2 .video_popup {
    height: 400px;
    margin-bottom: 40px;
  }

  #ai_the_challenge .row_3 {
    /* padding-top: 50px; */
    /* transform: translateY(30px); */
  }

  #business_model .right_con {
    height: 350px;
    min-height: unset;
  }

  #ai_the_challenge .dark_bg {
    height: 60%;
  }

  #collaborate_section_3 .tabs_con .tab-content .imgs_con {
    gap: 25px;
  }

  #collaborate_section_3 .tabs_con .tab-content .imgs_con img {
    width: 100px;
  }

  #case_study_sec_1 .container-fluid {
    padding-top: 150px;
    padding-bottom: 300px;
    background-position: 10% 105%;
    background-size: 112% auto;
  }

  #case_study_sec_1 .container-fluid .img_main {
    top: unset;
    bottom: 100px;
    max-height: 400px;
    max-width: 400px;
    padding-right: 20px;
    padding-left: 20px;
    right: 0;
  }

  #case_study_sec_1 .element_pink {
    right: -180px;
  }

  #case_study_sec_1 .element_blue {
    left: -180px;
  }

  #case_study_sec_2 .img_left {
    left: 50%;
    top: 0;
    position: relative;
    width: 320px;
    transform: translateX(-50%);
    margin-bottom: 50px;
  }

  #case_study_sec_2 .right_con .content {
    text-align: center;
  }

  #case_study_sec_2 {
    padding-top: 80px;
    padding-bottom: 60px;
  }

  #case_study_sec_4 .row {
    margin-bottom: 50px;
  }

  #case_study_sec_4 .row:last-child {
    margin-bottom: 0px;
  }

  #case_study_sec_5 .row {
    margin-bottom: 50px;
  }

  #case_study_sec_6 .col-sm-6 {
    border: 0px !important;
    border-bottom: 1px solid #e6e6e6 !important;
  }

  #case_study_sec_6 .col-sm-6:last-child {
    border-bottom: 0px !important;
  }

  #case_study_sec_7 .element_pink {
    right: -190px;
  }

  #case_study_sec_7 .element_blue {
    left: -220px;
  }

  #case_study_sec_7 .container .element_left {
    padding-top: 50px;
  }

  #case_study_sec_7 .container .element_right {
    right: 10px;
    top: -60px;
  }

  #case_study_sec_6 .col-sm-6 {
    padding: 30px;
  }

  #case_study_sec_6 .title_con h2 {
    margin-bottom: 20px;
    text-align: center;
  }

  #case_study_sec_3 .content_con .stacks {
    flex-wrap: wrap;
    row-gap: 0px;
  }

  #home_sec_2 .top_con .btn_con .dotted_arrow {
    display: none;
  }

  .modal_member_story .modal-body .top_con .right img {
    height: auto;
  }


  #business_model .right_con .img_con {
    background-size: contain;
  }

  #conclusion .img_con {
    background-size: contain;
    background-attachment: scroll;
    background-position: top;
  }

  #service_detail_sec_4 .right_con {
    justify-content: center;
  }

  #service_detail_sec_4 .left_con h2 {
    text-align: center;
    max-width: 100%;
  }

  /*#contact_us_sec_1 .row {
	flex-direction: column-reverse;
}*/
  #seo_auckland_sec_3 .right_con .inner_box {
    max-width: 452px;
    width: unset;
  }
}

.modal_career .modal-body {
  background-color: #fff;
}

/* Mobile View end */

/* Menu */

.full-screen-menu-wrapper {
  position: fixed;
  top: 0;
  z-index: 9999;
  inset: 0;
  background-color: #141515;
  color: #f1faee;
  transform: translateX(-100vw);
  overflow-y: hidden;
}

.full-screen-menu-wrapper a {
  color: inherit;
  text-decoration: none;
  transition: 0.2s;
}

.full-screen-menu-wrapper a:hover {
  color: #fff;
}

/* .full-screen-menu-wrapper a:hover {
color: #a8dadc;
} */

.full-screen-menu-wrapper-container {
  display: flex;
  flex-direction: column;
  width: min(100% - 2rem, 70rem);
  height: 100%;
  margin-inline: auto;
  padding-block: 2rem;
}

.full-screen-menu-wrapper nav {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  flex-grow: 1;
  gap: 1rem;
  background-color: transparent !important;
  pointer-events: all;
}

/* .full-screen-menu-wrapper nav a::before {
content: "";
position: absolute;
top: 50%;
inset-inline: -0.5rem;
height: 6px;
background-color: currentColor;
opacity: 0;
transform: scaleX(0.6);
transition: all 0.2s ease-out;
}

.full-screen-menu-wrapper nav a:hover::before {
opacity: 1;
transform: scaleX(1);
} */

.social {
  display: flex;
  /*gap: 1.5rem;*/
  gap: 100px;
  /*margin-top: 4rem;
	font-size: 1.25rem;*/
  font-size: 1.8rem;
}

.full-screen-menu-wrapper .menu-container {
  height: 100%;
}

.full-screen-menu-wrapper .menu-container-inner {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  width: 100%;
  height: 100%;
}

.full-screen-menu-wrapper .menu-col {
  flex: 33.33%;
  position: relative;
  background-color: #171717;
  overflow-y: auto;
}

/* width */

.full-screen-menu-wrapper .menu-col::-webkit-scrollbar {
  width: 10px;
}

/* Track */

.full-screen-menu-wrapper .menu-col::-webkit-scrollbar-track {
  background: #ffffff56;
}

/* Handle */

.full-screen-menu-wrapper .menu-col::-webkit-scrollbar-thumb {
  background: #888;
}

/* Handle on hover */

.full-screen-menu-wrapper .menu-col::-webkit-scrollbar-thumb:hover {
  background: #555;
}

.full-screen-menu-wrapper .menu-col ul {
  list-style: none;
  margin: 0;
  width: 100%;
  margin: 0px;
  padding: 0px;
}

.full-screen-menu-wrapper .menu-col.first-col:after {
  content: "";
  width: 1px;
  height: 100%;
  background-color: hsla(0, 0%, 100%, 0.2);
  position: absolute;
  right: 0;
  top: 0;
}

.full-screen-menu-wrapper .menu-col ul li {
  color: #fff;
  text-align: left;
  border-bottom: 1px solid hsla(0, 0%, 100%, 0.2);
  padding: 20px 0px;
  margin-bottom: 0px;
  position: relative;
}

.full-screen-menu-wrapper .menu-col.first-col ul li {
  text-align: left;
  padding: 18px 60px 18px 15px;
}

.full-screen-menu-wrapper .menu-col ul li:last-child {
  border-bottom: 0px;
}

.full-screen-menu-wrapper a {
  position: relative;
  font-size: 20px;
  font-weight: 400;
}

.full-screen-menu-wrapper .first-col-inner {
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: 100%;
}

.full-screen-menu-wrapper .sub-menu-toggle {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 20px;
  border: 1px solid hsla(0, 0%, 100%, 0.2);
  border-radius: 50%;
  cursor: pointer;
  height: 40px;
  width: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.full-screen-menu-wrapper .menu-col.first-col {
  z-index: 1;
  padding-top: 100px;
}

.full-screen-menu-wrapper .menu-col .level-two-menu {
  position: absolute;
  top: 20px;
  transform: translateX(-100%);
  overflow-y: hidden;
  width: 100%;
  z-index: 0;
  transition: all ease 0.4s;
  background-color: #171717;
}

.full-screen-menu-wrapper .menu-col .level-two-menu ul {
  max-width: 85%;
  margin: 0 auto;
}

.full-screen-menu-wrapper .menu-col .level-two-menu ul li {
  color: #ccc;
  padding: 14px 0;
}

.full-screen-menu-wrapper .menu-col .level-two-menu ul li a {
  font-size: 20px;
}

#menu-toggle-close {
  position: absolute;
  right: 10px;
  top: 18px;
  background: transparent;
  color: #fff;
  z-index: 99;
  border: 1px solid hsla(0, 0%, 100%, 0.2);
  width: 40px;
  height: 40px;
  border-radius: 50%;
  font-size: 15px;
  z-index: 9999;
  display: flex;
  justify-content: center;
  align-content: center;
}

.full-page-menu-toggle-icon {
  position: absolute;
  right: 24px;
  top: 50%;
  transform: translateY(-50%);
  z-index: 999;
  pointer-events: all;
  cursor: pointer;
  border: 1px solid #fff;
  display: flex;
  padding: 12px;
  border-radius: 50%;
}

.full-page-menu-toggle-icon svg path {
  stroke: #fff;
}

.light-content .classic-menu.white-header .full-page-menu-toggle-icon {
  border: 1px solid #000;
}

.light-content .classic-menu .full-page-menu-toggle-icon {
  border: 1px solid #fff;
}

.light-content .classic-menu.white-header .full-page-menu-toggle-icon svg path {
  stroke: #000;
}

.light-content .classic-menu .full-page-menu-toggle-icon svg path {
  stroke: #fff;
}

.menu-col.third-col {
  background-color: #bffb4f;
  color: #fff;
}

.full-screen-menu-wrapper .third-col .address-wrapper {
  padding: 40px;
  max-width: 280px;
  margin: 0 auto;
  padding-top: 100px;
}

.full-screen-menu-wrapper .third-col .address-wrapper h5,
.full-screen-menu-wrapper .third-col .address-wrapper h6 {
  color: #fff;
}

.full-screen-menu-wrapper .third-col .address-wrapper h6 {
  margin-bottom: 40px;
}

.level-three-menu {
  display: none;
}

.level-three-toggle {
  float: right;
  cursor: pointer;
}

.level-three-toggle i {
  transition: all ease 0.4s;
}

.level-three-toggle.active i {
  transform: rotate(180deg);
}

.full-screen-menu-wrapper .menu-col ul.level-three-menu {
  padding: 25px 0px;
}

.full-screen-menu-wrapper .menu-col ul.level-three-menu li {
  padding: 5px 0;
  border-bottom: 0px;
}

.full-screen-menu-wrapper .menu-col ul.level-three-menu li a {
  font-size: 18px;
}

.full-screen-menu-wrapper .menu-col .level-two-menu ul li.back-btn {
  background: #212121;
  border: 0px;
  display: none;
}

.full-screen-menu-wrapper .menu-col .level-two-menu ul li.back-btn span {
  display: block;
  cursor: pointer;
  font-size: 18px;
  padding-left: 55px;
}

.full-screen-menu-wrapper .menu-col .level-two-menu ul li.back-btn i {
  color: #fff;
  border: 1px solid hsla(0, 0%, 100%, 0.2);
  padding: 7px 10px 7px 9px;
  border-radius: 50%;
  font-size: 12px;
  position: absolute;
  left: 14px;
  top: 50%;
  transform: translateY(-50%);
}

.full-screen-menu-wrapper .menu-col .level-two-menu ul li a.current-link {
  color: #ffbb22;
}

.full-screen-menu-wrapper #logo {
  left: 20px;
}

.full-screen-menu-wrapper header.white-header .logo svg path,
.full-screen-menu-wrapper header.white-header .logo svg text {
  fill: #fff;
}

.full-screen-menu-wrapper header.white-header .logo .sprite-sheet__parent:first-of-type {
  display: block;
}

.full-screen-menu-wrapper header.white-header .logo .sprite-sheet__parent:last-of-type {
  display: none;
}

.full-screen-menu-wrapper #logo {
  left: 20px;
}

#logo {
  top: 0px;
}

#logo {
  position: relative;
  display: table;
  pointer-events: initial;
  z-index: 10;
  top: 15px;
  float: left;
}

.full-screen-menu-wrapper header {
  width: 100%;
  height: 120px;
  left: 0;
  top: 32;
  background-color: transparent;
  position: fixed;
  box-sizing: border-box;
  z-index: 1000;
  pointer-events: none;
  -webkit-transition: background 0.4s ease-in-out 0.3s;
  transition: background 0s ease-in-out 0s;
}

@media only screen and (max-width: 1466px) {
  .full-screen-menu-wrapper header {
    height: 100px;
  }
}

@media only screen and (max-width: 1024px) {
  .full-screen-menu-wrapper header {
    background-color: #141515 !important;
  }

  .full-screen-menu-wrapper .menu-col .level-two-menu ul li.back-btn {
    display: block;
  }

  .full-screen-menu-wrapper .menu-container-inner {
    display: block;
    margin-top: 100px;
    position: relative;
  }

  .full-screen-menu-wrapper .menu-col.second-col {
    position: unset;
  }

  .full-screen-menu-wrapper .menu-col .level-two-menu {
    top: 0px;
    min-height: 100vh;
    z-index: 99;
  }

  .full-screen-menu-wrapper .menu-container {
    overflow: auto;
  }

  .classic-menu .button-wrap.right.menu {
    display: none !important;
  }

  .menu-col.third-col {
    margin-top: 30px;
  }

  .full-screen-menu-wrapper a {
    font-size: 22px;
  }

  .full-screen-menu-wrapper .menu-col.first-col ul li {
    padding: 15px 60px 15px 15px;
  }

  .full-screen-menu-wrapper .menu-col .level-two-menu ul li a {
    font-size: 18px;
  }

  .full-screen-menu-wrapper .menu-col ul.level-three-menu li a {
    font-size: 16px;
  }

  .full-screen-menu-wrapper .menu-col.first-col {
    padding-top: 0px;
  }
}

@media only screen and (max-width: 767px) {
	.feature_box ul{
		    flex-wrap: wrap;
    gap: 15px;
	}
	.feature_box ul li{
		    width: calc(50% - 10px);
	}
	html body .serv_form input[type="submit"]{
		min-width: 300px;
		width: 100%;
	}
	#ready_section_serv h2{
		        font-size: 30px;
	}
	#seo_results_sec + section#ready_section_serv {
    padding-top: 0;
}
  #list ul li::before {
    display: none !important;
  }

  #pricing .pricing_heading h2 {
    font-size: 40px;
  }

  #list ul li {
    list-style: inherit !important;
    display: list-item !important;
  }

  .full-screen-menu-wrapper .third-col .address-wrapper {
    padding: 20px;
    max-width: inherit;
    margin: auto;
    padding-top: 50px;
  }

  .modal-dialog {
    margin: 1rem !important;
  }
}

/* Menu END */

@media (min-width: 2000px) {
  #home_banner {
    /* 		background-position: 260px 40px;
		background-size: contain; */
  }

  #home_sec_3 .container .col-sm-12 .box {
    height: 600px;
  }

  #collaborate_section_4 .img_wrapper .img_main {
    height: 600px;
  }
}

@media (min-width: 2000px) {
  #case_study_sec_1 .container-fluid {
    background-size: contain !important;
  }

  #service_detail_sec_5 .container-fluid .col-sm-12 .box {
    height: 600px;
  }

  #service_detail_sec_5 .container-fluid .col-sm-12 .box {
    height: 600px;
  }

  #service_detail_sec_1 .img_main_con {
    height: auto;
  }

  #business_model .right_con {
    height: 600px;
  }

  #conclusion .img_con {
    background-attachment: scroll;
    background-size: contain;
  }

  #business_model .right_con .img_con {
    background-size: contain;
    background-position: right;
  }
}

#mega-menu-wrap-menu-1 #mega-menu-menu-1>li.mega-menu-flyout ul.mega-sub-menu {
  padding: 20px;
  border-radius: 20px !important;
  background-color: #fff;
  margin-top: 15px;
  box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.15);
}

#mega-menu-wrap-menu-1 #mega-menu-menu-1>li.mega-menu-flyout ul.mega-sub-menu:after {
  display: block;
  content: "";
  position: absolute;
  top: -6px;
  left: 20px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 10px 9px;
  border-color: transparent transparent #fff;
}

#mega-menu-wrap-menu-1 #mega-menu-menu-1>li.mega-menu-flyout ul.mega-sub-menu .mega-menu-link {
  background: #fff;
}

#mega-menu-wrap-menu-1 #mega-menu-menu-1>li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link {
  /* background: #333; */
  background-color: transparent !important;
  border-radius: 5px;
  color: #000;
  transition: 0.3s;
  font-family: trebuchet;
  display: inline-block;
  padding-left: 0;
  padding-right: 0;
}

#mega-menu-wrap-menu-1 #mega-menu-menu-1>li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item.mega-current-menu-item a.mega-menu-link {
  color: #8342fb;
}

#mega-menu-wrap-menu-1 #mega-menu-menu-1>li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item.mega-current-menu-item a.mega-menu-link::before {
  width: 100%;
}

#mega-menu-wrap-menu-1 #mega-menu-menu-1>li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link:hover,
#mega-menu-wrap-menu-1 #mega-menu-menu-1>li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link:focus,
#mega-menu-wrap-menu-1 #mega-menu-menu-1>li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link:active {
  /* background: #8342fb; */
  /* color: #fff; */
  background-color: transparent;
}

#blog_details_sec_2 .content_con .author {
  position: relative;
  margin-top: 70px;
}

#blog_details_sec_2 .content_con .author .author_details {
  background-color: #fff;
  color: #231f20;
  padding: 36px;
  border-radius: 30px;
  margin-left: 80px;
  padding-left: 150px;
}

#blog_details_sec_2 .content_con .author .author_details p {
  margin-bottom: 20px;
  font-size: 18px;
}

#blog_details_sec_2 .content_con .author .author_details p:last-child {
  margin-bottom: 0px;
}

#blog_details_sec_2 .content_con .author .author_details strong {
  font-weight: 700;
  color: #bffb4f;
}

#blog_details_sec_2 .content_con .author .author_details a {
  color: #bffb4f;
  text-decoration: underline !important;
}

#blog_details_sec_2 .content_con .author .img_con {
  position: absolute;
  left: 0;
  height: 120%;
  bottom: 0;
  display: flex;
  align-items: flex-end;
}

#blog_details_sec_2 .content_con .author .img_con:after {
  content: "";
  position: absolute;
  width: 177px;
  height: 177px;
  background-color: #bffb4f;
  border-radius: 50%;
  left: 0;
  bottom: 0;
  z-index: 1;
}

#blog_details_sec_2 .content_con .author .img_con img {
  height: 212px;
  position: relative;
  z-index: 2;
}

@media (max-width: 786px) {
  #blog_details_sec_2 .content_con .author {
    margin-top: 0px;
  }

  #blog_details_sec_2 .content_con .author .img_con {
    position: relative;
    height: auto;
    justify-content: center;
    transform: translateY(30px);
  }

  #blog_details_sec_2 .content_con .author .author_details {
    margin-left: 0px;
    padding: 30px;
    border-radius: 20px;
    text-align: center;
    padding-top: 50px;
  }

  #blog_details_sec_2 .content_con .author .img_con:after {
    left: 50%;
    transform: translateX(-50%);
  }
}

.form_con {
  padding: 42px;
  background-color: #ffffff;
  border-radius: 30px;
}

/* new contact page styling */

#contact_us_sec_1 .form_con .right_con {
  padding: 42px;
  background-color: #fff;
  border-radius: 30px;
}

#contact_us_sec_1 .form_con .right_con label {
  margin-top: 15px;
  margin-bottom: 5px;
  font-weight: 500;
}

#contact_us_sec_1 .form_con .right_con input[type="text"] {
  width: 100%;
  padding: 12px 15px;
  background-color: #f0f0f0;
  border-radius: 10px;
  border-color: #f0f0f0;
  outline: none;
  transition: 0.5s;
  color: #000;
}

#contact_us_sec_1 .form_con .right_con input[type="text"]:focus {
  border-color: #000;
}

#contact_us_sec_1 .form_con .right_con input[type="email"] {
  width: 100%;
  padding: 12px 15px;
  background-color: #f0f0f0;
  border-radius: 10px;
  border-color: #f0f0f0;
  outline: none;
  transition: 0.5s;
  color: #000;
}

#contact_us_sec_1 .form_con .right_con input[type="email"]:focus {
  border-color: #000;
}

#contact_us_sec_1 .form_con .right_con textarea {
  width: 100%;
  padding: 12px 15px;
  background-color: #f0f0f0;
  border-radius: 10px;
  border-color: #f0f0f0;
  outline: none;
  transition: 0.5s;
  color: #000;
}

#contact_us_sec_1 .form_con .right_con textarea:focus {
  border-color: #000;
}

#contact_us_sec_1 .form_con .right_con select {
  width: 100%;
  padding: 12px 15px;
  background-color: #f0f0f0;
  border-radius: 10px;
  border-color: #f0f0f0;
  outline: none;
  transition: 0.5s;
  color: #808080;
}

#contact_us_sec_1 .form_con .right_con select:focus {
  border-color: #000;
}

#contact_us_sec_1 .form_con .right_con input[type="tel"] {
  width: 100%;
  padding: 12px 15px;
  background-color: #f0f0f0;
  border-radius: 10px;
  border-color: #f0f0f0;
  outline: none;
  transition: 0.5s;
  color: #000;
}

#contact_us_sec_1 .form_con .right_con input[type="tel"]:focus {
  border-color: #000;
}

#contact_us_sec_1 .form_con .right_con input::placeholder {
  color: #808080;
}

#contact_us_sec_1 .form_con .right_con input[type="submit"] {
  padding-left: 73px;
  padding-top: 17px;
  padding-bottom: 17px;
  padding-right: 128px;
  color: #292929;
  font-size: 20px;
  border: 1px solid #23201f;
  border-radius: 5px;
  background-color: transparent;
  margin-top: 20px;
  background-image: url("./assets/img/Group\ 4.svg");
  background-position: 75%;
  background-repeat: no-repeat;
  background-size: 30px;
}

#contact_us_sec_1 .members {
  display: flex;
  align-items: center;
  gap: 100px;
  width: 50%;
}

#contact_us_sec_1 .member {
  text-align: center;
}

#contact_us_sec_1 .members .member .img_con {
  padding-bottom: 50px;
  padding-top: 50px;
}

#contact_us_sec_1 .social {
  justify-content: center;
}

.contactrow {
  display: flex;
  justify-content: space-around;
}

#contact_us_sec_1 .social a {
  color: black;
  text-decoration: none;
  transition: 0.5s;
  position: relative;
  font-weight: 400;
  padding-bottom: 64px;
}

#fifth_section,
#inner_services_banner{
	overflow: hidden;
}
.work_detail_content {
    padding: 50px 0;
}
.work_detail_content h2 {
    color: rgb(131, 66, 251);
    font-size: 50px;
    line-height: 60px;
    font-weight: 700;
    margin: 0 auto;
}
.work_detail_imgs .img_work {
    border-radius: 50px;
    overflow: hidden;
}
.work_detail_imgs .img_work img{
	transition: 0.3s;
/* 	max-height: 600px; */
	width: 100%;
	object-fit: cover;
}
.work_detail_imgs .img_work:hover img{
	transform: scale(1.2);
}
.ms-6r{
	margin-left: 6rem;
}
html body #home_sec_1 .main_wrapper .scroller_con svg{
	left: 6rem;
}
@media (max-width: 991px) {
	.main_form .service_input,
	.main_form .service_input_textarea{
		margin-bottom: 20px;
	}
	.ms-6r{
	margin-left: 20px;
		margin-right: 20px;
}
	#contact_us_sec_1 .contactrow .members .member .social a {
    width: 100%;
    max-width: 100%;
    font-size: 22px;
  }
	html body .wrapper_cards_process .card_cust{
		padding: 30px 15px;
	}
  #contact_us_sec_1 .form_con {
    width: 100%;
    max-width: 100%;
    padding: 0px;
  }
	  #contact_us_sec_1 .social {
    gap: 50px;
    font-size: 16px;
  }
}

/* 404 Page Styling */

.error-404 {
  padding-top: 244px;
  padding-bottom: 214px;
  background-color: #1a1a1a;
  color: #fff;
  text-align: center;
}

.error-404 h1 {
  font-size: 10vw;
  line-height: 13vw;
}

.error-404 p {
  font-size: 24px;
  line-height: 36px;
}

.error-404 .btnn_con {
  margin-top: 80px;
  display: flex;
  justify-content: center;
}

a.cost-your-project.mega-menu-link {
  background-color: #bffb4f;
  border-radius: 5px;
  font-weight: 700;
  color: #fff;
  text-decoration: none;
  padding: 1rem 1.5rem;
}

input.gform_button {
  padding: 1rem 1.5rem;
  background: #000;
  color: #fff;
  border-radius: 5px;
}

form#gform_2 {
  background: #eee;
  padding: 2rem;
}

.gform_body .gfield_label {
  font-weight: 600;
  font-family: trebuchet;
}

.gform_body .gfield input,
.gform_body .gfield select {
  max-width: 100%;
  background: none;
  border: none;
  border-bottom: 1px solid;
  border-radius: 0;
}

.gform_body .gform_title {
  font-size: 3rem;
}

.gform_body .gform_description {
  margin-bottom: 2rem;
}

.seo-audit-banner {
  border-bottom: 1px solid #707070;
  margin-bottom: 2rem;
  padding-bottom: 2rem;
}

.seo-audit-banner label {
  color: #000;
}

.seo-audit-banner .gform_title,
.seo-audit-banner .gform_description {
  display: none;
}

.seo-audit-banner .seo-banner-form-wrapper {
  background: #f8f8f8;
  padding: 2rem 2rem 1rem 2rem;
}

.seo-audit-banner .seo-banner-form-wrapper h3 {
  font-size: 30px;
  font-weight: 700;
  color: #000;
  margin-bottom: 3rem;
}

.seo-audit-banner .seo-banner-form-wrapper input.gfield {
  padding-left: 0 !important;
}

#generic_banner.seo-audit-banner-wrapper {
  padding-bottom: 10px;
}

.seo-audit-sec2-top-content {
  text-align: center;
  margin-bottom: 5rem;
}

.seo-audit-sec2-top-content h2 {
  font-size: 50px;
  margin-bottom: 1rem;
}

.seo-audit-sec2-right-content li {
  font-size: 18px;
  margin-bottom: 2rem;
  list-style: none;
}

.seo-audit-sec2-right-content li strong {
  color: #bffb4f;
}

.seo-audit-sec2-right-content li {
  font-size: 18px;
  margin-bottom: 2rem;
  list-style: none;
  position: relative;
  padding-left: 2rem;
}

.seo-audit-sec2-right-content li strong {
  color: #bffb4f;
}

.seo-audit-sec2-right-content li {
  background: url("assets/img/check-mark.svg") 0 5px no-repeat;
  padding-left: 3rem;
}

.gform_wrapper.gravity-theme input:not(.gform_button) {
  padding-left: 0px !important;
  outline: none;
}

.seo-audit-yellow-section {
  margin-top: 4rem;
}

.seo-audit-yellow-section .yellow-content {
  padding: 6rem 3rem;
  background: #fcb911;
}

.seo-audit-yellow-section .yellow-content h3 {
  font-size: 30px;
  font-weight: 700;
  margin-bottom: 1rem;
}

.seo-audit-yellow-section .yellow-content p {
  font-size: 18px;
}

.gform_wrapper.gravity-theme .gfield_required {
  font-size: 8px !important;
  vertical-align: text-top;
}

.gform_wrapper.gravity-theme .gfield input::placeholder {
  color: #b2b2b2;
}

.gform_wrapper.gravity-theme .gform_footer input {
  margin-bottom: 0 !important;
}

@media only screen and (min-width: 767px) {
  .seo-audit-banner-contnets {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 5rem;
  }

  .seo-audit-sec2-top-content {
    margin-left: 6rem;
    margin-right: 6rem;
  }

  .seo-audit-banner .title-contents {
    margin-right: 4rem;
  }

  .seo-audit-banner h1 {
    margin-top: 4rem;
  }

  .seo-audit-yellow-section .yellow-content h3,
  .seo-audit-yellow-section .yellow-content p {
    margin-right: 4rem;
  }

  .seo-audit-banner {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
}

@media only screen and (max-width: 480px) {

  .seo-audit-sec2-top-content h2,
  #seo_auckland_sec_2 .center_content_con h2 {
    font-size: 30px;
  }

  .seo-audit-yellow-section .yellow-content {
    padding: 2rem;
  }

  a.btn_1.btn_1__v2 {
    margin-bottom: 1rem;
  }

  section#service_detail_sec_8 {
    padding-left: 1rem;
  }

  section#signup_before_footer {
    padding-left: 1rem;
  }

  footer#colophon {
    padding-left: 1rem;
  }

  .seo-audit-sec2-right-content ul {
    padding-left: 0;
  }

  .seo-audit-banner {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
}

.shortcode-form label {
  color: #292929;
}

/*************Danish CSS****************/

/*******About Us************/
#inner_banner {
  background: #000;
  margin-top: 0px !important;
  padding: 100px 0 70px 0px;
  padding: 230px 0 70px 0px;
}

.breadcrumb_custom {
  display: flex;
  align-items: center;
}

.breadcrumb_custom a {
  font-family: "Open Sans", sans-serif;
  font-size: 14px;
  font-weight: 400;
  color: #bffb4f;
  text-decoration: none;
}

.breadcrumb_custom span {
  font-family: "Open Sans", sans-serif;
  font-size: 18px;
  font-weight: 400;
  color: #fff;
  margin: 0 18px;
}

.breadcrumb_custom p {
  font-family: "Open Sans", sans-serif;
  font-size: 14px;
  font-weight: 400;
  color: #fff;
  padding: 0;
  margin: 0;
}

.inner_banner_main_heading h1 {
  font-family: trebuchet;
  font-size: 80px;
  font-weight: 700;
  color: #fff;
  padding-top: 10px;
  max-width: 1100px;
  width: 100%;
}

.inner_banner_arrow {
  display: flex;
  justify-content: end;
  padding-top: 30px;
}

section#abt_digital_success {
  padding: 100px 0;
}

#abt_digital_success h2 {
  font-family: trebuchet;
  font-size: 50px;
  font-weight: 700;
  color: #8342fb;
}

.digi_content p {
  font-family: "Open Sans", sans-serif;
  font-size: 18px;
  color: #000;
  font-weight: 400;
}

#abt_digital_success .digi_content {
  padding: 30px 0;
}

#team_sec {
  background: #8342fb;
  padding: 100px 0;
}

#team_sec h2 {
  font-family: trebuchet;
  font-size: 50px;
  font-weight: 700;
  color: #fff;
  text-align: center;
  max-width: 700px;
  margin: auto;
  padding-bottom: 75px;
}

.team_card {
  max-width: 475px;
  margin: auto;
  margin-bottom: 50px;
}

.team_img_con {
  width: 100%;
  height: 365px;
  text-align: center;
  background: radial-gradient(circle, rgba(131, 66, 251, 1) 0%, rgba(123, 25, 216, 1) 100%);
  box-shadow: 5px 5px 0px 2px #bffb4f;
  display: flex;
  border-radius: 50px;
  align-items: flex-end;
  overflow: hidden;
}

.team_card img {
  width: 100%;
  object-fit: contain;
  max-height: 375px;
        object-fit: cover;
    height: 100%;
    max-height: 100%;
}

.team_inner_div {
  display: flex;
  justify-content: space-between;
  padding-top: 20px;
}

.team_inner_div span {
  font-family: "Open Sans", sans-serif;
  font-size: 14px;
  font-weight: 400;
  color: #fff;
  text-transform: uppercase;
}

.team_inner_div p {
  font-family: "Open Sans", sans-serif;
  font-size: 24px;
  font-weight: 700;
  color: #fff;
  padding: 0;
  margin: 0;
}

#team_sec .container {
/*   max-width: 1075px; */
}

.linkedin_icon {
  width: 30px;
  margin-top: 10px;
}

#abt_choose_sec {
  padding: 30px;
}

.choose_inner_div {
  background: #f3f3f3;
  padding: 80px 0;
}

#abt_choose_sec .img_new_con {
  height: 692px;
}

.img_new_con {
  position: relative;
  overflow: hidden;
  width: 100%;
  border-radius: 50px;
}

.img_new_con img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: 0.5s;
  border-radius: 50px;
}

.img_new_con img:hover {
  transform: scale(1.2);
}

.custom_heading {
  font-family: trebuchet;
  font-size: 50px;
  font-weight: 700;
  color: #000;
  text-transform: capitalize;
  margin-bottom: 50px;
}

.custom_heading span {
  color: #8342fb;
}

.choose_content h3 {
  color: #4e4e4e;
  font-family: trebuchet;
  font-size: 36px;
  font-weight: 700;
  margin-bottom: 30px;
  margin-top: 30px;
}

.choose_content p {
  color: #4e4e4e;
  font-family: "Open Sans", sans-serif;
  font-size: 18px;
  font-weight: 400;
}

.choose_content ul {
  padding: 0;
  margin: 0;
  list-style: none;
}

.choose_content ul li {
  color: #4e4e4e;
  font-family: "Open Sans", sans-serif;
  font-size: 18px;
  font-weight: 400;
  position: relative;
}

.choose_content ul li::before {
  content: "";
  background: #8342fb;
  width: 14px;
  height: 14px;
  border-radius: 50%;
  position: absolute;
  left: 0;
  top: 7px;
}

.choose_content ul li {
  color: #4e4e4e;
  font-family: "Open Sans", sans-serif;
  font-size: 18px;
  font-weight: 400;
  position: relative;
  padding-left: 45px;
  padding-bottom: 8px;
}

.choose_content {
  padding: 0 0 0 50px;
}

.process_bg {
  min-height: 750px;
  min-height: 350px;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}

.process_bg.process_bg_simple {
  height: 275px;
}

.choose_upper_div {
  background: #fff;
  position: relative;
  margin-top: -85px;
  padding: 80px 70px 20px;
  border-radius: 50px;
}

.choose_upper_div h2 {
  /*   max-width: 700px; */
}

.choose_upper_div h3 {
  color: #000;
  font-family: trebuchet;
  font-size: 36px;
  font-weight: 700;
  margin-bottom: 20px;
}

.choose_upper_div p {
  color: #000;
  font-family: "Open Sans", sans-serif;
  font-size: 18px;
  font-weight: 400;
}

.choose_upper_inner {
  /*   max-width: 500px; */
}

.steps_div {
  padding-left: 70px;
}

.step_card {
  border: 1px solid #e5e5e5;
  min-height: 250px;
  padding: 30px 25px 28px 28px;
  max-width: 290px;
  width: 100%;
  transition: 0.5s;
	border-radius: 20px;
}

.step_card:hover {
  box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 30px -8px;
}

.steps_abt_slider .slick-list.draggable {
  padding: 30px 0;
}

.step_card h3 {
  font-family: "Open Sans", sans-serif;
  font-size: 18px;
  font-weight: 700;
  color: #000;
  margin: 0;
}

.step_card span {
  font-family: "Open Sans", sans-serif;
  font-size: 18px;
  font-weight: 700;
  color: #8342fb;
}

.step_card p {
  padding: 0;
  margin: 0;
  font-family: "Open Sans", sans-serif;
  font-size: 18px;
  font-weight: 400;
  color: #000;
}

.step_card div {
  margin-top: 20px;
}

.about_inner_choose {
  height: 500px;
  overflow-y: scroll;
  padding-right: 50px;
}

/* WebKit browsers (Chrome, Safari, Edge) */
.about_inner_choose::-webkit-scrollbar {
  width: 20px;
  background: #8342fb;
  border-radius: 50px;
}

.about_inner_choose::-webkit-scrollbar-track {
  background: #8342fb;
  border-radius: 50px;
}

.about_inner_choose::-webkit-scrollbar-thumb {
  background-color: #dac5ff;
  border-radius: 50px;
}

.about_inner_choose::-webkit-scrollbar-button {
  display: none;
  height: 0;
  width: 0;
}

.left_con p {
  font-family: "Open Sans", sans-serif;
  font-size: 18px;
  font-weight: 400;
  color: #000;
}

.left_img_con {
  text-align: end;
  padding-right: 50px;
  padding-top: 35px;
}

.right_con {
  padding-left: 25px;
}

.right_con p {
  font-family: "Open Sans", sans-serif;
  font-size: 18px;
  font-weight: 400;
  color: #000;
}

.right_con .btn_con {
  margin-top: 40px;
}

.process_last_div .container {
  max-width: 1050px;
}

.process_last_div {
  padding: 60px 0 125px 0;
}

.ind_div .custom_heading {
  margin-bottom: 25px;
}

.ind_div p {
  font-family: "Open Sans", sans-serif;
  font-size: 18px;
  font-weight: 400;
  color: #000;
}

.faq_div .accordion-item {
  background-color: transparent;
  border: none;
}

.faq_div .accordion-button {
  outline: none !important;
}

.faq_div .accordion-button:focus {
  border-color: none !important;
  box-shadow: none !important;
}

.faq_div .accordion-button:not(.collapsed) {
  background-color: transparent !important;
  box-shadow: none !important;
}

.faq_div .accordion-body {
  padding: 20px 25px 0 0;
  font-family: "Open Sans", sans-serif;
  font-size: 18px;
  font-weight: 400;
  color: #000;
}

.faq_div .main_seub_service_Sec {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}

.faq_div .accordion-item {
  background: #fff;
  border-bottom: 6px solid #bffb4f;
  border-radius: 0;
  margin-bottom: 15px;
  padding: 15px 0 28px 0;
}

.faq_div .accordion-item.active {
  border-color: #8342fb;
}

.faq_div h3.accordion-header button {
  font-family: trebuchet;
  font-size: 25px;
  font-weight: 700;
  color: #000 !important;
  padding: 0 80px 0 0;
  border-radius: 0;
}

.faq_div .accordion-button::after {
  background-image: url(/wp-content/uploads/2025/05/faq-plus.svg);
  transition: 0.5s;
  position: absolute;
  right: 5px;
}

.faq_div .accordion-button:not(.collapsed)::after {
  background-image: url("/wp-content/uploads/2025/05/faq-minus.svg");
  transform: none;
}

.faq_div {
  max-width: 800px;
  margin: auto;
  padding: 30px 0 130px 0px;
}

.faq_div .btn_con {
  margin-top: 50px;
}

#testimonials_bg {
  min-height: 750px;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  position: relative;
  z-index: 1;
}

#testimonials_sec {
  background: #000;
  padding: 100px 0 100px 0;
  position: relative;
}

.client_shape img {
  max-width: 575px;
  width: 100%;
  position: absolute;
  top: -120px;
}

.clients_right h2 {
  font-family: trebuchet;
  font-size: 50px;
  font-weight: 700;
  color: #fff;
}

img.clients_quote {
  margin: 25px 0 35px;
}

.review_inner p {
  font-family: "Open Sans", sans-serif;
  font-size: 18px;
  font-weight: 400;
  color: #fff;
}

.review_client_name span {
  font-family: "Open Sans", sans-serif;
  font-size: 18px;
  font-weight: 700;
  color: #bffb4f;
  text-transform: capitalize;
}

.review_client_name p {
  font-family: "Open Sans", sans-serif;
  font-size: 18px;
  font-weight: 700;
  color: #bffb4f;
  text-transform: capitalize;
  padding: 0;
  margin: 0;
}

.review_inner {
  padding-bottom: 12px;
}

#clients_slider .owl-dots {
  text-align: left;
  margin-top: 60px;
}

#clients_slider .owl-dots .owl-dot span {
  width: 24px;
  height: 24px;
  border-radius: 50%;
  border: 1px solid #fff;
  background: transparent;
  margin: 0 12px 0 0;
  transition: 0.5s;
}

#clients_slider .owl-dots .owl-dot span:hover {
  background: #fff;
}

#clients_slider .owl-dots .owl-dot.active span {
  background: #fff;
}

#tech_section {
  padding: 30px;
}

.tech_inner_div {
  background: #8342fb;
  padding: 90px 0;
  margin: 0 0 60px;
}
.tech_inner_div_light.tech_inner_div {
	background: #fff;
	    padding: 60px 0;
    margin: 0;
}
.tech_inner_div_light.tech_inner_div .tech_left h2,
.tech_inner_div_light.tech_inner_div .tech_left p{
	color: #000;
}

.tech_left h2 {
  font-size: 50px;
  font-weight: 700;
  color: #fff;
  font-family: trebuchet;
  margin-bottom: 30px;
}

.tech_left p {
  font-family: "Open Sans", sans-serif;
  font-size: 18px;
  font-weight: 400;
  color: #fff;
}

#tech_section .img_new_con {
  height: 750px;
}

.tech_feat p {
  margin: 0;
  padding: 0;
}

.tech_feat {
  margin-top: 30px;
  position: relative;
  display: flex;
}

.tech_feat img {
  width: 32px;
  height: 32px;
  margin-right: 22px;
  margin-top: 6px;
}

.tech_left {
  padding-right: 30px;
}
.auck_lead_des p {
    max-width: 575px;
}
#ready_sec h3 {
  font-family: trebuchet;
  font-size: 50px;
  font-weight: 700;
  color: #8342fb;
  max-width: 1100px;
  margin-bottom: 35px;
  letter-spacing: 1.5px;
}

#ready_sec p {
  font-family: "Open Sans", sans-serif;
  font-size: 18px;
  font-weight: 400;
  color: #000;
  max-width: 830px;
}

section#ready_sec {
  padding: 70px 0 80px 0;
  position: relative;
}

.ready_btns {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  padding: 45px 0 45px 0;
}

.ready_btns a {
  font-family: "Open Sans", sans-serif;
  font-size: 18px;
  font-weight: 400;
  color: #000;
  border: 1px dashed #8342fb;
  border-radius: 20px;
  text-decoration: none;
  transition: 0.5s;
  padding: 35px 70px 35px 70px;
  margin-right: 30px;
}

.ready_btns a:hover {
  background: #BFFB4F;
  color: #000;
}

.left_col_ready.maintain_col p {
  font-family: trebuchet;
  font-size: 18px;
  font-weight: 400;
  color: #fff;
  margin: 30px 0 0 0;
}

.left_col_ready.maintain_col h3 {
  font-size: 50px;
  color: #bffb4f;
}

/* About End */

/*************Services***********/
#inner_services_banner {
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}

.service_shade {
  background: linear-gradient(to bottom,
      rgba(0, 0, 0, 1) 40%,
      rgba(0, 0, 0, 0.67));
  padding: 220px 0 125px 0;
  position: relative;
}

.service_shade .serv_inner_width_div {
  max-width: 1040px;
}

.serv_banner_con h1 {
  font-family: trebuchet;
  font-size: 80px;
  font-weight: 700;
  color: #fff;
  padding: 20px 0 30px 0;
}

.serv_banner_con p {
  font-family: "Open Sans", sans-serif;
  font-size: 18px;
  font-weight: 400;
  color: #fff;
}

.serv_banner_con p strong {
  color: #bffb4f;
}

.serv_form input {
  width: 100%;
  height: 64px;
  background: #fff;
  border: none;
  outline: none;
  font-family: "Open Sans", sans-serif;
  font-size: 25px;
  font-weight: 600;
  color: #000;
  padding: 0 25px;
  border-radius: 0;
  position: relative;
  z-index: 1;
  border-radius: 20px;
}

.serv_form input::placeholder {
  color: #bbb;
  font-weight: 400;
}

.service_input {
  position: relative;
}

.service_input_shade {
  background: #8342fb;
  width: 100%;
  height: 64px;
  position: absolute;
  right: -5px;
  bottom: -6px;
  z-index: 0;
  border-radius: 20px;
}

.service_input_shade.error_shade {
  background: #dc3232 !important;
}

.serv_form input[type="submit"] {
  height: 50px;
  text-align: center;
  padding: 0;
  background: #bffb4f;
  border-radius: 20px;
  font-family: trebuchet;
  font-size: 18px;
  color: #000;
  text-transform: uppercase;
  box-shadow: 0.2em 0.25em 0 0 #8342fb, 0.2em 0.25em 0 0 #8342fb, 0.2em 0.25em 0 0 #8342fb;
  transition: 0.3s;
}

.serv_form input[type="submit"]:hover {
  -webkit-box-shadow: 0.125em 0.125em 0 0 #8342fb, 0.125em 0.125em 0 0 #8342fb, 0.125em 0.125em 0 0 #8342fb;
  box-shadow: 0.125em 0.125em 0 0 #8342fb, 0.125em 0.125em 0 0 #8342fb, 0.125em 0.125em 0 0 #8342fb;
  -webkit-transform: translate(0.125em, 0.125em);
  -ms-transform: translate(0.125em, 0.125em);
  transform: translate(0.125em, 0.125em);
}

.wpcf7 form.sent .wpcf7-response-output {
  border-color: #46b450 !important;
  color: #46b450 !important;
  width: max-content;
  margin: 20px 0 0 0;
}

.serv_form {
  padding-top: 35px;
}

.serv_form .wpcf7-not-valid-tip {
  color: #dc3232;
  font-size: 14px;
  font-weight: normal;
  display: block;
  position: absolute;
  bottom: -55px;
}

.serv_form .wpcf7 form .wpcf7-response-output {
  font-family: trebuchet;
  margin: 50px 0 0 0;
  color: #fff;
  border-color: #ffb900;
  width: max-content;
}

.service_shade .inner_banner_arrow {
  padding-top: 150px;
}

#core_services {
  background: #8342fb;
  padding: 100px 0 70px;
}

#core_services h2 {
  font-family: trebuchet;
  font-size: 50px;
  font-weight: 700;
  color: #fff;
  text-transform: capitalize;
  padding-bottom: 50px;
}

.service_card {
  max-width: 300px;
  margin: auto;
  margin-bottom: 30px;
}

.service_card span {
  font-family: "Open Sans", sans-serif;
  font-size: 18px;
  font-weight: 700;
  color: #fff;
  text-transform: capitalize;
}

.service_card img {
  padding: 25px 0 25px 0;
}

.service_card p {
  font-family: "Open Sans", sans-serif;
  font-size: 18px;
  font-weight: 400;
  color: #fff;
}

.service_card a img {
  transition: 0.5s;
}

.service_card a:hover img {
  margin-left: 10px;
}

#choose_i2d .tech_left h2 {
  color: #8342fb;
}

#choose_i2d .tech_left p {
  color: #000;
}

.tech_feat div {
  font-family: "Open Sans", sans-serif;
  font-size: 18px;
  font-weight: 400;
}

#choose_i2d .tech_feat div {
  color: #000;
}

#choose_i2d .btn_con {
  margin-top: 50px;
}

.right_serv img {
  width: 100%;
}

section#choose_i2d {
  padding: 90px 0 100px 0;
}

#work_section .custom_heading {
  text-align: center;
  color: #fff;
}

#work_section .btn_con {
  text-align: center;
}

.banner_work_single h1 {
        color: #fff;
    font-size: 72px;
    line-height: 60px;
    margin-bottom: 65px;
    text-transform: uppercase;
    margin-top: 65px;
    font-weight: 700;
}
.services_wrap h2 {
    font-size: 18px;
    font-weight: 500;
    color: #bffb4f;
}
.services_wrap ul{
	list-style: none;
	margin-left: 0;
	padding-left: 0;
}
.services_wrap h3, .services_wrap h3 a, .services_wrap ul li {
    font-size: 22px;
    font-weight: 300;
    color: #fff;
    font-family: trebuchet;
	
}
.single-our-work .banner-content-work.banner_work_single .services_wrap h3, .services_wrap h3 a, .services_wrap ul li{
	font-family: "Open Sans", sans-serif;
}
.row .cust_2{
	margin-bottom: 25px;
}
@media (min-width: 1200px) {
.row .cust_2 {
    width: 20%;
	margin-bottom: 15px;
}
	}
.main_serv_bg_imag {
  min-height: 655px;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}

.serv_left_main {
  background: #bffb4f;
  padding-top: 100px;
  padding-bottom: 90px;
}

.serv_right_main {
  background: #8342fb;
  padding-top: 100px;
  padding-bottom: 90px;
}

.serv_left_inner {
  max-width: 580px;
  padding: 0 15px;
  margin: auto;
}

.serv_right_inner {
  max-width: 580px;
  padding: 0 15px;
  margin: auto;
}

.serv_left_inner h2 {
  font-family: trebuchet;
  font-size: 50px;
  font-weight: 700;
  color: #000;
  margin-bottom: 22px;
}

.serv_right_inner h2 {
  font-family: trebuchet;
  font-size: 50px;
  font-weight: 700;
  color: #fff;
  margin-bottom: 22px;
}

.serv_left_inner p {
  font-family: "Open Sans", sans-serif;
  font-size: 18px;
  font-weight: 400;
  color: #000;
  padding-bottom: 8px;
}

.serv_right_inner p {
  font-family: "Open Sans", sans-serif;
  font-size: 18px;
  font-weight: 400;
  color: #fff;
  padding-bottom: 8px;
}

.serv_left_inner ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.serv_right_inner ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.serv_left_inner ul li {
  font-family: "Open Sans", sans-serif;
  font-size: 18px;
  font-weight: 400;
  color: #000;
  position: relative;
  margin-bottom: 15px;
  padding-left: 28px;
}

.serv_left_inner ul li::before {
  content: "";
  width: 14px;
  height: 14px;
  background: #000;
  border-radius: 50%;
  position: absolute;
  top: 7px;
  left: 0;
}

/* list numbers */
.serv_left_main_dots .serv_left_inner ul {
  list-style: none;
  counter-reset: custom-counter;
}

.serv_left_main_dots .serv_left_inner ul li {
  counter-increment: custom-counter;
  position: relative;
  padding-left: 60px;
}

.serv_left_main_dots .serv_left_inner ul li::before {
  content: counter(custom-counter);
  position: absolute;
  left: 0;
  font-weight: bold;
  font-size: 18px;
  width: 38px;
  height: 38px;
  border-radius: 38px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px dashed #000;
  background: #fff;
}

/* list numbers */
.serv_right_inner ul li {
  font-family: "Open Sans", sans-serif;
  font-size: 18px;
  font-weight: 400;
  color: #fff;
  position: relative;
  margin-bottom: 12px;
  padding-left: 28px;
}

.serv_right_inner ul li::before {
  content: "";
  width: 14px;
  height: 14px;
  background: #fff;
  border-radius: 50%;
  position: absolute;
  top: 7px;
  left: 0;
}

.serv_right_inner h3 {
  font-family: trebuchet;
  font-size: 36px;
  font-weight: 700;
  color: #fff;
  margin: 35px 0 15px 0;
}

.equal-height {
  display: flex;
  flex-wrap: wrap;
}

.equal-height>div {
  display: flex;
  flex-direction: column;
}

#partner_section {
  padding: 100px 0;
}

#partner_section h2 {
  font-family: trebuchet;
  font-size: 50px;
  font-weight: 700;
  color: #000;
  text-transform: capitalize;
  text-align: center;
  max-width: 600px;
  margin: auto;
}

.partner_rep {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: center;
  list-style: none;
  padding: 0;
  margin: 50px 0 20px 0;
}

.partner_rep li {
  margin-inline: 60px;
  margin-bottom: 45px;
}

.partner_rep li img {
  max-width: 180px;
  max-width: 120px;
  width: 100%;
  margin: auto;
}

#partner_section .btn_con {
  text-align: center;
}

.inner_ready_container {
  background: #000;
  padding: 75px 80px 75px 70px;
  border-radius: 80px;
}

#ready_section_serv h2 {
  font-family: trebuchet;
  font-size: 50px;
  font-weight: 700;
  color: #000;
  /*   max-width: 1000px; */
  margin-bottom: 70px;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}

.left_col_ready h3 {
  font-family: trebuchet;
  font-size: 20px;
  color: #fff;
  font-weight: 400;
  line-height: 1.5;
}

.left_col_ready h3 span {
  color: #bffb4f;
  font-size: 36px;
  font-weight: 700;
  display: block;
  margin-bottom: 35px;
  line-height: 40px;
}

.left_col_ready img {
  max-width: 135px;
  margin: auto;
}

.left_col_ready h4 {
  font-family: trebuchet;
  font-size: 96px;
  font-weight: 700;
  color: #fff;
  text-align: right;
  line-height: 85px;
}

.left_col_ready p {
  font-family: trebuchet;
  font-size: 18px;
  font-weight: 400;
  color: #fff;
  margin: -14px 0 0 18px;
}

.left_col_ready a {
  font-family: trebuchet;
  font-size: 40px;
  font-weight: 700;
  color: #bffb4f;
  display: block;
  text-decoration: none;
  width: 100%;
  text-align: center;
  margin-top: 15px;
}

.left_col_ready a:hover {
  color: #fff;
}

.left_img {
  text-align: center;
  padding: 50px 0 35px 0;
}

section#ready_section_serv {
  padding: 90px 0 80px 0;
}

.main_form input {
  width: 100%;
  height: 64px;
  background: #fff;
  border: none;
  outline: none;
  font-family: "Open Sans", sans-serif;
  font-size: 25px;
  font-weight: 600;
  color: #000;
  padding: 0 25px;
  border-radius: 0;
  position: relative;
  z-index: 1;
  font-size: 20px;
  font-weight: 400;
  border-radius: 20px;
}

.main_form input::placeholder {
  font-size: 20px;
  font-weight: 400;
  font-family: "Open Sans", sans-serif;
  /*   color: #000000; */
  color: #bbb !important;
}

.main_form select {
  width: 100%;
  height: 64px;
  background: #fff;
  border: none;
  outline: none;
  font-family: "Open Sans", sans-serif;
  font-size: 25px;
  font-weight: 600;
  color: #000;
  padding: 0 25px;
  border-radius: 0;
  position: relative;
  z-index: 1;
  appearance: none;
  font-size: 20px;
  font-weight: 400;
  border-radius: 20px;
}

.select_service {
  position: relative;
}

.main_form .select_service::after {
  content: url("/wp-content/uploads/2025/06/select2-arrow.svg");
  position: absolute;
  top: 58%;
  right: 18px;
  transform: translateY(-50%);
  z-index: 9;
}

.main_form .service_input {
  position: relative;
  margin-bottom: 35px;
}

.main_form .service_input_shade {
  background: #8342fb;
  width: 100%;
  height: 64px;
  position: absolute;
  right: -6px;
  bottom: -6px;
  z-index: 0;
}

.main_form input[type="submit"] {
  height: 50px;
  text-align: center;
  padding: 0;
  background: #bffb4f;
  border-radius: 20px;
  font-family: trebuchet;
  font-size: 18px;
  color: #000;
  text-transform: uppercase;
  transition: 0.3s;
}

.main_form input[type="submit"]:hover {
  -webkit-box-shadow: 0.125em 0.125em 0 0 #8342fb, 0.125em 0.125em 0 0 #8342fb, 0.125em 0.125em 0 0 #8342fb;
  box-shadow: 0.125em 0.125em 0 0 #8342fb, 0.125em 0.125em 0 0 #8342fb, 0.125em 0.125em 0 0 #8342fb;
  -webkit-transform: translate(0.125em, 0.125em);
  -ms-transform: translate(0.125em, 0.125em);
  transform: translate(0.125em, 0.125em);
}

.main_form .wpcf7 form.sent .wpcf7-response-output {
  border-color: #ffb900;
  color: #fff;
  width: max-content;
  margin: 20px 0 0 0;
}

.main_form .wpcf7-not-valid-tip {
  color: #dc3232;
  font-size: 14px;
  font-weight: normal;
  display: block;
  position: absolute;
  bottom: -50px;
  padding-left: 38px;
}

.page-template-cost-your-project--template .main_form .radio_btns .wpcf7-not-valid-tip {
  position: relative;
}

.main_form .wpcf7 form .wpcf7-response-output {
  font-family: trebuchet;
  margin: 50px 0 0 0;
  color: #fff;
  border-color: #ffb900;
  width: max-content;
}

.page-template-cost-your-project--template .main_form .wpcf7 form .wpcf7-response-output {
  color: #000;
}

.main_form .service_input_textarea {
  position: relative;
  margin-bottom: 35px;
}

.main_form textarea {
  width: 100%;
  height: 125px;
  background: #fff;
  border: none;
  outline: none;
  font-family: "Open Sans", sans-serif;
  font-size: 20px;
  font-weight: 400;
  color: #000;
  padding: 20px 25px 0;
  border-radius: 0;
  position: relative;
  z-index: 1;
  border-radius: 20px;
}

.main_form textarea::placeholder {
  color: #bbb;
}

.main_form .service_input_textarea .service_input_shade {
  background: #8342fb;
  width: 100%;
  height: 125px;
  position: absolute;
  right: -6px;
  bottom: 1px;
  z-index: 0;
}

.main_form input[type="submit"] {
  font-size: 28px;
  text-transform: capitalize;
  line-height: 1em;
  background-color: #bffb4f;
  border-radius: 20px;
  padding: 0 1em;
  text-decoration: none;
  text-align: left;
  font-family: trebuchet;
  width: 252px;
  min-height: 65px;
  color: #000000;
  margin: 0;
  font-weight: 600;
  border: 0;
  box-shadow: 0.2em 0.25em 0 0 #8342fb, 0.2em 0.25em 0 0 #8342fb,
    0.2em 0.25em 0 0 #8342fb;
  height: 58px;
  background-image: url(./assets/img/arw.png);
  background-position: 196px;
  background-repeat: no-repeat;
  background-size: 30px;
}

#ready_section_serv .main_form {
  padding-left: 40px;
}

.ready_lower_content p {
  font-family: "Open Sans", sans-serif;
  font-weight: 400;
  color: #000;
  font-size: 18px;
  padding-top: 35px;
  text-align: center;
}

.work_card img {
  max-width: 600px;
  width: 100%;
  height: 370px;
  object-fit: cover;
  opacity: 0.2;
  transition: 0.5s;
}

.work_card img:hover {
  opacity: 1;
}

.work_card {
  margin-bottom: 30px;
  border-radius: 50px;
	width: 100%;
}

#work_section .btn_con {
  text-align: center;
  margin-top: 30px;
}

/* 5-6-2025 */
.work_card_latest {
  padding: 35px;
}

.work_card_latest h3 {
  color: #fff;
  font-size: 32px;
  line-height: 36px;
  margin-bottom: 5px;
}

.work_card_latest p {
  color: #fff;
  font-size: 15px;
  line-height: 17px;
  margin-bottom: 0;
}

.work_card.work_card_latest img {
  max-width: 100%;
  width: 100%;
  width: auto;
  height: auto;
  /* max-height: 300px; */
  object-fit: contain;
  opacity: 1;
  transition: 0.5s;
  margin: 0 auto;
}

.work_card.work_card_latest a.d-block,
.work_card.work_card_latest .d-block {
  margin: 35px auto;
  height: 375px;
  display: flex !important;
  align-items: center;
  justify-content: center;
}

.work_card_latest h2 {
  color: #fff;
  font-size: 36px;
  line-height: 46px;
  margin-bottom: 35px;
  text-transform: uppercase;
  min-height: 145px;
}
.work_item a {
	text-decoration:none;
}
.work_card_latest h2 span {
  font-size: 45px;
}

.work_card.work_card_latest .btn_work {
  color: #000000;
  font-family: trebuchet;
  font-size: 18px;
  text-transform: capitalize;
  line-height: 1em;
  background-color: #bffb4f;
  border-radius: 15px;
  padding: 0.8em 3em 0.8em 3em;
  text-decoration: none;
  text-align: center;
  box-shadow: 0.125em 0.125em 0 0 #241f20, 0.25em 0.25em 0 0 #241f20, 0.25em 0.25em 0 0 #241f20;
}

.work_card.work_card_latest .btn_work:hover {
  box-shadow: 0.125em 0.125em 0 0 #241f20, 0.125em 0.125em 0 0 #241f20, 0.125em 0.125em 0 0 #241f20;
  transform: translate(0.125em, 0.125em);
}

.cursor_pointer {
  cursor: pointer !important;
}

#team_sec {
  position: relative;
}

#team_sec .modal {
  /*   position: absolute;
  padding-right: 0 !important;
  z-index: 2;
  background-color: #8342FB;
  display: block !important;
  visibility: hidden;
  transition: 0.3s; */
}

#team_sec .modal.show {
  /*   visibility: visible; */
}

#team_sec .modal.fade .modal-dialog {
  /*   transform: none;
  height: 100%;
  margin: 0 auto !important;
  max-width: 850px !important; */
  height: auto;
  max-width: 60% !important;
}

#team_sec .modal.fade .modal-dialog .modal-body {
  display: flex;
  align-items: center;
  justify-content: center;
}

.page-template-about-us {
  /*   overflow: auto !important;
  padding-right: 0 !important; */
}

/* .page-template-about-us .modal-backdrop.fade.show {
  background-color: transparent;
  z-index: 1;
  display: none !important;
} */
.team_modal_head {
  background: #f3f3f3;
  display: flex;
  align-items: center;
  padding: 25px 50px 0;
  justify-content: space-between;
  border-radius: 50px 50px 0 0;
}

.img_team_side {
  width: 45%;
}

.img_team_side img {
  /* 	width: 400px; */
	border-radius: 20px;
}

#team_sec .modal.fade .modal-dialog .modal-body .team_modal_content h3 {
  font-weight: 700;
  font-size: 50px;
  margin-bottom: 10px;
  color: #8342fb;
}

#team_sec .modal.fade .modal-dialog .modal-body .team_modal_content h5 {
  font-weight: 500;
  font-size: 20px;
  margin-bottom: 0;
  color: #000;
}

#team_sec .modal.fade .modal-dialog .modal-body .team_modal_content p {
  font-weight: 400;
  font-size: 18px;
  margin-top: 40px;
  color: #000;
  margin-bottom: 15px;
  position: relative;
  z-index: 9;
}

.btn-closes {
  margin-top: 50px;
  color: #000;
}

.team_modal_content button.btn-closes {
  background: #8342fb !important;
  position: absolute;
  right: 20px;
  top: 20px;
  margin: 0;
  padding: 5px;
  border-radius: 50%;
}

.team_modal_body {
  position: relative;
  padding: 50px;
  overflow: hidden;
}

.team_modal_body img {
  position: absolute;
  right: 0;
  top: -30px;
  z-index: 1;
  opacity: 0.7;
}

/* 5-6-2025 */
section#work_section {
  padding-bottom: 100px;
  background: #000;
  padding-top: 80px;
}

.serv_banner_con h2 {
  font-family: trebuchet;
  font-size: 50px;
  font-weight: 700;
  color: #bffb4f;
}

.single-service .service_shade {
  background: #000;
}

.single-service #inner_services_banner .elementor-button {
  padding: 0.8em 3em 0.8em 3em;
  /*   box-shadow: none; */
}

.single-service #inner_services_banner .btn_con {
  margin-top: 45px;
}

.single-service .serv_banner_con h1 {
  padding: 20px 0 10px 0;
}

.single-service .serv_banner_con h2 {
  padding-bottom: 25px;
}

.single-service .serv_banner_con p {
  /*   max-width: 650px; */
}

section#single_Serv_web_second_section .row {
  padding: 85px 0;
}

.single_serv_con h2 {
  color: #8342fb;
  font-family: trebuchet;
  font-size: 50px;
  font-weight: 700;
}

.single_serv_con p {
  font-family: "Open Sans", sans-serif;
  font-size: 18px;
  font-weight: 400;
  color: #000;
  padding-top: 20px;
}

.single_serv_con ul {
  list-style: none;
  padding: 25px 0 0 0;
  margin: 0;
}

.single_serv_con ul li {
  font-family: "Open Sans", sans-serif;
  font-size: 18px;
  font-weight: 400;
  color: #000;
  position: relative;
  margin-bottom: 10px;
  padding-left: 30px;
}

.single_serv_con ul li::before {
  content: "";
  width: 14px;
  height: 14px;
  border-radius: 50%;
  background: #bffb4f;
  position: absolute;
  top: 7px;
  left: 0;
}

.single_serv_con.left_single_serv_content {
  padding-right: 25px;
}

.single_serv_con.right_single_serv_content {
  padding-left: 50px;
}

.single_serv_con.right_single_serv_content .btn_con {
  margin-top: 50px;
}

#single_Serv_web_second_section img {
  width: 100%;
  height: 525px;
  object-fit: cover;
}

#single_serv_process_sec {
  padding: 90px 0;
}

#single_serv_process_sec h2 {
  font-family: trebuchet;
  font-size: 50px;
  font-weight: 700;
  color: #8342fb;
  text-align: center;
  padding-bottom: 45px;
}

.img_serv_wrap {
  width: 100%;
  height: 660px;
  overflow: hidden;
}

.img_serv_wrap img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: 0.5s;
  border-radius: 50px;
}

.img_serv_wrap img:hover {
  transform: scale(1.2);
}

.how_right h3 {
  font-family: trebuchet;
  font-size: 36px;
  font-weight: 700;
  color: #000;
  margin-bottom: 40px;
}

.how_right p {
  font-family: "Open Sans", sans-serif;
  font-size: 18px;
  font-weight: 400;
  color: #000;
}

.how_right .elementor-button {
  padding: 0.8em 3em 0.8em 3em;
}

.how_right .btn_con {
  margin-top: 55px;
}

.how_right {
  padding-left: 40px;
}

#how_it_work_sec {
  padding-bottom: 100px;
}

#engage_sec {
  background: #8342fb;
  padding: 100px 0 100px 0;
}

.single_serv_con h3 {
  font-family: trebuchet;
  font-size: 36px;
  font-weight: 700;
}

#engage_sec .single_serv_con {
  border-top: 1px solid #fff;
  padding-top: 40px;
}

#engage_sec h2 {
  font-family: trebuchet;
  font-size: 50px;
  font-weight: 700;
  color: #fff;
  padding-bottom: 50px;
  max-width: 900px;
}

#engage_sec h3 {
  color: #fff;
}

#engage_sec p {
  color: #fff;
}

#engage_sec ul li {
  color: #fff;
}

.single_serv_con.engage_right {
  margin-left: 60px;
}

.single_serv_con.engage_left {
  margin-right: 35px;
}

.book_wrap {
  text-align: left;
}

#book_serv {
  padding-bottom: 100px;
}

#book_serv h3 {
  font-family: trebuchet;
  font-size: 80px;
  font-weight: 700;
  color: #8342fb;
  text-align: right;
}

#book_serv .btn_con {
  text-align: right;
  margin-top: 50px;
}

#faq_sec h2 {
  font-family: trebuchet;
  font-size: 50px;
  font-weight: 700;
  color: #000;
}

#faq_sec .faq_div {
  max-width: 100%;
  margin: auto;
  padding: 30px 0 100px 0px;
}

#success_section {
  background: #000;
  padding: 90px 0;
}

.comp_inner {
  display: flex;
  align-items: center;
  padding-bottom: 15px;
}

.comp_inner h3 {
  font-family: trebuchet;
  font-size: 36px;
  font-weight: 700;
  color: #fff;
  margin-left: 15px;
}

.comp_div p {
  font-family: "Open Sans", sans-serif;
  font-size: 18px;
  font-weight: 400;
  color: #fff;
}

.success_left h2 {
  font-family: trebuchet;
  font-size: 50px;
  font-weight: 700;
  color: #fff;
}

.success_left h2 span {
  color: #8342fb;
}

.comp_div {
  padding-top: 25px;
}

.success_left {
  padding-right: 30px;
}

#serv_ready2 {
  padding: 90px 0;
}

#serv_ready2 h3 {
  font-family: trebuchet;
  font-size: 50px;
  font-weight: 700;
  color: #000;
  text-align: center;
  margin-bottom: 20px;
}

#serv_ready2 p {
  font-family: "Open Sans", sans-serif;
  font-size: 18px;
  font-weight: 400;
  color: #000;
  text-align: center;
}

#serv_ready2 .btn_con {
  text-align: center;
  margin-top: 35px;
}

#serv_ready2 .btn_con .elementor-button {
  padding: 0.8em 3em 0.8em 3em;
}

.step_counter span {
  font-family: trebuchet;
  font-size: 250px;
  font-weight: 700;
  color: #bffb4f;
  line-height: 200px;
}

.step_counter {
  text-align: right;
}

.step_title {
  font-family: trebuchet;
  font-size: 25px;
  font-weight: 700;
  color: #000;
  text-align: right;
  margin-right: 40px;
}

#single_serv_process_sec .container {
  max-width: 1150px;
}

.step_right {
  margin-top: 5px;
}

.step_right p {
  font-family: "Open Sans", sans-serif;
  font-size: 18px;
  font-weight: 400;
  color: #000;
}

.process_slider_wrapper {
  position: relative;
}

.process_slider button.slick-prev.slick-arrow {
  width: 64px;
  height: 64px;
  background: #d9ff93;
  border-radius: 50%;
  transition: 0.5s;
  display: grid;
  place-items: center;
  position: absolute;
  right: 25px;
  left: unset;
  top: 32%;
  z-index: 2;
}

.process_slider button.slick-prev.slick-arrow:hover {
  background: #dac5ff;
}

.slick-prev:before,
.slick-next:before {
  display: none;
}

.process_slider button.slick-next.slick-arrow {
  width: 64px;
  height: 64px;
  background: #d9ff93;
  border-radius: 50%;
  transition: 0.5s;
  display: grid;
  place-items: center;
  position: absolute;
  right: 25px;
  z-index: 2;
  left: unset;
  top: 65%;
}

.process_slider button.slick-next.slick-arrow:hover {
  background: #dac5ff;
}

#inner_services_banner .service_2_shade .serv_form {
  max-width: 950px;
}

.img_wrap_serv {
  width: 100%;
  height: 585px;
  overflow: hidden;
	border-radius: 50px;
}

.img_wrap_serv img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: 0.5s;
}

.img_wrap_serv img:hover {
  transform: scale(1.2);
}

.seo_serv_content h2 {
  font-family: trebuchet;
  font-size: 36px;
  font-weight: 700;
  color: #000;
  margin-bottom: 25px;
}

.seo_serv_content p {
  font-family: "Open Sans", sans-serif;
  font-size: 18px;
  font-weight: 400;
  color: #000;
}

.seo_serv_content ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.seo_serv_content ul li {
  font-family: "Open Sans", sans-serif;
  font-size: 18px;
  font-weight: 400;
  color: #000;
  position: relative;
  margin-bottom: 17px;
  padding-left: 35px;
}

.seo_serv_content ul li::before {
  content: "";
  width: 14px;
  height: 14px;
  background: #8342fb;
  border-radius: 50%;
  position: absolute;
  left: 0;
  top: 7px;
}

.seo_serv_content.seo_right {
  padding: 0 15px 0 50px;
}

#seo_service_Second_Sec {
  padding: 90px 0 0;
}

#seo_service_Second_Sec .seo_second_row {
  padding-bottom: 50px;
}

.seo_serv_content .btn_con {
  margin-top: 40px;
}

#providing_solutions_section {
  background: #8342fb;
  padding: 100px 0;
  position: relative;
}

img.provide_shape {
  position: absolute;
  z-index: 0;
  top: 10%;
  right: 4%;
}

#providing_solutions_section .seo_serv_content h2 {
  font-size: 50px;
  color: #fff;
  margin-bottom: 50px;
  position: relative;
  z-index: 1;
}

.seo_serv_content h3 {
  font-family: trebuchet;
  font-size: 36px;
  font-weight: 700;
  color: #000;
  position: relative;
  z-index: 1;
}

#providing_solutions_section .seo_serv_content h3 {
  color: #fff;
}

#providing_solutions_section .seo_serv_content p {
  color: #fff;
  position: relative;
  z-index: 1;
}

.provide_slider_left_con h3 {
  text-transform: uppercase;
  font-family: trebuchet;
  font-size: 36px;
  font-weight: 700;
  color: #fff;
  margin-bottom: 35px;
  /*margin-bottom: 0;*/
  position: relative;
  z-index: 1;
}

.provide_slider_left_con p {
  font-family: "Open Sans", sans-serif;
  font-size: 18px;
  font-weight: 400;
  color: #fff;
  position: relative;
  z-index: 1;
}

.provide_slider_right_con p {
  /*margin: 0 0 -25px 0;*/
  padding: 0;
  font-family: trebuchet;
  font-size: 118px;
  font-weight: 700;
  color: #fff;
  position: relative;
  z-index: 1;
}

.provide_slider_right_con span {
  font-family: "Open Sans", sans-serif;
  font-size: 18px;
  font-weight: 400;
  color: #fff;
}

.provide_slider_wrapper {
  position: relative;
  max-width: 1130px;
  margin: auto;
  padding-top: 100px;
  z-index: 1;
}

.provide_end_content {
  position: relative;
  max-width: 1130px;
  margin: auto;
  padding-top: 50px;
  border-top: 1px solid #fff;
  margin-top: 35px;
  margin-right: 106px;
}

.provide_slider button.slick-prev.slick-arrow {
  width: 64px;
  height: 64px;
  background: #d9ff93;
  border-radius: 50%;
  transition: 0.5s;
  display: grid;
  place-items: center;
  position: absolute;
  right: -50px;
  left: unset;
  top: 24%;
  z-index: 2;
}

.provide_slider button.slick-prev.slick-arrow:hover {
  background: #dac5ff;
}

.slick-prev:before,
.slick-next:before {
  display: none;
}

.provide_slider button.slick-next.slick-arrow {
  width: 64px;
  height: 64px;
  background: #d9ff93;
  border-radius: 50%;
  transition: 0.5s;
  display: grid;
  place-items: center;
  position: absolute;
  right: -50px;
  z-index: 2;
  left: unset;
  top: 55%;
}

.provide_slider button.slick-next.slick-arrow:hover {
  background: #dac5ff;
}

section#seo_fourth_sec {
  padding: 100px 0;
}

section#seo_fourth_sec .seo_serv_content h3 {
  margin-bottom: 35px;
}

.seo_serv_content.seo_fourth_sec_left {
  padding-right: 90px;
}

#fifth_section {
  background: #000;
  padding: 90px 0 90px;
}

#fifth_section h2 {
  font-family: trebuchet;
  font-size: 50px;
  font-weight: 700;
  color: #fff;
  margin-bottom: 30px;
}

#fifth_section p {
  font-family: "Open Sans", sans-serif;
  font-size: 18px;
  font-weight: 400;
  color: #fff;
  max-width: 500px;
  padding-bottom: 60px;
}

.fifth_left_main {
  background: #8342fb;
}

.fifth_right_main {
  background: #7b19d8;
}

.fifth_con h3 {
  font-family: trebuchet;
  font-size: 36px;
  font-weight: 700;
  color: #fff;
  text-transform: capitalize;
  margin-bottom: 30px;
}

.fifth_con p {
  font-family: "Open Sans", sans-serif;
  font-size: 18px;
  font-weight: 400;
  color: #fff;
}

.fifth_slider_wrap {
  position: relative;
}

.fifth_slider {
  width: 100%;
  box-sizing: border-box;
}

.fifth_slider .item {
  overflow: hidden;
}

.fifth_slider .item .row {
  margin-left: 0;
  margin-right: 0;
}

.fifth_slider .item .col-lg-6,
.fifth_slider .item .col-md-12 {
  padding-left: 0;
  padding-right: 0;
}

.fifth_con {
  max-width: 475px;
  margin: auto;
  padding: 75px 20px 40px 20px;
}

.slider_top_height .flex-fill,
.slider_bottom_height .flex-fill {
  min-height: 585px;
}

.fifth_slider button.slick-prev.slick-arrow {
  display: none;
}

.fifth_slider button.slick-prev.slick-arrow:hover {
  background: #dac5ff;
}

.fifth_slider button.slick-next.slick-arrow {
  display: none;
}

.fifth_slider button.slick-next.slick-arrow:hover {
  background: #dac5ff;
}

#seo_results_sec {
  padding: 100px 0;
}

#seo_results_sec h3 {
  font-family: trebuchet;
  font-size: 36px;
  font-weight: 700;
  color: #000;
  max-width: 380px;
  margin: 0 auto 30px;
}

#seo_results_sec p {
  font-family: "Open Sans", sans-serif;
  font-size: 18px;
  font-weight: 400;
  color: #000;
}

#seo_results_sec .move_inner p {
  font-family: "Open Sans", sans-serif;
  font-size: 18px;
  font-weight: 700;
  color: #000;
  text-align: right;
}

#seo_results_sec .move_inner span {
  font-family: trebuchet;
  font-size: 118px;
  font-weight: 700;
  color: #8342fb;
  line-height: 100px;
}

.marquee-wrapper {
  overflow: hidden;
  width: 100%;
  padding: 70px 0 90px;
}

.moving_seo_numbers {
  display: flex;
  white-space: nowrap;
}

.marquee-content {
  display: flex;
  animation: marquee 20s linear infinite;
}

.move_inner {
  display: inline-block;
  max-width: 536px;
  margin-right: 100px;
  flex-shrink: 0;
}

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

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

.fifth_left_main.seventh_main_left {
  background: #bffb4f;
}

.fifth_right_main.seventh_main_right {
  background: #d9ff93;
}

.fifth_con h3 {
  color: #000;
}

#fifth_section .fifth_left_main.seventh_main_left p,
#fifth_section .fifth_right_main.seventh_main_right p {
  color: #000;
}

#eighth_section {
  padding: 100px 0;
}

#eighth_section .btn_con .elementor-button {
  padding: 0.8em 4em 0.8em 4em;
}

.img_new_wrap {
  background: #8342fb;
  width: 100%;
  height: 930px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 90px 90px 90px 0;
}

.img_new_wrap img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.seo_serv_content.seo_eight_right {
  padding-left: 60px;
}

.img_new_wrap2 {
  background: #bffb4f;
  width: 100%;
  height: 790px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 90px 0 90px 90px;
}

.img_new_wrap2 img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.seo_serv_content.seo_eight_left {
  padding-right: 100px;
}

.seo_serv_content.seo_eight_left h2 {
  color: #8342fb;
  max-width: 325px;
}

.seo_serv_content.seo_eight_left h3 {
  font-family: trebuchet;
  font-size: 36px;
  font-weight: 700;
  color: #000;
  position: relative;
  z-index: 1;
  margin: 30px 0 30px 0;
}

.process_slider_wrapper.wrapper2 .step_counter span {
  color: #8342fb;
}

.step_left {
  margin-right: 35px;
}

#ethics_sec {
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  padding: 100px 0;
}

.ethic_inner {
  text-align: center;
  max-width: 1050px;
  margin: auto;
}

.ethic_inner h3 {
  font-family: trebuchet;
  font-size: 36px;
  font-weight: 700;
  color: #fff;
  margin-bottom: 30px;
}

.ethic_inner p {
  font-family: "Open Sans", sans-serif;
  font-size: 18px;
  font-weight: 400;
  color: #fff;
}

.seo_serv_content.seo_right.why_right h2 {
  color: #8342fb;
  font-size: 50px;
}

.seo_serv_content.seo_right.why_right h3 {
  margin: 30px 0px 32px 0;
}

.img_wrap_serv.why_img {
  height: 640px;
}

.service-template-seo-service #faq_sec h2 {
  padding-top: 100px;
  max-width: 850px;
}

#last_form_section h2 {
  text-align: center;
  padding: 0 20px;
}

#last_form_section .main_form .wpcf7-not-valid-tip {
  color: #dc3232;
}

#last_form_section .main_form .wpcf7 form .wpcf7-response-output {
  color: #dc3232;
  margin: 20px auto;
}

#last_form_section .main_form .wpcf7 form.sent .wpcf7-response-output {
  color: green;
  margin: 20px auto;
}

#last_form_section .main_form {
  text-align: center;
}

.last_inner {
  text-align: center;
  max-width: 865px;
  margin: auto;
}

.last_inner a {
  color: #8342fb;
  font-family: trebuchet;
  font-size: 50px;
  font-weight: 700;
  transition: 0.5s;
  text-transform: uppercase;
  text-decoration: none;
  margin-top: 35px;
}

.last_inner a:hover {
  color: #bffb4f;
}

#last_form_section .main_form p.form_p {
  padding: 25px 0 25px 0;
}

#last_form_section {
  padding-bottom: 100px;
}

.fifth_upper .fifth_con h3 {
  color: #fff;
}

.seo_serv_content h3 {
  margin-bottom: 25px;
}

.seo_serv_content.second_maintain_right {
  padding-right: 90px;
}

#second_maintain_sec {
  padding: 100px 0;
}

#second_maintain_sec .img_wrap_serv {
  height: 660px;
}

#second_maintain_sec .btn_con .elementor-button {
  padding: 0.8em 3em 0.8em 3em;
}

#why_maintain_sec {
  background: linear-gradient(to right, #bffb4f, #8342fb);
  padding: 100px 0 0;
}

.why_maintain_wrapper {
  position: relative;
  z-index: 1;
  transform: translateY(90px);
  width: 100vw;
  /* full width of the viewport */
  overflow: hidden;
	border-radius: 50px;
}

.why_upper {
  text-align: center;
  max-width: 800px;
  margin: auto;
  padding-bottom: 0;
  margin-bottom: -20px;
}

.why_upper h2 {
  font-family: trebuchet;
  font-size: 50px;
  font-weight: 700;
  color: #fff;
  margin-bottom: 30px;
}

.why_upper p {
  font-family: "Open Sans", sans-serif;
  font-size: 18px;
  font-weight: 400;
  color: #fff;
}

.why_box {
  background: #8342fb;
  padding: 65px 70px 50px 70px;
  min-height: 475px;
}

.why_slider .item {
  /*   margin-right: 20px; */
  /* space between slides */
}

.why_box h3 {
  font-family: trebuchet;
  font-size: 36px;
  font-weight: 700;
  color: #fff;
  padding: 25px 0 18px 0;
}

.why_box p {
  font-family: "Open Sans", sans-serif;
  font-size: 18px;
  font-weight: 400;
  color: #fff;
}

#why_img img {
  width: 100%;
  height: 525px;
  object-fit: cover;
}

section#why_img {
  margin: 210px 0 100px 0;
}
section#why_img img{
	border-radius: 50px;
}
.main_upper {
  text-align: center;
  padding-bottom: 30px;
  max-width: 670px;
  margin: auto;
}

.main_upper h2 {
  font-family: trebuchet;
  font-size: 50px;
  font-weight: 700;
  color: #000;
  margin-bottom: 30px;
}

.main_upper p {
  font-family: "Open Sans", sans-serif;
  font-size: 18px;
  font-weight: 400;
  color: #000;
}

.comp_slider_wrapper {
  position: relative;
}

.comp_slider {
  width: 100%;
  box-sizing: border-box;
}

.comp_slider .item .row {
  margin-left: -2px;
  margin-right: 0;
}

.comp_left {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
}

.comp_left_shade {
  background: rgba(191, 251, 79, 0.9);
  width: 100%;
  height: 100%;
  padding: 80px 80px 80px 75px;
}

.comp_con_left h3 {
  font-family: trebuchet;
  font-size: 36px;
  font-weight: 700;
  color: #000;
  margin-bottom: 25px;
}

.comp_con_left p {
  font-family: "Open Sans", sans-serif;
  font-size: 18px;
  font-weight: 400;
  color: #000;
}

.comp_right {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
}

.comp_right_shade {
  background: rgba(131, 66, 251, 0.9);
  width: 100%;
  height: 100%;
  padding: 80px 80px 80px 75px;
}

.comp_con_right h3 {
  font-family: trebuchet;
  font-size: 36px;
  font-weight: 700;
  color: #fff;
  margin-bottom: 25px;
}

.comp_con_right p {
  font-family: "Open Sans", sans-serif;
  font-size: 18px;
  font-weight: 400;
  color: #fff;
}

ul.slick-dots {
  max-width: 670px;
  width: 100%;
  margin: auto;
  background: #8342fb;
  padding: 3px 3px 3px 3px;
  height: 21px;
  border-radius: 50px;
  display: flex;
  align-items: center;
  margin-top: 50px;
  position: unset;
}

.slick-dots li {
  width: 100% !important;
  margin: 0 0 0 0 !important;
  height: 100% !important;
}

.slick-dots li button {
  border-radius: 50px;
  background: transparent;
  width: 100% !important;
  height: 100% !important;
}

.slick-dots li.slick-active button {
  background: #dac5ff;
}

.slick-dots li button::before {
  display: none;
}

section#comp_section {
  padding-bottom: 80px;
}
#comp_section .item {
    border-radius: 50px;
    overflow: hidden;
}

#packages_sec {
  background: #000;
  padding: 80px 0;
}

#packages_sec .main_upper h2 {
  color: #fff;
}

#packages_sec .main_upper h2 span {
  color: #bffb4f;
}

#packages_sec .main_upper p {
  color: #fff;
  padding-bottom: 30px;
}

.package_box_new {
  background: #fff;
  box-shadow: rgba(191, 251, 79, 0.4) 0 -2px 29px 9px;
  max-width: 395px;
  margin: auto;
  min-height: 1450px;
  margin-bottom: 30px;
}

.package_inner_div {
  padding: 40px 40px 50px 35px;
}

.package_box_new h3 {
  color: #8342fb;
  font-family: trebuchet;
  font-size: 36px;
  font-weight: 700;
  text-transform: uppercase;
}

.package_box_new p {
  color: #000;
  font-family: "Open Sans", sans-serif;
  font-size: 14px;
  font-weight: 400;
  margin: 0;
  padding: 0;
}

.package_inner {
  display: flex;
  align-items: center;
  padding: 20px 0 25px 0;
}

.package_inner p {
  color: #8342fb;
  font-family: trebuchet;
  font-size: 90px;
  font-weight: 700;
  margin: 0;
  padding: 0;
}

.package_inner .gst {
  color: #000;
  font-family: "Open Sans", sans-serif;
  font-size: 18px;
  font-weight: 700;
  margin: 5px 0 0 12px;
}

.package_content {
  color: #8342fb;
  font-family: "Open Sans", sans-serif;
  font-size: 18px;
  font-weight: 700;
}

.package_content ul {
  padding: 25px 0 30px 0;
  margin: 0;
  list-style: none;
}

.package_content ul li {
  color: #000;
  font-family: "Open Sans", sans-serif;
  font-size: 14px;
  font-weight: 700;
  position: relative;
  margin-bottom: 15px;
  padding-left: 35px;
}

.package_content ul li::before {
  content: url("/wp-content/uploads/2025/05/package-tick.svg");
  width: 24px;
  height: 23px;
  position: absolute;
  left: 0;
  top: 0;
}

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

.package_btn .btn_get {
  color: #000000;
  font-family: trebuchet;
  font-size: 18px;
  text-transform: capitalize;
  line-height: 1em;
  background-color: #bffb4f;
  border-radius: 50px;
  padding: 0;
  text-decoration: none;
  text-align: center;
  text-transform: uppercase;
  width: 100%;
  height: 45px;
  box-shadow: 0.125em 0.125em 0 0 #241f20, 0.25em 0.25em 0 0 #241f20,
    0.25em 0.25em 0 0 #241f20;
  transition: 0.3s;
  margin-bottom: 25px;
}

.package_btn .btn_get:hover {
  box-shadow: 0.125em 0.125em 0 0 #241f20, 0.125em 0.125em 0 0 #241f20,
    0.125em 0.125em 0 0 #241f20;
  transform: translate(0.125em, 0.125em);
}

.package_btn .btn_advice {
  color: #000000;
  font-family: trebuchet;
  font-size: 18px;
  text-transform: capitalize;
  line-height: 1em;
  background-color: #fff;
  border-radius: 50px;
  padding: 0;
  text-decoration: none;
  text-align: center;
  text-transform: uppercase;
  width: 100%;
  height: 45px;
  box-shadow: 0.125em 0.125em 0 0 #241f20, 0.25em 0.25em 0 0 #241f20,
    0.25em 0.25em 0 0 #241f20;
  transition: 0.3s;
}

.package_btn .btn_advice:hover {
  box-shadow: 0.125em 0.125em 0 0 #241f20, 0.125em 0.125em 0 0 #241f20,
    0.125em 0.125em 0 0 #fff;
  transform: translate(0.125em, 0.125em);
}

.package_lower_con {
  padding-top: 40px;
}

.package_lower_con p {
  color: #000;
  font-family: "Open Sans", sans-serif;
  font-size: 14px;
  font-weight: 700;
}

#benefits_section {
  background: #8342fb;
  padding: 90px 0;
  position: relative;
  z-index: 1;
}

#benefits_section .main_upper h2 {
  color: #fff;
}

#benefits_section .row:nth-child(odd) {
  flex-direction: row-reverse;
}
#benefits_section .row_count_2, 
#benefits_section .row_count_4, 
#benefits_section .row_count_6{
	flex-direction: row-reverse !important;
}
#benefits_section .row_count_1, 
#benefits_section .row_count_3, 
#benefits_section .row_count_5{
	flex-direction: row !important;
}

.ben_con {
  max-width: 550px;
}

#benefits_section .row:nth-child(odd) .ben_con {
  padding-left: 90px;
  max-width: 600px;
}
#benefits_section .row_count_1 .ben_con, 
#benefits_section .row_count_3 .ben_con, 
#benefits_section .row_count_5 .ben_con{
	padding-left: 0 !important;
}
#benefits_section .row_count_2 .ben_con, 
#benefits_section .row_count_4 .ben_con, 
#benefits_section .row_count_6 .ben_con {
    padding-left: 90px;
    max-width: 600px;
}

.ben_con h3 {
  font-family: trebuchet;
  font-size: 36px;
  font-weight: 700;
  color: #fff;
  margin-bottom: 30px;
}

.ben_con p {
  font-family: "Open Sans", sans-serif;
  font-size: 18px;
  font-weight: 400;
  color: #fff;
}

.ben_con .btn_con {
  margin-top: 43px;
}

.ben_con .btn_con .elementor-button {
  padding: 0.8em 3em 0.8em 3em;
}

.ben_img_wrap {
  width: 100%;
  height: 410px;
  overflow: hidden;
}

.ben_img_wrap img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: 0.5s;
	border-radius: 50px;
}

.ben_img_wrap img:hover {
  transform: scale(a.2);
}
.ben_img_wrap.ben_img_1 img {
    border-radius: 50px 50px 50px 0;
}
.ben_img_wrap.ben_img_2 img {
    border-radius: 50px 0 0 50px;
}
.ben_img_wrap.ben_img_3 img {
    border-radius: 0 50px 50px 50px;
}
.benefits_section_wrap_2 .ben_img_wrap.ben_img_2 img{
	    border-radius: 50px 0 50px 50px;
}
.book_con h3 {
  font-family: trebuchet;
  font-size: 80px;
  font-weight: 700;
  color: #8342fb;
  margin-bottom: 25px;
}

.book_con p {
  font-family: "Open Sans", sans-serif;
  font-size: 18px;
  font-weight: 400;
  color: #000;
}

.book_con .btn_con {
  margin-top: 40px;
}

.book_con .btn_con .elementor-button {
  padding: 0.8em 4em 0.8em 4em;
}

#book_section img {
  max-width: 345px;
  width: 100%;
  margin: auto;
}

#book_section .container {
  max-width: 1000px;
}

#book_section {
  padding: 100px 0;
}

.service-template-website-maintenance section#ready_section_serv {
  padding: 0 0 80px 0;
}

/* Services End */

/**********Our Work**********/
.single-our-work #inner_banner {
  padding: 150px 0 380px 0px;
}

.single-our-work .inner_banner_arrow {
  display: flex;
  justify-content: end;
  padding-top: 30px;
  position: absolute;
  right: 100px;
  bottom: 130px;
}

.banner_main_images {
  position: relative;
  max-width: 1020px;
  margin: auto;
}

.banner_destkop_img {
  height: 675px;
}

.banner_destkop_img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.banner_mobile_img {
  max-width: 250px;
  width: 100%;
  height: 505px;
  position: absolute;
  z-index: 2;
  right: -50px;
  bottom: -45px;
}

.banner_mobile_img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

section#single_work_main {
  position: relative;
  margin-top: -330px;
}

.middle_div {
  max-width: 500px;
  width: 100%;
  margin: auto;
  position: relative;
}

.middle_img1 {
  position: absolute;
  z-index: 1;
  top: 125px;
  right: -160px;
}

.middle_img1 img {
  width: 285px;
  height: 390px;
  object-fit: cover;
}

.middle_img2 img {
  width: 275px;
  height: 390px;
  object-fit: cover;
}

.middle_img2 {
  position: absolute;
  z-index: 2;
  left: -170px;
  bottom: 100px;
}

section#work_middle_images {
  padding: 100px 0 100px 0;
  position: relative;
}

img.single_work_shape {
  position: absolute;
  z-index: -1;
  max-width: 1280px;
  width: 100%;
  margin: auto;
  top: -295px;
  left: 50%;
  transform: translateX(-50%);
}

#work_slider img {
  max-width: 450px;
  width: 100%;
  height: 650px;
  object-fit: cover;
}

#work_slider .owl-dots {
  max-width: 670px;
  width: 100%;
  margin: auto;
  background: #8342fb;
  padding: 5px;
  height: 21px;
  border-radius: 50px;
  display: flex;
  align-items: center;
  margin-top: 50px;
}

#work_slider .owl-dots .owl-dot span {
  height: 15px;
  background: transparent;
  border-radius: 15px;
  width: 100%;
  margin: 0;
}

#work_slider .owl-dots .owl-dot {
  width: 100%;
  margin-left: -2px;
}

#work_slider .owl-dots .owl-dot.active span {
  background: #dac5ff;
}

section#work_end_sec {
  padding-bottom: 150px;
}

#work_banner_img {
  min-height: 650px;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  position: relative;
  margin-top: -215px;
}

.inner_banner_arrow.work_arrow {
  position: relative;
  z-index: 1;
}

.our-work-page-sec {
  background: #000;
  padding-top: 100px;
}

.page-template-our-work-php .work_card {
  margin-bottom: 65px;
}

.load_more_div {
  text-align: center;
  padding-top: 30px;
}

.load_more_div button {
  color: #000000;
  font-family: trebuchet;
  font-size: 18px;
  text-transform: capitalize;
  line-height: 1em;
  background-color: #bffb4f;
  border-radius: 500px 500px 500px 500px;
  padding: 0.8em 3em 0.8em 3em;
  text-decoration: none;
  text-align: center;
  box-shadow: 0.125em 0.125em 0 0 #241f20, 0.25em 0.25em 0 0 #241f20,
    0.25em 0.25em 0 0 #241f20;
  transition: 0.3s;
}

.load_more_div button:hover {
  box-shadow: 0.125em 0.125em 0 0 #241f20, 0.125em 0.125em 0 0 #241f20,
    0.125em 0.125em 0 0 #241f20;
  transform: translate(0.125em, 0.125em);
}

/* Our Work End */
/*********Contact Us**********/
.contact_bg {
  background: #f3f3f3;
  padding: 90px 0;
}

#contact_form_sec {
  padding: 30px;
}

.contact_upper {
  text-align: center;
  padding-bottom: 40px;
}

.contact_upper h2 {
  font-family: trebuchet;
  font-size: 50px;
  font-weight: 700;
  color: #000;
}

.contact_upper h3 {
  font-family: trebuchet;
  font-size: 36px;
  font-weight: 700;
  color: #4e4e4e;
  margin-bottom: 25px;
}

.contact_upper p {
  font-family: "Open Sans", sans-serif;
  font-size: 18px;
  font-weight: 400;
  color: #000;
}

#contact_form_sec .main_form {
  max-width: 1000px;
  margin: auto;
  text-align: center;
}

#contact_form_sec .main_form textarea {
  height: 183px;
}

#contact_form_sec .main_form .service_input_textarea .service_input_shade {
  height: 183px;
}

#contact_form_sec .main_form .service_button {
  margin-top: 30px;
}

#contact_form_sec .main_form .wpcf7-not-valid-tip {
  color: #dc3232;
}

#contact_form_sec .main_form .wpcf7 form .wpcf7-response-output {
  margin: auto;
  margin-top: 40px;
  color: #dc3232;
  border-color: #dc3232;
}

#contact_form_sec .main_form .wpcf7 form.sent .wpcf7-response-output {
  border-color: green;
  color: green;
}

#book_ct_sec {
  background: #000;
  padding: 80px 0;
}

.book_box_left {
  background: #bffb4f;
  padding: 80px;
  border-radius: 50px;
}

.book_box_right {
  background: #bffb4f;
  padding: 80px;
  border-radius: 50px;
}

.book_box_con h3 {
  font-family: trebuchet;
  font-size: 36px;
  font-weight: 700;
  color: #000;
  margin: 35px 0 22px 0;
}

.book_box_con p {
  font-family: "Open Sans", sans-serif;
  font-size: 18px;
  font-weight: 400;
  color: #000;
}

.book_box_con a {
  font-family: "Open Sans", sans-serif;
  font-size: 14px;
  font-weight: 400;
  color: #000;
  text-decoration: underline;
  transition: 0.5s;
}

.book_box_con a:hover {
  color: #8342fb;
}

.book_box_con img {
  width: 70px;
  height: 54px;
  object-fit: contain;
}

.email_list {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}

.email_list p {
  margin: 0;
  padding: 0;
  font-size: 14px;
  margin-right: 3px;
  font-weight: 700;
}

.email_list a {
  text-decoration: none;
}

/* Contact Us End */
#mega-menu-wrap-menu-1 #mega-menu-menu-1>li.mega-menu-item>a.mega-menu-link {
  background: transparent !important;
}

#mega-menu-wrap-menu-1 #mega-menu-menu-1>li.mega-menu-item {
  position: relative;
  margin-right: 5px;
}

#mega-menu-wrap-menu-1 #mega-menu-menu-1>li.mega-menu-item.mega-current-menu-item>a.mega-menu-link::before {
  width: 100%;
}

#mega-menu-wrap-menu-1 #mega-menu-menu-1>li.mega-menu-item.mega-current-menu-item>a.mega-menu-link {
  /* color: #fff; */
}

.service-template-seo-service .modal .modal-dialog {
  max-width: 1000px !important;
  height: auto;
}

/* blogs */
section#inner_blog {
  background-color: #f3f3f3;
}

.post-row {
  --bs-gutter-x: 1.5rem;
  --bs-gutter-y: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 50px;
}

.post-row>* {
  flex-shrink: 0;
  width: 100%;
  max-width: 100%;
}

article.custom-post-item {
  padding: 0;
  border-radius: 50px;
  background: #fff;
  transition: 0.5s;
}

.post_content {
  padding: 50px 30px;
}

.post-thumbnail {
  overflow: hidden;
  height: 200px;
}

article.custom-post-item img.post-featured-image.wp-post-image {
  object-fit: cover;
  height: 350px;
  width: 100%;
  transition: 0.5s;
}

article.custom-post-item:hover {
  box-shadow: 0.5em 0.5em 0 0 #8342fb !important;
}

article.custom-post-item:hover img.post-featured-image.wp-post-image {
  transform: scale(1.1);
}

article.custom-post-item h2 a {
  color: #000;
  font-size: 36px;
  line-height: 42px;
  font-weight: 700;
  margin-bottom: 30px;
  text-decoration: none;
}

article.custom-post-item p {
  font-size: 16px;
  color: #000;
  font-family: "Open Sans", sans-serif;
}

.post-categories a {
  font-size: 15px;
  color: rgb(0, 0, 0);
  font-family: "Open Sans", sans-serif;
}

.main_blog_box .custom-post-item:nth-child(1) {
  padding: 115px 75px;
}

.main_blog_box .custom-post-item:nth-child(1) .post-categories,
.main_blog_box .custom-post-item:nth-child(1) h2.post-title,
.main_blog_box .custom-post-item:nth-child(1) .post-meta {
  position: relative;
  z-index: 9;
  color: #fff;
}

.custom-post-item {
  position: relative;
  overflow: hidden;
}

.main_blog_box .custom-post-item:nth-child(1) .post-thumbnail {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  max-height: initial;
}

.main_blog_box .custom-post-item:nth-child(1) .post-thumbnail:before {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background: #000;
  opacity: 0.5;
  z-index: 1;
}

.main_blog_box .custom-post-item:nth-child(1) .post-thumbnail img.post-featured-image.wp-post-image {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.main_blog_box .custom-post-item:nth-child(1) .post-excerpt {
  display: none !important;
}

.main_blog_box .custom-post-item:nth-child(1) h2 {
  margin-bottom: 10px;
}

.main_blog_box .custom-post-item:nth-child(1) h2 a {
  color: #fff;
}

.post-categories {
  margin-bottom: 10px;
}

.post-categories a {
  background-color: #bffb4f;
  padding: 5px 15px;
  text-decoration: none;
  border-radius: 50px;
  margin-right: 5px;
  font-size: 14px;
}

.custom-post-item a,
.custom-post-item span {
  font-family: "Open Sans", sans-serif;
}

.custom-post-item a.read-more {
  color: #8342fb;
}

.custom-post-item:not(:nth-child(1)) .post-meta.post-meta-first,
.main_blog_box .custom-post-item:nth-child(1) .post-meta.post-meta-all {
  display: none;
}

.post-meta.post-meta-all {
  color: #ababb0;
}

.post-meta.post-meta-all {
  font-size: 12px;
}

.post-meta.post-meta-all img {
  width: 15px;
}

.posts-pagination {
  margin: 80px 0 30px;
  text-align: center;
  font-family: "Open Sans", sans-serif;
  display: flex;
  justify-content: center;
  gap: 15px;
}

.posts-pagination span.page-numbers.current {
  background-color: #bffb4f;
  padding: 5px;
  border-radius: 10px;
  width: 35px;
  height: 35px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.posts-pagination a.page-numbers {
  padding: 5px;
  border-radius: 10px;
  width: 35px;
  height: 35px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #8342fb;
  text-decoration: none;
  transition: 0.3s;
}

.posts-pagination a.page-numbers:hover {
  background: #ddd;
}

.posts-pagination a.next.page-numbers,
.posts-pagination a.prev.page-numbers {
  width: auto;
  padding: 5px 10px;
  height: 35px;
}

.post-featured-image img {
  width: 100%;
  position: relative;
  margin-top: -180px;
  margin-bottom: 50px;
}

body.wp-singular * {
  /* font-family: "Open Sans", sans-serif; */
}

.ph_num span {
  width: 100%;
  display: block;
}

.ph_num span .iti.iti--allow-dropdown {
  width: 100%;
  /* margin-bottom: 35px; */
}

.main_form .ph_num.service_input p {
  z-index: 999;
  position: relative;
}

.ph_num li.iti__country.iti__standard.iti__active {
  background: #bffb4f;
}

.main_form .ph_num.service_input .iti__selected-flag {
  outline: none !important;
  box-shadow: none !important;
  border: none !important;
}

.left_img_top {
  padding-top: 50px;
}

.left_img_top img {
  max-width: 100%;
}
.iti__country-list{
	    border-radius: 20px 0 0 20px;
    padding: 10px 10px;
}
/*********Responsiveness********/
@media (min-width: 1200px) {
  .main_blog_box .custom-post-item:nth-child(1) {
    flex: 0 0 auto;
    width: 100%;
  }

  .custom-post-item {
    flex: 0 0 auto;
    width: calc(50% - 50px);
  }
}

@media (max-width: 1399px) {
  .work_card_latest h2 {
    font-size: 48px;
    line-height: 54px;
    min-height: 165px;
  }

  .work_card_latest h2 span {
    font-size: 38px;
  }

  .work_card_latest h3 {
    font-size: 28px;
    line-height: 30px;
  }
}

@media (max-width: 1199px) {
  .work_card_latest h2 {
    font-size: 36px;
    line-height: 42px;
    min-height: 130px;
  }

  .work_card_latest h2 span {
    font-size: 26px;
  }

  .work_card_latest h3 {
    font-size: 22px;
    line-height: 24px;
  }

  #mega-menu-wrap-menu-1 #mega-menu-menu-1>li.mega-menu-item>a.mega-menu-link {
    font-size: 10px;
  }

  .client_shape img {
    max-width: 300px;
  }
}

@media (max-width: 1024px) {

  /* 5-6-2025 */
  .work_card_latest h2 {
    font-size: 42px;
    line-height: 50px;
    min-height: 154px;
  }

  .work_card_latest h2 span {
    font-size: 32px;
  }

  #team_sec .modal.fade .modal-dialog .modal-body .team_modal_content h3 {
    font-size: 36px;
  }

  #team_sec .modal.fade .modal-dialog .modal-body .team_modal_content h5 {
    font-size: 18px;
  }

  #team_sec .modal.fade .modal-dialog .modal-body .team_modal_content p {
    font-size: 16px;
  }

  /* 5-6-2025 */
  .banner_mobile_img {
    position: unset;
    margin: auto;
    margin-top: 70px;
  }

  .single-our-work #inner_banner {
    padding: 50px 0 380px 0px;
  }

  /* 17-7-2025 */
  .inner_ready_container {
    border-radius: 50px;
  }

  section#signup_before_footer {
    padding-left;
    0;
  }

  html body #signup_before_footer input.wpcf7-form-control.wpcf7-submit.has-spinner {
    min-height: initial;
    font-size: 18px;
    background-position: 38%;
    background-size: 20px;
  }

  html body .main_form input[type="submit"] {
    min-height: initial;
    font-size: 18px;
  }
}

@media (max-width: 991px) {
  html body .cost_bg {
    background: #F3F3F3;
    padding: 50px 30px;
    margin: 15px 0;
  }

  html body .cost_bg .cost_cont_left {
    padding-bottom: 30px;
  }

  #masthead {
    padding-top: 18px;
    padding-bottom: 15px;
  }

  .inner_banner_main_heading h1 {
    font-size: 40px;
  }

  #abt_digital_success h2 {
    font-size: 32px;
  }

  section#abt_digital_success {
    padding: 65px 0;
  }

  #team_sec h2 {
    font-size: 32px;
  }

  #team_sec {
    padding: 65px 0;
  }

  #team_sec h2 {
    padding-bottom: 50px;
    text-align: left;
  }

  .choose_content {
    padding: 50px 0 0 0;
  }

  .custom_heading {
    font-size: 32px;
  }

  .process_bg {
    min-height: 500px;
  }

  .choose_upper_div h3 {
    font-size: 30px;
  }

  .choose_upper_div {
    padding: 50px 25px 25px;
  }

  .steps_div {
    padding-left: 0;
  }

  .step_card {
    margin-bottom: 25px;
  }

  .process_last_div .container {
    max-width: 720px;
  }

  .process_last_div {
    padding: 50px 0 85px 0;
  }

  .left_img_con {
    display: none;
  }

  .right_con {
    padding-left: 0;
  }

  .faq_div h3.accordion-header button {
    font-size: 28px;
  }

  .faq_div {
    padding: 30px 0 80px 0px;
  }

  .client_shape img {
    display: none;
  }

  .clients_right h2 {
    font-size: 32px;
  }

  #testimonials_sec {
    padding: 65px 0;
  }

  #ready_sec h3 {
    font-size: 32px;
  }

  section#ready_sec {
    padding: 50px 0 50px 0;
  }

  .ready_btns a {
    margin-right: 30px;
    margin-bottom: 30px;
  }

  .tech_inner_div {
    padding: 60px 0;
  }

  .tech_left h2 {
    font-size: 32px;
  }

  #tech_section .img_new_con {
    height: unset;
    margin-top: 70px;
  }

  #testimonials_bg {
    min-height: 500px;
  }

  .choose_content h3 {
    font-size: 25px;
  }

  .serv_banner_con h1 {
    font-size: 40px;
  }

  .serv_form input[type="submit"] {
    width: 300px;
    margin-top: 30px;
  }

  .service_shade {
    padding: 175px 0 80px 0;
  }

  .service_shade .inner_banner_arrow {
    padding-top: 60px;
  }

  #core_services h2 {
    font-size: 32px;
  }

  #core_services {
    padding: 66px 0 25px;
  }

  .service_card {
    max-width: 100%;
    margin: unset;
    margin-bottom: 30px;
  }

  section#choose_i2d {
    padding: 65px 0 60px 0;
  }

  .right_serv {
    margin-top: 50px;
  }

  section#work_section {
    padding-bottom: 65px;
  }

  .main_serv_bg_imag {
    min-height: 400px;
  }

  .serv_left_inner h2,
  .serv_right_inner h2 {
    font-size: 32px;
  }

  .serv_left_main,
  .serv_right_main {
    padding-top: 65px;
    padding-bottom: 50px;
  }

  .serv_right_inner h3 {
    font-size: 28px;
  }

  #partner_section {
    padding: 65px 0;
  }

  #partner_section h2 {
    font-size: 32px;
/*     text-align: left; */
  }

  section#ready_section_serv {
    padding: 60px 0 45px 0;
  }

  .left_col_ready h3,
  .left_col_ready h3 span {
    font-size: 30px;
  }

  .left_col_ready h4 {
    font-size: 50px;
    text-align: left;
  }

  .left_col_ready p {
    margin: -14px 0 0 18px;
  }

  .left_col_ready a {
    text-align: left;
  }

  #ready_section_serv .main_form {
    padding-left: 0;
    padding-top: 50px;
  }

  .main_form input,
  .main_form select,
  .main_form textarea {
    font-size: 20px;
  }

  .inner_ready_container {
    padding: 40px 30px 45px 35px;
  }

  .left_img {
    text-align: left;
  }

  #ready_section_serv h2 {
    font-size: 45px;
    margin-bottom: 30px;
    text-align: center;
  }

  .serv_form input {
    font-size: 20px;
  }

  .tech_left {
    padding-right: 0;
  }

  .banner_destkop_img {
    height: unset;
  }

  section#single_work_main {
    position: relative;
    margin-top: 40px;
  }

  .single-our-work #inner_banner {
    padding: 50px 0 50px 0px;
  }

  .single-our-work .inner_banner_arrow {
    position: unset;
  }

  .banner_mobile_img {
    height: unset;
  }

  .middle_img1 {
    position: unset;
    text-align: center;
    padding: 50px 0 50px 0;
  }

  .middle_img2 {
    position: unset;
    text-align: center;
  }

  section#work_middle_images {
    padding: 50px 0 20px 0;
    position: relative;
  }

  #work_banner_img {
    min-height: 400px;
    margin-top: -150px;
  }

  .our-work-page-sec {
    padding-top: 65px;
  }

  #inner_banner {
    padding: 80px 0 70px 0px;
    margin-top: 65px;
  }

  .serv_banner_con h2 {
    font-size: 32px;
  }

  section#single_Serv_web_second_section .row {
    padding: 40px 0;
  }

  .single_serv_con h2 {
    font-size: 32px;
  }

  .single_serv_con.right_single_serv_content {
    padding-left: 0;
    padding-top: 35px;
  }

  #single_Serv_web_second_section img {
    height: 250px;
  }
	
	.wrapper_cards_process .card_cust{
		flex-wrap: wrap;
	}
	#single_serv_process_sec .steps-sticky-wrap .count-step-sticky {
    width: 100%;
}
	#single_serv_process_sec .steps-sticky-wrap .content-step-sticky {
    width: 100%;
}
  #single_serv_process_sec h2 {
    font-size: 32px;
    padding-bottom: 45px;
    text-align: left;
  }
	.contentsection{
		    height: clamp(400px, 50vh, 1000px);
	}
  .step_counter {
    text-align: left;
  }

  .step_title {
    text-align: left;
    margin-right: 0;
    margin-left: 0;
    margin-bottom: 15px;
  }

  .process_slider button.slick-prev.slick-arrow {
    top: -55px;
  }

  .process_slider button.slick-next.slick-arrow {
    top: 20px;
  }

  .step_counter span {
    font-size: 150px;
    line-height: 157px;
  }

  #single_serv_process_sec {
    padding: 90px 0 65px;
  }

  .img_serv_wrap {
    height: unset;
  }

  .how_right h3 {
    font-size: 30px;
  }

  .how_right {
    padding-left: 0;
    padding-top: 50px;
  }

  #how_it_work_sec {
    padding-bottom: 65px;
  }

  #engage_sec {
    padding: 65px 0 65px 0;
  }

  #engage_sec h2 {
    font-size: 32px;
  }

  .single_serv_con h3 {
    font-size: 30px;
  }

  .single_serv_con.engage_right {
    margin-left: 0;
    margin-top: 40px;
  }

  .single_serv_con.engage_left {
    margin-right: 0;
  }

  .book_wrap {
    display: none;
  }

  #book_serv h3 {
    font-size: 45px;
    text-align: left;
  }

  #book_serv .btn_con {
    text-align: left;
  }

  #book_serv {
    padding-bottom: 65px;
  }

  #faq_sec h2 {
    font-size: 32px;
  }

  #faq_sec .faq_div {
    padding: 30px 0 60px 0px;
  }

  #success_section {
    padding: 65px 0;
  }

  .success_left h2 {
    font-size: 32px;
  }

  .comp_inner h3 {
    font-size: 25px;
  }

  .success_left {
    padding-right: 0;
    padding-bottom: 50px;
  }

  #serv_ready2 {
    padding: 60px 0;
  }

  #serv_ready2 h3,
  #serv_ready2 p {
    text-align: left;
  }

  #serv_ready2 .btn_con {
    text-align: left;
  }

  #masthead .left_con {
    text-align: left;
  }

  .single_serv_con.left_single_serv_content {
    padding-right: 0;
  }

  #serv_ready2 h3 {
    font-size: 30px;
  }

  #seo_service_Second_Sec {
    padding: 65px 0 0;
  }

  .img_wrap_serv {
    height: unset;
  }

  .seo_serv_content h2 {
    font-size: 32px;
  }

  .seo_serv_content.seo_right {
    padding: 45px 0 0 0;
  }

  #seo_service_Second_Sec .seo_second_row {
    padding-bottom: 20px;
  }

  #providing_solutions_section {
    padding: 65px 0;
  }

  #providing_solutions_section .seo_serv_content h2 {
    font-size: 32px;
  }

  .seo_serv_content h3 {
    font-size: 30px;
  }

  .provide_slider_wrapper {
    padding-top: 50px;
  }

  .provide_slider_left_con h3 {
    font-size: 30px;
  }

  .provide_slider_right_con p {
    font-size: 60px;
    margin: 0 0 -10px 0;
  }

  .provide_end_content {
    margin-top: 120px;
    margin-right: 0;
  }

  .provide_slider button.slick-prev.slick-arrow {
    right: 100px;
    left: unset;
    top: unset;
    z-index: 2;
    bottom: -130px;
  }

  .provide_slider button.slick-next.slick-arrow {
    right: 20px;
    left: unset;
    top: unset;
    z-index: 2;
    bottom: -130px;
  }

  section#seo_fourth_sec {
    padding: 65px 0;
  }

  .seo_serv_content.seo_fourth_sec_left {
    padding-right: 0;
    padding-bottom: 55px;
  }

  #fifth_section {
    background: #000;
    padding: 65px 0 65px;
  }

  #fifth_section h2 {
    font-size: 32px;
  }

  .fifth_con {
    padding: 60px 20px 25px 20px;
  }

  .fifth_con h3 {
    font-size: 30px;
  }

  #seo_results_sec {
    padding: 65px 0;
  }

  #seo_results_sec h3 {
    font-size: 30px;
  }

  #seo_results_sec .move_inner span {
    font-size: 60px;
    line-height: 60px;
  }

  #fifth_section {
    background: #000;
    padding: 65px 0 100px;
  }

  #eighth_section {
    padding: 65px 0;
  }

  .img_new_wrap {
    background: #8342fb;
    height: unset;
    padding: 40px 40px 40px 0;
  }

  .seo_serv_content.seo_eight_right {
    padding-left: 0;
    padding-top: 45px;
  }

  .seo_serv_content.seo_eight_left h2 {
    max-width: 100%;
  }

  .seo_serv_content.seo_eight_left h3 {
    font-size: 30px;
  }

  .img_new_wrap2 {
    height: unset;
    padding: 40px 0 40px 40px;
  }

  section#ninth_Sec {
    padding-bottom: 70px;
  }

  #ethics_sec {
    padding: 65px 0 50px;
  }

  .ethic_inner {
    text-align: left;
    max-width: 100%;
  }

  .img_wrap_serv.why_img {
    height: unset;
  }

  .seo_serv_content.seo_right.why_right h2 {
    font-size: 32px;
  }

  .service-template-seo-service #faq_sec h2 {
    max-width: 850px;
  }

  .last_inner {
    text-align: left;
    max-width: 100%;
  }

  #last_form_section h2 {
    text-align: left;
    padding: 0;
  }

  #last_form_section .main_form {
    text-align: left;
  }

  .last_inner a {
    font-size: 35px;
  }

  #last_form_section {
    padding-bottom: 65px;
  }

  .seo_serv_content.seo_eight_left {
    padding-right: 0;
  }

  #second_maintain_sec {
    padding: 65px 0;
  }

  .seo_serv_content.second_maintain_right {
    padding-right: 0;
    padding-bottom: 60px;
  }

  #second_maintain_sec .img_wrap_serv {
    height: unset;
  }

  #why_maintain_sec {
    padding: 65px 0 0;
  }

  .why_upper h2 {
    font-size: 32px;
  }

  .why_upper {
    text-align: left;
    max-width: 100%;
  }

  .why_slider .item {
    margin-right: 0;
  }

  .why_maintain_wrapper {
    padding: 0 15px;
  }

  .why_box {
    background: #8342fb;
    padding: 65px 35px 65px 35px;
    min-height: unset;
  }

  .why_box h3 {
    font-size: 30px;
  }

  section#why_img {
    margin: 165px 0 65px 0;
  }

  .main_upper h2 {
    font-size: 32px;
  }

  .main_upper {
    max-width: 100%;
    text-align: left;
  }

  .comp_left_shade {
    padding: 45px 40px 30px 40px;
  }

  .comp_con_left h3,
  .comp_con_right h3 {
    font-size: 30px;
  }

  .comp_right_shade {
    padding: 45px 40px 30px 40px;
  }

  #why_img img {
    height: unset;
  }

  #packages_sec {
    padding: 65px 0;
  }

  .package_box_new h3 {
    font-size: 30px;
  }

  .package_inner p {
    font-size: 50px;
  }

  #benefits_section {
    padding: 65px 0;
  }

  .ben_con h3 {
    font-size: 30px;
  }

  .ben_con {
    max-width: 100%;
    padding-bottom: 60px;
    padding-top: 50px;
  }
#benefits_section .row_count_1 .ben_con,
	#benefits_section .row_count_2 .ben_con,
	#benefits_section .row_count_3 .ben_con,
	#benefits_section .row_count_4 .ben_con,
	#benefits_section .row_count_5 .ben_con,
	#benefits_section .row_count_6 .ben_con,
  #benefits_section .row:nth-child(odd) .ben_con {
    padding-left: 0 !important;
    max-width: 100% !important;
    padding-top: 0px !important;
  }
#benefits_section .ben_img_wrap img {
    border-radius: 50px !important;
}
  #benefits_section .col-lg-6.col-md-12.p-0 {
    padding: 0 12px !important;
  }

  #benefits_section .main_upper {
    padding-bottom: 0;
  }

  #book_section {
    padding: 50px 0;
  }

  .book_con h3 {
    font-size: 50px;
  }

  .book_con {
    padding-bottom: 60px;
  }

  .left_col_ready.maintain_col h3 {
    font-size: 32px;
  }

  .contact_upper {
    text-align: left;
  }

  .contact_upper h2 {
    font-size: 32px;
  }

  .contact_upper h3 {
    font-size: 30px;
  }

  #contact_form_sec .main_form {
    text-align: left;
  }

  .contact_bg {
    padding: 60px 0;
  }

  .book_box_left,
  .book_box_right {
    padding: 45px;
    margin-bottom: 30px;
  }

  #book_ct_sec {
    padding: 65px 0;
  }

  .book_box_con h3 {
    font-size: 30px;
  }

  #contact_form_sec {
    padding: 0;
  }

  #home_banner {
    padding-top: 150px;
  }

  .contact-sec .black-box {
    flex-direction: column;
    gap: 40px;
  }

  .contact-sec .title_con {
    max-width: 100%;
  }

  #home_sec_1 .main_wrapper .title_con {
    position: relative;
    z-index: 1;
  }

  #home_sec_1 .main_wrapper .title_con .left h2 {
    font-size: 32px;
  }

  #home_sec_1::before {
    height: 98%;
  }

  #home_sec_3 .top_content_con .title_con h2,
  .testimonial-sec .title_con h2,
  .faq-section .title_con h2 {
    font-size: 32px;
    text-align: left;
  }

  .faq-section .faq-item strong {
    font-size: 25px;
  }

  #home_banner .content_con {
    max-width: 100%;
    text-align: left;
  }

  #home_banner .btn_con {
    text-align: left;
  }

  .right_con .elementor-button-wrapper {
    display: none;
  }

  #masthead .left_con {
    margin-bottom: 0 !important;
  }

  #masthead .right_con {
    justify-content: end !important;
  }

  .home #mega-menu-wrap-menu-1 #mega-menu-menu-1>li.mega-menu-item>a.mega-menu-link {
    color: #fff;
  }

  #mega-menu-wrap-menu-1 #mega-menu-menu-1>li.mega-menu-item>a.mega-menu-link {
    font-size: 16px;
  }

  #mega-menu-wrap-menu-1 #mega-menu-menu-1>li.mega-menu-item {
    margin-right: 0;
  }

  #comp_section {
    overflow: hidden;
  }
}

@media (max-width: 767px) {
  .work_card_latest h2 {
    min-height: initial;
  }

  .testimonial-sec .testimonial-content p {
    min-height: 175px;
  }

  html body .testimonial-sec .testimonial-box:nth-child(2) {
    top: 20px !important;
  }

  html body .testimonial-sec .testimonial-box:nth-child(2) {
    top: 40px !important;
  }

  html body .testimonial-sec .testimonial-box:nth-child(3) {
    top: 60px !important;
  }

  #masthead {
    top: 0;
  }

  .contact_bg {
    padding: 60px 12px 60px 0;
  }

  #inner_banner {
    margin-top: 0;
    padding: 100px 0 70px 0px;
  }

  #team_sec {
    padding: 65px 0 20px;
  }

  .choose_inner_div {
    padding: 65px 0;
  }

  .step_card {
    min-height: unset;
    padding: 30px 25px 30px 28px;
  }

  .faq_div h3.accordion-header button {
    font-size: 18px;
  }

  .tech_inner_div {
    padding: 20px 8px;
  }

  .team_card {
    margin-bottom: 45px;
  }

  #abt_choose_sec {
    padding: 0;
  }

  #tech_section {
    padding: 0;
  }

  .tech_inner_div {
    padding: 50px 0;
  }

  #abt_choose_sec .img_new_con {
    height: unset;
  }

  .service_shade {
    padding: 120px 0 80px 0;
  }

  .partner_rep li {
    width: 50%;
    margin-inline: 0;
  }

  #partner_section .btn_con {
    text-align: left;
  }

  #signup_before_footer {
    padding-top: 40px;
    padding-bottom: 50px;
  }

  .middle_img1 img {
    width: 100%;
    height: unset;
    object-fit: cover;
    max-width: 300px;
  }

  .middle_img2 img {
    width: 100%;
    height: unset;
    object-fit: cover;
    max-width: 300px;
  }

  #work_slider .owl-dots {
    width: 96%;
  }

  section#work_end_sec {
    padding-bottom: 70px;
  }

  .package_box_new {
    min-height: unset;
  }

  #benefits_section .main_upper h2 {
    margin-bottom: 0;
  }

  #home_banner .content_con p {
    color: #000 !important;
  }

  #home_banner .partners {
    display: flex;
    justify-content: start;
    align-items: center;
    padding: 65px 0 0 0;
    gap: 11px;
    flex-wrap: wrap;
  }

  #mega-menu-wrap-menu-1 .mega-menu-toggle .mega-toggle-blocks-right .mega-toggle-block {
    background: #8342fb;
  }

  #home_banner {
    padding-top: 100px;
  }
}

@media (max-width: 575px) {
  .partner_rep li img {
    max-width: 120px;
  }
}

/* 25-6 */
#ready_sec .client_shape img {
  right: 0;
  top: -460px;
  z-index: -1;
}

.serv_main_home#home_sec_1 .main_wrapper .services_wrapper .services .service,
.serv_main_home#home_sec_1 .main_wrapper .services_wrapper .services .service .content_con {
  height: auto;
}

.serv_main_home#home_sec_1 .main_wrapper .services_wrapper .services .service .hover_content,
.serv_main_home#home_sec_1 .main_wrapper .services_wrapper .services .service:hover .hover_content {
  transform: translateY(0%);
  position: unset;
  height: auto;
  padding: 0;
}

.serv_main_home#home_sec_1 .main_wrapper .services_wrapper .services .service ul.wp-block-list {
  margin: 0;
}

.serv_main_home#home_sec_1 .main_wrapper .services_wrapper .services .service {
  background-color: #fff;
}

.serv_main_home#home_sec_1 .main_wrapper .services_wrapper .services .service .content_con .left h6 {
  color: #000;
  min-height: 84px;
  font-size: 36px;
  line-height: 42px;
  font-weight: 700;
  margin-bottom: 30px;
}

.serv_main_home#home_sec_1 .main_wrapper .services_wrapper .services .service .content_con .left h6 i {
  display: block;
  font-style: normal;
}

.serv_main_home#home_sec_1 .main_wrapper .services_wrapper .services .service {
  padding: 50px 30px;
  border-radius: 50px;
}

#mega-menu-wrap-menu-1 #mega-menu-menu-1>li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link i {
  font-style: normal;
}

#mega-menu-wrap-menu-1 #mega-menu-menu-1>li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link::before {
  content: "";
  background: #8342fb;
  width: 0%;
  height: 100%;
  height: 2px;
  position: absolute;
  left: 0;
  /* top: 0; */
  bottom: 0;
  transition: 0.5s;
  z-index: -1;
}

#mega-menu-wrap-menu-1 #mega-menu-menu-1>li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link:hover::before {
  width: 100%;
}

.scroll_bottom {
  transform: translateY(-100%);
}

#masthead.scroll_top {
/*   padding-top: 20px;
  padding-bottom: 20px; */
}

.process_slider-carousel.owl-carousel .owl-nav button.owl-prev {
  width: 64px;
  height: 64px;
  background: #d9ff93;
  border-radius: 50%;
  transition: 0.5s;
  display: flex;
  place-items: center;
  position: absolute;
  right: -50px;
  left: unset;
  top: 24%;
  z-index: 2;
  justify-content: center;
  display: none !important;
}

.process_slider-carousel.owl-carousel .owl-nav button.owl-next {
  width: 64px;
  height: 64px;
  background: #d9ff93;
  border-radius: 50%;
  transition: 0.5s;
  display: flex;
  place-items: center;
  position: absolute;
  right: -50px;
  left: unset;
  top: 55%;
  z-index: 2;
  justify-content: center;
}

.process_slider-carousel.owl-carousel .owl-nav button.owl-prev:hover,
.process_slider-carousel.owl-carousel .owl-nav button.owl-next:hover {
  background: #dac5ff;
}

.why_slider.owl-carousel .owl-item img {
  width: auto;
}



/* smooth marquee */

.marquee {
  display: flex;
  overflow: hidden;
  /*height: 10vh;*/
  user-select: none;
  gap: 2rem;
  padding-top: 2rem;
  padding-bottom: 2rem;
  /*background-color: green;*/
  /*transform: skewY(-3deg); */
  /*transform: rotate(-5deg) translateY(-30px) translateX(50px);*/
}


.marquee__group {
  flex-shrink: 0;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 2rem;
  min-width: 100%;
  animation: scroll 35s linear infinite reverse;
}

.marquee_item {
  /* 	  flex: 0 0 30%; */
  /* 	width: 30%; */
  flex: 0 0 auto;
  width: auto;
  /*   background: #eee; */
  /*   padding: 20px; */
  box-sizing: border-box;
  text-align: center;
  border-radius: 0;
  padding: 20px;
}

.marquee_item img {
  width: 400px;
  box-shadow: 0 0 20px 10px #0000001A;
}

/* Responsive: 2 columns on mobile */
@media screen and (max-width: 768px) {
  .marquee_item {
    /*     flex: 0 0 calc(100% / 2 - 1rem); */
    flex: 0 0 auto;
    width: auto;
  }

  .marquee_item img {
    width: 250px;
  }
}



@keyframes scroll {
  from {
    transform: translateX(calc(-100% - 2rem));
  }

  to {
    transform: translateX(0);
  }
}

/*  8-7-2025  */
/* 9-7 */


.testimonial-sec {
  min-height: 150vh;
}

.testimonial-sec .title_con {
  text-align: center;
  margin-bottom: 100px;
}


.testimonial-sec .testimonial-wrapper {
  /* position: relative;
            max-width: 1050px;
            width: 100%;
            margin: 0 auto;
            padding-right: 50px; */
  height: 150vh;
}

@media (min-height: 950px) {
  .testimonial-sec .testimonial-wrapper {
    height: 125vh;
  }
}

.testimonial-sec .testimonial-box {
  position: sticky;
  padding: 50px;
  box-shadow: 0.5em 0.5em 0 0 #000000B2 !important;
  margin-bottom: 100px;
  opacity: 0;
  transform: translateY(100px) translateZ(0);
  transition: all 0.8s cubic-bezier(0.165, 0.84, 0.44, 1);
  border-radius: 50px;
  /* Stacking z-index */
  z-index: 10;
}

/* Stacking order - later boxes appear on top */
.testimonial-sec .testimonial-box:nth-child(1) {
  z-index: 1;
  background: #ECFFC8;
}

.testimonial-sec .testimonial-box:nth-child(2) {
  z-index: 2;
  background: #D7FF8C;
}

.testimonial-sec .testimonial-box:nth-child(3) {
  z-index: 3;
  background: #BFFB4F;
}

.testimonial-sec .testimonial-box:nth-child(4) {
  z-index: 4;
  background: #ECFFC8;
}


/* Stacking order - later boxes appear on top wp */
section.testimonial-sec.testimonial_sec_zigzag .testimonial-box:nth-child(1) {
  background: #E9DEFF;
}

section.testimonial-sec.testimonial_sec_zigzag .testimonial-box:nth-child(2) {
  background: #CCB0FF;
}

section.testimonial-sec.testimonial_sec_zigzag .testimonial-box:nth-child(3) {
  background: #8342FB;
}

section.testimonial-sec.testimonial_sec_zigzag .testimonial-box:nth-child(3) strong, 
section.testimonial-sec.testimonial_sec_zigzag .testimonial-box:nth-child(3) h5,
section.testimonial-sec.testimonial_sec_zigzag .testimonial-box:nth-child(3) .testimonial-content p{
	color: #fff;
}
section.testimonial-sec.testimonial_sec_zigzag .testimonial-box:nth-child(3) .elementor-button-link {
    -webkit-box-shadow: 0.125em 0.125em 0 0 #fff, 0.25em 0.25em 0 0 #fff, 0.25em 0.25em 0 0 #fff;
    box-shadow: 0.125em 0.125em 0 0 #fff, 0.25em 0.25em 0 0 #fff, 0.25em 0.25em 0 0 #fff;
    transition: 0.3s;
}
section.testimonial-sec.testimonial_sec_zigzag .testimonial-box:nth-child(3) .elementor-button-link:hover {
    -webkit-box-shadow: 0.125em 0.125em 0 0 #fff, 0.125em 0.125em 0 0 #fff, 0.125em 0.125em 0 0 #fff;
    box-shadow: 0.125em 0.125em 0 0 #fff, 0.125em 0.125em 0 0 #fff, 0.125em 0.125em 0 0 #fff;
    -webkit-transform: translate(0.125em, 0.125em);
    -ms-transform: translate(0.125em, 0.125em);
    transform: translate(0.125em, 0.125em);
}
/* Visible state */
.testimonial-sec .testimonial-box.visible {
  opacity: 1;
  transform: translateY(0) translateZ(0);
}

/* Offset positioning - cover from bottom, show top part */
.testimonial-sec .testimonial-box:nth-child(1) {
  top: 150px;
}

.testimonial-sec .testimonial-box:nth-child(2) {
  top: 200px;
  /* Shows top 50px of previous box */
}

.testimonial-sec .testimonial-box:nth-child(3) {
  top: 250px;
  /* Shows top 100px of previous boxes */
}

.testimonial-sec .testimonial-box:nth-child(4) {
  top: 300px;
  /* Shows top 150px of previous boxes */
}

.testimonial-sec .testimonial-content p {
  font-size: 20px;
  color: #000;
  line-height: 1.6;
  margin-bottom: 25px;
}


/* Hover effects */
.testimonial-sec .testimonial-box:hover {
  transform: translateY(-5px) translateZ(0);
  box-shadow: 0.8em 0.8em 0 0 #241f20;
}

.testimonial-sec .testimonial-box.visible:hover {
  transform: translateY(-5px) translateZ(0);
}



/* Responsive */
@media (max-width: 768px) {
  .testimonial-sec .title_con h2 {
    font-size: 36px;
  }

  .testimonial-sec .testimonial-box {
    padding: 30px;
    margin-bottom: 40px;
  }

  .testimonial-sec .testimonial-box:nth-child(n) {
    top: 20px !important;
    margin-bottom: 80px;
  }

  .testimonial-sec .testimonial-content p {
    font-size: 18px;
  }

  .testimonial-sec .testimonial-box strong,
  .testimonial-sec .testimonial-box h5 {
    font-size: 24px;
  }
}

.cost_bg {
  background: #F3F3F3;
  padding: 90px 70px;
  margin: 15px 0;
}

@media (min-width: 1025px) {
  .cost_cont_left {
    max-width: 80%;
  }
}

.textarea_subplaceholder {
  position: absolute;
  left: 25px;
  width: 100%;
  z-index: 9;
  top: 50px;
  font-weight: 400;
  font-size: 14px;
  color: #999999;
}

.main_form .textarea_service .service_input_shade {
  height: 100%;
}

.main_label {
  font-weight: 600;
  font-size: 20px;
}

.cost_bg h2 {
  font-weight: 700;
  font-size: 50px;
  line-height: 100%;
  margin-bottom: 15px;
}

.cost_bg h4 {
  font-weight: 400;
  font-size: 18px;
  font-family: "Open Sans", sans-serif;
}

/* radio btns */
.radio_btns {
  margin-bottom: 30px;
}

.main_form .radio_btns .wpcf7-not-valid-tip {
  bottom: -25px;
}

.radio_btns .d-block {
  margin-bottom: 20px;
  font-weight: 600;
  font-size: 20px;

}

.checkbox_btns .d-block small {
  font-size: 12px;
  margin-left: 5px;
}

.radio_btns .wpcf7-form-control.wpcf7-radio {
  display: flex;
  gap: 20px;
  flex-wrap: wrap;
}

.radio_btns .wpcf7-list-item {
  position: relative;
  margin: 0;
}

.radio_btns input {
  position: absolute;
  opacity: 0;
  width: 100%;
  cursor: pointer;
  height: 100%;
}

.radio_btns input+span {
  padding: 20px 25px;
  border: 2px solid #fff;
  background: #fff;
  display: inline-block;
  font-weight: 600;
  font-size: 20px;
  line-height: 20px;
  cursor: pointer;
  border-radius: 20px;
}

.radio_btns input:checked+span {
  border-color: #8342FB;
}

/* checkbox btns */
.checkbox_btns {
  margin-bottom: 30px;
}

.main_form .checkbox_btns .wpcf7-not-valid-tip {
  bottom: -25px;
}

.checkbox_btns .d-block {
  margin-bottom: 20px;
  margin-bottom: 20px;
  font-weight: 600;
  font-size: 20px;
}

.checkbox_btns .wpcf7-form-control.wpcf7-checkbox {
  display: flex;
  gap: 20px;
  flex-wrap: wrap;
}

.checkbox_btns .wpcf7-list-item {
  position: relative;
  margin: 0;
}

.checkbox_btns input {
  position: absolute;
  opacity: 0;
  width: 100%;
  height: 100%;
  cursor: pointer;
}

.checkbox_btns input+span {
  padding: 20px 40px;
  border: 2px solid #fff;
  background: #fff;
  display: inline-block;
  font-weight: 600;
  font-size: 20px;
  line-height: 20px;
  cursor: pointer;
  border-radius: 20px;
}

.checkbox_btns input:checked+span {
  border-color: #8342FB;
}

/* logo animate */
.i2-wrapper {
  display: inline-block;
  font-family: trebuchet;
  font-size: 40px;
  color: #fff;
  line-height: 43px;
  font-weight: 400;
  display: flex;
  min-height: 47px;
}

#masthead .left_con a {
  text-decoration: none;
}

.home_logo .i2-wrapper {
  color: #000;
  font-family: trebuchet;
}

.i2-wrapper .cursor {
  display: inline-block;
  animation: blink 0.7s infinite;
  color: #333;
}

.i2-wrapper #typed-text {
  /* 	    margin-left: 5px;
	    margin-top: 2px; */
  font-family: trebuchet;
}

@keyframes blink {

  0%,
  100% {
    opacity: 1;
  }

  50% {
    opacity: 0;
  }
}

.top_sec_ser {
  margin-top: -135px;
  padding: 50px 70px 0;
  background: #fff;
  border-radius: 50px;
}
.top_par_cont{
	position: relative;
	z-index: 999;
	padding-bottom:20px;
}
.top_sec_ser.top_par_cont img {
    border-radius: 50px;
}
.address_bar_menu {
  display: none;
}

/* steps section new style */
#single_serv_process_sec {
  /* 	min-height: 250vh; */
}

#single_serv_process_sec .steps-sticky-wrap {
  /* 	height: 250vh; */
}

#single_serv_process_sec .steps-sticky-wrap .container {
  max-width: 1320px;
}

#single_serv_process_sec .steps-sticky-wrap h2 {
  position: sticky;
  text-align: left;
  top: 50px;
	padding-top: 70px;
}
#single_serv_process_sec .steps-sticky-wrap .left_cont_prc{
  position: sticky;
  top: 50px;
	    max-width: 490px;
}
#single_serv_process_sec .steps-sticky-wrap .left_cont_prc h2{
	position: unset;
	padding-top: 70px;
}
#single_serv_process_sec .steps-sticky-wrap .steps-sticky {
  min-height: 1250px;
}

#single_serv_process_sec .steps-sticky-wrap .step-sticky:nth-child(1) {
  padding-top: 0;
  border-top: none;
  margin-top: 0px;
}

#single_serv_process_sec .steps-sticky-wrap .step-sticky {
  border-top: 1px solid #DAC5FF;
  display: flex;
  justify-content: space-between;
  padding-bottom: 35px;
  margin-top: 30px;
  padding-top: 30px;
  position: sticky;
  top: 50px;
  background: #fff;
}

#single_serv_process_sec .steps-sticky-wrap .step-sticky:nth-child(1) {
  top: 50px;
}

#single_serv_process_sec .steps-sticky-wrap .step-sticky:nth-child(2) {
  top: 140px;
}

#single_serv_process_sec .steps-sticky-wrap .step-sticky:nth-child(3) {
  top: 260px;
}

#single_serv_process_sec .steps-sticky-wrap .step-sticky:nth-child(4) {
  top: 380px;
  border-bottom: 1px solid #DAC5FF;
  /* 	position: relative; */
  position: relative;
  /* sticky ki jagah relative */
  top: 0;
  /* ya is line ko remove kar dein */
  border-bottom: 1px solid #DAC5FF;
}

.step-sticky:nth-child(4):before {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  background: #fff;
  bottom: -100%;
}

#single_serv_process_sec .steps-sticky-wrap .count-step-sticky {
  width: 18%;
}

#single_serv_process_sec .steps-sticky-wrap .content-step-sticky {
  width: 82%;
}

#single_serv_process_sec .steps-sticky-wrap .content-step-sticky h3 {
  font-family: Trebuchet MS;
  font-weight: 700;
  font-size: 40px;
  line-height: 100%;
}

#single_serv_process_sec .steps-sticky-wrap .content-step-sticky p {
  font-weight: 400;
  font-size: 18px;
  line-height: 25px;
}

.step-sticky {
  opacity: 0;
  transform: translateY(100px);
  transition: all 0.8s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.step-sticky.visible {
  opacity: 1;
  transform: translateY(0);
}
#single_serv_process_sec .wrapper_cards_process .card_des {
    border: 1px solid #EBEBEB;
    border-radius: 20px;
    padding: 40px 80px;
    margin-bottom: 50px;
}
#single_serv_process_sec .wrapper_cards_process .card_des h3 {
    font-weight: 700;
    font-size: 32px;
    color: #000;
	position: relative;
	margin-bottom: 20px;
}
#single_serv_process_sec .wrapper_cards_process .card_des h3:before {
    content: '';
    position: absolute;
    background: #BFFB4F;
    width: 14px;
    height: 14px;
    border-radius: 14px;
        left: -34px;
    top: 10px;
}
/* SEO Page New */
.service_shade.service_2_shade.seo_banner {
  padding-bottom: 70px;
}

.feature_box {
  box-shadow: 0px 4px 34px 0px #0000001A;
  border-radius: 20px;
  background: #fff;
  padding: 30px 40px;
  position: relative;
  /*     top: 185px; */
  max-width: 600px;
  margin-left: auto;
}

.feature_box h2 {
  font-weight: 700;
  font-size: 36px;
  color: #000;
  margin-bottom: 20px;
}

.feature_box p {
  font-weight: 400;
  font-size: 16px;
  color: #000;
  margin-bottom: 30px;
}

#inner_services_banner .service_2_shade.seo_banner .serv_form {
  max-width: 410px;
}

.seo_banner .service_input input {
  background: transparent;
  color: #fff;
  border-bottom: 4px solid #fff;
  border-radius: 0;
  margin-bottom: 20px;
  padding: 0;
}

.seo_banner .service_input input::placeholder {
  color: #fff;
  font-weight: 400;
}

.seo_banner .serv_form .col-lg-8.col-md-12,
.seo_banner .serv_form .col-lg-4.col-md-12 {
  width: 100%;
}

.seo_banner .serv_form .service_input_shade {
  display: none;
}

.seo_banner .serv_banner_con h2 {
  font-size: 36px;
}

.feature_box ul {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  justify-content: space-between;
}

.feature_box ul li {
  background: #EBEBEB;
  border-radius: 10px;
  padding-bottom: 10px;
  text-align: center;
}

.feature_box_white_box {
  background: #fff;
  border: 1px solid #E5E5E5;
  border-radius: 10px;
  padding: 5px;
  height: 100px;
  min-width: 110px;
}

.site_logo_seo {
  display: flex;
  align-items: center;
  height: calc(100% - 30px);
  justify-content: center;
}

.site_logo_seo img {
  max-width: 80%;
  max-height: 32px;
}

.feature_box ul li h3 {
  margin-bottom: 0;
  font-weight: 400;
  font-size: 10px;
  color: #8342FB;
  background: #F4EDFF;
  padding: 9px;
  border-radius: 6px;
}

.feature_box ul li a {
  font-weight: 700;
  font-size: 12px;
  text-align: center;
  text-decoration: none;
  color: #000;
  margin-top: 10px;
  font-family: Open Sans;
}

.top_sec_sers {
  padding: 100px 0;
}

.top_sec_sers .seo_serv_content h2 {
  max-width: 720px;
  margin-left: auto;
  margin-right: auto;
}

.top_sec_sers .seo_serv_content .cont_seo_sec {
  max-width: 944px;
}

.providing_solutions_section .seo_serv_content {
  padding-bottom: 20px;
}

.providing_solutions_section .seo_serv_content p {
  margin-bottom: 25px;
  margin-bottom: 25px;
}

.providing_solutions_section .seo_serv_content h3 {
  margin-bottom: 0;
  font-weight: 700;
  font-size: 36px;
}

#seo_results_sec {
  padding: 75px 0 0;
}

#seo_results_sec h3 {
  font-weight: 700;
  font-size: 36px;
  text-align: center;
  color: #000;
  margin-bottom: 40px;
}

#seo_results_sec .result-box {
  box-shadow: 0.5em 0.5em 0 0 #8342fb !important;
  margin-bottom: 100px;
  border-radius: 20px;
  background: #fff;
}

.case_study_left_box {
  background: #ECFFC8;
  border-radius: 20px;
  padding: 55px;
}

.case_study_left_box h4 {
  font-weight: 700;
  font-size: 36px;
  line-height: 42px;
  color: #000;
  margin-bottom: 40px;
}

.case_study_left_box h5 {
  font-weight: 700;
  font-size: 16px;
  color: #000;
  margin-bottom: 25px;
}

.case_study_left_box ul {
  list-style: none;
  margin: 0;
  padding: 0;
  text-align: left;
}

.case_study_left_box ul li {
  font-family: Open Sans;
  font-weight: 400;
  margin-bottom: 15px;
  font-size: 14px;
  color: #000;
}

.case_study_right_box {
  padding: 55px calc(55px - calc(var(--bs-gutter-x) * .5)) 55px calc(55px - calc(var(--bs-gutter-x) * 1));
}

.case_study_right_box ul {
  list-style: none;
  margin: 0;
  padding: 0;
  text-align: left;
}

#seo_results_sec .case_study_right_box h6 {
  font-family: Open Sans;
  font-weight: 400;
  font-size: 14px;
  line-height: 14px;
  color: #000;
  margin-bottom: 8px;
}

#seo_results_sec .case_study_right_box a,
#seo_results_sec .case_study_right_box p {
  font-family: Open Sans;
  font-weight: 400;
  font-size: 14px;
  line-height: 18px;
  color: #999;
  text-decoration: none;
  margin-bottom: 20px;
}

.logo_right img {
  max-height: 70px;
  margin-bottom: 40px;
  width: 200px;
  object-fit: contain;
  object-position: left;
}

.page-template-cost-your-project--template .main_form .checkbox_btns .wpcf7-not-valid-tip {
  position: relative;
}

.modal .modal-dialog {
  border-radius: 50px;
  overflow: hidden;
}

.main_blog_box .custom-post-item:nth-child(1) .post-meta span.post-author {
  margin-right: 15px;
  text-transform: capitalize;
}

.main_blog_box .custom-post-item:nth-child(1) .post-meta span.read-time {
  margin-right: 15px;
}

span.post-author img {
  width: 25px;
  border-radius: 30px;
  margin-right: 5px;
  margin-top: -5px;
}

.post-meta span.post-author,
.post-meta span.read-time {
  margin-right: 5px;
  text-transform: capitalize;
}

.related_blogs h2 {
  font-size: 50px;
  font-family: trebuchet;
  font-weight: 700;
  margin-bottom: 20px;
}

.custom-post-item:nth-child(1) .post-thumbnail a {
  height: 100%;
}

.blog-search-form input.search-field {
  width: 50%;
  height: 64px;
  background: #fff;
  border: none;
  outline: none;
  font-family: "Open Sans", sans-serif;
  font-size: 25px;
  font-weight: 600;
  color: #000;
  padding: 0 25px;
  border-radius: 0;
  position: relative;
  z-index: 1;
  font-size: 20px;
  font-weight: 400;
  border-radius: 50px;
  box-shadow: 0.125em 0.125em 0 0 #8342fb, 0.25em 0.25em 0 0 #8342fb, 0.25em 0.25em 0 0 #8342fb;
  transition: 0.3s;
}

/* proccess animations */

.wrapper_cards_process .card-wrapper {
  width: 100%;
}

.wrapper_cards_process .card-wrapper:last-child {
  margin-bottom: 0;
}

.wrapper_cards_process {
  padding-top: 70px;
}

.wrapper_cards_process .card_cust {
	display: flex;
	align-items: flex-start;
	font-size: 30px;
	border-top: 1px solid #DAC5FF;
	justify-content: space-between;
	padding-bottom: 35px;
	background: #fff;
	margin-top: 30px;
	padding-top: 30px;
	border: 1px solid #EBEBEB;
	border-radius: 20px;
	padding: 40px 80px;
	margin-bottom: 50px;
	margin-top: 0;
}

.wrapper_cards_process .pin-spacer:nth-child(1) .card_cust {
  padding-top: 0;
  border-top: none;
  margin-top: 0px;
}

.wrapper_cards_process .pin-spacer:nth-child(4) .card_cust {
  top: 380px;
  border-bottom: 1px solid #DAC5FF;
  /* position: relative; */
  position: relative;
  top: 0;
  border-bottom: 1px solid #DAC5FF;
}

.wrapper_cards_process .card .count-step-sticky {
  width: 18%;
}

.wrapper_cards_process .card .content-step-sticky {
  width: 82%;
}

.wrapper_cards_process .card .content-step-sticky h3 {
  font-family: Trebuchet MS;
  font-weight: 700;
  font-size: 40px;
  line-height: 100%;
  color: #231f20;
}

.wrapper_cards_process .card .content-step-sticky p {
  font-weight: 400;
  font-size: 18px;
  line-height: 25px;
  color: #231f20;
}

/* proccess animations */

/*commented top*/
.section_apna .cards {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 70vh;
  margin-bottom: 90px;
}

.section_apna .custom-card {
  position: absolute;
  width: 100%;
  top: 0px;
  height: 70vh;
  background: -webkit-linear-gradient(130deg,
      #d754ad 0%,
      #f96785 67%,
      #fe7333 100%);
  background: linear-gradient(-40deg, #d754ad 0%, #f96785 67%, #fe7333 100%);
  color: #fff;
  margin-bottom: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50px;
  box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.2);
}

.section_apna .card1 {}

.section_apna .card2 {
  top: 30px;
}

.section_apna .card3 {
  top: 120px;
}

.section_apna .card4 {
  top: 230px;
}

.section_apna .opacity {
  -moz-transition: 0.4s ease;
  -ms-transition: 0.4s ease;
  -o-transition: 0.4s ease;
  transition: 0.4s ease;
  -webkit-transition: 0.4s ease;
  opacity: 0.6;
}

.section_apna .scale {
  moz-transition: 0.4s ease;
  -ms-transition: 0.4s ease;
  -o-transition: 0.4s ease;
  transition: 0.4s ease;
  -webkit-transition: 0.4s ease;
  width: 95%;
}

/* Stacking Cards Effect */
/* Stacking cards */


/* wordpress page */
#single_Serv_web_second_section .offer_content_right {
  padding: 40px 25px;
  border-radius: 50px;
  transition: 0.3s;
	margin-top: 50px;
}

#single_Serv_web_second_section .offer_content_right:hover {
  box-shadow: 0px 0px 20px 10px #0000000D;
}

#single_Serv_web_second_section .offer_content_right img {
  max-height: 85px;
  width: auto;
  margin-bottom: 30px;
}

#single_Serv_web_second_section .offer_content_right h4 {
  font-family: trebuchet;
  font-weight: 700;
  font-size: 30px;
  line-height: 100%;
  color: #000;
  margin-bottom: 20px;
  line-height: 1.4;
}

#single_Serv_web_second_section .offer_content_right p {
  font-weight: 400;
  font-size: 18px;
  line-height: 1.4;
  text-align: center;
  color: #000;
  margin-bottom: 25px;
}

/* test-sec */
.testimonial-wrapper {
  min-height: 1200px;
}

.testimonial-wrapper.testimonial-wrapper-full {
  max-width: 100%;
  min-height: 1700px;
}

.testimonial-wrapper.testimonial-wrapper-full .testimonial_icon {
  width: 350px;
}

.testimonial-wrapper.testimonial-wrapper-full .testimonial-content-inner {
  width: calc(100% - 350px);
  padding-left: 70px;
}

.testimonial-wrapper.testimonial-wrapper-full .testimonial_icon img {
  width: 100%;
}

.testimonial-sec .testimonial-wrapper.testimonial-wrapper-full .testimonial-box strong,
.testimonial-sec .testimonial-wrapper.testimonial-wrapper-full .testimonial-box h5 {
  margin-bottom: 20px;
}

/* test-sec */
.max_778 {
  max-width: 780px;
}

.max_820 {
  max-width: 820px;
}

body.mega-menu-menu-1.customize-support.mega-menu-menu-1-mobile-open {
  overflow: hidden;
}

.testimonial-sec.testimonial_sec_zigzag .testimonial-box:nth-child(even) {
  direction: rtl;
}
.testimonial-sec.testimonial_sec_zigzag .testimonial-box:nth-child(even) p{
	direction: ltr;
}
.testimonial-sec.testimonial_sec_zigzag .testimonial-wrapper.testimonial-wrapper-full .testimonial_icon img{
	max-height: 300px;
}
/* .testimonial-sec.testimonial_sec_zigzag .elementor-button-link {
  background-color: #8342fb;
  -webkit-box-shadow: 0.125em 0.125em 0 0 #fff, 0.25em 0.25em 0 0 #fff, 0.25em 0.25em 0 0 #fff;
  box-shadow: 0.125em 0.125em 0 0 #fff, 0.25em 0.25em 0 0 #fff, 0.25em 0.25em 0 0 #fff;
  color: #fff;
}

.testimonial-sec.testimonial_sec_zigzag .elementor-button span {
  color: #fff;
}

.testimonial-sec.testimonial_sec_zigzag .elementor-button-link:hover {
  -webkit-box-shadow: 0.125em 0.125em 0 0 #fff, 0.125em 0.125em 0 0 #fff, 0.125em 0.125em 0 0 #fff;
  box-shadow: 0.125em 0.125em 0 0 #fff, 0.125em 0.125em 0 0 #fff, 0.125em 0.125em 0 0 #fff;
  -webkit-transform: translate(0.125em, 0.125em);
  -ms-transform: translate(0.125em, 0.125em);
  transform: translate(0.125em, 0.125em);
} */

.single_serv_con_img img {
  border-radius: 50px;
}

section.proven_section {
  margin-bottom: 90px;
}

section.proven_section h2 {
  color: #000;
  font-weight: 700;
  font-size: 50px;
  margin-bottom: 20px;
  font-family: trebuchet;
}

section.proven_section h2 span {
  color: #8342fb;
}

section.proven_section p {
  margin-bottom: 30px;
}

p {
  font-size: 18px;
}

.box_proven {
  background-color: #F7F3FF;
  border-radius: 50px;
  padding: 25px 25px 35px;
}

.box_proven img {
  border-radius: 50px;
  margin-bottom: 25px;
}

.box_proven ul {
  list-style: none;
  padding: 0;
  margin: 0 0 25px;
}

.box_proven ul li {
  padding-left: 25px;
  position: relative;
  margin-bottom: 15px;
}

.box_proven li:before {
  position: absolute;
  content: "";
  background-color: #bffb4f;
  width: 14px;
  height: 14px;
  border-radius: 14px;
  left: 0;
  top: 4px;
}
section#why_auck_section {
    background: #8342FB;
    padding: 112px 0 0;
}
section#why_auck_section h2 {
    font-weight: 700;
    font-size: 50px;
    margin-bottom: 20px;
    color: #fff;
}
section#why_auck_section p {
    font-weight: 400;
    color: #fff;
    margin-bottom: 135px;
}
.bottom_scroller_cont {
    overflow: hidden;
}
section#why_auck_section h3 {
    font-weight: 700;
    font-size: 96px;
    color: #fff;
    margin-bottom: 0;
    position: relative;
    bottom: -15px;
	    text-wrap-mode: nowrap;
}
section.top_testimonial_sec_cost {
    padding: 50px 0;
}
section.top_testimonial_sec_cost p {
    padding-right: 30px;
}
.auck_lead_des{
	padding: 70px 0 0;
	background: #000;
}
.auck_lead_des h2{
font-weight: 700;
font-size: 50px;
    color: #fff;
	margin-bottom; 50px;
	    max-width: 600px;
	margin-bottom: 45px;
}
.auck_lead_left_cont{
	margin-bottom: 30px;
}
.auck_lead_des p{
	 color: #fff;
}
._img_blk_sec{
	margin-bottom: -65px;
}
.testimonial-sec.testimonial_sec_cost .testimonial-wrapper{
	max-width: 700px;
	    min-height: 1500px;
}
.testimonial-sec.testimonial_sec_cost .testimonial-box{
	padding; 70px;
}
.testimonial-sec.testimonial_sec_cost .testimonial-box h5{
font-weight: 700;
font-size: 36px;
margin-bottom: 40px;
}
.testimonial-sec.testimonial_sec_cost .testimonial-box h6{
font-weight: 400;
font-size: 18px;
	    line-height: 24px;
}
section#tech_section .d_rtl {
    direction: rtl;
}
section#tech_section .d_rtl .tech_left {
    text-align: left;
    padding-right: 0;
    padding-left: 30px;
    direction: ltr;
}
.web_ser_ready{
	max-width: 875px;
	margin: 0 auto;
}
.up_part#partner_section h2{
	max-width: 700px;
}	
img.modal_icon_auck{
	    width: 344px;
    position: relative;
    top: -202px;
}
section.testimonial-sec.testimonial_sec_cost .testimonial-content-inner{
	max-width: 100%;
	width: 100%;
}
/* overall responsive */
/************** media queriess *********/
@media (max-width: 1024px) {
	.auck_lead_des h2{
		font-size: 36px;
	}
	.auck_lead_left_cont{
		margin-top; 30px;
	}
	.count_cont{
		margin-bottom: 15px;
	}
	.wh_col_7 {
    padding-left: 0;
    text-align: center;
}
	.count_cont h5{
		margin-bottom: 30px;
	}
	#single_serv_process_sec .wrapper_cards_process .card_des{
		    padding: 30px 50px;
	}
	#single_serv_process_sec .wrapper_cards_process .card_des h3{
		font-size: 24px;
	}
	section#why_auck_section h2{
		font-size: 36px;
	}
	.mob_or_1{
		order: 1;
	}
	.mob_or_2{
		order: 2;
	}
	section#why_auck_section h3{
		font-size: 54px;
	}
	img.modal_icon_auck{
		margin-top: -202px;
		    width: 200px;
		top: 0;
	}
	section#why_auck_section p{
		margin-bottom: 50px;
	}
	section.top_testimonial_sec_cost p
Specificity: (0,1,2)
 {
    padding-right: 0;
}
	
  .blog-search-form input.search-field {
    font-size: 16px;
    height: 50px;
    width: 100%;
  }

  article.custom-post-item {
    border-radius: 30px;
  }

  .post_content {
    padding: 30px 15px;
  }

  .main_blog_box .custom-post-item:nth-child(1) {
    padding: 50px 25px;
  }

  .main_blog_box .custom-post-item:nth-child(1) .post_content {
    padding: 10px 5px;
  }

  article.custom-post-item h2 a {
    font-size: 26px;
    line-height: 32px;
  }

  .main_blog_box .custom-post-item:nth-child(1) .post-meta span.post-author,
  .main_blog_box .custom-post-item:nth-child(1) .post-meta span.read-time {
    margin-right: 5px;
  }

  .post-meta.post-meta-first span {
    margin-bottom: 5px;
    font-size: 12px;
  }

  .post-meta.post-meta-first span img,
  span.post-author img {
    width: 17px
  }

  .post-meta.post-meta-all {
    font-size: 10px;
  }

  .post-categories a {
    padding: 3px 12px;
    font-size: 12px;
  }

  #home_banner .partners {
    justify-content: center;
    gap: 25px;
  }

  #home_banner .partners .label_partner {
    width: 100%;
  }

  .partners img {
    width: 75px;
  }

  #home_banner .content_con,
  #home_banner .btn_con {
    text-align: center;
  }

  #home_sec_1 .main_wrapper .title_con {
    padding-left: 10px;
    padding-right: 10px;
  }

  .serv_main_home#home_sec_1 .main_wrapper .services_wrapper .services .service {
    padding: 35px 20px;
  }

  #home_sec_1 .main_wrapper .services_wrapper .services .service .content_con .img_con img {
    max-width: 150px;
  }

  .serv_main_home#home_sec_1 .main_wrapper .services_wrapper .services .service .content_con .left h6 {
    font-size: 30px;
    line-height: 30px;
    min-height: initial;
  }

  .serv_main_home#home_sec_1 .main_wrapper .services_wrapper .services .service .content_con .left h6 i {
    display: inline-block;
  }

  #home_sec_1 .main_wrapper .services_wrapper .services .service .hover_content ul li {
    font-size: 12px;
    padding-left: 20px;
  }

  #home_sec_1 .main_wrapper .services_wrapper .services .service ul.wp-block-list li:before {
    width: 16px;
    height: 16px;
  }

  section.lets-talk .title_con {
    gap: 15px;
  }

  section.lets-talk .title_con h2 {
    font-size: 50px;
    min-width: 230px;
  }

  section.lets-talk:hover .title_con {
    transform: translateX(0px);
  }

  section.lets-talk {
    padding: 50px 0;
  }

  .contact-sec .black-box {
    padding: 54px 34px;
    border-radius: 50px;
  }

  section#home_sec_3 .top_content_con {
    padding-left: 10px;
    padding-right: 10px;
  }

  .work_card.work_card_latest a.d-block {
    height: auto;
  }

  .work_card.work_card_latest a.d-block img {
    width: 200px;
    max-height: 250px;
  }

  .work_card_latest h2 {
    min-height: initial;
    font-size: 25px;
    line-height: 30px;
  }

  .testimonial-wrapper {
    padding-right: 12px;
  }

  html body .testimonial-sec .testimonial-box:nth-child(n),
  .testimonial-sec .testimonial-box {
    padding: 20px 20px;
    margin-bottom: 30px;
  }

  .testimonial_icon img {
    width: 46px;
  }

  .testimonial-sec .testimonial-content p {
    font-size: 16px;
    line-height: 1.4;
  }

  .testimonial-sec .testimonial-box strong,
  .testimonial-sec .testimonial-box h5 {
    font-size: 20px;
  }

  .testimonial-content.d-flex.gap-3 {
    gap: 10px !important;
  }

  .testimonial-sec h3 {
    max-width: 100%;
    font-size: 30px;
    line-height: 40px;
  }

  .testimonial-sec .title_con {
    margin-bottom: 50px;
  }

  .faq-section .faq-item strong {
    font-size: 20px;
  }

  .faq-section .faq-item p {
    font-size: 16px;
  }

  .top_sec_ser {
    padding: 30px 30px 0;
  }

  .team_img_con {
    align-items: flex-end;
    overflow: hidden;
  }

  .team_card img {
    width: 100%;
    object-fit: cover;
  }

  .about_inner_choose {
    height: auto;
    overflow: auto;
    padding-right: 0;
  }

  .choose_content p,
  .choose_content ul li {
    font-size: 16px;
  }

  .page-template-about-us .testimonial-sec .title_con {
    margin-bottom: 0;
  }

  .page-template-about-us section#ready_sec {
    padding-top: 0;
  }

  .ready_btns a {
    margin-right: 0;
    margin-bottom: 15px;
    padding: 20px 20px;
    font-size: 16px;
    width: 100%;
    text-align: center;
  }

  #ready_sec p {
    text-align: center;
  }

  #team_sec .modal.fade .modal-dialog {
    height: auto;
    max-width: 95% !important;
    width: 100%;
    margin: 25px auto !important;
  }

  .team_modal_head {
    padding: 15px 15px 0;
  }

  #team_sec .modal.fade .modal-dialog .modal-body .team_modal_content h3 {
    font-size: 22px;
    margin-bottom: 5px;
  }

  .team_modal_body {
    padding: 15px;
  }

  .team_modal_content button.btn-closes {
    top: 10px;
    right: 10px;
  }

  .team_modal_content button.btn-closes {
    width: 31px;
    height: 31px;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .team_modal_content button.btn-closes img {
    width: 20px;
  }

  .team_modal_head {
    align-items: flex-end;
  }

  #team_sec .modal.fade .modal-dialog .modal-body .team_modal_content h5 {
    margin-bottom: 15px;
  }

  .mega-toggle-blocks-left,
  .mega-toggle-blocks-center {
    display: none !important;
  }

  #mega-menu-wrap-menu-1 .mega-menu-toggle .mega-toggle-blocks-right {
    justify-content: center;
  }
}

@media (max-width: 767px) {
	.cont_loop_creative h3{
		    font-size: 18px;
	}
	.cont_loop_creative{
		padding: 15px 24px;
	}
	.cont_loop_creative{
		    padding: 10px 15px;
	}
.testimonial-sec.testimonial_sec_cost .testimonial-box h5 {
    font-weight: 700;
	font-size: 22px;
	}
  .single-post-container h1.post-title,
  .related_blogs h2 {
    font-size: 28px;
  }

  body.wp-singular.post-template-default.single.single-post #inner_banner {
    min-height: 350px;
  }

  body.wp-singular.post-template-default.single.single-post .inner_banner_arrow img {
    width: 25px;
    position: relative;
    top: -20px;
  }

  .inner_banner_arrow img {
    width: 25px;
  }

  .custom-posts-container {
    max-width: 95%;
    margin: 0 auto;
  }

  .testimonial-sec .testimonial-box h6 {
    min-height: 28px;
  }


  .testimonial-sec .testimonial-wrapper {
    height: 1200px;
  }

  #home_sec_1 .main_wrapper .services_wrapper .services .service ul.wp-block-list li:before {
    width: 14px;
    height: 14px;
    top: 2px;
  }

  .partner_rep li {
    width: 33%;
    text-align: center;
  }

  .partner_rep li img {
    max-width: 90px;
  }
}

@media (max-width: 400px) {
  .testimonial-sec .testimonial-content p {
    min-height: 200px;
  }
}

/*  */

.wrapper_cards_process_new {
  font-weight: 300;
  margin: 0;
  padding: 0px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #F4F4F4;
}

.body1 {
  overflow: hidden;
  /* height: 100vh; */
  width: 100vw;
}

.body1 h1 {
  /* margin-bottom: 80vh; */
}

.container1 {
  /* padding-top: 100vh; */
  display: flex;
}

.cards_custs_up {
  margin-left: 100px;
}

.card_custs_up {
  /* height: 200px; */
  /* width: 400px; */
  margin-bottom: 50px;
  background: white;
  font-size: 36px;
}

.card_custs_up:first-child {
  box-shadow: 0px 0px 30px 3px rgba(0, 0, 0, 0.05);
}

.container2 {
  padding-top: 40px;
  width: 100%;
  height: 150vh;
  border-top: 1px solid red;
}

@media screen and (max-width: 1024px) {
	section.testimonial-sec.testimonial_sec_zigzag .testimonial-content.d-flex.gap-3 {
    flex-wrap: wrap;
}
	section.testimonial-sec.testimonial_sec_zigzag .testimonial-wrapper.testimonial-wrapper-full .testimonial_icon
 {
    width: 100%;
}
		section.testimonial-sec.testimonial_sec_zigzag .testimonial-wrapper.testimonial-wrapper-full .testimonial_icon img
 {
	     max-height: 175px;
}
	section.testimonial-sec.testimonial_sec_zigzag .testimonial-wrapper.testimonial-wrapper-full .testimonial-content-inner
 {
    width: 100%;
    padding-left: 0;
}
	    section.testimonial-sec.testimonial_sec_zigzag .testimonial-wrapper.testimonial-wrapper-full .testimonial-content-inner p {
        min-height: initial;
    }
	.testimonial-wrapper.testimonial-wrapper-full{
		min-height: 1900px;
	}
	
  /* 	menu */
  #mega-menu-wrap-menu-1 .mega-menu-toggle .mega-toggle-block-1 .mega-toggle-animated-inner,
  #mega-menu-wrap-menu-1 .mega-menu-toggle .mega-toggle-block-1 .mega-toggle-animated-inner::before,
  #mega-menu-wrap-menu-1 .mega-menu-toggle .mega-toggle-block-1 .mega-toggle-animated-inner::after,
  #mega-menu-wrap-menu-1 .mega-menu-toggle .mega-toggle-block-1 .mega-toggle-animated-box {
    width: 30px;
  }

  #mega-menu-wrap-menu-1 .mega-menu-toggle {
    width: 43px;
    height: 43px;
  }
	
  #mega-menu-wrap-menu-1 .mega-menu-toggle+#mega-menu-menu-1 {
    position: fixed;
    left: 0 !important;
    top: 0;
    padding-top: 60px;
	  padding-bottom: 25px;
    min-height: 50vh;
    display: flex !important;
    transform: translateX(-100%);
    transition: 0.5s;
    flex-direction: column;
    justify-content: center;
  }

  #mega-menu-wrap-menu-1 .mega-menu-toggle.mega-menu-open+#mega-menu-menu-1 {
    transform: translateX(0%);
  }

  #masthead .left_con {
    position: relative;
    z-index: 999999999;
  }

  #mega-menu-wrap-menu-1 .mega-menu-toggle {
    position: relative;
    z-index: 999999999;
    border-radius: 50px;
    height: 52px;
    width: 52px;
    background: #8342fb;
    overflow: hidden;
  }


  .i2-wrapper {
    font-size: 24px;
    line-height: 33px;
    min-height: 37px;
  }

  #masthead .left_con img {
    /*     width: 56px; */
    height: 30px;
  }

  /* 	menu */
	
  .address_bar_menu {
    position: fixed;
    background: #8342fb;
    left: 0;
    bottom: 0;
    min-height: 50vh;
    display: flex;
    align-items: center;
    padding: 25px;
    width: 100%;
    transform: translateX(-100%);
    transition: 0.5s;
  }

  .mega-menu-menu-1-mobile-open .address_bar_menu {
    transform: translateX(0%);
  }

  .mega-menu-menu-1-mobile-open.home .i2-wrapper {
    color: #fff;
  }

  .address_bar_menu ul {
    list-style: none;
    text-align: left;
    margin-left: 0;
    padding-left: 0;
  }

  .address_bar_menu ul h3,
  .address_bar_menu ul a {
    color: #fff;
  }

  .address_bar_menu ul li {
    margin-bottom: 30px;
  }

  .address_bar_menu ul li:nth-child(3) {
    margin-bottom: 0;
  }

  .address_bar_menu ul h3 {
    margin-bottom: 10px;
    font-size: 18px;
  }

  .address_bar_menu ul address,
  .address_bar_menu ul a {
    margin-bottom: 0;
  }

  html #mega-menu-wrap-menu-1 #mega-menu-menu-1 li.mega-menu-item>ul.mega-sub-menu {
    display: block;
    position: fixed;
    width: 100%;
    left: 0;
    transform: translateX(200%);
    transition: 0.5s;
    border-radius: 0 !important;
    box-shadow: none;
  }

  html #mega-menu-wrap-menu-1 #mega-menu-menu-1 li.mega-menu-item.mega-toggle-on>ul.mega-sub-menu {
    transform: translateX(0%);
	  position:unset;
  }
	/* mobile menu */
.mobile_menu_box {
  position: fixed;
  width: 100%;
  height: 100vh;
  top: 0;
  left: 0;
transform: translateX(-100%);
}
.menu_open .mobile_menu_box {
	transform: translatex(0);
}
	.menu_open .mobile_menu_box #mega-menu-wrap-menu-1 .mega-menu-toggle + #mega-menu-menu-1{
		display: block;
	}
	.mobile_menu_box .address_bar_menu{
		display: block;
	}
.top_menu_mob {
  min-height: 50vh;
}
.top_menu_mob #mega-menu-wrap-menu-1 .mega-menu-toggle + #mega-menu-menu-1,
.mobile_menu_box .address_bar_menu{
	position: unset;
	min-height: 50vh;
	transform: translateX(0%);
}
.mobile_menu_box .mega-menu-toggle {
  display: none !important;
}
.mega_menu_toggle {
  position: relative;
  padding: 1.5rem;
  display: flex;
  align-content: center;
  justify-content: center;
  padding: 0;
  width: 40px;
  height: 40px;
  border-radius: 40px;
  background: #8342fb;
	z-index: 999999999;
}

.menu_toggle_mobile {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%) scale(0.7);
  height: 26px;
  width: 29px;
  background: #8342fb;
}
  .menu_toggle_mobile:hover {
/*     color: #000; */
  }

.menu-toggle-bar {
  display: block;
  position: absolute;
  top: 50%;
  margin-top: -1px;
  right: 0;
  width: 100%;
  height: 4px;
  border-radius: 4px;
  background-color: white;
  transition: all 0.3s ease;
}
  .menu-toggle-bar.menu-toggle-bar--top {
    transform: translate(0, -8px);
  }
  .menu-toggle-bar.menu-toggle-bar--middle {
  }
  .menu-toggle-bar.menu-toggle-bar--bottom {
    transform: translate(0, 8px);
  }

  .nav-open .menu-toggle-bar--top {
      transform: translate(0, 0) rotate(45deg);
    }
    .nav-open .menu-toggle-bar--middle {
      opacity: 0;
    }
    .nav-open .menu-toggle-bar--bottom {
      transform: translate(0, 0) rotate(-45deg);
    }
/* mobile menu */
	.right_con_desk{
		display: none;
	}
	.mobile_only.d-none{
		display: block !important;
	}
	 .right_con .elementor-button-wrapper {
    display: none;
  }
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
	#signup_before_footer form p{
		flex-wrap: wrap;
	}
	.feature_box ul{
		flex-wrap: wrap;
		gap: 15px;
	}
	.feature_box ul li{
		    width: calc(50% - 15px);
	}
}
@media screen and (min-width: 1025px) and (max-width: 1399px) {
	#mega-menu-wrap-menu-1 #mega-menu-menu-1>li.mega-menu-item{
		    padding-left: 10px;
    padding-right: 10px;
	}
	#book_serv h3{
		    font-size: 60px;
	}
	#masthead .left_con img {
    height: 34px;
}
	.i2-wrapper{
		font-size: 24px;
	}
	.work_card_latest h2 {
        font-size: 30px;
        line-height: 32px;
        min-height: 100px;
    }
	.cost_bg{
		    padding: 60px 40px;
    margin: 15px 0;
	}
	.cost_bg h2{
		font-size: 36px;
	}
	#signup_before_footer .left_con h2{
		font-size: 24px;
	}
}

@media (max-width: 991px) { 
	.feature_box ul{
		flex-wrap: wrap;
		gap: 15px;
	}
	.feature_box ul li{
		    width: calc(50% - 15px);
	}
	.service-template-service-website-design-dev .wrapper_cards_process .card_cust {
		padding: 30px;
	}
	.service-template-service-website-design-dev .wrapper_cards_process{
		padding-top: 0;
	}
	.service-template-service-website-design-dev #single_serv_process_sec .steps-sticky-wrap h2 {
		padding-top: 0;
		padding-bottom: 30px;
	}
	.service-template-service-website-design-dev .content-step-sticky br {
		display:none;
	}
	.clutch_img {
		max-width: 360px;
		margin: 0 auto;
		padding-top: 50px;
	}
	.cont_creative_slide_tab {
		max-width:100% !important;	
	}
	.cont_creative_slide_tab_right {
		padding-left:0px !important;
	}
	.slide_tab_row_wrap {
    	padding: 50px 0 20px !important;
	}
	#tabImage {
		padding-left:0 !important;
		padding-top:40px !important;
		height: 400px;
        width: 100%;
        object-fit: cover;
	}
	.cont_creative h2 {
		font-size:35px !important;
	}
	.ben_img_1 {
		padding-bottom:50px;
	}
	    html body.postid-2487 .testimonial-sec .testimonial-box:nth-child(n), .postid-2487 .testimonial-sec .testimonial-box {
        padding: 40px 40px;
        margin-bottom: 30px;
    }
	.img_creative {
		margin-left: 0px !important;
		margin-top: 20px;
	}
	.postid-2487  #ready_sec p {
		text-align:center;
	}
} 
@media (max-width: 480px) { 
	#single_serv_process_sec .steps-sticky-wrap .count-step-sticky {
    width: 20%;
}
	.count-step-sticky span {
		font-weight: 700;
    	font-size: 50px;
	}
	#single_serv_process_sec .steps-sticky-wrap .content-step-sticky {
    	width: 75%;
	}
	#single_serv_process_sec .steps-sticky-wrap .content-step-sticky h3 {
    font-size: 28px;
	}
	#single_serv_process_sec .steps-sticky-wrap .content-step-sticky p {
		margin-bottom:0;
	}
	.wrapper_cards_process .card_cust {
		margin-bottom:25px;
	}
	.img_serv_wrap {
    	height: 500px;
	}
	 #single_serv_process_sec {
        padding: 40px 0 40px;
    }
	#engage_sec {
        padding: 40px 0 40px 0;
    }
	#engage_sec h2 {
        font-size: 25px;
        padding-bottom: 25px;
    }
	.single_serv_con p {
        padding-top: 0px;
	}
	 .single_serv_con h3 {
        font-size: 22px;
    }
    #book_serv h3 {
        font-size: 25px;
    }
	#faq_sec h2, #serv_ready2 h3, #signup_before_footer .left_con h2,.single_serv_con h2 {
        font-size: 28px;
    }
	.cont_loop_creative {
    	padding: 15px 0px !important;
	}
	.cont_loop_creative h3 {
		font-size:25px !important;
	}
}

/* appearance customizer */
.related_blogs article.custom-post-item h2 a{
	    font-size: 20px;
    line-height: 28px;
	    margin-bottom: 0px;
}
.related_blogs .post-meta.post-meta-all{
	margin-bottom: 0;
}
.related_blogs article.custom-post-item img.post-featured-image.wp-post-image,
.related_blogs .post-thumbnail{
	height: 150px;
}
.related_blogs .post-row{
/* 	justify-content: center; */
}
.related_blogs .post-categories.mb-0 {
    display: none;
}
section.content_blogs.related_blogs.py-5 {
    background-color: #f6f6f7;
}
section.content_blogs.related_blogs span.read-time {
    display: none;
}
section.content_blogs.related_blogs .post-author {
    border-right: 1px solid #ababb0;
    padding-right: 10px;
}
section.content_blogs.related_blogs .post_content {
    padding: 25px 15px;
}
section.content_blogs.related_blogs .post-excerpt {
	font-size: 15px;
}
@media (min-width: 1200px) {
    .related_blogs .custom-post-item {
        flex: 0 0 auto;
        width: calc(33.3334% - 35px);
			    border-radius: 25px;
    }
}
.post-excerpt {
    font-size: 18px;
    color: #000;
    font-family: "Open Sans", sans-serif;
}
.post-excerpt a{
/* 	text-transform: capitalize; */
	font-weight: 700;
}
.logged-in .header_fixed{
	top: 0;
}
.logged-in .scroll-progress-bar{
	z-index: 999999;
}
.pkg_wrp {
    background: #FFFFFF;
    border-radius: 50px;
    padding: 0 0;
}
.empty_head_b_right {
        border-right: 1px solid #E5E5E5;
    padding: 35px calc(var(--bs-gutter-x) * .5) 0 0;
    width: 100%;
    height: 100%;
}
.scnd_head_b_right {
    border-right: 1px solid #E5E5E5;
    padding: 35px calc(var(--bs-gutter-x) * 1) 30px 0;
}
.thrd_head_b_right {
    border-right: 1px solid #E5E5E5;
    padding: 35px calc(var(--bs-gutter-x) * 1) 30px 0;
}
.frth_head_b_none {
    padding: 35px calc(var(--bs-gutter-x) * 1) 30px 0;
}
.pkg_head {
    position: sticky;
    top: 0;
    background: #fff;
    z-index: 9;
    padding-bottom: 30px;
/*     box-shadow: 0 0 9px 1px rgba(0, 0, 0, 0.1); */
	border-bottom: 1px solid #E5E5E5;
    padding: 0 20px 0;
	    border-radius: 50px 50px 0 0;
}
.pkg_head h3 {
    font-weight: 700;
    font-size: 30px;
    color: #8342FB;
    max-width: 250px;
}
.pkg_head p {
    font-weight: 400;
    font-size: 15px;
	margin-bottom: 0;
}
.pkg_head .package_inner p {
    font-weight: 700;
    font-size: 50px;
    color: #8342FB;
}
.pkg_head .package_inner .gst {
    font-weight: 700;
    font-size: 12px;
    color: #000;
}
.pkg_body{
	background: #f7f3ff;
    padding: 0;
    border-radius: 0 0 50px 50px;
}
.pkg_body_inner{
	padding: 0 20px;
}
.pkg_body .conf_row {
    background: #fff;
    padding: 20px;
    font-weight: 700;
    font-size: 25px;
    color: #000;
	    position: sticky;
    top: 403px;
    top: 359px;
	z-index: 9;
}
.pkg_body .conf_row h4{
	font-weight: 700;
    font-size: 25px;
    color: #000;
	margin-bottom: 0;
}
.body_row_1{
	    background: #f7f3ff;
	    position: sticky;
    top: 429px;
}
.pkg_body_inner h5 {
    margin: 0;
    font-size: 15px;
    font-weight: 400;
}
.pkg_body_inner .row {
    padding-bottom: 15px;
    padding-top: 15px;
    border-bottom: 1px solid #fff;
}
.pkg_body_inner .row:nth-last-child(1){
	border: none;
}
.pkg_footer {
    padding: 15px 20px;
    background: #fff;
	    border-radius: 0 0 50px 50px;
}
.pkg_footer p {
    font-size: 9px;
    line-height: 12px;
    margin: 0;
}
.toggle_btn {
    color: #000000;
    font-family: trebuchet;
    font-size: 18px;
    line-height: 1em;
    background-color: #bffb4f;
    border-radius: 50px;
    padding: 5px 5px;
    text-decoration: none;
    text-align: center;
    text-transform: uppercase;
    height: 45px;
    box-shadow: 0.125em 0.125em 0 0 #241f20, 0.25em 0.25em 0 0 #241f20, 0.25em 0.25em 0 0 #241f20;
    transition: 0.3s;
    min-width: 230px;
    display: inline-flex;
    align-items: center;
	position: relative;
}
.toggle_btn span{
	position: relative;
	z-index: 1;
	width: 50%;
	text-align: center;
}
.monthly_span{
	color: #fff;
}
.toggle_btn span.bg_btn {
    position: absolute;
    width: 50%;
    height: 100%;
    background: #8342FB;
    left: 0;
    border-radius: 50px;
	transition: 0.3s;
}
.toggle_btn_year{
	position: relative;
	    width: auto;
    display: inline-block;
	margin-top: 45px;
}
.toggle_btn_year input{
	position: absolute;
	left: 0;
	top: 0;
	z-index: 9;
	width: 100%;
	height: 100%;
	opacity: 0;
	cursor: pointer;
}
.toggle_btn_year input:checked + .toggle_btn span.bg_btn{
	left: 50%;
}
.toggle_btn_year input:checked + .toggle_btn span.monthly_span{
	color: #000;
}
.toggle_btn_year input:checked + .toggle_btn span.yearly_span{
	color: #fff;
}
.grecaptcha-badge {
    opacity: 0 !important;
	visibility: hidden;
}
/* pkgs */
.slide_tab .progress-bar-wrap {
  width: 0%;
  height: 5px;
  background-color: #007bff;
  transition: width 5s linear;
}
.slide_tab .nav-link {
  cursor: pointer;
}
.progress-bar-wrap {
  transform-origin: left;
  transition: transform 5s linear;
  height: 5px;
  background-color: #007bff;
}
.slide_tab button.accordion-button {
    color: #000;
    font-size: 24px;
    box-shadow: none !important;
    outline: none !important;
    background: transparent !important;
	padding: 0;
	font-weight: 700;
}
.slide_tab .progress-wrap {
    height: 1px;
    background-color: #B9C0EA;
    border-radius: 0;
	margin-top: 25px
}
.accordion-collapse p{
	margin-bottom: 0;
}
.slide_tab .progress-bar-wrap{
    height: 1px;
}
.slide_tab .accordion-item{
    box-shadow: none !important;
    outline: none !important;
    border: none;
    background: transparent !important;
	padding: 25px 0 0 0;
}
.slide_tab .accordion-item .accordion-body{
	padding-left: 0;
	padding-bottom: 0;
}
.accordion-button::after{
    display: none !important;
}
.progress-bar-wrap{
	opacity: 0;
}
.accordion-collapse.show + .progress-wrap .progress-bar-wrap {
    opacity: 1;
}
.slide_tab .collapse:not(.show) {
    display: block;
}
/* Smooth fade-slide effect */
.accordion-collapse {
/*   transition: max-height 0.5s ease, opacity 0.5s ease; */
  overflow: hidden;
  opacity: 0;
  max-height: 0;
}

.accordion-collapse.show {
	transition: max-height 0.7s ease, opacity 0.7s ease;
  opacity: 1;
  max-height: 500px; /* Adjust based on expected content height */
}
#tabImage {
  transition: opacity 0.5s ease-in-out;
	padding-left: 50px;
}
.cont_creative_slide_tab_right{
	padding-left: 50px;
}
.cont_creative_slide_tab {
    max-width: 500px;
}
.slide_tab_row_wrap{
	padding: 130px 0 110px;
}
.ben_img_wrap.ben_img_2.ben_img_2_1 img {
    border-radius: 50px 0 50px 50px;
}
.benefits_section_wrap{
	margin-top: 90px;
}
._img_blk_sec{
	max-width: 590px;
}
#benefits_section .flex-row h2 {
    font-weight: 700;
    font-size: 50px;
    margin-bottom: 20px;
    color: #fff;
}
#benefits_section .flex-row p {
    font-weight: 400;
    color: #fff;
    margin-bottom: 50px;
}

/* tabs */
.cont_creative h2 {
    font-weight: 700;
    font-size: 50px;
    margin-bottom: 30px;
    color: #8342fb;
}
.img_creative{
	margin-left: 50px;
	overflow: hidden;
	border-radius: 40px;
}
.img_creative img{
	max-width: 100%;
	transition: 0.3s;
}
.img_creative:hover img{
	transform: scale(1.1);
}
hr.creat_hr {
    background: #AFB6E5;
    color: #AFB6E5;
    margin: 40px 0;
}
.cont_loop_creative {
	padding: 24px;
	border-radius: 40px;
	position: relative;
	overflow: hidden;
	cursor: pointer;
	transition: 0.3s;
}
/* .cont_loop_creative:hover{
	background-image: url(/wp-content/uploads/2025/08/creative_right_img.png);
} */
.bd_loop_creative{
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	border-bottom: 1px solid #B9C0EA;
}
.bg_loop_creative{
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	opacity: 0;
	transition: 0.3s;
}
.cont_loop_creative:not(:hover) .bg_loop_creative {
/*   background: none !important; */
}

.cont_loop_creative:hover .bg_loop_creative{
		background-image: url(/wp-content/uploads/2025/08/creative_right_img.png);
	opacity: 1;
}
.shad_loop_creative{
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	background: rgba(0,0,0,0.5);
	opacity: 0;
	transition: 0.3s;
}
.cont_loop_creative:hover .shad_loop_creative{
	opacity: 1;
}
.cont_loop_creative h3{
	margin-bottom: 0;
	color: #fff;
	position: relative;
	display; flex;
	align-items: center;
	transform: translatex(-42px);
	font-size: 35px;
	transition: 0.3s;
	color: #000;
}
.cont_loop_creative:hover h3{
	transform: translatex(0px);
	color: #fff;
}
.cont_loop_creative img{
	width: 42px;
	transform: translatey(10px) rotate(-45deg) scale(0);
	transition: 0.3s;
}
.cont_loop_creative:hover img{
	transform: translatey(0px) rotate(-45deg) scale(1);
}
/* wp new */
#ajaxsearchlite1 .probox .proinput input,
div.asl_w .probox .proinput input {
	font-size: 28px !important;
	color: #fff !important;
}

@media(max-width: 786px) {
	#ajaxsearchlite1 .probox .proinput input,
	div.asl_w .probox .proinput input {
		font-size: 20px !important;
	}
}
.page-id-1446 main#primary {
    padding: 80px 50px;
}
.page-id-1446 main#primary h1{
		font-size:26px;
	padding: 20px 0;
	text-transform:uppercase;
	font-weight:700;
}
.page-id-1446 main#primary h2, .page-id-1446 main#primary h4{
	font-size:23px;
	padding: 20px 0;
}
.page-id-1446 main#primary h3{
		font-size:20px;
	padding: 20px 0;
}
.page-id-1446 main#primary p, .page-id-1446 main#primary ul li{
	font-size:14px;
}
@media (max-width:991px){
	.page-id-1446 main#primary {
    padding: 70px 20px;
}
}
.odometer.odometer-auto-theme, .odometer.odometer-theme-default {
  display: -moz-inline-box;
  -moz-box-orient: vertical;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  position: relative;
}
.odometer.odometer-auto-theme, .odometer.odometer-theme-default {
  *display: inline;
}
.odometer.odometer-auto-theme .odometer-digit, .odometer.odometer-theme-default .odometer-digit {
  display: -moz-inline-box;
  -moz-box-orient: vertical;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  position: relative;
}
.odometer.odometer-auto-theme .odometer-digit, .odometer.odometer-theme-default .odometer-digit {
  *display: inline;
}
.odometer.odometer-auto-theme .odometer-digit .odometer-digit-spacer, .odometer.odometer-theme-default .odometer-digit .odometer-digit-spacer {
  display: -moz-inline-box;
  -moz-box-orient: vertical;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  visibility: hidden;
}
.odometer.odometer-auto-theme .odometer-digit .odometer-digit-spacer, .odometer.odometer-theme-default .odometer-digit .odometer-digit-spacer {
  *display: inline;
}
.odometer.odometer-auto-theme .odometer-digit .odometer-digit-inner, .odometer.odometer-theme-default .odometer-digit .odometer-digit-inner {
  text-align: left;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  overflow: hidden;
}
.odometer.odometer-auto-theme .odometer-digit .odometer-ribbon, .odometer.odometer-theme-default .odometer-digit .odometer-ribbon {
  display: block;
}
.odometer.odometer-auto-theme .odometer-digit .odometer-ribbon-inner, .odometer.odometer-theme-default .odometer-digit .odometer-ribbon-inner {
  display: block;
  -webkit-backface-visibility: hidden;
}
.odometer.odometer-auto-theme .odometer-digit .odometer-value, .odometer.odometer-theme-default .odometer-digit .odometer-value {
  display: block;
  -webkit-transform: translateZ(0);
}
.odometer.odometer-auto-theme .odometer-digit .odometer-value.odometer-last-value, .odometer.odometer-theme-default .odometer-digit .odometer-value.odometer-last-value {
  position: absolute;
}
.odometer.odometer-auto-theme.odometer-animating-up .odometer-ribbon-inner, .odometer.odometer-theme-default.odometer-animating-up .odometer-ribbon-inner {
  -webkit-transition: -webkit-transform 2s;
  -moz-transition: -moz-transform 2s;
  -ms-transition: -ms-transform 2s;
  -o-transition: -o-transform 2s;
  transition: transform 2s;
}
.odometer.odometer-auto-theme.odometer-animating-up.odometer-animating .odometer-ribbon-inner, .odometer.odometer-theme-default.odometer-animating-up.odometer-animating .odometer-ribbon-inner {
  -webkit-transform: translateY(-100%);
  -moz-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  -o-transform: translateY(-100%);
  transform: translateY(-100%);
}
.odometer.odometer-auto-theme.odometer-animating-down .odometer-ribbon-inner, .odometer.odometer-theme-default.odometer-animating-down .odometer-ribbon-inner {
  -webkit-transform: translateY(-100%);
  -moz-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  -o-transform: translateY(-100%);
  transform: translateY(-100%);
}
.odometer.odometer-auto-theme.odometer-animating-down.odometer-animating .odometer-ribbon-inner, .odometer.odometer-theme-default.odometer-animating-down.odometer-animating .odometer-ribbon-inner {
  -webkit-transition: -webkit-transform 2s;
  -moz-transition: -moz-transform 2s;
  -ms-transition: -ms-transform 2s;
  -o-transition: -o-transform 2s;
  transition: transform 2s;
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
}

.odometer.odometer-auto-theme, .odometer.odometer-theme-default {
  font-family: "Helvetica Neue", sans-serif;
  line-height: 1.1em;
}
.odometer.odometer-auto-theme .odometer-value, .odometer.odometer-theme-default .odometer-value {
  text-align: center;
}
#home_sec_1
  .main_wrapper .services_wrapper .services .service .content_con .img_con img {
  max-height: 100% !important;
/* 		max-width:60% !important; */
		max-width: 175px !important;
		height: auto !important;
}

@media (min-width: 991px) {
   html body #masthead .container-fluid,
   html body #colophon .container-fluid{
        padding-left: 35px;
        padding-right: 35px;
    }
}